* {
    box-sizing: border-box
}

#mainwrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden
}

    #mainwrapper:before, #mainwrapper:after {
        content: " ";
        display: table
    }

    #mainwrapper:after {
        clear: both
    }

#header {
    margin-left: -15px;
    margin-right: -15px
}

    #header:before, #header:after {
        content: " ";
        display: table
    }

    #header:after {
        clear: both
    }

    #header .skiplinks {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1200px
    }

        #header .skiplinks:before, #header .skiplinks:after {
            content: " ";
            display: table
        }

        #header .skiplinks:after {
            clear: both
        }

    #header .logo {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1200px
    }

        #header .logo:before, #header .logo:after {
            content: " ";
            display: table
        }

        #header .logo:after {
            clear: both
        }

    #header .titlebar .wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1200px
    }

        #header .titlebar .wrapper:before, #header .titlebar .wrapper:after {
            content: " ";
            display: table
        }

        #header .titlebar .wrapper:after {
            clear: both
        }

    #header #search .wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        max-width: 1200px
    }

        #header #search .wrapper:before, #header #search .wrapper:after {
            content: " ";
            display: table
        }

        #header #search .wrapper:after {
            clear: both
        }

        #header #search .wrapper form {
            left: 33.33333%;
            position: relative;
            float: left;
            width: 66.66667%;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px
        }

@media(min-width: 768px) {
    #header #search .wrapper form {
        left: 75%
    }
}

@media(min-width: 768px) {
    #header #search .wrapper form {
        float: left;
        width: 25%
    }
}

#navBar {
    margin-left: -15px;
    margin-right: -15px
}

    #navBar:before, #navBar:after {
        content: " ";
        display: table
    }

    #navBar:after {
        clear: both
    }

    #navBar .wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1200px
    }

        #navBar .wrapper:before, #navBar .wrapper:after {
            content: " ";
            display: table
        }

        #navBar .wrapper:after {
            clear: both
        }

#navigation .wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    max-width: 1200px
}

    #navigation .wrapper:before, #navigation .wrapper:after {
        content: " ";
        display: table
    }

    #navigation .wrapper:after {
        clear: both
    }

#main {
    margin-left: -15px;
    margin-right: -15px
}

    #main:before, #main:after {
        content: " ";
        display: table
    }

    #main:after {
        clear: both
    }

    #main .header .wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px
    }

        #main .header .wrapper:before, #main .header .wrapper:after {
            content: " ";
            display: table
        }

        #main .header .wrapper:after {
            clear: both
        }

    #main .headerImage .wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1200px
    }

        #main .headerImage .wrapper:before, #main .headerImage .wrapper:after {
            content: " ";
            display: table
        }

        #main .headerImage .wrapper:after {
            clear: both
        }

    #main .wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        max-width: 1200px
    }

        #main .wrapper:before, #main .wrapper:after {
            content: " ";
            display: table
        }

        #main .wrapper:after {
            clear: both
        }

        #main .wrapper .breaking {
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px
        }

@media(min-width: 992px) {
    #main .wrapper .breaking {
        float: left;
        width: 100%
    }
}

#main .wrapper #content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 768px) {
    #main .wrapper #content {
        float: left;
        width: 100%
    }
}

#main .wrapper #content.article {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 992px) {
    #main .wrapper #content.article {
        float: left;
        width: 66.66667%
    }
}

@media(min-width: 992px) {
    #main .wrapper #content.article {
        margin-left: 16.66667%
    }
}

.fullWidth #main .wrapper #content.article {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 992px) {
    .fullWidth #main .wrapper #content.article {
        float: left;
        width: 66.66667%
    }
}

@media(min-width: 992px) {
    .fullWidth #main .wrapper #content.article {
        margin-left: 0
    }
}

html[dir="rtl"].fullWidth #main .wrapper #content.article {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 992px) {
    html[dir="rtl"].fullWidth #main .wrapper #content.article {
        float: left;
        width: 66.66667%
    }
}

@media(min-width: 992px) {
    html[dir="rtl"].fullWidth #main .wrapper #content.article {
        margin-left: 33.33333%
    }
}

#main .wrapper #aside {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 992px) {
    #main .wrapper #aside {
        float: left;
        width: 66.66667%
    }
}

@media(min-width: 992px) {
    #main .wrapper #aside {
        margin-left: 16.66667%
    }
}

@media(min-width: 768px) {
    #main .wrapper #aside {
        float: left !important;
        clear: left !important
    }
}

#main .wrapper #aside .block {
    width: 100%
}

@media(min-width: 480px) {
    #main .wrapper #aside .block {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }
}

#main .wrapper #aside .col .block {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media(min-width: 480px) {
    #main .wrapper #aside .col {
        width: 50%
    }
}

@media(min-width: 992px) {
    #main .wrapper #aside .col {
        width: 50%
    }
}

.fullWidth #main .wrapper #aside {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 992px) {
    .fullWidth #main .wrapper #aside {
        float: left;
        width: 100%
    }
}

@media(min-width: 992px) {
    .fullWidth #main .wrapper #aside {
        margin-left: 0
    }
}

@media(min-width: 768px) {
    .fullWidth #main .wrapper #aside {
        float: left !important;
        clear: left !important
    }
}

#main .wrapper .fullWidthSection {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 992px) {
    #main .wrapper .fullWidthSection {
        float: left;
        width: 66.66667%
    }
}

@media(min-width: 992px) {
    #main .wrapper .fullWidthSection {
        margin-left: 16.66667%
    }
}

.fullWidth #main .wrapper .fullWidthSection {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 992px) {
    .fullWidth #main .wrapper .fullWidthSection {
        float: left;
        width: 100%
    }
}

@media(min-width: 992px) {
    .fullWidth #main .wrapper .fullWidthSection {
        margin-left: 0
    }
}

#main .wrapper #follow-up {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    clear: none
}

@media(min-width: 768px) {
    #main .wrapper #follow-up {
        float: left;
        width: 100%
    }
}

@media(min-width: 992px) {
    #main .wrapper #follow-up {
        float: left;
        width: 66.66667%
    }
}

@media(min-width: 992px) {
    #main .wrapper #follow-up {
        margin-left: 16.66667%
    }
}

@media(max-width: 768px) {
    #main .wrapper #follow-up {
        clear: both
    }
}

.fullWidth #main .wrapper #follow-up {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 992px) {
    .fullWidth #main .wrapper #follow-up {
        float: left;
        width: 100%
    }
}

@media(min-width: 992px) {
    .fullWidth #main .wrapper #follow-up {
        margin-left: 0
    }
}

#main .wrapper #sitemap {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    clear: none
}

@media(min-width: 768px) {
    #main .wrapper #sitemap {
        float: left;
        width: 100%
    }
}

@media(min-width: 992px) {
    #main .wrapper #sitemap {
        float: left;
        width: 66.66667%
    }
}

@media(max-width: 768px) {
    #main .wrapper #sitemap {
        clear: both
    }
}

@media(min-width: 992px) {
    #main .wrapper #sitemap {
        margin-left: -15px;
        padding-left: 30px
    }
}

.colRow {
    margin-left: 0;
    margin-right: 0
}

    .colRow:before, .colRow:after {
        content: " ";
        display: table
    }

    .colRow:after {
        clear: both
    }

#content > :first-child.colRow {
    margin-top: 0
}

.two-columns {
    margin-left: -15px;
    margin-right: -15px
}

    .two-columns:before, .two-columns:after {
        content: " ";
        display: table
    }

    .two-columns:after {
        clear: both
    }

    .two-columns .column {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }

@media(min-width: 768px) {
    .two-columns .column {
        float: left;
        width: 50%
    }
}

.three-columns {
    margin-left: -15px;
    margin-right: -15px
}

    .three-columns:before, .three-columns:after {
        content: " ";
        display: table
    }

    .three-columns:after {
        clear: both
    }

    .three-columns .column {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }

@media(min-width: 768px) {
    .three-columns .column {
        float: left;
        width: 33.33333%
    }
}

#logoBlock {
    margin-left: -15px;
    margin-right: -15px
}

    #logoBlock:before, #logoBlock:after {
        content: " ";
        display: table
    }

    #logoBlock:after {
        clear: both
    }

    #logoBlock .wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1200px
    }

        #logoBlock .wrapper:before, #logoBlock .wrapper:after {
            content: " ";
            display: table
        }

        #logoBlock .wrapper:after {
            clear: both
        }

#payoff {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1200px
}

    #payoff:before, #payoff:after {
        content: " ";
        display: table
    }

    #payoff:after {
        clear: both
    }

#footer {
    margin-left: -15px;
    margin-right: -15px
}

    #footer:before, #footer:after {
        content: " ";
        display: table
    }

    #footer:after {
        clear: both
    }

    #footer .wrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        max-width: 1200px
    }

        #footer .wrapper:before, #footer .wrapper:after {
            content: " ";
            display: table
        }

        #footer .wrapper:after {
            clear: both
        }

        #footer .wrapper .column {
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px
        }

@media(min-width: 768px) {
    #footer .wrapper .column {
        float: left;
        width: 33.33333%
    }
}

.site.message .wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1200px
}

    .site.message .wrapper:before, .site.message .wrapper:after {
        content: " ";
        display: table
    }

    .site.message .wrapper:after {
        clear: both
    }

.site.message.login {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1200px
}

    .site.message.login:before, .site.message.login:after {
        content: " ";
        display: table
    }

    .site.message.login:after {
        clear: both
    }

@font-face {
    font-family: "RO Sans";
    font-style: normal;
    font-weight: normal;
    src: url("shared-ro/webfonts/RO-SansWebText-Regular.eot?") format("embedded-opentype"),url("shared-ro/webfonts/RO-SansWebText-Regular.woff") format("opentype"),url("shared-ro/webfonts/RO-SansWebText-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "RO Sans";
    font-style: italic;
    font-weight: normal;
    src: url("shared-ro/webfonts/RO-SansWebText-Italic.eot?") format("embedded-opentype"),url("shared-ro/webfonts/RO-SansWebText-Italic.woff") format("opentype"),url("shared-ro/webfonts/RO-SansWebText-Italic.ttf") format("truetype")
}

@font-face {
    font-family: "RO Sans";
    font-style: normal;
    font-weight: bold;
    src: url("shared-ro/webfonts/RO-SansWebText-Bold.eot?") format("embedded-opentype"),url("shared-ro/webfonts/RO-SansWebText-Bold.woff") format("opentype"),url("shared-ro/webfonts/RO-SansWebText-Bold.ttf") format("truetype")
}

@font-face {
    font-family: "RO Serif";
    font-style: normal;
    font-weight: normal;
    src: url("shared-ro/webfonts/RO-SerifWeb-Regular.eot?") format("embedded-opentype"),url("shared-ro/webfonts/RO-SerifWeb-Regular.woff") format("opentype"),url("shared-ro/webfonts/RO-SerifWeb-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "RO Serif";
    font-style: italic;
    font-weight: normal;
    src: url("shared-ro/webfonts/RO-SerifWeb-Italic.eot?") format("embedded-opentype"),url("shared-ro/webfonts/RO-SerifWeb-Italic.woff") format("opentype"),url("shared-ro/webfonts/RO-SerifWeb-Italic.ttf") format("truetype")
}

@font-face {
    font-family: "RO Icons";
    font-style: normal;
    font-weight: bold;
    src: url("shared-ro/icons/ro-icons-1.5.eot?") format("embedded-opentype"),url("shared-ro/icons/ro-icons-1.5.woff") format("opentype"),url("shared-ro/icons/ro-icons-1.5.ttf") format("truetype")
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, table, tr, th, td, form, fieldset, legend, button, div, object, img {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    vertical-align: top
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    font-family: "RO Sans",Calibri,sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.625;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    background-color: #f3f3f3
}

:lang(zh-Hans) body {
    font-family: Calibri,"MicrosoftYaHeiNew","MicrosoftYahei","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif
}

:lang(jp) body {
    font-family: Calibri,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

:lang(ru) body {
    font-family: Calibri,Arial,sans-serif
}

:lang(ar) body {
    font-family: Calibri,Arial,sans-serif
}

body:after {
    content: "mobile";
    display: none
}

@media(min-width: 480px) {
    body:after {
        content: "phablet";
        display: none
    }
}

@media(min-width: 768px) {
    body:after {
        content: "tablet";
        display: none
    }
}

@media(min-width: 992px) {
    body:after {
        content: "desktop";
        display: none
    }
}

@media(min-width: 1200px) {
    body {
        font-size: 112.5%;
        -webkit-text-size-adjust: 112.5%
    }
}

:lang(ar) body {
    font-size: 90%;
    -webkit-text-size-adjust: 100%
}

@media(min-width: 1200px) {
    :lang(ar) body {
        font-size: 100%;
        -webkit-text-size-adjust: 100%
    }
}

body #mainwrapper {
    background-color: #fff
}

h1 {
    padding: 0 0 .3em 0;
    font-size: 1.625em;
    font-weight: normal;
    line-height: 1.1538em
}

@media(min-width: 768px) {
    h1 {
        font-size: 1.75em;
        font-weight: normal;
        line-height: 1.1429
    }
}

h2 {
    margin: .952em 0 .2em;
    font-size: 1.3125em;
    font-weight: bold;
    line-height: 1.2381
}

@media(min-width: 992px) {
    h2 {
        margin: 2em 0 .2em
    }
}

h3 {
    font-size: 1.125em;
    line-height: 1.4444;
    font-weight: bold
}

a h3 {
    font-weight: bold
}

h4 {
    font-weight: bold;
    font-style: normal
}

h5 {
    font-style: italic
}

p {
    margin-bottom: .8125em;
    line-height: 1.375em
}

@media(min-width: 992px) {
    p {
        line-height: 1.625
    }
}

pre {
    overflow: auto;
    white-space: pre-line;
    word-break: break-all
}

em {
    font-style: italic
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg {
    display: block;
    width: 100%
}

abbr {
    border-bottom: 1px dotted
}

sub, sup {
    font-size: .83333em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl {
    margin: .5em 0 20px
}

@media(min-width: 992px) {
    dl {
        margin: .5em 0 30px
    }
}

dl:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

dt {
    display: block;
    width: 6em;
    float: left;
    clear: left;
    font-weight: bold;
    line-height: 1.5
}

dd {
    margin: 0 0 .5em 6.9em;
    line-height: 1.5
}

a {
    color: #01689b;
    text-decoration: underline
}

    a:focus, a:hover {
        text-decoration: underline;
        color: #154273
    }

    a:visited {
        color: #767676
    }

    a:focus h3, a:hover h3 {
        text-decoration: underline;
        color: #154273
    }

    a:focus h4, a:hover h4 {
        text-decoration: underline;
        color: #154273
    }

    a:focus {
        outline: 2px solid #82befb;
        outline-offset: 0
    }

    a.external:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        content: "";
        vertical-align: middle;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10px;
        line-height: 10px;
        margin: -3px 3px 0 0
    }

.secure:after {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    content: "";
    vertical-align: middle;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #01689b;
    font-size: 11px;
    line-height: 11px;
    margin: -5px 0 0 5px
}

a.more {
    float: left;
    position: relative;
    display: block;
    padding-left: 20px;
    font-weight: bold;
    color: #01689b;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-decoration: none;
    width: auto
}

    a.more:visited {
        color: #01689b
    }

    a.more:hover {
        color: #154273
    }

    a.more.external:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        content: "";
        vertical-align: middle;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: inherit;
        font-size: 10px;
        top: 0
    }

    a.more:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 8px 0 0;
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 0;
        line-height: inherit
    }

    a.more:before {
        line-height: inherit
    }

.block-audio-video ul li.toggle h2 a:focus {
    outline: 2px solid #82befb;
    outline-offset: -2px
}

.block-audio-video ul li.toggle li.download a:focus {
    outline: 2px solid #82befb;
    outline-offset: -2px
}

table {
    border-collapse: collapse;
    margin: 0 0 1.4em 0
}

form table {
    margin-left: -15px;
    margin-bottom: 0;
    min-width: 100%
}

    form table caption {
        color: #000;
        font-size: 1.3125em;
        font-weight: bold;
        line-height: 1.2381;
        margin: 0;
        padding: 4px 10px
    }

@media(min-width: 992px) {
    form table caption {
        padding: 4px 20px
    }
}

form table td:last-child {
    width: 100%
}

form fieldset table {
    margin-left: -10px
}

h2 + table {
    margin-top: .8em
}

td, th {
    padding: 4px 5px 5px;
    border-collapse: collapse;
    vertical-align: top;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: #f3f3f3
}

    td:first-child, th:first-child {
        border-left: none;
        padding-left: 10px
    }

    td:last-child, th:last-child {
        border-right: 0
    }

th {
    background-color: #e6e6e6;
    font-weight: bold
}

    th p, td p {
        line-height: 1.5
    }

        th p:last-child, td p:last-child {
            margin-bottom: 0
        }

caption {
    padding-left: 0;
    margin: 1em 0;
    color: #767676;
    line-height: 1.5;
    text-align: left
}

    caption .cite {
        display: block;
        margin-top: .40623em
    }

tfoot td {
    background-color: transparent
}

@media(min-width: 992px) {
    table {
        width: auto;
        margin: 0 0 20px 0
    }

    td, th {
        padding: .6em 5px .6em;
        line-height: 1.5
    }

        td:first-child, th:first-child {
            padding-left: 20px
        }

    form table {
        margin-left: 0
    }

    table tbody th {
        width: 25%
    }
}

time {
    display: inline-block
}

address {
    font-style: normal
}

blockquote {
    background: #f3f3f3;
    border-left: 10px solid #ccc;
    margin: 2em 0 1em 0;
    padding: .5em 0 1em .5em;
    color: #000;
    clear: both;
    display: block;
    width: 100%
}

    blockquote:before {
        color: #ccc;
        content: "\201C";
        font-size: 5em;
        line-height: .1em;
        margin-right: .25em;
        vertical-align: -0.4em;
        display: block;
        margin-top: .15em;
        margin-bottom: -.1em
    }

    blockquote p {
        margin: 0 0 0 1em
    }

    blockquote + p .quoteAuthor {
        display: block;
        background: #f3f3f3;
        border-left: 10px solid #ccc;
        margin: -2em 0 1em 0;
        padding-left: 1.5em;
        padding-bottom: .5em;
        font-style: italic
    }

        blockquote + p .quoteAuthor:before {
            content: "\2013\0020"
        }

.js-content {
    display: none
}

.js .js-content {
    display: block
}

.assistive {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0,0,0,0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

img.lazy {
    display: none
}

.js img.lazy {
    display: inline
}

.home h1 {
    padding: 0
}

.article h1 {
    margin-bottom: .7692em;
    padding-bottom: 1px;
    font-weight: bold;
    font-size: 1.625em;
    line-height: 1.1538em
}

@media(min-width: 992px) {
    .article h1 {
        margin-bottom: 1em
    }
}

@media(min-width: 768px) {
    .article h1 {
        font-weight: bold;
        font-size: 1.75em;
        line-height: 1.1429
    }
}

.superheading, .subheading {
    color: #767676;
    font-size: 1.536em;
    font-weight: normal;
    line-height: 1.1429
}

.superheading {
    margin: 0;
    margin-bottom: .15em
}

.subheading {
    margin: -1em 0 1em
}

.intro {
    margin-bottom: .9375em
}

@media(min-width: 992px) {
    .intro {
        margin-bottom: 1.5238em
    }
}

.intro p {
    font-size: 1.25em;
    line-height: 1.3em
}

@media(min-width: 768px) {
    .intro p {
        font-size: 1.3125em;
        line-height: 1.5238
    }
}

.lead p {
    font-size: 1.25em;
    line-height: 1.3em
}

@media(min-width: 768px) {
    .lead p {
        font-size: 1.3125em;
        line-height: 1.5238
    }
}

.article-meta {
    margin: 0 0 20px;
    color: #535353;
    font-style: normal;
    line-height: 1.64
}

h1 + .article-meta {
    margin-top: -.1875em
}

h1.activity {
    margin-bottom: .125em;
    color: #000
}

    h1.activity + .article-meta {
        padding-left: 0;
        margin-bottom: 1.8em;
        margin-top: 0
    }

    h1.activity + .subheading {
        margin: .2em 0
    }

.activity .meta strong {
    width: 5em;
    display: inline-block
}

.meta {
    margin-bottom: 0;
    color: #767676;
    font-size: .8125em;
    line-height: 1.5;
    margin-top: 0
}

@media(min-width: 992px) {
    .meta {
        margin-top: .5em
    }
}

.meta + .meta {
    margin-top: 0
}

.article ul {
    margin-bottom: .8em;
    display: table
}

.article li {
    position: relative;
    margin: .2em 0;
    padding-left: 20px;
    text-overflow: ellipsis
}

    .article li:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 3px;
        top: 1.7em;
        font-size: 6px;
        line-height: 6px;
        margin: 0
    }

.article ol {
    list-style-type: decimal;
    display: table;
    margin-bottom: .8em
}

    .article ol.inside li {
        list-style-position: inside
    }

    .article ol li {
        list-style-type: decimal;
        margin-left: 20px;
        padding-left: 0;
        background: 0;
        width: 100%
    }

        .article ol li:before {
            display: none;
            content: ''
        }

    .article ol ul li {
        position: relative;
        list-style: none;
        margin: .2em 0;
        padding-left: 20px
    }

        .article ol ul li:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: 0;
            top: 10px;
            font-size: 6px;
            line-height: 6px;
            margin: 0
        }

.article .contentBox {
    display: inline-block;
    width: 100%;
    height: auto;
    padding-top: 10px
}

    .article .contentBox:before, .article .contentBox:after {
        content: " ";
        display: table
    }

    .article .contentBox:after {
        clear: both
    }

    .article .contentBox h2 {
        margin-top: 10px
    }

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

.copyright {
    position: absolute;
    color: #fff;
    z-index: 10;
    padding: 5px 0 0 10px;
    line-height: 1.375em;
    text-shadow: 1px 1px 4px #000;
    font-size: .8em
}

    .copyright span {
        margin-right: 4px
    }

.content-image-left, .content-image {
    margin: .5em 0 .5em;
    position: relative;
    clear: both;
    display: block;
    max-width: 100%
}

    .content-image-left img, .content-image img {
        max-width: 100%
    }

    .content-image-left .copyright, .content-image .copyright {
        position: relative;
        padding: 0;
        text-shadow: none;
        color: #767676;
        display: inline-block;
        margin-bottom: 3px;
        font-size: .8em
    }

    .content-image-left .cite, .content-image .cite {
        color: #767676;
        font-size: .8em
    }

    .content-image-left .caption, .content-image .caption {
        max-width: 100%;
        margin-top: .40623em;
        margin-bottom: 3px;
        color: #767676;
        line-height: 1.3125;
        font-size: 1em
    }

        .content-image-left .caption .cite, .content-image .caption .cite {
            display: block;
            margin-top: .40623em
        }

    .content-image-left .photo-credit, .content-image .photo-credit {
        display: block;
        margin: .4063em 0 0;
        font-size: .8125em;
        line-height: 1.5;
        text-transform: uppercase
    }

    .content-image-left + div, .content-image + div {
        clear: both
    }

        .content-image-left + div.intro, .content-image + div.intro {
            clear: none
        }

.content-image-left {
    float: none;
    clear: left;
    margin-right: 0
}

@media(min-width: 992px) {
    .article .content-image-left {
        float: left;
        margin-right: 20px
    }

        .article .content-image-left img {
            width: auto
        }
}

.scrollcontainer {
    margin: 0 0 30px 0;
    overflow: hidden;
    overflow-x: auto;
    font-size: 1em
}

    .scrollcontainer td:first-child, .scrollcontainer th:first-child {
        padding-left: 8px
    }

    .scrollcontainer table {
        margin-bottom: 0;
        overflow: none;
        min-width: 100%
    }

    .scrollcontainer::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 11px;
        height: 11px
    }

    .scrollcontainer::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid #FFF;
        background-color: #f3f3f3
    }

@media(min-width: 992px) {
    .scrollcontainer {
        font-size: 1.0em
    }

        .scrollcontainer table {
            margin-left: 0
        }

    td.no-indent:first-child {
        padding-left: 5px
    }

    form table + fieldset.navigation {
        padding-left: 0
    }

        form table + fieldset.navigation div {
            padding-left: 25%
        }

    table th.col-wide {
        width: 40%
    }
}

@media(min-width: 992px) {
    .scrollcontainer {
        margin: 0 0 30px 0
    }

        .scrollcontainer td:first-child, .scrollcontainer th:first-child {
            padding-left: 20px
        }

    td.no-indent:first-child {
        padding-left: 5px
    }
}

@media print {
    body {
        border: 0;
        font-size: 8pt !important
    }

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

    p, h1, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h1, h2, h3 {
        page-break-after: avoid
    }

        h1.info-1400 {
            color: #000
        }

    pre, blockquote, tr, img, figure {
        page-break-inside: avoid
    }

    table {
        width: 100%;
        margin: 1.64em 0 .82em;
        border-collapse: separate
    }

    th, td, tbody th {
        padding: .4em .8em;
        border-bottom: .1pt solid #d9d9d9;
        border-top: 1px solid #000
    }

    th {
        border-bottom: .2pt solid #01689b;
        color: #01689b
    }

    tbody th {
        color: #535353
    }

    caption {
        margin: 1.64em 0 .41em;
        color: #767676;
        text-align: left
    }

    ol {
        margin: 0;
        padding: 0
    }

        ol li {
            list-style-type: none !important;
            margin: 0 !important;
            padding: 0 !important
        }

            ol li ol {
                margin: 0;
                padding: 0
            }

                ol li ol li {
                    margin: 0 !important;
                    padding: 0 !important
                }

    .article li:before {
        content: "- "
    }

    #content h2, #content h3, #content h4, #content h5 {
        clear: left
    }

    #content abbr {
        border: 0
    }

    * #main a {
        color: #000;
        font-family: verdana,arial,geneva,sans-serif !important
    }

    * + #main a {
        color: #000;
        font-family: verdana,arial,geneva,sans-serif !important
    }

    #content ul {
        margin: .82em 0 1.64em
    }

    #content li ul {
        margin: 0 0 .82em
    }

    #content ol {
        margin: .82em 0 1.64em
    }

    #content li ol {
        margin: 0 0 .82em
    }

        #content ol li, #content li ol li {
            margin: 0 0 .2em 3em;
            padding: 0;
            list-style: decimal outside;
            line-height: 1.64
        }

        #content li ol li {
            list-style: lower-alpha outside
        }

            #content li ol li ol li {
                list-style: lower-roman outside
            }

    #content .block li h3 {
        margin-top: 0
    }

    .content-image {
        margin: 2.4em 0
    }

    .content-image-left {
        margin: .41em;
        float: none !important
    }

        .content-image .caption, .content-image-left .caption {
            margin: .6em 0 1.64em;
            color: #767676;
            font: 85%/1.4 verdana
        }

    .intro {
        color: #01689b;
        font-size: 18pt;
        line-height: 1.33
    }

    #content .intro p, #content .intro li {
        margin-bottom: 0;
        color: #000;
        font-family: arial,helvetica,univers,sans-serif;
        font-size: 13pt;
        font-weight: bold;
        line-height: 1.2em
    }

    #content .intro ol, #content .intro ul {
        margin: .2em 0 .5em
    }

    .assistive {
        display: none !important
    }

    .meta {
        color: #535353;
        font-style: normal;
        font-size: 85%;
        line-height: 1.64
    }

    .article-meta {
        margin: 1.2em 0 .6em;
        color: #535353;
        font-style: normal;
        line-height: 1.64
    }

    .superheading {
        margin: 0 0 .1em;
        color: #01689b;
        font: normal 167%/1.2 arial,helvetica,univers,sans-serif
    }

    .subheading {
        margin: -.3em 0 .5em;
        color: #01689b;
        font: normal 167%/1.2 arial,helvetica,univers,sans-serif
    }

    a.morelink, .morelink a, a.morelink:visited, .morelink a:visited {
        text-decoration: none
    }

    .article {
        width: 66.7%;
        float: left
    }

    #aside {
        width: 25%;
        float: right
    }
}

pre, code {
    padding: .2em .6em;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    font-size: 1em;
    color: #000;
    background-color: #f3f3f3;
    border-color: #ccc
}

pre {
    white-space: pre;
    padding: .6em
}

    pre code {
        padding: 0;
        border: 0
    }

code {
    vertical-align: text-top;
    word-break: keep-all
}

#mainwrapper {
    position: relative
}

#header {
    background-color: #fff;
    position: relative
}

#main {
    position: relative;
    background-color: transparent;
    padding-bottom: 30px
}

    #main .header {
        background-color: #e5f0f9
    }

@media(min-width: 768px) {
    #main .header {
        background-color: #e5f0f9
    }
}

#content {
    margin-top: 60px
}

    #content > :last-child {
        margin-bottom: 60px
    }

#aside {
    margin-top: 0;
    margin-bottom: 0
}

.fullWidthSection {
    margin-top: 0
}

.overview #content {
    clear: both;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0
}

@media(min-width: 992px) {
    .overview #content {
        width: auto;
        padding-left: 10px
    }
}

@media(min-width: 992px) {
    .overview #content {
        padding-left: 20px
    }
}

.overview #content h1 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.625em;
    line-height: 1.1538em
}

@media(min-width: 768px) {
    .overview #content h1 {
        margin-top: 40px
    }
}

@media(min-width: 768px) {
    .overview #content h1 {
        font-weight: bold;
        font-size: 1.75em;
        line-height: 1.1429
    }
}

.overview #content h1.titleNoHeader {
    padding-left: 10px
}

@media(min-width: 768px) {
    .overview #content h1.titleNoHeader {
        padding-left: 0
    }
}

.overview #content .summary {
    padding-left: 10px
}

@media(min-width: 768px) {
    .overview #content .summary {
        padding-left: 0
    }
}

.overview #main .summary h2 {
    position: static
}

#sitemap {
    background-color: #f3f3f3
}

@media(min-width: 992px) {
    #sitemap {
        margin: 40px 0 0 0
    }

    #follow-up + #sitemap {
        margin-top: 0
    }
}

#sitemap h2 {
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.4444;
    margin: .4em 0
}

@media(min-width: 768px) {
    #sitemap h2 {
        margin: 1.2em 0
    }
}

#sitemap .two-columns {
    padding-bottom: 20px
}

#sitemap .common li ul {
    padding-top: 1px
}

#sitemap a:visited {
    color: #01689b
}

    #sitemap a:visited:hover {
        color: #154273
    }

#sitemap h2 a:visited {
    color: #000
}

@media(min-width: 768px) {
    .sitemap .column h2 {
        margin-top: 2.4em
    }
}

#sitemap .hide {
    height: 0;
    padding-bottom: 0;
    overflow: hidden
}

.js #sitemap h2 {
    padding-right: 30px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAKklEQVR42mJg ZGCEAgZGBiCAskEsKA/MhFBQAqoALM0AVw7jMEINAQgwAAllADXUNN/xAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: right .5em;
    cursor: pointer
}

    .js #sitemap h2.active {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAKklEQVR42mJg BAEGBggFYUN4DFA2mMcAZsMIRpgSBga4cqhGKBukCCDAAAnNADW+Td05AAAAAElFTkSuQmCC")
    }

    .js #sitemap h2 a, .js #sitemap h2 a:hover {
        text-decoration: none;
        color: #000
    }

@media(min-width: 992px) {
    #sitemap .hide {
        height: auto;
        overflow: visible
    }

    #sitemap .two-columns.hide {
        padding-bottom: 20px
    }

    .js #sitemap h2, .js #sitemap h2.active {
        padding-right: 0;
        background-image: none;
        cursor: default
    }

        .js #sitemap h2 a {
            color: #000
        }

            .js #sitemap h2 a:hover, .js #sitemap h2 a:focus {
                color: #154273;
                text-decoration: underline
            }
}

@media print {
    .wrapper {
        background: transparent !important
    }

    #navigation, #footer, #follow-up, #sitemap, #search, #payoff, .skiplinks, #aside .block.notifications, .meta-info-1400, .download, .block.docs-pubs {
        display: none !important
    }

    #aside .block #aside .block.news, #aside .block.banner, .titlebar {
        display: block !important
    }

    #aside .block h2, #aside .block a, #aside .block div, #aside .block ul {
        margin-left: 0 !important;
        padding-left: 0 !important
    }

    .titlebar {
        height: 30px;
        display: block !important;
        color: #000
    }

    .logo img {
        height: 77px !important
    }

    #header {
        height: 100px;
        padding: 0
    }

        #header h1, #header a, #header img {
            display: block;
            text-decoration: none
        }

            #header a:after, #header a:visited:after {
                content: "";
                display: none
            }

    .article {
        padding-top: 0
    }

    .sitemap.three-columns {
        margin-left: 0
    }

        .sitemap.three-columns .column {
            width: 33% !important;
            float: left;
            margin-left: 0 !important;
            margin-right: 0 !important
        }

            .sitemap.three-columns .column li a:before {
                content: '-  '
            }

            .sitemap.three-columns .column p {
                margin-left: 0
            }

        .sitemap.three-columns h2 {
            padding-left: 0;
            margin-left: 0
        }

    li, img {
        page-break-inside: avoid
    }
}

.logo {
    overflow: hidden
}

    .logo .wrapper {
        margin: 0 0 0 50%
    }

        .logo .wrapper img {
            display: inline-block;
            margin-left: -22px;
            margin-bottom: 10px
        }

        .logo .wrapper a {
            display: inline-block
        }

            .logo .wrapper a:focus {
                outline: 0
            }

                .logo .wrapper a:focus img {
                    outline: 2px solid #82befb
                }

    .logo.left .wrapper {
        margin: 0
    }

        .logo.left .wrapper img {
            margin-left: 0
        }

.campaign .logo .wrapper {
    height: 0
}

    .campaign .logo .wrapper img {
        top: 0;
        position: absolute;
        z-index: 999
    }

#search {
    font-size: .875em;
    height: 44px;
    background-color: #01689b
}

    #search p {
        margin: 0
    }

    #search form {
        position: absolute;
        z-index: 1;
        margin: 10px 0 0 0
    }

.js #search form {
    display: none
}

@media(min-width: 992px) {
    .js #search form {
        display: block
    }
}

.fixeMobileNav #search form {
    display: none
}

#search form .searchFormWrapper .searchFormInput {
    display: table-cell;
    width: 100%;
    padding: 0
}

    #search form .searchFormWrapper .searchFormInput input {
        height: 24px;
        width: 100%;
        line-height: 1em;
        padding: 0 30px 0 5px;
        font-size: 1em;
        overflow: hidden;
        border: 1px solid #fff;
        vertical-align: top
    }

#search form .searchFormWrapper .searchFormSubmit {
    display: table-cell;
    white-space: nowrap
}

    #search form .searchFormWrapper .searchFormSubmit button {
        height: 24px;
        width: auto;
        border: 0;
        background-color: #000;
        border: 1px solid #000;
        color: #01689b;
        font-weight: normal;
        cursor: pointer;
        line-height: 1em;
        padding: 1px 10px 0 25px;
        margin: 0;
        font-size: 1em;
        vertical-align: top;
        position: relative
    }

        #search form .searchFormWrapper .searchFormSubmit button:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            color: #01689b;
            font-size: 13px;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 8px;
            top: 3px
        }

#search form .clearFieldWrapper .clearField {
    right: 2px;
    top: -1px
}

#search form label {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0,0,0,0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

.navOverlay {
    position: relative;
    margin: 0
}

    .navOverlay p {
        margin: 0
    }

    .navOverlay form {
        width: 100%;
        margin: 0 0 20px 0
    }

        .navOverlay form label {
            position: absolute !important;
            display: inline-block !important;
            overflow: hidden;
            clip: rect(0,0,0,0);
            margin: -1px;
            padding: 0;
            width: 1px;
            height: 1px;
            border: 0
        }

        .navOverlay form .searchFormWrapper {
            margin-right: auto;
            margin-left: auto;
            padding-left: 15px;
            padding-right: 15px;
            max-width: 1200px;
            height: 32px
        }

            .navOverlay form .searchFormWrapper:before, .navOverlay form .searchFormWrapper:after {
                content: " ";
                display: table
            }

            .navOverlay form .searchFormWrapper:after {
                clear: both
            }

            .navOverlay form .searchFormWrapper .searchFormInput {
                display: table-cell;
                width: 100%;
                padding: 0
            }

                .navOverlay form .searchFormWrapper .searchFormInput input {
                    height: 32px;
                    width: 100%;
                    line-height: 1em;
                    padding: 0 30px 0 5px;
                    font-size: 1em;
                    overflow: hidden;
                    border: 0
                }

            .navOverlay form .searchFormWrapper .searchFormSubmit {
                display: table-cell;
                white-space: nowrap
            }

                .navOverlay form .searchFormWrapper .searchFormSubmit button {
                    height: 32px;
                    width: auto;
                    border: 0;
                    background-color: #000;
                    color: #01689b;
                    font-weight: normal;
                    cursor: pointer;
                    line-height: 1em;
                    padding: 0 10px 0 30px;
                    margin: 0;
                    font-size: 1em;
                    position: relative
                }

                    .navOverlay form .searchFormWrapper .searchFormSubmit button:before {
                        font-weight: normal;
                        font-family: "RO Icons";
                        display: inline-block;
                        vertical-align: middle;
                        speak: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: "";
                        color: #01689b;
                        font-size: 15px;
                        width: 20px;
                        height: 20px;
                        position: absolute;
                        left: 10px;
                        top: 8px
                    }

        .navOverlay form .clearFieldWrapper .clearField {
            right: 5px;
            top: 0
        }

#navBar {
    background-color: #01689b;
    min-height: 70px
}

    #navBar:before, #navBar:after {
        content: " ";
        display: table
    }

    #navBar:after {
        clear: both
    }

.fixedNav #navBar {
    position: fixed;
    z-index: 999998;
    width: 100%;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -ms-transform: translateY(-100%)
}

.fixedNavUp #navBar {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transition: transform .2s ease-in-out
}

.fixedNavDown #navBar {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    transition: transform .4s ease-in-out
}

#navBar .wrapper {
    position: relative
}

    #navBar .wrapper .breadCrumbNav {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        font-size: 1.25rem;
        line-height: 1.4em;
        letter-spacing: .03rem;
        text-decoration: none;
        font-weight: normal;
        padding: 12px 0 0 0
    }

@media(min-width: 768px) {
    #navBar .wrapper .breadCrumbNav {
        float: left;
        width: 100%
    }
}

.hasMainNav #navBar .wrapper .breadCrumbNav {
    position: relative;
    float: left;
    width: 83.33333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 768px) {
    .hasMainNav #navBar .wrapper .breadCrumbNav {
        float: left;
        width: 33.33333%
    }
}

#navBar .wrapper .breadCrumbNav a {
    text-decoration: none;
    color: #fff;
}

    #navBar .wrapper .breadCrumbNav a:after {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 0 6px 0 10px;
        display: inline-block;
        font-size: .9375rem;
        line-height: 1em;
        margin: -3px 0 0 0;
        text-decoration: none
    }

    #navBar .wrapper .breadCrumbNav a:last-child:after {
        content: '';
        text-decoration: none
    }

#navBar .wrapper .breadCrumbNav span {
    color: #fff;
    font-weight: 700
}

@media(min-width: 768px) {
    #navBar .wrapper .breadCrumbNav {
        padding: 18px 48px 18px 0;
        line-height: 1.6em;
    }

        #navBar .wrapper .breadCrumbNav a {
            font-size: 1.375rem
        }

            #navBar .wrapper .breadCrumbNav a:after {
                font-size: 1.125rem
            }

        #navBar .wrapper .breadCrumbNav span {
            font-size: 1.375rem
        }
}

@media(min-width: 1200px) {
    #navBar .wrapper .breadCrumbNav a {
        font-size: 1.625rem;
    }

        #navBar .wrapper .breadCrumbNav a:after {
            font-size: 1.25rem
        }

    #navBar .wrapper .breadCrumbNav span {
        font-size: 1.625rem
    }
}

@keyframes showSearch {
    0% {
        width: 0
    }

    100% {
        width: 32.5%
    }
}

@keyframes showSearchMobile {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes showButton {
    0% {
        color: #01689b;
        background-color: #01689b
    }

    100% {
        background-color: #000;
        color: #01689b
    }
}

#searchForm {
    position: absolute;
    width: 0;
    min-width: 48px;
    height: 48px;
    margin-right: 15px;
    margin-top: 11px;
    right: 0;
    overflow: hidden;
    -webkit-transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94);
    -moz-transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94);
    transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94);
    -webkit-backface-visibility: hidden;
    z-index: 9999
}

    #searchForm .clearField {
        top: 18px;
        right: 55px
    }

    #searchForm label {
        position: absolute !important;
        display: inline-block !important;
        overflow: hidden;
        clip: rect(0,0,0,0);
        margin: -1px;
        padding: 0;
        width: 1px;
        height: 1px;
        border: 0
    }

@media(min-width: 768px) {
    .hasMainNav #searchForm {
        bottom: -75px
    }
}

#searchForm .searchInput {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    width: 100%;
    height: 48px;
    margin: 0;
    z-index: 10;
    padding: 0 80px 0 10px;
    font-size: 1.025em
}

#searchForm input[type="search"].searchInput {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

#searchForm .searchSubmit {
    height: 48px;
    width: 48px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    line-height: 1px;
    text-align: center;
    cursor: pointer;
    font-size: 1.125em;
    text-indent: -9999px;
    color: #01689b;
    background-color: #01689b;
    -webkit-transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94);
    -moz-transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94);
    transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94);
    z-index: 90
}

    #searchForm .searchSubmit:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #fff;
        position: absolute;
        left: 15px;
        top: 22px;
        text-indent: 0
    }

#searchForm.searchOpened {
    width: 32.5%
}

@media(max-width: 767px) {
    #searchForm.searchOpened {
        width: 100%
    }
}

#searchForm.searchOpened .searchInput {
    visibility: visible
}

#searchForm.searchOpened .searchSubmit {
    background-color: #000;
    color: #01689b
}

    #searchForm.searchOpened .searchSubmit:before {
        color: #fff
    }

#searchForm.stopAnimation {
    animation-play-state: paused
}

#searchForm.initSearch {
    -webkit-animation: showSearch .000001s 1;
    -o-animation: showSearch .000001s 1;
    animation: showSearch .000001s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards
}

    #searchForm.initSearch .searchSubmit {
        animation: showButton .000001s 1
    }

.no-js #searchForm {
    -webkit-animation: showSearch .000001s 1;
    -o-animation: showSearch .000001s 1;
    animation: showSearch .000001s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards
}

    .no-js #searchForm .searchSubmit {
        animation: showButton .000001s 1;
        animation-fill-mode: forwards
    }

@media(max-width: 767px) {
    #searchForm {
        width: 100%;
        position: relative;
        float: right;
        margin: 10px 0 15px 0
    }

        #searchForm.initSearch {
            -webkit-animation: showSearchMobile .000001s 1;
            -o-animation: showSearchMobile .000001s 1;
            animation: showSearchMobile .000001s 1;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards
        }

            #searchForm.initSearch .searchSubmit {
                animation: showButton .000001s 1
            }

    .no-js #searchForm {
        -webkit-animation: showSearchMobile .000001s 1;
        -o-animation: showSearchMobile .000001s 1;
        animation: showSearchMobile .000001s 1;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards
    }

    #searchForm .searchSubmit {
        background-color: #000;
        color: #01689b
    }
}

.toggleNav {
    position: absolute;
    top: 10px;
    right: 21px;
    width: 36px;
    height: 32px;
    overflow: hidden;
    z-index: 9999;
    background-color: transparent;
    margin: 0;
    padding: 0;
    text-indent: -999px
}

    .toggleNav:focus {
        -moz-box-shadow: 0 0 0 2px #82befb;
        -webkit-box-shadow: 0 0 0 2px #82befb;
        box-shadow: 0 0 0 2px #82befb
    }

    .toggleNav span {
        position: absolute;
        top: 50%;
        left: 3px;
        width: 30px;
        height: 2px;
        margin-top: -2px;
        display: block;
        background-color: #fff;
        transition: background-color .3s ease-in-out;
        text-align: left
    }

        .toggleNav span::before, .toggleNav span::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 2px;
            width: 100%;
            background-color: #fff;
            transition: transform .3s ease-in-out,top .3s ease-in-out,margin-top .3s ease-in-out
        }

        .toggleNav span::before {
            top: -8px
        }

        .toggleNav span::after {
            top: calc(100% - -6px)
        }

    .toggleNav.navOpen span {
        background-color: transparent
    }

        .toggleNav.navOpen span::before, .toggleNav.navOpen span::after {
            top: 0;
            transition: top .3s ease-in-out,margin-top .3s ease-in-out,transform .3s ease-in-out
        }

        .toggleNav.navOpen span::before {
            transform: rotate(-45deg)
        }

        .toggleNav.navOpen span::after {
            transform: rotate(45deg)
        }

.mainNav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    width: 100%;
    background-color: #01689b;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out
}

    .mainNav.loaded {
        display: block
    }

    .mainNav.navOpen {
        max-height: 1000px;
        transition: max-height .5s ease-in-out
    }

.no-js .mainNav {
    transition: none;
    position: relative;
    max-height: 1000px
}

    .no-js .mainNav a {
        width: 100%;
        margin: 5px 0 5px 0
    }

.mainNav a {
    margin: 5px 15px 5px 15px;
    padding: 5px 0 5px 0;
    width: calc(100% - 30px);
    display: block;
    color: #fff;
    text-decoration: none;
    border-top: 1px solid #fff
}

    .mainNav a:last-child {
        border-bottom: 1px solid #fff;
        margin-bottom: 15px
    }

@media(min-width: 768px) {
    .mainNav {
        display: block;
        max-height: 100%;
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        text-align: right;
        border: 0;
        overflow: visible;
        padding: 8px 0 10px 0;
        top: 2px
    }
}

@media(min-width: 768px) and (min-width:768px) {
    .mainNav {
        float: left;
        width: 66.66667%
    }
}

@media(min-width: 768px) {
    .mainNav a {
        margin: 5px 0 0 30px;
        display: inline-block;
        width: auto;
        border: 0;
        font-size: 1.2rem
    }

        .mainNav a:last-child {
            border: 0;
            margin-bottom: 0
        }

        .mainNav a:hover {
            color: #fff;
            text-decoration: underline
        }
}

html.hasOverlay {
    overflow: visible !important
}

.navOverlay {
    height: auto;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    position: absolute;
    overflow-x: visible;
    overflow-y: visible;
    background-color: #01689b;
    z-index: 999999;
    padding: 0;
    display: none
}

    .navOverlay .navOverlayWrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #01689b;
        position: relative;
        max-width: 1200px;
        padding: 44px 0 0 0
    }

        .navOverlay .navOverlayWrapper:before, .navOverlay .navOverlayWrapper:after {
            content: " ";
            display: table
        }

        .navOverlay .navOverlayWrapper:after {
            clear: both
        }

.fixedNav .navOverlay {
    top: 0;
    bottom: 0;
    padding: 0
}

.navOverlay .closeOverlay {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 34px;
    height: 34px;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    background-color: transparent;
    display: none
}

    .navOverlay .closeOverlay:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 24px;
        line-height: 26px;
        height: 34px;
        width: 34px;
        display: block;
        text-indent: 0;
        text-align: center;
        position: absolute
    }

.hasOverlay .navOverlay .closeOverlay {
    display: block
}

.nav-up .skiplinkWrapper {
    position: fixed;
    top: -44px;
    z-index: 999998;
    width: 100%;
    height: 44px;
    background-color: #01689b;
    transition: top .2s ease-in-out
}

.nav-down .skiplinkWrapper {
    position: fixed;
    top: 0;
    z-index: 999998;
    width: 100%;
    height: 44px;
    background-color: #01689b;
    transition: top .1s ease-in-out
}

.skiplinkWrapper .skiplinks #skip-to-menu {
    color: #fff
}

.skiplinks {
    position: relative
}

    .skiplinks p {
        margin: 0
    }

    .skiplinks .assistive, .skiplinks a {
        position: absolute !important;
        display: inline-block !important;
        overflow: hidden;
        clip: rect(0,0,0,0);
        margin: -1px;
        padding: 0;
        width: 1px;
        height: 1px;
        border: 0
    }

    .skiplinks #skip-to-menu {
        position: absolute;
        top: 5px;
        left: 10px;
        z-index: 1;
        display: block;
        clip: auto;
        width: auto;
        height: 34px;
        color: #fff;
        background-color: transparent;
        margin: 0;
        padding: 9px 5px 0 38px;
        text-decoration: none;
        text-indent: 0;
        text-transform: capitalize;
        font-size: 1em;
        line-height: 1em;
        display: none !important
    }

        .skiplinks #skip-to-menu span {
            display: none
        }

        .skiplinks #skip-to-menu:after {
            content: "mobile";
            display: none
        }

        .skiplinks #skip-to-menu:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #fff;
            font-size: 24px;
            position: absolute;
            left: 7px;
            top: 10px
        }

@media(min-width: 992px) {
    .skiplinks #skip-to-menu {
        top: 4px;
        left: 9px
    }
}

@media(min-width: 1200px) {
    .skiplinks #skip-to-menu {
        top: 3px;
        left: 9px;
        padding: 10px 5px 0 38px
    }
}

.skiplinks .mobileSearchBtn {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 34px;
    height: 34px;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    color: #01689b;
    font-size: 1em;
    line-height: 1em
}

    .skiplinks .mobileSearchBtn:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #fff;
        text-indent: 0;
        font-size: 24px;
        width: 32px;
        height: 32px;
        text-align: center;
        display: block;
        vertical-align: middle;
        padding: 8px 0 0 0;
        margin: 0
    }

@media(min-width: 992px) {
    .skiplinks .mobileSearchBtn {
        display: none
    }

    .fixeMobileNav .skiplinks .mobileSearchBtn {
        display: block
    }

    .hasOverlay .skiplinks .mobileSearchBtn {
        display: none
    }
}

@media(min-width: 992px) {
    .skiplinks {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        z-index: 9999
    }

        .skiplinks #skip-to-menu, .skiplinks a {
            font-size: 1em;
            line-height: 1em;
            position: relative;
            clip: auto;
            top: -5000px;
            margin: 0;
            padding: 10px;
            height: auto;
            width: auto;
            background: 0;
            background-color: #cce0f1;
            border: 1px solid #01689b;
            color: #01689b;
            text-decoration: none;
            text-transform: none;
            bottom: auto;
            z-index: 999
        }

            .skiplinks #skip-to-menu span, .skiplinks a span {
                display: inline-block
            }

            .skiplinks #skip-to-menu:focus, .skiplinks a:focus {
                top: 15px;
                left: 15px
            }

            .skiplinks #skip-to-menu:after, .skiplinks a:after {
                content: "desktop";
                display: none
            }

            .skiplinks #skip-to-menu:before, .skiplinks a:before {
                display: none;
                content: ''
            }

    .fixeMobileNav .skiplinks {
        position: relative;
        top: auto;
        left: auto;
        transform: none
    }

    .nav-up .fixeMobileNav .skiplinks {
        position: fixed;
        top: -44px;
        z-index: 999998;
        width: 100%;
        height: 44px;
        background-color: #01689b;
        transition: top .2s ease-in-out
    }

    .nav-down .fixeMobileNav .skiplinks {
        position: fixed;
        top: 0;
        z-index: 999998;
        width: 100%;
        height: 44px;
        background-color: #01689b;
        transition: top .1s ease-in-out
    }

    .fixeMobileNav .skiplinks #skip-to-menu {
        position: absolute;
        top: 5px;
        left: 10px;
        z-index: 1;
        display: block;
        clip: auto;
        width: auto;
        height: 34px;
        color: #fff;
        background-color: transparent;
        margin: 0;
        padding: 9px 5px 0 38px;
        text-decoration: none;
        text-indent: 0;
        text-transform: capitalize;
        font-size: 1em;
        line-height: 1em
    }

        .fixeMobileNav .skiplinks #skip-to-menu span {
            display: none
        }

        .fixeMobileNav .skiplinks #skip-to-menu:after {
            content: "mobile";
            display: none
        }

        .fixeMobileNav .skiplinks #skip-to-menu:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #fff;
            font-size: 24px;
            position: absolute;
            left: 7px;
            top: 10px
        }
}

@media(min-width: 992px) and (min-width:992px) {
    .fixeMobileNav .skiplinks #skip-to-menu {
        top: 4px;
        left: 9px
    }
}

@media(min-width: 992px) and (min-width:1200px) {
    .fixeMobileNav .skiplinks #skip-to-menu {
        top: 3px;
        left: 9px;
        padding: 10px 5px 0 38px
    }
}

#navigation {
    display: block;
    margin: 0 15px 0 15px
}

.js #navigation {
    margin: 0;
    display: none
}

    .js #navigation.show {
        display: block
    }

#navigation h2 {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0,0,0,0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

#navigation ul {
    background-color: #01689b;
    padding: 0 15px 0 0;
    margin: 0 0 15px 0;
    display: block;
    clear: left
}

    #navigation ul li {
        list-style: none;
        width: 100%;
        float: none
    }

        #navigation ul li a, #navigation ul li a:visited {
            margin: 0 0 2px 15px;
            height: auto;
            display: block;
            padding: 5px 10px 5px 0;
            border-top: 1px solid #fff;
            font-size: 1em;
            line-height: 1.5em;
            text-decoration: none;
            color: #fff;
            background-color: #01689b
        }

            #navigation ul li a:hover, #navigation ul li a:visited:hover {
                color: #e6e6e6;
                background-color: #01689b
            }

@media(min-width: 1200px) {
    #navigation ul li a, #navigation ul li a:visited {
        line-height: 1.4em
    }
}

#navigation ul li:nth-child(1) a {
    border-top: 0
}

.js #navigation ul li:nth-child(1) a {
    border-top: 1px solid #fff
}

#navigation ul li.selected a, #navigation ul li.selected a:visited {
    font-weight: bold;
    color: #fff;
    background-color: #01689b
}

#navigation ul:before, #navigation ul:after {
    content: " ";
    display: table
}

#navigation ul:after {
    clear: both
}

@media(min-width: 480px) {
    #navigation ul li {
        width: 50%;
        float: left
    }

        #navigation ul li a, #navigation ul li a:visited {
            height: auto
        }

        #navigation ul li:nth-child(1) a {
            border-top: 0
        }

        #navigation ul li:nth-child(2) a {
            border-top: 0
        }

    .js #navigation ul li:nth-child(2) a {
        border-top: 1px solid #fff
    }

    .fixeMobileNav #navigation {
        background-color: #01689b;
        display: block;
        position: relative;
        width: auto;
        height: auto;
        top: auto;
        display: none
    }

        .fixeMobileNav #navigation.show {
            display: block
        }

        .fixeMobileNav #navigation .wrapper ul {
            background-color: #01689b;
            padding: 0 15px 0 0;
            margin: 0 0 15px 0;
            display: block;
            clear: left
        }

            .fixeMobileNav #navigation .wrapper ul li {
                list-style: none;
                width: 100%;
                float: none
            }

                .fixeMobileNav #navigation .wrapper ul li a, .fixeMobileNav #navigation .wrapper ul li a:visited {
                    margin: 0 0 2px 15px;
                    height: auto;
                    display: block;
                    padding: 5px 10px 5px 0;
                    border-top: 1px solid #fff;
                    font-size: 1em;
                    line-height: 1.5em;
                    text-decoration: none;
                    color: #fff;
                    background-color: #01689b
                }

                    .fixeMobileNav #navigation .wrapper ul li a:hover, .fixeMobileNav #navigation .wrapper ul li a:visited:hover {
                        color: #e6e6e6;
                        background-color: #01689b
                    }
}

@media(min-width: 480px) and (min-width:1200px) {
    .fixeMobileNav #navigation .wrapper ul li a, .fixeMobileNav #navigation .wrapper ul li a:visited {
        line-height: 1.4em
    }
}

@media(min-width: 480px) {
    .fixeMobileNav #navigation .wrapper ul li:nth-child(1) a {
        border-top: 0
    }

    .js .fixeMobileNav #navigation .wrapper ul li:nth-child(1) a {
        border-top: 1px solid #fff
    }

    .fixeMobileNav #navigation .wrapper ul li.selected a, .fixeMobileNav #navigation .wrapper ul li.selected a:visited {
        font-weight: bold;
        color: #fff;
        background-color: #01689b
    }

    .fixeMobileNav #navigation .wrapper ul:before, .fixeMobileNav #navigation .wrapper ul:after {
        content: " ";
        display: table
    }

    .fixeMobileNav #navigation .wrapper ul:after {
        clear: both
    }

    .fixeMobileNav #navigation .wrapper ul li {
        width: 50%;
        float: left
    }

        .fixeMobileNav #navigation .wrapper ul li:nth-child(1) a {
            border-top: 1px solid #fff
        }

        .fixeMobileNav #navigation .wrapper ul li:nth-child(2) a {
            border-top: 1px solid #fff
        }
}

@media(min-width: 992px) {
    #navigation {
        height: 44px;
        width: 100%;
        position: absolute;
        top: -44px;
        margin: 0
    }

        #navigation ul {
            margin: 0
        }

    .js #navigation {
        margin: 0;
        display: block
    }

    #navigation .wrapper ul {
        margin-left: 15px;
        padding: 0;
        display: inline-block
    }

        #navigation .wrapper ul li {
            width: auto;
            list-style: none;
            float: left;
            padding: 0;
            margin: 0
        }

            #navigation .wrapper ul li a, #navigation .wrapper ul li a:visited {
                border: 0;
                display: block;
                height: 44px;
                padding: 10px 10px 0 10px;
                margin: 0;
                background-color: transparent;
                color: #fff
            }

                #navigation .wrapper ul li a:hover, #navigation .wrapper ul li a:visited:hover {
                    color: #000;
                    background-color: #e5f0f9
                }

            #navigation .wrapper ul li:nth-child(1) a, #navigation .wrapper ul li:nth-child(2) a {
                border: 0
            }

            #navigation .wrapper ul li.selected a, #navigation .wrapper ul li.selected a:visited {
                color: #000;
                background-color: #e5f0f9
            }

    .fixeMobileNav #navigation {
        background-color: #01689b;
        display: block;
        position: relative;
        width: auto;
        height: auto;
        top: auto;
        display: none
    }

        .fixeMobileNav #navigation.show {
            display: block
        }
}

.message .wrapper {
    padding-bottom: 0
}

#logoBlock {
    margin-top: 30px;
    margin-bottom: 30px
}

    #logoBlock h2 {
        margin: 0;
        margin-bottom: 5px;
        color: #535353;
        font-weight: normal;
        font-size: 1.25em;
        border-bottom: 1px solid #b4b4b4;
        border-top: 0;
        padding: 0 0 5px 0;
        margin-bottom: 5px
    }

@media(min-width: 768px) {
    #logoBlock h2 {
        font-size: 1.5em
    }
}

#logoBlock ul li {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
    margin-top: 15px
}

@media(min-width: 768px) {
    #logoBlock ul li {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(min-width: 768px) and (min-width:768px) {
    #logoBlock ul li {
        float: left;
        width: 33.33333%
    }
}

@media(min-width: 992px) {
    #logoBlock ul li {
        display: inline-block;
        width: auto;
        height: 50px
    }
}

#logoBlock ul li a {
    display: block
}

#logoBlock ul li img {
    width: 100%;
    height: auto
}

@media(min-width: 480px) {
    #logoBlock ul li img {
        width: 55%
    }
}

@media(min-width: 768px) {
    #logoBlock ul li img {
        width: auto;
        border: 0;
        height: 50px
    }
}

@media(min-width: 992px) {
    #logoBlock ul li img {
        width: auto;
        height: 50px
    }
}

.subNavigation {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f3f3f3;
    padding: 0
}

@media(min-width: 768px) {
    .subNavigation {
        float: left;
        width: 100%
    }
}

.subNavigation .wrapper {
    padding: 25px 0 25px 0
}

@media(min-width: 768px) {
    .subNavigation .wrapper {
        padding: 40px 0 40px 0
    }
}

.subNavigation .wrapper ul {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 768px) {
    .subNavigation .wrapper ul {
        float: left;
        width: 33.33333%
    }
}

.subNavigation .wrapper ul li {
    margin-bottom: .2em
}

    .subNavigation .wrapper ul li:last-child {
        margin-bottom: .2
    }

@media(min-width: 768px) {
    .subNavigation .wrapper ul li:last-child {
        margin-bottom: 0
    }
}

.subNavigation .wrapper ul li a {
    position: relative;
    display: block;
    padding-left: 20px;
    font-weight: bold;
    color: #01689b;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-decoration: none;
    width: auto
}

    .subNavigation .wrapper ul li a:visited {
        color: #01689b
    }

    .subNavigation .wrapper ul li a:hover {
        color: #154273
    }

    .subNavigation .wrapper ul li a.external:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        content: "";
        vertical-align: middle;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: inherit;
        font-size: 10px;
        top: 0
    }

    .subNavigation .wrapper ul li a:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 8px 0 0;
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 0;
        line-height: inherit
    }

.editorialNavigation {
    background-color: #01689b
}

.hasMainNav .editorialNavigation {
    background-color: #f3f3f3
}

    .hasMainNav .editorialNavigation .wrapper .navItem a .content h2 {
        color: #01689b
    }

    .hasMainNav .editorialNavigation .wrapper .navItem a .content p {
        color: #000
    }

.editorialNavigation .wrapper {
    padding-top: 40px;
    padding-bottom: 15px
}

@media(min-width: 1200px) {
    .editorialNavigation .wrapper {
        padding-top: 60px;
        padding-bottom: 0
    }
}

.editorialNavigation .wrapper .navItem {
    position: relative;
    margin: 0 0 25px 0
}

@media(min-width: 992px) {
    .editorialNavigation .wrapper .navItem {
        margin-bottom: 40px
    }
}

.editorialNavigation .wrapper .navItem a {
    display: block;
    text-decoration: none;
    color: #fff
}

    .editorialNavigation .wrapper .navItem a .content {
        position: relative;
        display: block;
        margin-bottom: 0;
        width: auto;
        padding: 0
    }

        .editorialNavigation .wrapper .navItem a .content h2 {
            color: #fff;
            margin: 0
        }

@media(min-width: 768px) {
    .editorialNavigation .wrapper .navItem a .content h2 {
        margin-bottom: 5px
    }
}

@media(min-width: 992px) {
    .editorialNavigation .wrapper .navItem a .content h2 {
        font-size: 1.45em;
        line-height: 1.2em
    }
}

.editorialNavigation .wrapper .navItem a .content p {
    color: #fff;
    margin-bottom: 0
}

@media(min-width: 992px) {
    .editorialNavigation .wrapper .navItem a .content p {
        line-height: 1.375em
    }
}

.editorialNavigation .wrapper .navItem a:hover, .editorialNavigation .wrapper .navItem a:focus {
    text-decoration: none
}

.editorialNavigation .wrapper .navItem.hasIcon .icon {
    position: absolute;
    left: 15px;
    top: 2px;
    width: 25px;
    height: 100%;
    text-align: center
}

    .editorialNavigation .wrapper .navItem.hasIcon .icon img {
        max-width: 100%;
        width: 100%;
        height: auto
    }

.editorialNavigation .wrapper .navItem.hasIcon .content {
    margin-left: 40px;
    margin-bottom: 0
}

.editorialNavigation .wrapper .threeItems {
    margin-left: 0;
    margin-right: 0
}

    .editorialNavigation .wrapper .threeItems:before, .editorialNavigation .wrapper .threeItems:after {
        content: " ";
        display: table
    }

    .editorialNavigation .wrapper .threeItems:after {
        clear: both
    }

@media(min-width: 1200px) {
    .editorialNavigation .wrapper .threeItems:last-of-type {
        margin-bottom: 30px
    }
}

.editorialNavigation .wrapper .threeItems .navItem {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 768px) {
    .editorialNavigation .wrapper .threeItems .navItem {
        float: left;
        width: 33.33333%
    }
}

.editorialNavigation .wrapper .fourItems {
    margin-left: 0;
    margin-right: 0
}

    .editorialNavigation .wrapper .fourItems:before, .editorialNavigation .wrapper .fourItems:after {
        content: " ";
        display: table
    }

    .editorialNavigation .wrapper .fourItems:after {
        clear: both
    }

@media(min-width: 1200px) {
    .editorialNavigation .wrapper .fourItems:last-of-type {
        padding-bottom: 30px
    }
}

.editorialNavigation .wrapper .fourItems .navItem {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 768px) {
    .editorialNavigation .wrapper .fourItems .navItem {
        float: left;
        width: 50%
    }
}

@media(min-width: 992px) {
    .editorialNavigation .wrapper .fourItems .navItem {
        float: left;
        width: 25%
    }
}

#payoff {
    display: none;
    position: relative
}

    #payoff .wrapper {
        position: absolute;
        display: block;
        top: auto;
        bottom: 0;
        left: 50%;
        margin: 0 0 0 -22px;
        padding: 0;
        border-left: 44px solid #154273;
        width: 44px;
        height: 31px;
        background: 0;
        z-index: 555
    }

    #payoff span {
        display: none
    }

@media(min-width: 768px) {
    #payoff .wrapper {
        position: absolute;
        display: table;
        top: auto;
        bottom: 0;
        left: 50%;
        margin: 0 0 0 -22px;
        padding: 0;
        border-left: 44px solid #154273;
        width: 270px;
        height: 31px;
        background: 0;
        z-index: 999
    }

    #payoff span {
        font-family: "RO Serif";
        display: table-cell;
        font-size: 11px;
        padding-left: 5px;
        vertical-align: middle;
        line-height: 1.2em
    }
}

#footer {
    background-color: #01689b;
    border: 0;
    padding-bottom: 0
}

    #footer.extra {
        border-top: 0 solid #4e4e4e
    }

        #footer.extra h2 {
            border-bottom: 0 solid #b4b4b4
        }

    #footer .wrapper {
        padding-top: 30px;
        padding-bottom: 30px
    }

@media(min-width: 768px) {
    #footer .wrapper div:first-child {
        margin-left: 50%
    }
}

@media(min-width: 768px) {
    #footer .wrapper div:first-child.payoff {
        margin-left: 0
    }
}

@media(min-width: 992px) {
    #footer .wrapper div:first-child {
        margin-left: 58.33333%
    }
}

@media(min-width: 992px) {
    #footer .wrapper div:first-child.payoff {
        margin-left: 0
    }
}

@media(min-width: 1200px) {
    #footer .wrapper div:first-child {
        margin-left: 58.33333%
    }
}

@media(min-width: 1200px) {
    #footer .wrapper div:first-child.payoff {
        margin-left: 0
    }
}

@media(min-width: 480px) {
    #footer .wrapper {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media(min-width: 992px) {
    #footer .wrapper {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

#footer .wrapper .payoff {
    padding-top: 0;
    padding-left: 0;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 768px) {
    #footer .wrapper .payoff {
        float: left;
        width: 50%
    }
}

@media(min-width: 992px) {
    #footer .wrapper .payoff {
        float: left;
        width: 58.33333%
    }
}

#footer .wrapper .payoff span {
    display: block;
    padding-bottom: 25px;
    color: #fff;
    font-size: 1.5em;
    font-family: "RO Serif";
    font-style: italic;
    font-weight: normal;
    line-height: 1.2381
}

@media(min-width: 480px) {
    #footer .wrapper .payoff span {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding: 0 0 25px 0;
        font-size: 1.75em
    }
}

@media(min-width: 480px) and (min-width:768px) {
    #footer .wrapper .payoff span {
        float: left;
        width: 83.33333%
    }
}

@media(min-width: 768px) {
    #footer .wrapper .payoff span {
        padding-bottom: 0
    }
}

#footer .wrapper .column {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 768px) {
    #footer .wrapper .column {
        float: left;
        width: 25%
    }
}

@media(min-width: 992px) {
    #footer .wrapper .column {
        float: left;
        width: 16.66667%
    }
}

#footer .wrapper .column h2 {
    margin: 8px 0 5px 0;
    padding-top: 0;
    color: #fff;
    font-weight: normal;
    font-size: 1.25em;
    border: 0
}

#footer .wrapper .column ul {
    margin: 0;
    padding: 0
}

    #footer .wrapper .column ul:before, #footer .wrapper .column ul:after {
        content: " ";
        display: table
    }

    #footer .wrapper .column ul:after {
        clear: both
    }

    #footer .wrapper .column ul li {
        width: 100%;
        list-style: none;
        float: left
    }

        #footer .wrapper .column ul li a {
            color: #fff;
            text-decoration: none
        }

            #footer .wrapper .column ul li a:visited, #footer .wrapper .column ul li a:hover {
                color: #fff
            }

            #footer .wrapper .column ul li a:hover {
                text-decoration: underline
            }

@media(min-width: 768px) {
    #footer .wrapper .column h2 {
        font-size: 1.5em;
        margin-bottom: 5px
    }

    #footer .wrapper .column ul li {
        width: 100%;
        list-style: none;
        margin: 0
    }

        #footer .wrapper .column ul li a {
            padding: 2px 0 2px 0
        }
}

#footer .languages {
    background-color: #fff
}

    #footer .languages .wrapper {
        padding: 30px 15px
    }

        #footer .languages .wrapper h2 {
            position: absolute !important;
            display: inline-block !important;
            overflow: hidden;
            clip: rect(0,0,0,0);
            margin: -1px;
            padding: 0;
            width: 1px;
            height: 1px;
            border: 0
        }

        #footer .languages .wrapper ul {
            text-align: center
        }

            #footer .languages .wrapper ul li {
                display: inline-block;
                float: none;
                width: auto
            }

                #footer .languages .wrapper ul li a {
                    padding: 5px 10px 5px 10px;
                    background: 0;
                    border: 1px solid #b2d7ee;
                    color: #007bc7;
                    margin: 5px 5px 5px 0;
                    font-size: .95em;
                    text-decoration: none;
                    float: left
                }

@media(min-width: 480px) {
    #footer .languages .wrapper ul li a {
        margin: 5px 10px 5px 0
    }
}

#footer .languages .wrapper ul li.selected {
    padding: 5px 10px 5px 10px;
    margin: 5px 5px 5px 0;
    border: 0;
    color: #000;
    font-weight: 700
}

@media(min-width: 480px) {
    #footer .languages .wrapper ul li.selected {
        margin: 5px 10px 5px 0
    }
}

#topic-home, .header h1 {
    font-size: 1.625em;
    font-weight: normal;
    line-height: 1.1538em;
    display: block;
    float: left;
    padding-top: 0;
    padding-bottom: .4em;
    text-decoration: none
}

@media(min-width: 768px) {
    #topic-home, .header h1 {
        font-size: 1.75em;
        font-weight: normal;
        line-height: 1.1429
    }
}

@media(min-width: 992px) {
    #topic-home, .header h1 {
        font-size: 1.75em
    }
}

@media(max-width: 992px) {
    #topic-home, .header h1 {
        padding-top: .4em
    }
}

a#topic-home {
    color: #01689b
}

    a#topic-home:hover, a#topic-home:active {
        text-decoration: none
    }

        a#topic-home:hover span, a#topic-home:active span {
            color: #154273;
            text-decoration: underline
        }

        .header h1 em, #topic-home em, a#topic-home:hover em, a#topic-home:active em {
            display: block;
            color: #4e4e4e;
            font-size: .818em;
            line-height: 1.8
        }

#mainwrapper #content h1 em {
    display: block;
    color: #000;
    font-size: .718em;
    line-height: 1.8
}

.common {
    margin: 0;
    font-size: 1em;
    display: block
}

    .common:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: left
    }

    .common li {
        margin: 0 0 .3125em 0;
        padding-left: 0
    }

        .common li:before {
            content: '';
            display: none
        }

        .common li:after {
            content: " ";
            visibility: hidden;
            width: 0;
            height: 0;
            display: block;
            clear: left
        }

        .common li > span:first-child {
            padding: 0 0 .5em 0;
            line-height: 1.5;
            display: inline-block;
            padding-left: 30px
        }

            .common li > span:first-child:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                content: "";
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 6px;
                line-height: 6px;
                margin: -1px 15px 0 -24px
            }

@media(min-width: 992px) {
    .common li {
        margin: 0 0 .5em 0
    }
}

.common li ul {
    float: left;
    margin: 5px 0 15px 0;
    padding-left: 20px
}

    .common li ul li {
        margin: .4em 0;
        padding: 0
    }

        .common li ul li a {
            position: relative;
            position: relative;
            display: block;
            padding-left: 20px;
            font-weight: bold;
            color: #01689b;
            font-size: 1.125rem;
            line-height: 1.625rem;
            text-decoration: none;
            width: auto;
            font-size: 1em
        }

            .common li ul li a:visited {
                color: #01689b
            }

            .common li ul li a:hover {
                color: #154273
            }

            .common li ul li a.external:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                content: "";
                vertical-align: middle;
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                line-height: inherit;
                font-size: 10px;
                top: 0
            }

            .common li ul li a:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                content: "";
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin: 0 8px 0 0;
                font-size: 11px;
                position: absolute;
                left: 0;
                top: 0;
                line-height: inherit
            }

            .common li ul li a:before {
                font-size: 10px;
                line-height: 1em;
                top: 7px
            }

@media(min-width: 768px) {
    .common.ltr li {
        display: inline-block;
        width: 48%;
        margin-left: 0;
        padding-right: 15px
    }
}

.common a {
    float: left;
    padding-left: 20px;
    position: relative;
    text-decoration: none;
    position: relative;
    display: block;
    padding-left: 20px;
    font-weight: bold;
    color: #01689b;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-decoration: none;
    width: auto
}

    .common a:visited {
        color: #01689b
    }

    .common a:hover {
        color: #154273
    }

    .common a.external:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        content: "";
        vertical-align: middle;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: inherit;
        font-size: 10px;
        top: 0
    }

    .common a:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 8px 0 0;
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 0;
        line-height: inherit
    }

    .common a p {
        padding-left: 0
    }

    .common a:before {
        top: 1px
    }

.article .common {
    margin: 0;
    font-size: 1em;
    display: block
}

    .article .common:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: left
    }

@media(min-width: 992px) {
    .common li:last-child {
        margin-bottom: 0
    }
}

.common a h3, .common a h4 {
    font-size: 1.125em;
    line-height: 1.333em;
    font-weight: bold;
    padding-bottom: .2em
}

@media(min-width: 992px) {
    .common a h3, .common a h4 {
        padding-bottom: .3em;
        line-height: 1.444em
    }
}

.common a p {
    font-size: 1em
}

.common a + p {
    clear: left;
    margin-bottom: 20px;
    padding-left: 30px
}

.common span.meta {
    display: block;
    margin-left: 30px;
    margin-bottom: 0;
    position: relative;
    top: -0.25em;
    clear: left
}

#aside .common span.meta a {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: none
}

    #aside .common span.meta a:before {
        content: ""
    }

.common span.meta.assistive {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0,0,0,0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

.common a:focus, .common a:hover, .more:focus, .more:hover {
    text-decoration: underline;
    color: #154273
}

.more:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

#aside .more {
    margin-top: 10px
}

@media(min-width: 992px) {
    #aside .more {
        margin-top: 20px
    }
}

#aside .more:hover, #aside .more:focus {
    text-decoration: underline;
    color: #154273
}

#aside .more + .more {
    margin-top: 0
}

.common li li a {
    padding-left: 16px;
    font-size: 1em
}

    .common li li a:hover {
        text-decoration: underline;
        color: #154273
    }

.common .more-topics {
    margin-top: 2em;
    padding-right: 20px
}

    .common .more-topics:first-child {
        margin-top: 0
    }

.article .two-columns > .more {
    margin-top: 10px
}

@media(min-width: 992px) {
    .article .two-columns > .more {
        margin-top: 20px
    }
}

.results a.more:focus, .results a.more:hover {
    text-decoration: underline;
    color: #154273
}

.anchors a .anchor {
    font-size: 1em;
    line-height: inherit;
    margin-bottom: .2em
}

.anchors a:focus, .anchors a:hover {
    text-decoration: none;
    color: #154273
}

    .anchors a:focus .anchor, .anchors a:hover .anchor {
        text-decoration: underline
    }

.anchors p {
    color: #000;
    font-size: 1em
}

.anchors ~ .toplink {
    display: block;
    margin-bottom: -1em
}

.block {
    margin-bottom: 20px
}

@media(min-width: 992px) {
    .block {
        margin-bottom: 40px
    }
}

.block:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

.testBlock:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

.article .block {
    margin-top: 20px
}

.article .intro + .block {
    margin-top: 25px
}

@media(min-width: 992px) {
    .article .intro + .block {
        margin-top: 40px
    }
}

@media(min-width: 992px) {
    .article p + .block, .article ul + .block {
        margin-top: 40px;
        clear: left
    }
}

.article .two-columns .column {
    margin-top: 0
}

    .article .two-columns .column.odd {
        clear: left
    }

    .article .two-columns .column li a.more {
        margin-top: 0;
        font-weight: bold
    }

.article .block:first-child {
    margin-top: 0
}

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

.block h2 {
    padding: 0;
    border-top: 3px solid #01689b;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.4444;
    border-top: 1px solid #e1e1e1;
    margin: 0 0 20px 0;
    font-size: 1.625rem;
    padding-top: 10px
}

@media(min-width: 992px) {
    .block h2 {
        margin-bottom: .722em
    }
}

.block.two-columns h2 {
    margin: 0 0 20px 15px
}

#aside .block ul.common .more {
    margin-top: 0;
    font-weight: bold
}

.block a {
    display: block;
    text-decoration: none
}

.block .mailto {
    display: inline;
    text-decoration: underline
}

.block a:focus, .block a:hover, .block a:focus h3, .block a:hover h3 {
    text-decoration: underline;
    color: #154273
}

.block a img {
    display: block;
    margin-bottom: .8em
}

.block a p {
    color: #112
}

.block p:last-child, .block ul.common:last-child li:last-child, .block dl:last-child {
    margin-bottom: 0
}

    .block p:last-child.photo-credit {
        margin-bottom: .8125em
    }

.block .meta {
    margin-bottom: 0;
    color: #767676;
    font-size: .8125em
}

.block .more {
    clear: left;
    margin-top: 30px;
    margin-bottom: 0
}

.block a:focus p, .block a:hover p {
    text-decoration: none
}

.block + .meta {
    margin-top: -20px
}

.block + .infographic p a, .block.infographic p a {
    display: inline
}

.two-columns h2 {
    font-size: 1.625rem
}

#site-message p {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.625;
    font-weight: normal;
    margin: 0;
    color: #000
}

.js #site-message {
    position: absolute;
    top: -100000px;
    left: 10px;
    z-index: 1001;
    margin: 0;
    padding-bottom: 16px;
    min-height: 53px
}

@media print {
    #main .three-columns .column {
        width: 95%;
        float: left;
        clear: none;
        padding: 0;
        margin: 0 0 0 5%
    }

    #main .three-columns .column-first {
        margin-left: 0
    }

    #main .three-columns .column li {
        padding-left: 0;
        margin: 0;
        list-style-type: none
    }

    #content .block .more {
        display: none
    }

    .two-columns .column {
        width: 50%;
        float: left;
        clear: none
    }

    #aside .block {
        width: auto;
        float: none
    }
}

.brickRow {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
    clear: both
}

    .brickRow:before, .brickRow:after {
        content: " ";
        display: table
    }

    .brickRow:after {
        clear: both
    }

@media(min-width: 992px) {
    .brickRow {
        margin: 0
    }
}

#content .brickRow {
    margin-left: -15px;
    margin-right: -15px
}

    #content .brickRow:before, #content .brickRow:after {
        content: " ";
        display: table
    }

    #content .brickRow:after {
        clear: both
    }

.brickRow h2 {
    margin: 0 15px 20px 15px;
    font-size: 1.625rem;
    padding-top: 10px;
    border-top: 1px solid #e1e1e1
}

.brickRow a.more {
    clear: both;
    float: left;
    text-decoration: none;
    position: relative;
    display: block;
    padding-left: 20px;
    font-weight: bold;
    color: #01689b;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-decoration: none;
    width: auto;
    margin: -25px 0 25px 15px
}

    .brickRow a.more:visited {
        color: #01689b
    }

    .brickRow a.more:hover {
        color: #154273
    }

    .brickRow a.more.external:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        content: "";
        vertical-align: middle;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: inherit;
        font-size: 10px;
        top: 0
    }

    .brickRow a.more:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 8px 0 0;
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 0;
        line-height: inherit
    }

@media(min-width: 992px) {
    .brickRow a.more {
        margin: -35px 0 35px 15px
    }
}

.brickRow .brick {
    margin: 0 0 40px 0
}

@media(min-width: 992px) {
    .brickRow .brick {
        margin: 0 0 60px 0
    }
}

.brickRow.nieuws .brick:nth-child(n+4) img {
    display: none;
    visibility: hidden
}

@media(min-width: 992px) {
    .fullWidth .brickRow.nieuws .brick:nth-child(n+4) img {
        display: block;
        visibility: visible
    }
}

.brick {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 0 60px 0
}

@media(min-width: 480px) {
    .brick {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.brick h2 {
    margin: 0 0 20px 0;
    font-size: 1.625rem;
    padding-top: 10px;
    border-top: 1px solid #e1e1e1
}

.brick h3, .brick span.caption {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: normal;
    margin: 0 0 10px 0
}

.brick span.caption {
    display: block
}

.brick h3 + ul {
    margin: 0
}

.brick img {
    width: 100%;
    margin: 5px 0 15px 0
}

.brick a {
    text-decoration: none
}

    .brick a.more {
        position: relative;
        display: block;
        padding-left: 20px;
        font-weight: bold;
        color: #01689b;
        font-size: 1.125rem;
        line-height: 1.625rem;
        text-decoration: none;
        width: auto;
        margin: 20px 0 0 0
    }

        .brick a.more:visited {
            color: #01689b
        }

        .brick a.more:hover {
            color: #154273
        }

        .brick a.more.external:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            content: "";
            vertical-align: middle;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: inherit;
            font-size: 10px;
            top: 0
        }

        .brick a.more:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin: 0 8px 0 0;
            font-size: 11px;
            position: absolute;
            left: 0;
            top: 0;
            line-height: inherit
        }

    .brick a.external:before {
        content: " ";
        display: none
    }

    .brick a.external h3, .brick a.external span.caption {
        display: inline-block
    }

        .brick a.external h3:before, .brick a.external span.caption:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            content: "";
            vertical-align: middle;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #01689b;
            font-size: 12px;
            line-height: 12px;
            margin: -5px 5px 0 0
        }

.brick p {
    color: #000;
    font-size: 1rem;
    line-height: 1.375rem
}

    .brick p .publDate {
        font-weight: bold;
        margin-right: 10px
    }

    .brick p.copyright {
        color: #fff;
        margin-top: -48px
    }

    .brick p.meta {
        margin-top: .433em;
        margin-bottom: .433em;
        color: #000;
        font-weight: 700
    }

.brick ul {
    margin: 0
}

    .brick ul li {
        position: relative;
        margin: 0 0 5px 0;
        color: #000
    }

        .brick ul li a {
            position: relative;
            display: block;
            padding-left: 20px;
            font-weight: bold;
            color: #01689b;
            font-size: 1.125rem;
            line-height: 1.625rem;
            text-decoration: none;
            width: auto
        }

            .brick ul li a:visited {
                color: #01689b
            }

            .brick ul li a:hover {
                color: #154273
            }

            .brick ul li a.external:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                content: "";
                vertical-align: middle;
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                line-height: inherit;
                font-size: 10px;
                top: 0
            }

            .brick ul li a:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                content: "";
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin: 0 8px 0 0;
                font-size: 11px;
                position: absolute;
                left: 0;
                top: 0;
                line-height: inherit
            }

        .brick ul li p {
            padding: 0 0 0 20px
        }

        .brick ul li .meta {
            display: block;
            margin: -3px 0 0 20px
        }

            .brick ul li .meta a {
                display: inline;
                margin: 0;
                padding: 0
            }

                .brick ul li .meta a:before {
                    content: ''
                }

    .brick ul + ul {
        margin: 20px 0 0 0
    }

.brick:nth-of-type(2n+1) {
    clear: both
}

.fullWidth .brick {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 768px) {
    .fullWidth .brick {
        float: left;
        width: 50%
    }
}

@media(min-width: 992px) {
    .fullWidth .brick {
        float: left;
        width: 33.33333%
    }
}

@media(min-width: 992px) {
    .fullWidth .brick:nth-of-type(2n+1) {
        clear: none
    }

    .fullWidth .brick:nth-of-type(3n+1) {
        clear: both
    }
}

.threeCols .brick {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 480px) {
    .threeCols .brick {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(min-width: 480px) and (min-width:768px) {
    .threeCols .brick {
        float: left;
        width: 33.33333%
    }
}

@media(min-width: 768px) {
    .threeCols .brick:nth-of-type(2n+1) {
        clear: none
    }

    .threeCols .brick:nth-of-type(3n+1) {
        clear: both
    }
}

.fullWidth .twoCols .brick {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 480px) {
    .fullWidth .twoCols .brick {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(min-width: 480px) {
    .fullWidth .twoCols .brick:nth-of-type(2n+1) {
        clear: both
    }

    .fullWidth .twoCols .brick:nth-of-type(3n+1) {
        clear: none
    }
}

.brick.tweet .tweetaccount {
    position: relative;
    margin: 0 0 10px 0;
    min-height: 36px
}

    .brick.tweet .tweetaccount .tweetavatar {
        position: absolute;
        left: 0;
        top: 0;
        width: 36px;
        height: 36px
    }

    .brick.tweet .tweetaccount .tweetdisplayname {
        display: inline-block;
        font-weight: bold;
        font-size: 1em;
        line-height: 1em;
        margin: 0 0 1.1em 44px;
        vertical-align: top
    }

    .brick.tweet .tweetaccount .tweetname {
        position: absolute;
        font-size: .8125em;
        line-height: 1em;
        left: 44px;
        bottom: 3px;
        color: #767676
    }

.brick.tweet .retweetnotice {
    color: #767676;
    font-size: .75em;
    padding: 0 0 0 20px
}

    .brick.tweet .retweetnotice:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 14px;
        color: #697882;
        margin: -2px 5px 0 -18px
    }

.brick.tweet .tweetage {
    float: left;
    width: 50%;
    color: #767676;
    font-size: .8125em;
    line-height: 1em;
    margin: -8px 0 0 0
}

.brick.tweet .tweetactions {
    float: right;
    width: 50%;
    margin: -10px 0 0 0;
    text-align: right
}

    .brick.tweet .tweetactions a {
        display: inline-block;
        width: 16px;
        height: 16px;
        overflow: hidden;
        color: transparent;
        margin: 0 0 0 3px
    }

        .brick.tweet .tweetactions a.reply:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 14px;
            line-height: 14px;
            margin-top: -16px;
            color: #697882
        }

        .brick.tweet .tweetactions a.reply:hover:before {
            opacity: .8
        }

        .brick.tweet .tweetactions a.retweet:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 14px;
            line-height: 14px;
            margin-top: -16px;
            color: #697882
        }

        .brick.tweet .tweetactions a.retweet:hover:before {
            opacity: .8
        }

        .brick.tweet .tweetactions a.favorite:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 14px;
            line-height: 14px;
            margin-top: -16px;
            color: #697882
        }

        .brick.tweet .tweetactions a.favorite:hover:before {
            opacity: .8
        }

a.tweetfollowbtn {
    clear: both;
    float: left;
    margin: -30px 15px 30px 15px;
    line-height: 1em;
    padding: 6px 8px 6px 6px;
    border: 1px solid #ccc;
    font-size: 11px;
    color: #333;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    font-weight: bold;
    background-color: #f8f8f8;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
    background: -moz-linear-gradient(top,#fff,#dedede);
    background: -o-linear-gradient(top,#fff,#dedede);
    background: -ms-linear-gradient(top,#fff,#dedede);
    border: #CCC solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden
}

    a.tweetfollowbtn:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #55acee;
        margin: -1px 5px 0 0;
        font-size: 13px;
        line-height: 13px
    }

    a.tweetfollowbtn:hover {
        text-decoration: none;
        border-color: #BBB;
        background-color: #f8f8f8;
        background: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#d9d9d9));
        background: -moz-linear-gradient(top,#f8f8f8,#d9d9d9);
        background: -o-linear-gradient(top,#f8f8f8,#d9d9d9);
        background: -ms-linear-gradient(top,#f8f8f8,#d9d9d9);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

.brick.sharing {
    margin: 0
}

    .brick.sharing ul.common li a {
        padding-left: 30px
    }

        .brick.sharing ul.common li a:before {
            content: ""
        }

.brick.followOn ul li a {
    padding-left: 35px
}

    .brick.followOn ul li a:before {
        font-size: 23px;
        content: ""
    }

    .brick.followOn ul li a.external:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        content: "";
        vertical-align: middle;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        left: 10px
    }

    .brick.followOn ul li a.flickr:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        color: #ff0084;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .brick.followOn ul li a.facebook:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        color: #3c5193;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .brick.followOn ul li a.twitter:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        color: #2da8e0;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .brick.followOn ul li a.tumblr:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        color: #47526b;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .brick.followOn ul li a.youtube:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        color: #e62528;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .brick.followOn ul li a.google-plus:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        color: #cc2b27;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .brick.followOn ul li a.linkedin:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        color: #007bb6;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.brick.followOn ul li .meta {
    margin-left: 0;
    padding-left: 35px
}

.wayfinder {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: left
}

@media(min-width: 992px) {
    .wayfinder {
        margin-bottom: 40px
    }
}

@media print {
    #content .wayfinder {
        margin-top: 1em;
        margin-bottom: 1em
    }
}

h1.faq {
    color: #000;
    margin-bottom: .7692em
}

    h1.faq + .article-meta {
        padding-left: 0;
        margin-bottom: 1.8em;
        margin-top: 0
    }

    h1.faq + .subheading {
        margin: .2em 0
    }

#aside .block.faqs h2, .faqs h2 {
    border-top-color: #01689b
}

.faqs .common {
    margin-bottom: 20px
}

    .faqs .common li {
        margin-bottom: 1.25em
    }

@media(min-width: 992px) {
    .faqs .common li {
        margin-bottom: .5em
    }
}

.article .faqs.overview h3 {
    margin-bottom: .5em
}

#aside .faqs a, #aside .faqs a h3 {
    font-weight: normal;
    line-height: 1.375em;
    font-size: 1em
}

@media(min-width: 992px) {
    #aside .faqs a, #aside .faqs a h3 {
        line-height: 1.5em
    }
}

#aside .faqs .more {
    margin-top: 0;
    font-weight: bold;
    line-height: 1.375em;
    font-size: 1em
}

.block.faqs:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

@media(min-width: 992px) {
    .article .faqs {
        margin-top: 40px;
        clear: left
    }

        .article .faqs li {
            display: block;
            width: 50%;
            clear: none;
            float: left;
            margin-left: 0;
            margin-right: 0
        }

    .faqs .common {
        margin-left: -20px;
        margin-right: 0;
        margin-bottom: 20px
    }

    #aside .faqs .more, .article .faqs a {
        margin-left: 20px
    }

        .article .faqs a.more {
            margin-left: 0
        }

    .faqs.answers li + li + li {
        clear: left
    }

        .faqs.answers li + li + li + li {
            clear: none
        }

    .article .faqs.overview {
        margin-bottom: 20px
    }

        .article .faqs.long li, .article .faqs.overview li {
            width: 100%
        }
}

@media(min-width: 992px) {
    #aside .faqs .more {
        margin-left: 0
    }
}

@media print {
    #content .faqs a {
        display: block
    }

        #content .faqs a:after {
            display: block;
            margin: 0 0 1em
        }

    .article .faqs a {
        padding-left: 0;
        margin-left: 0
    }
}

.article h1.publication {
    color: #535353
}

h1.publication {
    margin-bottom: .125em
}

    h1.publication + .article-meta {
        padding-left: 0;
        margin-bottom: 1.8em;
        margin-top: 0
    }

    h1.publication + .subheading {
        margin: .2em 0
    }

.docs-pubs {
    margin-top: 20px;
    margin-bottom: 20px
}

@media(min-width: 992px) {
    .docs-pubs.two-columns {
        margin-bottom: 0
    }
}

.docs-pubs .common a {
    text-decoration: none
}

.docs-pubs .common li ul {
    padding-left: 0
}

.docs-pubs .common li li a {
    padding-left: 20px;
    font-size: 1em
}

.docs-pubs h4 {
    font-weight: normal;
    font-style: normal
}

.docs-pubs a:hover h3, .docs-pubs a:focus h3 {
    text-decoration: underline;
    color: #154273
}

.docs-pubs a p {
    padding-left: 0;
    color: #000;
    font-size: 84.615%;
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 0
}

.article .docs-pubs a .meta {
    color: #767676;
    margin-top: .2em
}

@media(min-width: 992px) {
    .article .docs-pubs {
        margin-top: 40px;
        clear: left
    }
}

div.download {
    margin: 10px 0 30px;
    padding: 0;
    background: 0
}

h1.download {
    color: #000
}

.download-chunk {
    display: block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 8px 80px 10px 50px;
    background-color: #f3f3f3;
    background-image: url("shared-ro/images/sprite-1.1.png");
    background-repeat: no-repeat;
    background-position: -200px -450px;
    text-decoration: none;
    cursor: pointer
}

    .download-chunk.rtf {
        background-position: -250px -400px
    }

    .download-chunk.pdf {
        background-position: -300px -350px
    }

    .download-chunk.ppt {
        background-position: -350px -300px
    }

    .download-chunk.xls {
        background-position: -400px -250px
    }

    .download-chunk.doc {
        background-position: -450px -200px
    }

    .download-chunk.odp {
        background-position: -500px -150px
    }

    .download-chunk.ods {
        background-position: -550px -100px
    }

    .download-chunk.odt {
        background-position: -600px -50px
    }

    .download-chunk.zip {
        background-position: -650px 0
    }

    .download-chunk h2 {
        margin: 0 0 .33em 0;
        font-weight: normal;
        font-size: 1.125em;
        cursor: pointer;
        line-height: 1.222em
    }

@media(min-width: 992px) {
    .download-chunk h2 {
        font-size: 1.25em
    }
}

.download-chunk h2 span {
    display: block;
    font-weight: bold
}

.download-chunk:hover h2 span {
    text-decoration: underline;
    color: #154273
}

.download-chunk h2 em {
    display: block;
    position: absolute;
    right: 20px;
    top: 8px;
    color: #01689b;
    font-style: normal;
    font-size: 1.38889em
}

@media(min-width: 992px) {
    .download-chunk h2 em {
        font-size: 1.75em
    }
}

.download-chunk .meta {
    clear: left;
    margin: 0 0 .2em;
    color: #535353;
    font-size: 100%;
    cursor: pointer
}

.travel-safety .download-chunk .meta {
    margin-bottom: .2em
}

h1.news {
    color: #000;
    margin-bottom: .125em
}

    h1.news + .article-meta {
        padding-left: 0;
        margin-bottom: 1.25em;
        margin-top: 0
    }

@media(min-width: 992px) {
    h1.news + .article-meta {
        margin-bottom: 1.8em
    }
}

h1.news + .subheading {
    margin: .2em 0
}

.common li a.news {
    margin-bottom: 0
}

    .common li a.news p {
        margin-bottom: .4em
    }

.news .article {
    margin: 0;
    padding-top: 0
}

.block.news:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

.news .regulars {
    clear: left
}

    .news .regulars:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: left
    }

    .news .regulars div {
        float: left;
        margin: 0;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #f3f3f3;
        width: 100%
    }

@media(min-width: 992px) {
    .news .regulars div {
        margin: 0 0 20px 0
    }
}

.news .regulars div p {
    display: none
}

.news .regulars div .meta {
    display: block
}

.news .regulars div a {
    margin: 0
}

.news div .news div .visual a {
    margin-bottom: 0
}

.article .news.nomore {
    margin-bottom: -38px
}

.news .other a {
    margin-bottom: 0;
    padding-left: 18px;
    font-size: 1em
}

    .news .other a:hover, .news .other a:focus {
        text-decoration: underline;
        color: #154273
    }

.news .other li {
    margin-bottom: 0
}

.news .other .more a {
    font-weight: bold
}

.news .more, #aside .news .more, .article .news .more {
    margin-top: 0
}

    .news .more:hover, #aside .news .more:hover, .article .news .more:hover {
        text-decoration: underline
    }

#aside .common .news {
    margin-bottom: 0
}

#aside .news p.meta {
    margin: 0
}

#aside .news div {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
    padding-bottom: 15px
}

    #aside .news div:last-of-type {
        border-bottom: 0;
        margin-bottom: 0
    }

#aside .news a.more, #aside .news a.common {
    margin-bottom: 0
}

.news a:focus, .news a:hover {
    text-decoration: none;
    color: #154273
}

.news a h3 {
    padding-bottom: .3em;
    font-size: 1.125em;
    line-height: 1.22em
}

.news p, .spotlight p {
    margin-bottom: .4em
}

    .news p + .meta, .spotlight p + .meta {
        line-height: 1.5em
    }

.spotlight a {
    overflow: hidden;
    margin-bottom: 0
}

    .spotlight a h3 {
        padding-bottom: .3em;
        font-size: 1.125em;
        line-height: 1.222;
        text-decoration: none;
        padding-left: 30px;
        position: relative
    }

        .spotlight a h3:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #01689b;
            font-size: 16px;
            line-height: 16px;
            position: absolute;
            left: 0;
            top: 3px
        }

    .spotlight a.publication h3:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #01689b;
        font-size: 22px;
        line-height: 22px;
        position: absolute;
        left: 0;
        top: -1px
    }

@media(min-width: 992px) {
    .spotlight a.publication h3:before {
        top: 1px
    }
}

.spotlight a.news h3:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #01689b;
    font-size: 22px;
    line-height: 22px;
    position: absolute;
    left: 0;
    top: -1px
}

@media(min-width: 992px) {
    .spotlight a.news h3:before {
        top: 1px
    }
}

.spotlight a.activity h3:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #01689b;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 0
}

@media(min-width: 992px) {
    .spotlight a.activity h3:before {
        top: 1px
    }
}

.spotlight a.video h3:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #01689b;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 0
}

@media(min-width: 992px) {
    .spotlight a.video h3:before {
        top: 2px
    }
}

.spotlight a.external:before {
    content: '';
    display: none
}

.spotlight a.external h3:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    content: "";
    vertical-align: middle;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #01689b;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    left: 0;
    top: 1px
}

@media(min-width: 992px) {
    .spotlight a.external h3:before {
        top: 4px
    }
}

.spotlight a.weblog h3:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #01689b;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 0
}

@media(min-width: 992px) {
    .spotlight a.weblog h3:before {
        top: 2px
    }
}

.spotlight a.rss-feed h3 {
    padding-left: 0
}

    .spotlight a.rss-feed h3:before {
        content: '';
        display: none
    }

.spotlight a:focus, .spotlight a:hover {
    text-decoration: none;
    color: #154273
}

@media(min-width: 992px) {
    .spotlight a {
        margin-left: 20px
    }
}

#aside .spotlight .spotlightitem {
    float: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    width: 100%
}

    #aside .spotlight .spotlightitem a {
        margin-bottom: 20px;
        float: left
    }

        #aside .spotlight .spotlightitem a:last-child {
            margin-bottom: 0
        }

    #aside .spotlight .spotlightitem p.copyright {
        max-width: 250px;
        color: #fff;
        margin-top: -45px
    }

    #aside .spotlight .spotlightitem:last-of-type {
        border-bottom: 0;
        margin-bottom: 0
    }

@media(min-width: 992px) {
    .article .spotlight div a {
        margin-left: 0
    }
}

.spotlight img {
    max-width: 100%;
    width: 100%
}

.spotlight .common li a {
    margin-left: 0
}

.news .headline {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background-color: #f3f3f3;
    width: 100%;
    float: left;
    clear: left;
    border-bottom: 1px solid #f3f3f3
}

    .news .headline img {
        width: 100%;
        display: block;
        margin-bottom: 0
    }

    .news .headline div {
        width: 59%;
        margin: 0;
        float: left;
        margin: 0;
        padding: 0
    }

    .news .headline .visual {
        width: 41%;
        float: left;
        margin: 0;
        padding: 0
    }

    .news .headline p {
        display: none
    }

        .news .headline p.copyright {
            display: block;
            max-width: 40%;
            color: #fff;
            margin-top: -30px
        }

    .news .headline .meta {
        display: block;
        color: #494949;
        margin-bottom: 0;
        padding: 0 0 0 10px
    }

    .news .headline h3 {
        padding: 5px 0 .2em 10px;
        font-size: 1.25em;
        font-weight: normal;
        line-height: 1.1em;
        font-weight: bold;
        font-size: 1.1em
    }

@media(min-width: 768px) {
    .news .headline h3 {
        font-size: 1.75em;
        font-weight: normal;
        line-height: 1.1429
    }
}

@media(min-width: 480px) {
    .news .headline h3 {
        font-size: 1.25em;
        padding: 10px 0 .2em 10px
    }
}

@media(min-width: 768px) {
    .news .headline h3 {
        font-size: 1.75em;
        line-height: 1.1429
    }
}

@media(min-width: 768px) {
    .news .headline {
        background-color: #f3f3f3;
        border-bottom: 0;
        margin: 0 0 30px 0;
        padding: 0
    }

        .news .headline img {
            width: 100%
        }

        .news .headline p {
            display: block;
            margin-bottom: .25em;
            padding-left: 10px
        }

            .news .headline p.copyright {
                color: #fff;
                padding-left: 10px;
                margin-top: -30px
            }
}

@media(min-width: 768px) and (min-width:992px) {
    .news .headline p.copyright {
        margin-top: -30px
    }
}

@media(min-width: 768px) {
    .news .headline .visual {
        width: 50%
    }

    .news .headline .meta {
        padding: 0 0 .5em 10px
    }

    .news .headline h3 {
        padding: .4em 0 .2em 10px
    }

    .article .news .headline a {
        margin: 0 10px 0 0;
        padding: 0
    }

    .news .headline div {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0
    }

        .news .headline div a {
            margin-left: 0
        }
}

.other .common li {
    margin-bottom: 20px
}

    .other .common li a {
        float: none;
        background: 0;
        padding-left: 0;
        line-height: 1.375
    }

        .other .common li a:hover, .other .common li a:focus {
            text-decoration: underline;
            color: #154273
        }

    .other .common li .meta {
        display: block;
        margin: .4em 0 0
    }

@media(min-width: 768px) {
    .news .regulars {
        margin: 0 0 0 -20px;
        padding: 0;
        border-bottom: 0
    }

        .news .regulars div {
            width: 50%;
            margin: 0 0 20px 0;
            padding: 0;
            border-bottom: 0
        }

            .news .regulars div p {
                display: block
            }

            .news .regulars div a {
                margin: 0 0 1em
            }

    .news div > div {
        display: block;
        width: 50%;
        clear: none;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .article .news div a, .news .other ul {
        margin-left: 20px
    }

    .more, #aside .news div, #aside .news .more, #aside .other-news {
        margin-left: 0
    }

    #aside .news .headline {
        margin-left: 0;
        margin-right: 0;
        background-color: transparent
    }

        #aside .news .headline div {
            width: auto;
            margin-right: 0
        }

        #aside .news .headline h3 {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.625;
            font-weight: bold
        }

    .news .regulars .odd {
        clear: left
    }

    #content .regular.odd {
        clear: left
    }

    #content .regular {
        clear: none
    }

    #aside .spotlight a {
        float: left
    }

    #aside .spotlight .common {
        float: left
    }

    .breaking {
        min-height: 180px
    }

        .breaking .smallcontent {
            padding-left: 20px
        }

            .breaking .smallcontent a {
                width: 50%;
                float: left;
                margin-bottom: 10px
            }

        .breaking .article {
            padding: 20px
        }

        .breaking.visualnews .visual {
            width: 50%;
            margin-bottom: 0;
            min-height: 300px;
            margin-bottom: 0
        }

        .breaking.visualnews .newscontent a h2, .breaking.visualnews .newscontent a p {
            width: 50%;
            float: right;
            box-sizing: border-box;
            padding-left: 20px;
            padding-right: 10px;
            padding-top: 0
        }

        .breaking.visualnews .newscontent a h2 {
            padding-top: 10px;
            padding-bottom: .2em
        }

        .breaking.visualnews .newscontent a .meta {
            margin: 0;
            padding-left: 20px
        }

        .breaking.visualnews .regular {
            box-sizing: border-box;
            padding-left: 20px
        }

            .breaking.visualnews .regular a {
                margin-top: 0;
                padding-right: 10px;
                padding-left: 0
            }

                .breaking.visualnews .regular a .meta {
                    width: 100%;
                    padding-left: 0
                }
}

@media(min-width: 992px) {
    .article .spotlight div a {
        margin-bottom: 0;
        padding-left: 120px;
        background: 0
    }

    .article .spotlight img {
        position: absolute;
        width: 100px;
        left: 0;
        top: 0
    }

    #aside .news div, #aside .news .more, #aside .spotlight a {
        margin-left: 0
    }

    #aside .headline {
        margin: 0 0 30px;
        background-color: transparent
    }

        #aside .headline div {
            width: auto
        }

    #aside .spotlight a {
        float: none
    }

    #aside .spotlight .common {
        float: none
    }

    #aside .spotlight a.more {
        margin-bottom: 0
    }

    .breaking {
        margin-left: 20px;
        margin-right: 0
    }

        .breaking .smallcontent {
            width: 25%;
            padding: 20px 10px 10px 20px
        }

            .breaking .smallcontent a {
                width: 100%
            }

        .breaking.visualnews .regular {
            margin-top: 15px
        }

            .breaking.visualnews .regular a {
                width: 50%
            }
}

@media print {
    .news .headline {
        border-bottom: 0
    }

        .news .headline .visual {
            page-break-inside: avoid
        }

        .news .headline div {
            position: static
        }

    .news .regulars div {
        border-bottom: 0;
        width: 50%;
        float: left;
        bottom: 0
    }

        .news .regulars div p {
            display: block
        }

    h1.news + .article-meta {
        padding-left: 0
    }
}

.banner a {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box
}

@media(min-width: 992px) {
    .banner a {
        padding-left: 20px
    }
}

@media(min-width: 992px) {
    .banner a {
        margin-left: 0;
        padding-left: 0
    }
}

.banner img {
    max-width: 100%;
    width: 100%;
    -ms-interpolation-mode: bicubic
}

@media(min-width: 992px) {
    .banner img {
        width: 100%
    }
}

@media(min-width: 992px) {
    #aside .block + .banner:nth-of-type(2n+1) {
        clear: left
    }
}

@media print {
    .banner {
        page-break-inside: avoid
    }

        .banner img {
            width: 100%;
            float: none
        }
}

.banner .st0 {
    fill: #fff;
    stroke: #cbd2e3;
    stroke-width: 4;
    stroke-miterlimit: 10
}

.banner .st1 {
    fill: #1b5e84
}

.banner .st2 {
    font-weight: bold;
    font-family: "RO Sans",Calibri,Verdana,sans-serif
}

.banner .st3 {
    font-size: 22px;
    font-family: "RO Sans",Calibri,Verdana,sans-serif
}

.banner .st4 {
    font-size: 31px;
    font-family: "RO Sans",Calibri,Verdana,sans-serif;
    text-decoration: none
}

.banner .st5 {
    font-weight: normal;
    font-family: "RO Sans",Calibri,Verdana,sans-serif
}

.banner .st6 {
    font-size: 21px;
    font-family: "RO Sans",Calibri,Verdana,sans-serif
}

.banner .eng .st0 {
    stroke: #cbd2e3;
    stroke-width: 4;
    stroke-miterlimit: 10
}

.banner .eng .st2 {
    font-weight: bold;
    font-family: "RO Sans",Calibri,Verdana,sans-serif
}

.banner .eng .st3 {
    font-size: 20px;
    font-family: "RO Sans",Calibri,Verdana,sans-serif
}

.banner .eng .st5 {
    font-weight: normal;
    font-family: "RO Sans",Calibri,Verdana,sans-serif
}

.banner .eng .st6 {
    font-size: 19px;
    font-family: "RO Sans",Calibri,Verdana,sans-serif
}

.notifications, .sharing {
    margin: 0
}

@media(min-width: 992px) {
    .notifications, .sharing {
        margin: 0
    }

    .col .notifications, .col .sharing {
        margin: 0 0 40px 0
    }
}

.notifications a {
    padding-right: 30px
}

#aside .notifications a {
    padding-right: 0
}

.notifications a.email:focus, .notifications a.rss-feed:focus, .notifications a.email:hover, .notifications a.rss-feed:hover {
    color: #154273
}

.notifications li {
    display: block
}

#follow-up .sharing h2 {
    margin: 0 0 20px 0;
    font-size: 1.6rem;
    padding-top: 10px;
    border-top: 1px solid #e1e1e1
}

#follow-up .sharing ul li {
    float: left
}

    #follow-up .sharing ul li a {
        position: relative;
        display: block;
        overflow: hidden;
        width: 29px;
        height: 28px;
        padding-left: 15px;
        text-indent: -9999px;
        padding: 0;
        margin: 0 15px 0 0
    }

        #follow-up .sharing ul li a:before {
            font-size: 30px;
            line-height: 16px;
            text-indent: 0;
            content: "";
            position: absolute;
            left: 0;
            top: 5px
        }

        #follow-up .sharing ul li a.flickr:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            color: #ff0084;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        #follow-up .sharing ul li a.facebook:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            color: #3c5193;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        #follow-up .sharing ul li a.linkedin:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            color: #007bb6;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        #follow-up .sharing ul li a.twitter:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            color: #2da8e0;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        #follow-up .sharing ul li a.tumblr:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            color: #47526b;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        #follow-up .sharing ul li a.google-plus:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            color: #cc2b27;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

@media print {
    .sharing, h2 a.rss {
        display: none !important
    }
}

.summary {
    display: block;
    width: 80%
}

    .summary h1, .summary h2 {
        margin: 0 0 15px 0;
        color: #767676;
        font-size: 1.3125em;
        font-weight: normal;
        line-height: 1.5238;
        vertical-align: baseline
    }

    .summary span {
        color: #000;
        font-size: 1.3333em;
        line-height: 1.1429em
    }

    .summary p {
        margin-top: -15px;
        color: #767676;
        font-size: 1em;
        line-height: 1em
    }

        .summary p span {
            font-size: 1em;
            line-height: 1em
        }

.filterHeader {
    border-bottom: 1px solid #767676;
    margin: 5px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap
}

    .filterHeader .summary {
        width: auto;
        margin: 0 0 5px 0
    }

        .filterHeader .summary h2 {
            margin: 0
        }

        .filterHeader .summary p {
            margin: 5px 0 10px 0
        }

        .filterHeader .summary .activeFiltersHeader {
            margin: 0 0 15px 0;
            color: #767676;
            font-size: 1.3125em;
            font-weight: normal;
            line-height: 1.5238;
            vertical-align: baseline;
            font-size: 1em;
            font-weight: normal;
            line-height: inherit;
            vertical-align: baseline
        }

    .filterHeader.hasTags .summary {
        flex: 1 100%
    }

    .filterHeader .filterTagsWrapper .removeTag {
        float: left;
        background-color: #f3f3f3;
        color: #000;
        padding: 3px 25px 3px 5px;
        margin: 0 10px 6px 0;
        border-radius: 3px;
        font-size: .875rem;
        position: relative
    }

        .filterHeader .filterTagsWrapper .removeTag:after {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 10px;
            position: absolute;
            right: 8px;
            top: 6px
        }

html[dir="rtl"] .filterHeader .filterTagsWrapper .removeTag {
    padding: 3px 5px 3px 25px
}

    html[dir="rtl"] .filterHeader .filterTagsWrapper .removeTag:after {
        right: auto;
        left: 8px
    }

.filterHeader .filterTagsWrapper .removeTag:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 5px;
    width: 0;
    height: 1px;
    background: black;
    transition: width .2s ease-out
}

.filterHeader .filterTagsWrapper .removeTag:hover {
    background-color: #e6e6e6
}

    .filterHeader .filterTagsWrapper .removeTag:hover:before {
        width: calc(100% - 30px);
        transition: width .2s ease-in
    }

.filterHeader .btnWrapper {
    margin-left: auto
}

    .filterHeader .btnWrapper .filter-btn {
        background-color: transparent;
        white-space: nowrap;
        color: #767676;
        font-size: .875rem;
        padding: 3px 5px 3px 5px;
        margin: 0 2px 6px 0;
        border-radius: 3px;
        transition: all 1s ease-out
    }

html[dir="rtl"] .filterHeader .btnWrapper .filter-btn:after {
    padding-left: 0;
    padding-right: 5px
}

.filterHeader .btnWrapper .filter-btn:after {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #767676;
    font-size: 12px;
    padding-left: 5px
}

.filterHeader .btnWrapper .filter-btn.filtersOpen:after {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.filterHeader .btnWrapper .filter-btn:hover {
    background-color: #f3f3f3;
    color: #000;
    transition: all .2s ease-out
}

    .filterHeader .btnWrapper .filter-btn:hover:after {
        color: #000
    }

.no-results-message {
    margin-top: 30px
}

.sorting {
    margin: 30px 0 15px 0
}

    .sorting + .article .results {
        padding-top: .8em;
        margin: 0
    }

.article .results {
    margin: 30px 0 0 0
}

    .article .results + .results {
        margin: 0
    }

.results a {
    clear: left;
    margin: 0;
    margin-bottom: 1.25em
}

@media(min-width: 992px) {
    .results a {
        margin-bottom: 1.625em
    }
}

.results li a p {
    margin-bottom: .433em
}

.results li a {
    margin-bottom: 0
}

.results a:focus, .results a:hover {
    text-decoration: none;
    color: #154273
}

.results h3 {
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.5
}

.results a h3 {
    font-size: 1.125em;
    line-height: 1.33333em
}

@media(min-width: 992px) {
    .results a h3 {
        line-height: 1.444em
    }
}

.results a:focus h3, .results a:hover h3 {
    text-decoration: underline;
    color: #154273
}

.results p {
    margin: 0;
    color: #000;
    font-size: 1em;
    font-weight: normal
}

.common.results p:first-of-type {
    display: none
}

@media(min-width: 992px) {
    .common.results p:first-of-type {
        display: block
    }
}

.common.results p.meta {
    display: block
}

.common.results a.weblog p, .common.results a.consignment p {
    display: block
}

.common.results.gallery-result p {
    display: block
}

.common.results.hasVisuals p {
    display: block
}

@media(max-width: 992px) {
    .common.results a {
        padding-left: 0
    }

        .common.results a:before {
            display: none;
            content: ''
        }
}

.results .meta {
    margin-top: .433em;
    margin-bottom: 0;
    color: #767676;
    font-size: .875rem
}

    .results .meta + .meta {
        margin-top: 0
    }

.results h3 + .meta {
    margin-top: 0
}

.results.contents .common li {
    margin-bottom: 1.25em
}

@media(min-width: 992px) {
    .results.contents .common li {
        margin-bottom: 1.625em
    }
}

.results.contents .common li li {
    margin: 0
}

.results.hasVisuals a {
    background-image: none;
    padding-left: 0;
    width: 100%;
    margin-bottom: 17px;
    padding: 0 0 15px 0;
    border-bottom: 2px solid #f3f3f3
}

    .results.hasVisuals a:before {
        content: ''
    }

    .results.hasVisuals a:last-child {
        border-bottom: 0
    }

    .results.hasVisuals a h3 {
        display: block;
        padding: 0 0 10px 0;
        margin: 0
    }

    .results.hasVisuals a p {
        padding: 0 15px 10px 0
    }

        .results.hasVisuals a p.meta {
            margin: 0;
            padding: 0 10px 0 0;
            float: none
        }

    .results.hasVisuals a .visual img {
        width: 100%;
        margin: 0 0 15px 0
    }

@media(min-width: 768px) {
    .results.hasVisuals a {
        background-color: #f3f3f3;
        border-bottom: 0;
        padding: 0 0 15px 38%;
        position: relative;
        min-height: 190px;
        overflow: hidden
    }

        .results.hasVisuals a h3 {
            font-size: 1.66666em;
            font-weight: normal;
            line-height: 1.13333333em;
            padding: 15px 15px 5px 15px
        }

        .results.hasVisuals a p {
            padding: 0 15px 10px 15px;
            line-height: 1.375
        }

            .results.hasVisuals a p.meta {
                padding: 0 10px 0 15px
            }

        .results.hasVisuals a .visual {
            position: absolute;
            left: 0;
            top: 0;
            width: 38%;
            margin-bottom: 0;
            overflow: hidden
        }

            .results.hasVisuals a .visual img {
                width: 100%;
                margin: 0
            }
}

.results-message {
    margin: 0 0 0 -20px;
    padding: 10px 20px 5px;
    background-color: #f3f3f3
}

    .results-message p {
        margin: 0 0 .6em;
        padding: 0
    }

    .results-message.search-top {
        margin: 0;
        padding: 0;
        background-color: transparent
    }

        .results-message.search-top p {
            padding: 0
        }

.paging-menu {
    margin-top: 15px
}

    .paging-menu h2 {
        display: none
    }

ul.paging {
    display: block;
    margin: 0 0 15px 0;
    padding-left: 0;
    border-top: 3px solid #01689b;
    font-size: 100%;
    display: block
}

    ul.paging:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: left
    }

@media(min-width: 992px) {
    ul.paging {
        margin: 0 0 20px 0
    }
}

.paging li {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    border: 0;
    background-image: none;
    font-size: 1.25em;
    line-height: 1.2381
}

    .paging li:before {
        display: none;
        content: ''
    }

@media(min-width: 768px) {
    .paging li {
        font-size: 1.3125em;
        line-height: 1.2381
    }
}

.paging a, .paging a:visited, .paging span {
    display: block;
    padding: .5em 8px;
    padding-top: .5em;
    color: #01689b;
    text-decoration: none
}

    .paging a.page, .paging a:visited.page, .paging span.page {
        display: none
    }

    .paging a:focus, .paging a:hover {
        text-decoration: underline;
        color: #154273
    }

.paging a, .paging span {
    position: absolute;
    top: -100000px
}

@media(min-width: 992px) {
    .paging a, .paging span {
        position: static;
        top: auto
    }
}

.paging .previous a, .paging .next a {
    position: static;
    top: auto
}

.paging strong {
    display: block;
    padding: .5em 8px;
    padding-top: .5em;
    background-color: #01689b;
    color: #fff
}

.paging em {
    display: block;
    padding: .5em 8px;
    padding-top: .5em;
    color: #767676;
    font-style: normal;
    line-height: 1
}

@media print {
    .paging {
        display: none !important
    }

    .results li:before {
        content: ''
    }
}

.message {
    background-size: 2021px 21px;
    background-repeat: no-repeat;
    background-image: none;
    background-position: -1906px 0
}

    .message .wrapper {
        padding: 30px 15px 10px 15px;
        background-size: 2021px 21px;
        background-repeat: no-repeat;
        background-position: 10px 0
    }

    .message p {
        margin: 0;
        display: inline-block;
        width: 100%
    }

    .message.error {
        position: relative;
        background-color: #f7d2dd;
        padding: 30px 20px 10px 20px
    }

        .message.error::before {
            position: absolute;
            top: 0;
            left: 20px;
            height: 21px;
            width: 21px;
            content: " ";
            background-image: url(shared-ro/images/sprite-icons-messages.svg);
            background-position: 0 0;
            background-repeat: no-repeat
        }

.formWrapper .message.error::before {
    left: 0
}

.message.error li {
    background-position: -990px .75em
}

.message.cookie {
    background-color: #e6e6e6
}

    .message.cookie .wrapper {
        padding-top: 10px;
        background-image: none
    }

.message.alert {
    position: relative;
    background-color: #fef1bc;
    padding: 30px 20px 10px 20px;
    margin-bottom: 20px;
    margin-left: 0;
    background-repeat: no-repeat
}

    .message.alert::before {
        position: absolute;
        top: 0;
        left: 20px;
        height: 21px;
        width: 21px;
        content: " ";
        background-image: url(shared-ro/images/sprite-icons-messages.svg);
        background-position: -22px 0
    }

.message.info {
    position: relative;
    background-color: #c5f2b2;
    padding: 30px 20px 10px 20px;
    margin-bottom: 20px
}

    .message.info:before {
        position: absolute;
        top: 0;
        left: 20px;
        height: 21px;
        width: 21px;
        content: " ";
        background-image: url(shared-ro/images/sprite-icons-messages.svg);
        background-position: -44px 0
    }

.message.survey {
    padding: 0;
    margin-bottom: 0;
    background-color: #c5f2b2
}

    .message.survey .wrapper {
        position: relative
    }

        .message.survey .wrapper:before {
            position: absolute;
            top: 0;
            left: 15px;
            height: 21px;
            width: 21px;
            content: " ";
            background-image: url(shared-ro/images/sprite-icons-messages.svg);
            background-position: -44px 0
        }

    .message.survey p {
        width: 100%
    }

@media(min-width: 992px) {
    .message.survey p {
        width: auto;
        float: left;
        margin-right: 15px
    }
}

.message.survey a {
    display: inline-block;
    float: left;
    width: 100%
}

@media(min-width: 480px) {
    .message.survey a {
        width: auto;
        float: left
    }

        .message.survey a#survey-no {
            float: right
        }
}

.message.login {
    padding-top: 0;
    padding-bottom: .2em;
    background: transparent;
    margin-right: 0;
    text-align: right;
    font-size: 1em
}

    .message.login p {
        text-align: right
    }

    .message.login a {
        display: inline-block;
        margin-left: 10px
    }

        .message.login a:visited {
            color: #666
        }

@media print {
    .survey, .cookie {
        display: none !important
    }
}

label {
    display: block;
    position: relative;
    margin: 0 0 5px 0;
    font-size: 1em;
    line-height: 1.375
}

select {
    padding: .3333em 0;
    -webkit-border-radius: 0
}

input, select, textarea, button {
    line-height: normal;
    padding: .35em 0;
    font-size: 1em;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: "RO Sans",Calibri,sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.625
}

:lang(zh-Hans) input, :lang(zh-Hans) select, :lang(zh-Hans) textarea, :lang(zh-Hans) button {
    font-family: Calibri,"MicrosoftYaHeiNew","MicrosoftYahei","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif
}

:lang(jp) input, :lang(jp) select, :lang(jp) textarea, :lang(jp) button {
    font-family: Calibri,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

:lang(ru) input, :lang(ru) select, :lang(ru) textarea, :lang(ru) button {
    font-family: Calibri,Arial,sans-serif
}

:lang(ar) input, :lang(ar) select, :lang(ar) textarea, :lang(ar) button {
    font-family: Calibri,Arial,sans-serif
}

input[type="text"], input[type="password"], input[type="date"], select {
    padding: .3333em 0;
    height: 32px;
    width: 100%
}

@media(min-width: 992px) {
    input[type="text"], input[type="password"], input[type="date"], select {
        padding: .25em 0
    }
}

form div.clearFieldWrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

    form div.clearFieldWrapper.autosize {
        width: auto
    }

    form div.clearFieldWrapper input {
        padding-right: 25px
    }

        form div.clearFieldWrapper input::-ms-clear {
            display: none
        }

    form div.clearFieldWrapper .clearField {
        display: none;
        position: absolute;
        width: 16px;
        height: 100%;
        right: 8px;
        top: 0;
        margin: 0;
        cursor: pointer;
        text-indent: -999px;
        overflow: hidden;
        background-color: transparent;
        z-index: 9999
    }

        form div.clearFieldWrapper .clearField:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 14px;
            line-height: 14px;
            height: 14px;
            height: 100%;
            text-indent: 0;
            position: absolute;
            right: 3px;
            top: 50%;
            margin-top: -7px;
            color: #000
        }

        form div.clearFieldWrapper .clearField.active {
            display: block
        }

select {
    padding: .1875em 0
}

input[type="text"], input[type="password"] {
    padding-left: 5px;
    width: 99%
}

#aside input.date {
    font-size: 14px;
    float: left
}

@media(min-width: 992px) {
    #aside input.date {
        float: none
    }
}

#aside input[type="text"].date {
    width: 42%
}

button, input[type="submit"], input[type="button"], input[type="reset"], input[type="text"], input[type="password"], textarea {
    -webkit-border-radius: 0;
    -webkit-appearance: none
}

input[type="text"], input[type="password"], input[type="file"], input[type="date"], select, textarea {
    background-color: #fff;
    border-top: 0 solid #01689b;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 2px solid #01689b
}

input[type="file"] {
    margin-bottom: .425em;
    width: 100%;
    background-color: #fff
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    display: block;
    width: auto;
    float: left;
    margin: .15em 20px 0 0;
    padding: .4em 10px;
    padding-bottom: .4em;
    border: 0;
    background-color: #01689b;
    color: #fff;
    font-size: 1em;
    cursor: pointer;
    -webkit-appearance: button
}

    button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
        outline: 0;
        box-shadow: 0 0 0 2px #82befb inset
    }

    button:active, button:hover, input[type="button"]:active, input[type="button"]:hover, input[type="reset"]:active, input[type="reset"]:hover, input[type="submit"]:active, input[type="submit"]:hover {
        outline: 0;
        box-shadow: none
    }

textarea {
    width: 100%;
    height: 6em;
    line-height: 1.5;
    margin-bottom: 5px
}

input[type="text"].autosize, select.autosize {
    width: auto
}

form:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

form h2 {
    margin: .67em 0 .13em;
    color: #01689b;
    font-size: 1.536em;
    font-weight: normal;
    line-height: 1.1429
}

form h3 {
    padding-left: 0;
    margin: .67em 0 .13em
}

.form th[colspan] {
    background-color: white;
    padding-top: 1.2em
}

form h2.req {
    margin: .67em 0 -0.55em 0;
    padding-right: 6em
}

@media(min-width: 768px) {
    form h2.req {
        margin: .67em 0 -0.90em 0
    }
}

@media(min-width: 992px) {
    form h2.req {
        margin: .67em 0 -0.85em 0
    }
}

form h2.form-divider {
    border-top: 3px solid #f3f3f3;
    padding-top: .8em
}

form div p {
    margin: 0 0 1.2em
}

form p.req {
    text-align: right;
    margin-top: 20px;
    padding-left: 10px
}

@media(min-width: 992px) {
    form p.req {
        padding-left: 20px
    }
}

legend {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0,0,0,0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

.input-group legend {
    position: relative !important;
    display: initial !important;
    clip: auto;
    height: auto;
    padding: .25em 0 0 0;
    left: 0;
    float: none;
    margin: 0;
    width: 8.5em;
    font-size: 1em;
    line-height: 1.375em
}

label.radio {
    padding-left: 0
}

    label.radio input[type="checkbox"], label.radio input[type="radio"] {
        left: 3px;
        top: -2px;
        left: 0;
        margin-right: 5px;
        position: relative
    }

.eforms-fieldgroupname {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0,0,0,0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

#aside .form {
    position: relative;
    top: 0;
    width: 95%
}

@media(min-width: 992px) {
    #aside .form {
        width: 96%;
        margin-left: 20px
    }
}

@media(min-width: 992px) {
    #aside .form {
        position: static;
        top: 0;
        width: 100%;
        margin-left: 0
    }
}

#aside .form .message {
    margin-left: 0
}

    #aside .form .message.error {
        padding-left: 25px
    }

.form .skiplinks a:focus {
    top: inherit;
    bottom: -43px
}

div[data-conditional], fieldset[data-conditional] {
    max-height: 1000px
}

    div[data-conditional].hide, fieldset[data-conditional].hide {
        padding: 0;
        margin: 0;
        max-height: 0;
        overflow: hidden
    }

.form .toggleFilter {
    background: #f3f3f3;
    max-height: 0;
    transition: max-height .4s ease-out;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0 0 15px 0
}

@media(min-width: 992px) {
    .form .toggleFilter {
        margin: 0 0 20px 0
    }
}

.form .toggleFilter:before, .form .toggleFilter:after {
    content: " ";
    display: table
}

.form .toggleFilter:after {
    clear: both
}

.form .toggleFilter .message {
    margin-bottom: 0
}

.form .toggleFilter > .message {
    border-bottom: 15px solid #fff
}

.form .toggleFilter .formWrapper {
    background: transparent;
    padding: 15px 0 0 15px
}

@media(min-width: 992px) {
    .form .toggleFilter .formWrapper {
        padding: 15px 0 0 20px
    }
}

.form .toggleFilter .meta.req {
    margin: 10px 10px -30px 0;
    font-size: .875rem;
    z-index: 999
}

.form .toggleFilter .filter {
    display: none
}

.form .toggleFilter.filtersOpen {
    max-height: 800px
}

.formWrapper {
    padding: 0 0 0 15px;
    overflow: hidden;
    position: relative;
    background: #f3f3f3
}

@media(min-width: 768px) {
    .formWrapper {
        padding: 0 0 0 15px
    }
}

@media(min-width: 992px) {
    .formWrapper {
        padding: 0 0 0 20px
    }
}

.formWrapper .period.hide {
    margin-top: 0;
    max-height: 0;
    display: none
}

.formWrapper .search-form-submit {
    float: left
}

@media(min-width: 768px) {
    .formWrapper .search-form-submit input {
        margin-right: 10px
    }
}

#country-search-form .formWrapper {
    background-color: #f3f3f3;
    padding-bottom: .5em
}

    #country-search-form .formWrapper p {
        margin: 1.2em 0 .5em
    }

#topic-search .formWrapper input.ui-autocomplete-input {
    margin-bottom: 0;
    padding-left: 1%;
    width: auto
}

@media(min-width: 992px) {
    #topic-search .formWrapper input.ui-autocomplete-input {
        width: 20em
    }
}

form .formWrapper .accordionBox {
    display: block
}

.js form .formWrapper .accordionBox {
    display: none
}

.formWrapper div {
    display: block;
    position: relative;
    margin: 15px 0 0 0
}

@media(min-width: 768px) {
    .formWrapper div {
        margin: 25px 0 0 0
    }
}

.formWrapper .eformText:first-child {
    margin-top: -20px
}

.formWrapper fieldset:first-child > div.eformText:first-child, .formWrapper fieldset:first-child legend + .eformText {
    margin-top: -25px
}

.formWrapper p:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

.form .eformText {
    background: #fff;
    padding-left: 0;
    margin-left: -15px;
    padding-top: 10px;
    margin-bottom: 0
}

@media(min-width: 992px) {
    .form .eformText {
        padding-left: 0;
        margin-left: -20px
    }
}

.form .eformText .summary {
    padding-left: 0
}

.formWrapper .field {
    margin: 0;
    padding: 0 10px 0 0;
    min-height: 1.6em
}

    .formWrapper .field:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: left
    }

.clear-search-icon {
    position: absolute;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0MTQ0MDU4MTA0NDExRTY4MzU1RkQwMTc0OThEREQ4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE0MTQ0MDU5MTA0NDExRTY4MzU1RkQwMTc0OThEREQ4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTQxNDQwNTYxMDQ0MTFFNjgzNTVGRDAxNzQ5OERERDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTQxNDQwNTcxMDQ0MTFFNjgzNTVGRDAxNzQ5OERERDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7URIuCAAAAhUlEQVR42mJgYGBgBeI2IHZjwA/coOpA6hm6gPg/EL8AYg0cGjSg8v+h6hm8gfgNVOARFo0aUPH/UHXeMAllIL4PlXgFxNpQcW0o/z9UXhndCbpICm4CcQiUhhmki8uz6kB8EaoQhi9CxfGCQDRNgYQ0kGwTyX4iOfTIiieyUgTJaQ8gwADv1kDe6f6LSAAAAABJRU5ErkJggg==");
    height: 13px;
    width: 13px;
    right: 75px;
    top: 9px;
    margin: 0;
    padding: 0;
    background-color: #fff
}

form td p {
    margin-bottom: 1.2em;
    line-height: 1.8
}

    form td p:last-child {
        margin-bottom: 0
    }

.article form {
    margin-left: 0
}

    .article form h2 {
        padding-left: 0;
        margin-left: 0
    }

    .article form > p {
        padding-left: 0
    }

.article .tableForm .formWrapper {
    padding-left: 0
}

    .article .tableForm .formWrapper table {
        margin-left: 0
    }

    .article .tableForm .formWrapper div {
        padding-left: 10px
    }

@media(min-width: 992px) {
    .article .tableForm .formWrapper div {
        padding-left: 160px
    }
}

.divider {
    display: inline-block;
    width: 15%;
    max-width: 2em;
    text-align: center
}

#aside .divider {
    width: 1%;
    max-width: .1em;
    margin-right: 20px;
    margin-left: 5px;
    float: left;
    font-size: 16px
}

@media(min-width: 992px) {
    #aside .divider {
        margin-right: 0;
        margin-left: 1px;
        float: none;
        font-size: 11px
    }
}

.hint p, .hint ol, .hint ul {
    margin: 0;
    padding: 5px 40px 0 0;
    line-height: 1.5;
    min-height: 34px
}

.hint li {
    line-height: 1.5
}

.hint dl {
    margin-bottom: 0
}

.hint h3 {
    line-height: 1.5
}

.js .fancy .hint {
    -moz-transition: max-height .3s;
    -ms-transition: max-height .3s;
    -o-transition: max-height .3s;
    -webkit-transition: max-height .3s;
    transition: max-height .3s;
    overflow: hidden;
    max-height: 0
}

    .js .fancy .hint.unhide {
        max-height: 20em
    }

.js .fancy .open {
    -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -o-transition: opacity .1s;
    -webkit-transition: opacity .1s;
    transition: opacity .1s;
    overflow: hidden;
    opacity: 1;
    z-index: 999
}

    .js .fancy .open.hide {
        opacity: 0;
        padding: 0
    }

.js .fancy .field {
    padding-right: 40px
}

@media(min-width: 992px) {
    .js .fancy .field {
        padding-right: 60px
    }
}

form button.button-remove {
    width: 26px;
    height: 32px;
    overflow: hidden;
    line-height: 1;
    text-indent: -999px;
    left: 0;
    right: 0;
    margin-right: 10px
}

    form button.button-remove:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        left: -5px;
        margin-top: 0;
        text-indent: 0;
        display: block;
        position: relative;
        font-size: 16px;
        line-height: 1;
        float: left
    }

form a.open, form button.open, form a.close, form button.close {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #01689b;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    font-weight: normal;
    text-indent: -999px;
    width: 26px;
    height: 32px;
    overflow: hidden;
    line-height: 1;
    margin: 0
}

    form a.open:focus, form button.open:focus, form a.close:focus, form button.close:focus {
        outline: 0;
        box-shadow: 0 0 0 2px #82befb inset
    }

    form a.open:before, form button.open:before, form a.close:before, form button.close:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        position: absolute;
        right: 6px;
        top: 9px;
        text-indent: 0;
        font-size: 14px
    }

form button.close {
    top: 0;
    z-index: 100
}

    form button.close:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px
    }

form a.open:focus, form a.open:hover, form a.close:focus, form a.close:hover {
    color: #fff
}

.form .hint div {
    padding: 0 30px 0 10px;
    margin: 0
}

.form .hint dt {
    width: 9em
}

.form .hint dd {
    margin-left: 9.9em;
    line-height: 1.5
}

input[type="checkbox"], input[type="radio"] {
    position: absolute;
    left: 0;
    vertical-align: middle;
    padding: 0;
    margin: .10em 0 0 1px;
    border: 2px solid #f3f3f3
}

input[type="checkbox"] {
    -webkit-border-radius: 0;
    background-color: transparent;
    border-color: transparent
}

.touchevents input[type="checkbox"] {
    border-color: #999
}

    .touchevents input[type="checkbox"]:checked {
        background-color: #b4b4b4
    }

input[type="radio"] {
    color: #01689b;
    background-color: transparent;
    border-color: transparent
}

.touchevents input[type="radio"] {
    border-color: #999
}

    .touchevents input[type="radio"]:checked {
        background-color: #b4b4b4
    }

.disabled + label {
    cursor: default;
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4
}

.checklist, .optionlist {
    margin-top: 1.2em;
    position: relative
}

    .formWrapper .checklist > div, .checklist > div, .formWrapper .optionlist > div, .optionlist > div {
        padding: 0;
        margin: 0;
        overflow: visible
    }

    .checklist .hint, .optionlist .hint {
        padding-left: 30px
    }

    .checklist label, .optionlist label {
        color: #01689b;
        font-weight: bold
    }

    .checklist div.field, .optionlist div.field {
        min-height: 2.2em;
        padding: 0 60px 0 30px;
        overflow: visible
    }

#aside .checklist div.field, #aside .optionlist div.field {
    padding-right: 10px
}

.checklist input[type="checkbox"], .optionlist input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0
}

.checklist + .navigation div, .optionlist + .navigation div {
    padding-left: 0
}

label.inline-label {
    float: none;
    margin: 0 0 .8em;
    position: static;
    display: inline;
    width: auto
}

label.radio.inline-label {
    float: left;
    margin-right: 0;
    margin-left: 0
}

.radio-subfields {
    margin: 0 0 .8em 0
}

    .radio-subfields .formWrapper, .radio-subfields .field {
        margin: 0 0 .8em 0;
        padding: 0 10px .8em
    }

    .radio-subfields:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: left
    }

span.radio-subfields {
    padding: 0;
    float: none;
    display: block;
    -moz-transition: max-height .3s;
    -ms-transition: max-height .3s;
    -o-transition: max-height .3s;
    -webkit-transition: max-height .3s;
    transition: max-height .3s;
    overflow: hidden;
    max-height: 5em
}

    span.radio-subfields label {
        position: static;
        margin-top: 0
    }

    span.radio-subfields.hide {
        max-height: 0
    }

label.choice {
    margin: 0 1em .40125em 0;
    width: auto;
    float: left;
    padding-top: .25em;
    left: 0;
    top: 0;
    padding-left: 30px;
    position: relative
}

    label.choice input {
        left: 3px;
        top: .2em
    }

.formWrapper .message, .formWrapper .hint {
    min-height: 0;
    margin-top: 0
}

.eforms-field {
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    -webkit-transition: height .2s;
    transition: height .2s;
    height: 100%
}

    .eforms-field.controle {
        display: none
    }

.formWrapper .likertComponent {
    padding-left: 0
}

    .formWrapper .likertComponent button.open {
        top: auto;
        z-index: 10000
    }

.formWrapper div.message.error, .formWrapper div.message.alert, .formWrapper div.message.info {
    display: block;
    padding: 0 20px 0 30px;
    background-color: transparent;
    background-position: 0 0
}

.formWrapper div.toggleFilterage.alert {
    background-color: #fef1bc;
    background-position: -980px 0;
    background-repeat: no-repeat;
    background-size: 2021px 21px
}

.formWrapper div.message.info {
    background-color: #c5f2b2;
    background-image: url(shared-ro/images/sprite-icons-messages.svg);
    background-position: -2000px 0;
    background-repeat: no-repeat;
    background-size: 2021px 21px
}

.formWrapper .message.error {
    margin-top: 0
}

    .formWrapper .message.error p {
        margin-top: 0;
        padding: 0
    }

form .error {
    padding-bottom: 0
}

form .message.error, form .message .alert {
    padding-bottom: 5px;
    margin-bottom: 20px
}

.error input, .error textarea {
    border-color: #f7d2dd;
    border-bottom-color: #cc003d
}

.period.custom {
    display: none
}

.period select {
    width: 42%
}

.bottomSpace {
    padding-bottom: 1.2em
}

@media(min-width: 768px) {
    .formWrapper div {
        padding-left: 9em
    }

        .formWrapper div.eforms-field .hint {
            padding-left: 0
        }

        .formWrapper div.eforms-field .message {
            margin-left: 0
        }

    .formWrapper .eforms-page {
        padding: 0;
        margin: 0
    }

    .formWrapper .message {
        margin-bottom: 1em;
        margin-left: 9em
    }

    .fancy .hint {
        overflow: visible
    }

    .input-group legend {
        position: absolute !important;
        clip: auto;
        height: auto;
        padding: .25em 0 0 0;
        left: 0;
        float: left;
        margin: 0;
        width: 8.5em;
        font-size: 1em;
        line-height: 1.375em
    }

    label {
        position: relative;
        top: .26em;
        left: -9em;
        float: left;
        margin: 0;
        margin-right: -9em;
        width: 8.5em;
        font-size: 1em
    }

    .checklist, .optionlist {
        padding-left: 20px
    }

        .checklist label, .optionlist label {
            float: none;
            position: static;
            width: auto
        }

    label.radio {
        margin-bottom: .40125em;
        margin-right: 0;
        position: relative;
        width: auto;
        float: none;
        padding-top: .25em;
        padding-left: 0;
        left: 0;
        top: 0
    }

        label.radio input[type="checkbox"], label.radio input[type="radio"] {
            top: -3px;
            left: 0;
            margin-right: 5px;
            position: relative
        }

    select + label.inline-label, input + label.inline-label {
        margin-left: 20px
    }

    label.inline-label-second {
        float: left;
        width: auto;
        position: static;
        padding-top: .25em
    }

    .radio-subfields .formWrapper, .radio-subfields .field {
        padding-left: 11em
    }

    span.radio-subfields {
        margin: 0
    }

        span.radio-subfields label {
            padding-top: .25em;
            margin: 0
        }
}

@media(min-width: 992px) {
    .article form h2, .article form > p, .article form > h3 {
        padding-left: 0;
        margin-left: 0
    }

    .article form .formWrapper {
        padding-left: 20px;
        margin-left: 0
    }

    .article form + .navigation {
        padding-left: 0
    }

    form a.open, form a.close {
        padding-right: 9px;
        padding-left: 9px
    }

    .js input.date {
        padding-right: 1em
    }
}

@media print {
    form a.open, input[type="submit"], #country-search-submit, form a.close {
        display: none
    }

    input[type="text"], input[type="date"], select, textarea, input[type="file"] {
        border: 1px solid #d9d9d9
    }
}

.ui-datepicker {
    display: none
}

input.date {
    display: inline-block;
    width: 40%;
    max-width: 10em
}

    input.date::-ms-clear {
        width: 0;
        height: 0
    }

.js .ui-datepicker-calendar tbody td {
    width: 12%
}

#aside .ui-datepicker-calendar td:last-child {
    width: 0
}

#aside .ui-datepicker {
    font-size: 11px
}

@media(min-width: 992px) {
    #aside .ui-datepicker {
        font-size: 14px
    }
}

#aside form .ui-datepicker-trigger-period-to {
    right: -38%;
    left: inherit
}

@media(min-width: 992px) {
    #aside form .ui-datepicker-trigger-period-to {
        right: -43%
    }
}

@media(min-width: 1200px) {
    #aside form .ui-datepicker-trigger-period-to {
        right: -43%
    }
}

#aside form .ui-datepicker-trigger-period-form {
    left: -22px
}

#aside form #period-to {
    margin-left: 10px
}

.js #aside form #period-to {
    float: right;
    margin-left: 0
}

.js input.date {
    width: 40%;
    max-width: 10em;
    padding-right: 25px;
    font-size: .85em
}

@media(min-width: 480px) {
    .js input.date {
        font-size: 1em
    }
}

@media(min-width: 992px) {
    .js input.date {
        width: 32%
    }
}

.js #aside input.date {
    width: 45%;
    font-size: .85em
}

    .js #aside input.date.hasError {
        border-bottom-color: #cc003d
    }

.js form .ui-datepicker-trigger {
    position: relative;
    top: 4px;
    left: -20px;
    display: inline-block;
    margin-right: -15px;
    padding: 0;
    width: 15px;
    height: 16px;
    border: 0
}

@media(min-width: 992px) {
    .js form .ui-datepicker-trigger {
        left: -22px
    }
}

@media(min-width: 1200px) {
    .js form .ui-datepicker-trigger {
        top: 3px
    }
}

.js form .ui-datepicker-trigger:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #01689b;
    font-size: 16px;
    margin-top: -10px
}

@media(min-width: 1200px) {
    .js form .ui-datepicker-trigger:before {
        margin-top: -6px
    }
}

.js form .ui-datepicker-trigger:after {
    display: none
}

.js .ui-datepicker {
    display: none;
    padding: 0;
    overflow: visible
}

    .js .ui-datepicker div {
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    .js .ui-datepicker a {
        text-decoration: none
    }

    .js .ui-datepicker .ui-datepicker-header {
        padding: 0;
        overflow: visible;
        background-color: #ccc;
        position: relative
    }

.js .ui-datepicker-buttonpane {
    position: static
}

.js .ui-datepicker .ui-datepicker-header-period-to:before, .js .ui-datepicker .ui-datepicker-header.ui-datepicker-caret-right:before {
    left: 16em
}

.js .form table.ui-datepicker-calendar {
    width: 100%;
    margin: 0 0 1em
}

.js .ui-datepicker-calendar {
    margin: 0 0 1em
}

    .js .ui-datepicker-calendar th {
        width: auto;
        border-right: 0;
        border-left: 0;
        background-color: #f3f3f3;
        font-weight: bold;
        font-size: .9167em;
        text-align: center;
        padding: 0
    }

        .js .ui-datepicker-calendar th span {
            display: block;
            padding: .7em .4em .4em
        }

    .js .ui-datepicker-calendar tbody td {
        border-right: 0;
        border-left: 0;
        text-align: center;
        padding: 0
    }

.js #aside .ui-datepicker-calendar tbody td {
    width: auto
}

.js .ui-datepicker-calendar a {
    color: #000;
    text-decoration: none;
    padding: .2em .4em .3em;
    display: block;
    border: 2px solid #f3f3f3
}

@media(min-width: 992px) {
    .js .ui-datepicker-calendar a {
        padding: .2em .3em .3em
    }
}

.js .ui-datepicker-calendar .ui-datepicker-week-col {
    color: #01689b;
    font-style: italic;
    padding: .55em .7em 0;
    font-size: .8125em;
    width: 55px;
    text-align: left
}

.js .ui-datepicker-other-month a {
    color: #4e4e4e
}

.js .ui-datepicker-prev, .js .ui-datepicker-next, .js .ui-datepicker-prev-yr, .js .ui-datepicker-next-yr {
    margin: 7px 12px 0 12px;
    padding: 0;
    background-image: none;
    letter-spacing: -0.2em;
    line-height: 20px;
    font-weight: normal;
    cursor: pointer
}

.js .ui-datepicker-prev, .js .ui-datepicker-prev-yr {
    float: left
}

.js .ui-datepicker-next, .js .ui-datepicker-next-yr {
    float: right
}

.js .ui-datepicker-next-yr {
    margin-right: 45px
}

.js #aside .ui-datepicker-prev, .js #aside .ui-datepicker-next, .js #aside .ui-datepicker-prev-yr, .js #aside .ui-datepicker-next-yr {
    margin: 3px 8px 0 8px
}

.js #aside .ui-datepicker-next-yr {
    margin-right: 40px
}

.js #aside .ui-datepicker-close {
    cursor: pointer
}

.js .ui-datepicker-current {
    display: none
}

.js .ui-datepicker .ui-datepicker-close {
    position: absolute;
    right: 0;
    top: 0;
    background: #01689b;
    color: #01689b;
    font-size: 1em;
    text-decoration: none;
    font-weight: normal;
    padding: 3px 0 0 0;
    text-align: center;
    width: 26px;
    height: 34px;
    cursor: pointer;
    overflow: hidden
}

@media(min-width: 992px) {
    .js .ui-datepicker .ui-datepicker-close {
        padding: 1px 0 0 0
    }
}

.js .ui-datepicker .ui-datepicker-close:before {
    width: 100%;
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 14px
}

@media(min-width: 992px) {
    .js .ui-datepicker .ui-datepicker-close:before {
        padding: 0
    }
}

.js #aside .ui-datepicker .ui-datepicker-close {
    height: 30px
}

@media(min-width: 1200px) {
    .js #aside .ui-datepicker .ui-datepicker-close {
        height: 26px
    }
}

.js .ui-datepicker-close, .js .ui-datepicker-close:hover, .js .ui-datepicker-close:focus {
    color: #fff
}

.js .ui-datepicker .ui-datepicker-title {
    text-align: center;
    font-weight: bold;
    padding: .25em 0;
    letter-spacing: -0.05em
}

@media(min-width: 1200px) {
    .js .ui-datepicker .ui-datepicker-title {
        padding: .14em 0
    }
}

.js .ui-datepicker-calendar .ui-datepicker-current-day {
    font-weight: bold;
    background-color: #e6e6e6
}

    .js .ui-datepicker-calendar .ui-datepicker-current-day a {
        border: 2px solid #e6e6e6
    }

.js .ui-datepicker-calendar .ui-datepicker-days-cell-over a, .js .ui-datepicker-calendar .ui-state-hover {
    border: 2px solid #ccc;
    display: block
}

.people ul {
    margin-left: -20px
}

.people li {
    min-height: 100px;
    position: relative;
    margin-bottom: 30px;
    padding-left: 0;
    background-image: none
}

@media(min-width: 992px) {
    .people li {
        display: block;
        width: 50%;
        clear: none;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

        .people li:nth-child(odd) {
            clear: left
        }
}

.people li a {
    display: block;
    padding-left: 140px;
    text-decoration: none
}

.people li h2 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.625
}

.people li a:hover h2 {
    text-decoration: underline;
    color: #154273
}

.people li p {
    margin: .4em 0;
    color: #535353;
    font-size: 1em
}

.people li img {
    display: block;
    position: absolute;
    left: 20px;
    top: 0
}

.article .thumbnail {
    margin-bottom: 20px
}

@media(min-width: 992px) {
    .article .spotlight.thumbnail {
        position: relative
    }
}

.article .thumbnail div.column {
    padding-left: 0;
    margin-bottom: 0
}

.thumbnail li {
    position: relative;
    margin: 0 0 20px;
    padding: 0
}

.thumbnail a {
    display: block;
    min-height: 56px;
    position: relative;
    padding: 0 0 0 66px;
    background-image: none
}

    .thumbnail a.more {
        padding-left: 30px;
        min-height: 0
    }

        .thumbnail a.more:hover {
            text-decoration: underline;
            color: #154273
        }

#aside .thumbnail a.more {
    margin-top: 0
}

.thumbnail a:focus, .thumbnail a:hover {
    text-decoration: none
}

.thumbnail ul {
    margin-bottom: 0
}

    .thumbnail ul:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: left
    }

.thumbnail a h3 {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.375
}

.thumbnail a:hover h3, .thumbnail a:focus h3 {
    text-decoration: underline;
    color: #154273
}

.thumbnail p {
    margin-bottom: 0;
    line-height: 1.375em
}

.thumbnail img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

.thumbnail .meta {
    margin-bottom: 0;
    text-decoration: none
}

.article .spotlight.thumbnail div {
    min-height: 100px;
    position: relative;
    margin-bottom: 30px;
    padding-left: 120px
}

    .article .spotlight.thumbnail div > a {
        margin-left: -120px
    }

.article .spotlight.thumbnail ul + ul {
    clear: left;
    margin-top: 20px
}

.spotlight.thumbnail a {
    min-height: 100px;
    padding: 0 10px 0 120px
}

    .spotlight.thumbnail a img {
        width: 100px
    }

    .spotlight.thumbnail a h3 {
        margin-top: 0;
        padding-left: 0;
        background-image: none;
        font-weight: normal;
        font-size: 1.125em;
        line-height: 1.222
    }

#aside .thumbnail.large img {
    position: inherit;
    max-width: 100%;
    width: 100%
}

#aside .thumbnail.large h3 {
    padding-bottom: .3em;
    font-weight: bold
}

#aside .thumbnail.large a {
    padding: 0
}

@media(min-width: 992px) {
    .article .spotlight.thumbnail li {
        display: block;
        margin: 0;
        margin-right: 0;
        background: 0
    }

        .article .spotlight.thumbnail li:before {
            display: none;
            content: ''
        }

    .article .spotlight.thumbnail .two-column li {
        width: 50%;
        clear: none;
        float: left
    }

    .spotlight.thumbnail li a {
        margin-left: 0;
        background: 0
    }

    #aside .spotlight.thumbnail a {
        margin-left: 0
    }

    #aside .thumbnail > a.more {
        margin-left: 20px
    }
}

@media(min-width: 992px) {
    #aside .thumbnail > a.more {
        margin-left: 0
    }
}

.results.thumbnail a {
    padding: 0 10px 0 120px;
    margin-bottom: 20px
}

@media print {
    .thumbnail img {
        display: none !important
    }

    .spotlight.thumbnail a {
        padding-left: 0
    }
}

.calendar {
    border-top: 3px solid #cce0f1
}

    .calendar:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: left
    }

    .calendar.overview {
        border-top: 0;
        margin-bottom: 30px
    }

    .calendar img {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        border-top: 3px solid #01689b
    }

    .calendar p {
        display: block;
        float: left;
        position: relative;
        margin: -3px 0 0;
        border-top: 3px solid #01689b;
        padding-top: 1.75em;
        padding-right: 1em
    }

    .calendar .date {
        font-size: 1.3125em;
        font-weight: normal;
        line-height: 1.2381
    }

    .calendar .time {
        margin-left: .2em;
        color: #535353;
        font-size: 1em;
        font-weight: normal;
        line-height: 1.625
    }

    .calendar abbr, .calendar .up-to {
        position: absolute;
        left: 0;
        top: 8px;
        color: #535353;
        font-size: .5714em;
        font-weight: bold;
        letter-spacing: .1em;
        text-transform: uppercase;
        border-bottom: 0
    }

    .calendar .up-to {
        font-weight: bold;
        font-size: .857em;
        line-height: 1.1
    }

    .calendar abbr {
        color: #535353
    }

    .calendar .end {
        padding-left: 1.8em
    }

        .calendar .end abbr {
            left: 2.4em
        }

    .calendar.overview .end {
        margin-left: -1em;
        padding-left: 1.4em
    }

        .calendar.overview .end abbr {
            left: 1.8em
        }

    .calendar ul {
        clear: none;
        margin: .5em 0 0 3.6em
    }

    .calendar li {
        background: 0;
        margin-bottom: 1em;
        padding: 0;
        font-size: 1em;
        line-height: 1.2188
    }

        .calendar li:before {
            content: '';
            display: none
        }

.column .calendar li {
    margin-left: 0
}

.calendar a {
    text-decoration: none
}

    .calendar a:hover, .calendar a:focus {
        text-decoration: underline
    }

@media(min-width: 992px) {
    .overview .calendar {
        margin-left: 20px
    }

    .calendar .date {
        font-size: 1.75em
    }

    .calendar .time {
        font-size: 1.125em
    }

    .calendar abbr {
        font-size: .5714em
    }

    .calendar .up-to {
        font-size: 1em
    }
}

@media print {
    .block.calendar ul {
        margin-left: 80px !important
    }

        .block.calendar ul li:before {
            content: ''
        }

    .block.calendar .date {
        margin-top: 20px;
        display: block
    }

    .calendar.overview {
        page-break-inside: avoid
    }
}

.location {
    margin: 0 0 60px
}

    .location h3 {
        margin-top: .4em;
        font-size: 1em;
        font-weight: normal
    }

    .location address {
        font-size: 1em;
        font-style: normal;
        line-height: 1.625
    }

        .location address span {
            display: block
        }

.index {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f3f5f6;
    display: none
}

    .index:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: left
    }

    .index p {
        clear: left;
        margin: 0 0 .6em;
        font-weight: bold
    }

    .index li {
        float: left;
        margin: 0 25px 20px 0;
        padding: 0;
        background-image: none;
        line-height: 1.5;
        list-style: none
    }

        .index li:before {
            content: '';
            display: none
        }

@media(min-width: 992px) {
    .index li {
        margin: 5px 1.5em 15px 0
    }
}

.index a, .index span {
    padding: .3em .1em .4em;
    font-weight: bold
}

.index .column li {
    display: block;
    float: none;
    margin: 0 20px .5em 0;
    line-height: 1.375
}

.index .column a {
    display: block;
    padding: 0 0 .1em 10px;
    font-weight: normal;
    text-decoration: none;
    background-image: none;
    position: relative;
    position: relative;
    display: block;
    padding-left: 20px;
    font-weight: bold;
    color: #01689b;
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-decoration: none;
    width: auto
}

    .index .column a:visited {
        color: #01689b
    }

    .index .column a:hover {
        text-decoration: underline;
        color: #154273
    }

    .index .column a:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 8px 0 0;
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 0;
        line-height: inherit
    }

    .index .column a:before {
        top: 0;
        font-size: 8px
    }

@media(min-width: 768px) {
    .index {
        display: block
    }

        .index:after {
            content: " ";
            visibility: hidden;
            width: 0;
            height: 0;
            display: block;
            clear: left
        }
}

.index .four-columns .column a:hover, .index .four-columns .column a:focus {
    text-decoration: underline;
    color: #154273
}

.header .search .seeMore {
    display: none;
    margin-left: 10px;
    margin-bottom: 15px
}

@media(min-width: 768px) {
    .header .search .seeMore {
        margin-left: 10px;
        padding-top: 13px
    }
}

.topicsList {
    margin: 20px 0 0 10px
}

@media(min-width: 768px) {
    .topicsList {
        margin: 30px 0 0 0
    }

        .topicsList .common.column li {
            margin: 0 0 6px 0
        }
}

.thematic .topic {
    border-bottom: 2px solid #f3f5f6
}

@media(min-width: 768px) {
    .alphabetical .topic {
        padding: 10px 0 0 0
    }
}

@media(min-width: 992px) {
    .alphabetical .topic {
        padding: 0 20px 20px 20px
    }
}

.topic {
    clear: both;
    padding: 10px 0 10px 0
}

@media(min-width: 768px) {
    .topic {
        padding: 10px 0 20px 0
    }
}

@media(min-width: 992px) {
    .topic {
        border-bottom: 0;
        position: relative;
        margin: 0 -20px;
        padding: 10px 20px 20px 20px
    }
}

.topic h2 {
    font-size: 1.3125em;
    font-weight: bold;
    line-height: 1.2381;
    font-size: 1.25em
}

@media(min-width: 768px) {
    .topic h2 {
        margin: .6em 0;
        font-size: 1.3125em
    }
}

@media(min-width: 992px) {
    .topic h2 {
        padding: 0
    }
}

@media(min-width: 992px) {
    .topic h3 {
        padding: 0
    }
}

.topics h2 {
    margin: 0;
    color: #000;
    font-size: 1.25em
}

@media(min-width: 768px) {
    .topics h2 {
        margin: .6em 0;
        font-size: 1.3125em
    }
}

@media(min-width: 992px) {
    .topics h2 {
        padding: 0
    }
}

@media(min-width: 768px) {
    .topics > h2, .topics > p {
        margin-left: 0
    }
}

.topics h3 {
    margin: 0;
    font-size: 1.125em
}

@media(min-width: 768px) {
    .topics h3 {
        margin: .6em 0;
        font-size: 1.125em
    }
}

.topics p {
    margin-top: 10px
}

.topics.common {
    margin-bottom: 15px
}

.topics a, .topics a:visited {
    color: #01689b;
    text-decoration: none
}

    .topics a:hover, .topics a:visited:hover {
        text-decoration: underline;
        color: #154273
    }

.topics li {
    list-style: none;
    margin: 0;
    padding-left: 0;
    border-bottom: 2px solid #FFF;
    background-color: #e5f0f9
}

    .topics li:before {
        display: none;
        content: ''
    }

@media(min-width: 768px) {
    .topics li {
        background-color: transparent
    }
}

.topics li a {
    display: block;
    float: none;
    margin: 0;
    padding: .4em 10px
}

@media(min-width: 768px) {
    .topics li a {
        display: inline-block;
        padding: 0;
        font-size: 1em;
        line-height: inherit;
        position: relative;
        display: block;
        padding-left: 20px;
        font-weight: bold;
        color: #01689b;
        font-size: 1.125rem;
        line-height: 1.625rem;
        text-decoration: none;
        width: auto
    }

        .topics li a:visited {
            color: #01689b
        }

        .topics li a:hover {
            color: #154273
        }

        .topics li a.external:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            content: "";
            vertical-align: middle;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: inherit;
            font-size: 10px;
            top: 0
        }

        .topics li a:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin: 0 8px 0 0;
            font-size: 11px;
            position: absolute;
            left: 0;
            top: 0;
            line-height: inherit
        }
}

.topics li a.external {
    display: inline-block
}

.topics .toplink {
    position: absolute;
    bottom: 0
}

@media(min-width: 768px) {
    .topics .toplink {
        display: block;
        top: auto;
        bottom: -4.7em;
        right: 20px;
        z-index: 100;
        margin: 0;
        font-size: 1em
    }
}

.topics .three-columns .toplink {
    display: none
}

@media(min-width: 768px) {
    .topics .three-columns .toplink {
        display: block;
        bottom: 0;
        right: 10px
    }
}

@media(min-width: 768px) and (min-width:992px) {
    .topics .three-columns .toplink {
        right: 10px
    }
}

.topics .results-message {
    padding-left: 10px
}

@media(min-width: 768px) {
    .topics .results-message {
        padding-left: 0
    }
}

@media(min-width: 768px) {
    .topics.alphabetical {
        margin-left: 0
    }
}

.topics.alphabetical .topic h2 {
    color: #000
}

.topics.alphabetical h2 {
    font-size: 1.5em;
    color: #000
}

@media(min-width: 768px) {
    .topics.alphabetical h2 {
        height: 1em;
        margin: 0 0 -1em 0;
        padding: 0;
        color: #000;
        background-color: transparent;
        font-size: 7.3125em;
        line-height: 1
    }
}

@media(min-width: 992px) {
    .topics.alphabetical h2 {
        margin: 0
    }
}

@media(min-width: 768px) {
    .topics.alphabetical h3 {
        height: 1em;
        margin: 0 0 -1em 0;
        padding: 0;
        font-size: 2.5em;
        line-height: 1.5;
        color: #000
    }
}

.topics.alphabetical ul {
    margin: 0
}

@media(min-width: 768px) {
    .topics.alphabetical ul {
        position: relative;
        z-index: 20;
        min-height: 0
    }
}

@media(min-width: 992px) {
    .topics.alphabetical ul {
        padding-bottom: 20px
    }
}

@media(min-width: 768px) {
    .topics.alphabetical li {
        border-bottom: 0;
        padding-left: 0;
        background-image: none
    }

        .topics.alphabetical li:before {
            content: '';
            display: none
        }
}

@media(min-width: 768px) {
    .topics.alphabetical.two-columns, .topics.alphabetical.three-columns, .topics.alphabetical .three-columns {
        margin-left: 0
    }

        .topics.alphabetical.two-columns ul, .topics.alphabetical.three-columns ul, .topics.alphabetical .three-columns ul {
            border-bottom: 2px solid #f3f5f6;
            margin-bottom: 0;
            padding-bottom: 20px;
            min-height: 7em
        }

        .topics.alphabetical.two-columns .column h3, .topics.alphabetical.two-columns .column h2, .topics.alphabetical.three-columns .column h3, .topics.alphabetical.three-columns .column h2, .topics.alphabetical .three-columns .column h3, .topics.alphabetical .three-columns .column h2 {
            height: auto
        }

        .topics.alphabetical.two-columns .column li, .topics.alphabetical.three-columns .column li, .topics.alphabetical .three-columns .column li {
            margin-left: 0;
            padding-left: 0
        }
}

@media(min-width: 992px) {
    .topics.alphabetical.two-columns h2, .topics.alphabetical.two-columns h3, .topics.alphabetical.three-columns h2, .topics.alphabetical.three-columns h3, .topics.alphabetical .three-columns h2, .topics.alphabetical .three-columns h3 {
        height: auto;
        margin: 0;
        color: #000
    }

    .topics.alphabetical.two-columns ul, .topics.alphabetical.three-columns ul, .topics.alphabetical .three-columns ul {
        border-bottom: 0;
        min-height: 0
    }

    .topics.alphabetical.two-columns .topic, .topics.alphabetical.three-columns .topic, .topics.alphabetical .three-columns .topic {
        border-bottom: 0;
        margin-left: -20px
    }

    .topics.alphabetical.two-columns .subtopics, .topics.alphabetical.three-columns .subtopics, .topics.alphabetical .three-columns .subtopics {
        min-height: 0
    }

        .topics.alphabetical.two-columns .subtopics ul, .topics.alphabetical.three-columns .subtopics ul, .topics.alphabetical .three-columns .subtopics ul {
            border-bottom: 0
        }

        .topics.alphabetical.two-columns .subtopics li, .topics.alphabetical.two-columns .column li, .topics.alphabetical.three-columns .subtopics li, .topics.alphabetical.three-columns .column li, .topics.alphabetical .three-columns .subtopics li, .topics.alphabetical .three-columns .column li {
            padding-left: 0;
            margin-left: 0;
            padding-right: 20px
        }

    .topics.alphabetical.two-columns .column h2, .topics.alphabetical.three-columns .column h2, .topics.alphabetical .three-columns .column h2 {
        margin-left: 0
    }
}

.topics.alphabetical.two-columns h2, .topics.alphabetical.two-columns h3 {
    border-top: 0;
    font-weight: bold;
    font-size: 1.625em;
    line-height: 1.1538em
}

@media(min-width: 768px) {
    .topics.alphabetical.two-columns h2, .topics.alphabetical.two-columns h3 {
        font-weight: bold;
        font-size: 1.75em;
        line-height: 1.1429
    }
}

@media(min-width: 992px) {
    .topics.alphabetical.two-columns h2, .topics.alphabetical.two-columns h3 {
        height: auto;
        margin: 0
    }
}

.topics.alphabetical.two-columns li {
    padding-left: 0
}

@media(min-width: 768px) {
    .topics.alphabetical.two-columns li {
        padding-left: 25%
    }
}

.topics.alphabetical.two-columns .topic {
    clear: both
}

@media(min-width: 768px) {
    .article .topics.alphabetical.two-columns .topic {
        margin-left: -20px
    }
}

.topics.alphabetical.two-columns .column ul {
    margin-bottom: 10px;
    display: block
}

@media(min-width: 768px) {
    .topics.alphabetical.two-columns .column ul {
        border-bottom: 2px solid #f3f5f6;
        margin-bottom: 10px;
        min-height: 7em
    }
}

@media(min-width: 768px) {
    .topics.alphabetical.two-columns .column ul {
        margin-right: 10px;
        padding-bottom: 10px;
        border-bottom: 0
    }
}

.topics.alphabetical.three-columns h2, .topics.alphabetical .three-columns h2 {
    font-weight: bold;
    font-size: 1.625em;
    line-height: 1.1538em
}

@media(min-width: 768px) {
    .topics.alphabetical.three-columns h2, .topics.alphabetical .three-columns h2 {
        font-weight: bold;
        font-size: 1.75em;
        line-height: 1.1429
    }
}

@media(min-width: 768px) {
    .topics.alphabetical.three-columns h2, .topics.alphabetical .three-columns h2 {
        font-size: 7.3125em;
        line-height: 1
    }
}

@media(min-width: 992px) {
    .topics.alphabetical.three-columns h2, .topics.alphabetical .three-columns h2 {
        font-size: 3.5em;
        line-height: 1.5
    }
}

@media(min-width: 768px) {
    .topics .column h3, .topics .column h2, .topics .column li {
        margin-left: 0
    }
}

@media(min-width: 768px) {
    .topics .subtopics {
        min-height: 80px;
        padding-left: 0
    }

        .topics .subtopics h2 {
            height: auto;
            margin-bottom: 0
        }

        .topics .subtopics ul li {
            list-style: none;
            margin: .2em 0;
            padding-left: 20px;
            text-overflow: ellipsis
        }

        .topics .subtopics ul.column li {
            padding-left: 20px
        }

        .topics .subtopics ul {
            min-height: 0
        }
}

@media(min-width: 768px) and (min-width:992px) {
    .topics .subtopics ul {
        padding-bottom: 0
    }
}

@media(min-width: 992px) {
    .topics .subtopics li {
        padding: 0;
        border-bottom: 0;
        background-position: 0 .9em
    }
}

@media(min-width: 768px) {
    .topics .form {
        margin: 0 0 40px -20px;
        padding-left: 20px
    }

        .topics .form fieldset.topic {
            border-bottom: 0
        }

        .topics .form .subtopics, .topics .form fieldset.navigation {
            padding-left: 20px
        }

        .topics .form .topic h2 {
            margin: 40px 0 0;
            color: #000;
            font-weight: bold;
            font-size: 1.625em;
            line-height: 1.1538em
        }
}

@media(min-width: 768px) and (min-width:768px) {
    .topics .form .topic h2 {
        font-weight: bold;
        font-size: 1.75em;
        line-height: 1.1429
    }
}

@media(min-width: 768px) {
    .topics .form input.show-topics {
        float: right;
        margin-right: 0
    }
}

@media(min-width: 992px) {
    .topics .topic:first-child .three-columns .toplink {
        display: none
    }
}

.documents .subtopics ul li {
    padding-left: 20px;
    border-bottom: 2px solid #FFF
}

    .documents .subtopics ul li:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 6px;
        line-height: 6px;
        margin: -1px 15px 0 -20px;
        padding: 0;
        position: relative;
        left: auto;
        top: auto
    }

@media(min-width: 768px) {
    #main .topics.alphabetical.two-columns h2, #main .topics.alphabetical.two-columns h3 {
        font-size: 3.5em;
        line-height: 1;
        margin: 0
    }

    .article #main .topics.alphabetical.two-columns h2, .article #main .topics.alphabetical.two-columns h3 {
        margin-left: 20px
    }
}

#main .topics.alphabetical.two-columns .topic {
    padding: 10px 0 10px 0
}

    #main .topics.alphabetical.two-columns .topic ul {
        margin-bottom: 0
    }

@media(min-width: 768px) {
    #main .topics.alphabetical.two-columns .topic {
        padding: 10px 0 0 0
    }

        #main .topics.alphabetical.two-columns .topic ul {
            margin-bottom: 10px
        }
}

@media(min-width: 992px) {
    #main .topics.alphabetical.two-columns .topic {
        padding: 0 20px 20px 20px
    }

        #main .topics.alphabetical.two-columns .topic h2, #main .topics.alphabetical.two-columns .topic h3 {
            margin-left: 0
        }
}

.subtopics:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

.subtopics.hide {
    height: 0;
    padding-bottom: 0;
    overflow: hidden
}

@media(min-width: 768px) {
    .subtopics.hide {
        height: auto;
        overflow: visible
    }
}

.topics.thematic .subtopics .more {
    display: none
}

.js .topic h2 {
    padding-right: 3em;
    cursor: pointer;
    position: relative
}

    .js .topic h2.active {
        margin-bottom: 10px
    }

        .js .topic h2.active:after {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            right: 5px;
            top: 5px;
            color: #000;
            font-size: 12px
        }

@media(min-width: 768px) {
    .js .topic h2, .js .topic h2.active {
        padding-right: 0;
        background-image: none;
        cursor: default
    }

        .js .topic h2:after, .js .topic h2.active:after {
            content: ''
        }
}

@media(min-width: 768px) {
    .js .thematic h2 a {
        color: #01689b;
        text-decoration: underline
    }
}

.js .thematic h2 a:focus, .js .thematic h2 a:hover {
    text-decoration: none
}

@media(min-width: 768px) {
    .js .thematic h2 a:focus, .js .thematic h2 a:hover {
        color: #154273;
        text-decoration: underline
    }
}

@media(min-width: 768px) {
    .js .overview .choose-xl {
        display: block
    }
}

@media print {
    .index, .morelink, .toplink {
        display: none !important
    }

    .topics h2 {
        clear: left
    }

    .topics li a {
        display: inline-block;
        font-size: 1em;
        line-height: 1.8
    }

        .topics li a:before {
            content: '-  '
        }

    .topics.alphabetical.two-columns .column {
        width: 50%;
        float: left
    }

    .topics.alphabetical.three-columns .column, .topics.thematic .three-columns .column {
        width: 33% !important;
        float: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .topics.alphabetical.two-columns .subtopics li {
        padding-left: 0
    }

        .topics.alphabetical.two-columns .subtopics li:before {
            content: ''
        }

    #main .topics.alphabetical.two-columns h2, #main .topics.alphabetical.two-columns h3 {
        font-size: 3.5em;
        margin-bottom: 0
    }

    .topics.thematic .topic {
        border-bottom: none !important
    }

    .topics.alphabetical.three-columns ul, .topics.thematic .three-columns ul, .topics.alphabetical.two-columns .column ul {
        border-bottom: 0
    }

    #main .topics .column li a:after, #main .topics .column li a:visited:after {
        display: inline-block;
        position: relative;
        top: -.2em;
        padding-left: .6em
    }

    .topics.alphabetical h2, .topics.alphabetical h3 {
        height: auto;
        margin: 0;
        padding: 0;
        font-size: 7.3125em;
        line-height: 1.2;
        background-color: transparent;
        color: #98bad9
    }

    .subtopics.hide {
        height: auto;
        overflow: visible
    }

    .js .topic h2 {
        background-image: none
    }
}

.topicSearchWrapper {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
    margin-top: 30px
}

@media(min-width: 768px) {
    .topicSearchWrapper {
        float: left;
        width: 50%
    }
}

.js .topicSearchWrapper {
    display: block
}

.topicSearchWrapper .topicSearchForm {
    position: relative;
    padding: 15px 20px 25px 20px;
    background-color: #01689b
}

    .topicSearchWrapper .topicSearchForm h2 {
        color: #fff;
        font-weight: normal;
        margin: 0 0 5px 0
    }

    .topicSearchWrapper .topicSearchForm form {
        position: relative;
        padding: 0 32px 0 0
    }

        .topicSearchWrapper .topicSearchForm form label {
            border: 0 none;
            clip: rect(0px,0px,0px,0px);
            display: inline-block !important;
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute !important;
            width: 1px
        }

        .topicSearchWrapper .topicSearchForm form input[type="text"] {
            border: 0;
            width: 100%;
            height: 32px;
            margin-right: 32px;
            line-height: 1.1em
        }

        .topicSearchWrapper .topicSearchForm form button[type="submit"] {
            margin: 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 34px;
            height: 34px;
            text-indent: -9999px
        }

            .topicSearchWrapper .topicSearchForm form button[type="submit"]:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "";
                color: #fff;
                text-align: center;
                text-indent: 0;
                font-size: 1.125em;
                width: 34px;
                height: 34px;
                right: -2px;
                top: 0;
                position: absolute
            }

    .topicSearchWrapper .topicSearchForm p.helper {
        color: #fff;
        font-size: .875em;
        margin: 8px 0 0 0
    }

.topicSearchWrapper .ui-autocomplete {
    z-index: 999;
    max-height: 200px;
    border: 1px solid #01689b
}

    .topicSearchWrapper .ui-autocomplete li {
        border: 0;
        padding: 0 0 0 10px;
        text-transform: lowercase
    }

        .topicSearchWrapper .ui-autocomplete li.ui-state-focus, .topicSearchWrapper .ui-autocomplete li:hover {
            background-color: #01689b;
            color: #fff;
            cursor: pointer
        }

body .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.populairTopicsWrapper {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px
}

@media(min-width: 768px) {
    .populairTopicsWrapper {
        float: left;
        width: 50%
    }
}

.populairTopicsWrapper .populairTopics {
    background-color: transparent;
    padding: 0
}

@media(min-width: 768px) {
    .populairTopicsWrapper .populairTopics {
        background-color: #f3f3f3;
        padding: 15px 20px 25px 20px
    }
}

.populairTopicsWrapper .populairTopics h2 {
    font-weight: bold;
    margin: 15px 0 15px 0;
    padding: 10px 0 5px 0;
    border-top: 1px solid #e1e1e1;
    font-size: 1.625rem
}

@media(min-width: 768px) {
    .populairTopicsWrapper .populairTopics h2 {
        font-size: 1.3125rem;
        border-top: 0;
        margin: 0;
        padding: 0 0 5px 0;
        border-bottom: 0;
        font-weight: normal
    }
}

.populairTopicsWrapper .populairTopics .cols {
    padding: 3px 0 0 0;
    margin-left: -15px;
    margin-right: -15px
}

    .populairTopicsWrapper .populairTopics .cols:before, .populairTopicsWrapper .populairTopics .cols:after {
        content: " ";
        display: table
    }

    .populairTopicsWrapper .populairTopics .cols:after {
        clear: both
    }

    .populairTopicsWrapper .populairTopics .cols ul {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }

@media(min-width: 768px) {
    .populairTopicsWrapper .populairTopics .cols ul {
        float: left;
        width: 50%
    }
}

.populairTopicsWrapper .populairTopics .cols ul li {
    background-color: #f3f3f3;
    border-bottom: 2px solid #FFF;
    padding: .4em 10px .4em 15px
}

@media(min-width: 768px) {
    .populairTopicsWrapper .populairTopics .cols ul li {
        padding: 0;
        background-color: transparent;
        border-bottom: 0
    }
}

.populairTopicsWrapper .populairTopics .cols ul li a {
    color: #01689b;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    line-height: inherit;
    padding: 0
}

@media(min-width: 768px) {
    .populairTopicsWrapper .populairTopics .cols ul li a {
        padding: 0 0 0 18px;
        position: relative;
        display: block;
        padding-left: 20px;
        font-weight: bold;
        color: #01689b;
        font-size: 1.125rem;
        line-height: 1.625rem;
        text-decoration: none;
        width: auto;
        font-size: 1em;
        padding-left: 16px
    }

        .populairTopicsWrapper .populairTopics .cols ul li a:visited {
            color: #01689b
        }

        .populairTopicsWrapper .populairTopics .cols ul li a:hover {
            color: #154273
        }

        .populairTopicsWrapper .populairTopics .cols ul li a.external:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            content: "";
            vertical-align: middle;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: inherit;
            font-size: 10px;
            top: 0
        }

        .populairTopicsWrapper .populairTopics .cols ul li a:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin: 0 8px 0 0;
            font-size: 11px;
            position: absolute;
            left: 0;
            top: 0;
            line-height: inherit
        }

        .populairTopicsWrapper .populairTopics .cols ul li a:before {
            font-size: 9px;
            top: -1px
        }
}

.populairTopicsWrapper .populairTopics .cols ul li a:hover {
    color: #154273;
    text-decoration: underline
}

.topicsList {
    margin-top: 15px;
    margin-left: 0;
    margin-right: 0
}

    .topicsList:before, .topicsList:after {
        content: " ";
        display: table
    }

    .topicsList:after {
        clear: both
    }

    .topicsList.three-columns {
        margin-top: 30px
    }

    .topicsList .topicsOverview {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }

@media(min-width: 768px) {
    .topicsList .topicsOverview {
        float: left;
        width: 100%
    }
}

.topicsList .topicsOverview h2 {
    border-bottom: 0;
    margin: 15px 0 15px 0;
    font-size: 1.625rem;
    padding-top: 10px;
    border-top: 1px solid #e1e1e1;
    font-weight: bold
}

@media(min-width: 768px) {
    .topicsList .topicsOverview h2 {
        padding: 0 0 5px 0
    }
}

.topicsList .topicsOverview h3 {
    margin: 15px 0 10px 0;
    font-size: 1.25em
}

@media(min-width: 768px) {
    .topicsList .topicsOverview h3 {
        margin: 15px 15px 10px 0
    }
}

.topicsList .topicsOverview h3 a {
    text-decoration: none;
    background-image: none;
    padding: 0
}

    .topicsList .topicsOverview h3 a:hover {
        text-decoration: underline
    }

@media(min-width: 768px) {
    .topicsList .topicsOverview h3 a {
        padding: 0
    }
}

.topicsList .topicsOverview ul {
    margin-bottom: 15px
}

@media(min-width: 768px) {
    .topicsList .topicsOverview ul {
        margin-bottom: 30px
    }
}

.topicsList .topicsOverview ul li {
    background: #f3f3f3;
    margin-bottom: 2px
}

@media(min-width: 768px) {
    .topicsList .topicsOverview ul li {
        background: transparent
    }
}

.topicsList .topicsOverview ul li a {
    padding: .4em 10px .4em 15px;
    color: #01689b;
    text-decoration: none;
    font-size: 1em;
    display: inline-block
}

    .topicsList .topicsOverview ul li a:hover {
        color: #154273;
        text-decoration: underline
    }

@media(min-width: 768px) {
    .topicsList .topicsOverview ul li a {
        padding: 0 0 0 18px;
        position: relative;
        display: block;
        padding-left: 20px;
        font-weight: bold;
        color: #01689b;
        font-size: 1.125rem;
        line-height: 1.625rem;
        text-decoration: none;
        width: auto;
        font-weight: normal;
        font-size: 1em;
        padding-left: 16px
    }

        .topicsList .topicsOverview ul li a:visited {
            color: #01689b
        }

        .topicsList .topicsOverview ul li a:hover {
            color: #154273
        }

        .topicsList .topicsOverview ul li a.external:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            content: "";
            vertical-align: middle;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: inherit;
            font-size: 10px;
            top: 0
        }

        .topicsList .topicsOverview ul li a:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin: 0 8px 0 0;
            font-size: 11px;
            position: absolute;
            left: 0;
            top: 0;
            line-height: inherit
        }

        .topicsList .topicsOverview ul li a:before {
            font-size: 9px;
            top: -1px
        }
}

.topicsList .topicsOverview .theme {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 2px solid #f3f3f3;
    position: relative
}

    .topicsList .topicsOverview .theme:before, .topicsList .topicsOverview .theme:after {
        content: " ";
        display: table
    }

    .topicsList .topicsOverview .theme:after {
        clear: both
    }

@media(min-width: 768px) {
    .topicsList .topicsOverview .theme {
        padding-bottom: 30px
    }
}

.topicsList .topicsOverview .theme ul {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
    padding-left: 0
}

@media(min-width: 768px) {
    .topicsList .topicsOverview .theme ul {
        float: left;
        width: 25%
    }
}

@media(max-width: 768px) {
    .topicsList .topicsOverview .theme ul {
        padding: 0
    }
}

.topicsList .topicsOverview .theme ul:nth-child(4) {
    padding: 0
}

@media(min-width: 768px) {
    .topicsList .topicsOverview .theme ul:nth-child(4) {
        padding-left: 35px;
        padding-right: 10px
    }
}

.topicsList .topicsOverview .theme ul:nth-child(5) {
    padding: 0
}

@media(min-width: 768px) {
    .topicsList .topicsOverview .theme ul:nth-child(5) {
        padding-left: 22px;
        padding-right: 10px
    }
}

.topicsList .topicsOverview .theme .toplink {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    background: 0;
    padding: 0
}

@media(min-width: 768px) {
    .topicsList .topicsOverview .theme .toplink {
        display: block
    }
}

.topicsList .topicsOverview .theme:nth-child(2) .toplink {
    display: none
}

.js .topicsList .topicsOverview .theme h3 {
    padding-right: 3em;
    cursor: pointer
}

@media(min-width: 768px) {
    .js .topicsList .topicsOverview .theme h3 {
        background-image: none;
        background: transparent
    }
}

.js .topicsList .topicsOverview .theme h3:after {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 5px;
    top: 22px;
    color: #000;
    font-size: 12px
}

@media(min-width: 768px) {
    .js .topicsList .topicsOverview .theme h3:after {
        content: ''
    }
}

.js .topicsList .topicsOverview .theme ul {
    display: none
}

@media(min-width: 768px) {
    .js .topicsList .topicsOverview .theme ul {
        display: block
    }
}

.js .topicsList .topicsOverview .theme.open {
    border-bottom: 0
}

    .js .topicsList .topicsOverview .theme.open h3:after {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 5px;
        top: 22px;
        color: #000;
        font-size: 12px
    }

@media(min-width: 768px) {
    .js .topicsList .topicsOverview .theme.open h3:after {
        content: ''
    }
}

.js .topicsList .topicsOverview .theme.open ul {
    display: block
}

.topicsList .topicsOverview .topicCol {
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0
}

@media(min-width: 768px) {
    .topicsList .topicsOverview .topicCol {
        float: left;
        width: 25%
    }
}

@media(max-width: 768px) {
    .topicsList .topicsOverview .topicCol {
        padding: 0
    }
}

@media(min-width: 768px) {
    .topicsList .topicsOverview .topicCol:nth-child(4) {
        padding-left: 35px;
        padding-right: 10px
    }
}

@media(min-width: 768px) {
    .topicsList .topicsOverview .topicCol:nth-child(5) {
        padding-left: 23px;
        padding-right: 10px
    }
}

@media(min-width: 768px) {
    .topicsList .topicsOverview .topicCol h3 {
        border: 0;
        font-size: 42px;
        font-weight: bold;
        color: #000;
        padding: 0
    }
}

.topicResults {
    margin-top: 20px;
    margin-left: -15px;
    margin-right: -15px
}

    .topicResults:before, .topicResults:after {
        content: " ";
        display: table
    }

    .topicResults:after {
        clear: both
    }

    .topicResults h2 {
        font-weight: normal;
        margin: 0 15px 20px 15px;
        padding: 0 0 5px 0;
        border-bottom: 2px solid #01689b
    }

    .topicResults p {
        margin-left: 15px
    }

    .topicResults .foundTopic {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }

        .topicResults .foundTopic a {
            display: block;
            text-decoration: none;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 2px solid #f3f5f6
        }

            .topicResults .foundTopic a h3 {
                margin: 0;
                padding: 0 0 .3em 0;
                text-decoration: none;
                color: #01689b
            }

            .topicResults .foundTopic a p {
                color: #000;
                margin: 0
            }

            .topicResults .foundTopic a:hover {
                cursor: pointer
            }

                .topicResults .foundTopic a:hover h3 {
                    color: #154273;
                    text-decoration: underline
                }

.block-audio-video {
    clear: left;
    margin: 0 0 50px 0;
    padding-bottom: 0
}

.mejs__offscreen {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
}

.mejs__container {
    background: #000;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    text-indent: 0;
    vertical-align: top;
    margin-bottom: 40px
}

    .mejs__container.mejs__audio {
        margin-bottom: 0
    }

    .mejs__container * {
        box-sizing: border-box
    }

    .mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button {
        -webkit-appearance: none;
        display: none !important
    }

.mejs__fill-container, .mejs__fill-container .mejs__container {
    height: 100%;
    width: 100%
}

.mejs__fill-container {
    background: transparent;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.mejs__container:focus {
    outline: 0
}

.mejs__iframe-overlay {
    height: 100%;
    position: absolute;
    width: 100%
}

.mejs__embed, .mejs__embed body {
    background: #000;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.mejs__fullscreen {
    overflow: hidden !important
}

.mejs__container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

    .mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video {
        height: 100% !important;
        width: 100% !important
    }

.mejs__background {
    left: 0;
    position: absolute;
    top: 0
}

.mejs__mediaelement {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.mejs__poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

:root .mejs__poster-img {
    display: none
}

.mejs__poster-img {
    border: 0;
    padding: 0
}

.mejs__overlay {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0
}

.mejs__layer {
    z-index: 1
}

.mejs__overlay-play {
    cursor: pointer
}

.mejs__overlay-button {
    background: url(shared-ro/images/videoplayer/bigplay.svg) no-repeat;
    background-position: 0 0;
    height: 100px;
    width: 100px
}

.mejs__overlay:hover > .mejs__overlay-button {
    background-position: 0 0
}

.mejs__overlay-loading {
    height: 100px;
    width: 80px
}

    .mejs__overlay-loading span {
        display: block;
        width: 80px;
        height: 80px;
        background: transparent url(shared-ro/images/videoplayer/loading.gif) 50% 50% no-repeat
    }

@-webkit-keyframes mejs__loading-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mejs__loading-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mejs__controls {
    background-color: #f3f3f3;
    bottom: -41px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 41px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
    border-bottom: 1px solid white
}

.mejs__audio .mejs__controls {
    bottom: -1px
}

.mejs__button, .mejs__time, .mejs__time-rail {
    font-size: 10px;
    height: 40px;
    line-height: 10px;
    margin: 0;
    width: 32px
}

    .mejs__button > button {
        background: transparent url(shared-ro/images/videoplayer/controls.svg) no-repeat;
        border: 0;
        cursor: pointer;
        display: block;
        font-size: 0;
        height: 20px;
        line-height: 0;
        margin: 10px 6px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        text-decoration: none;
        width: 20px
    }

        .mejs__button > button:focus {
            outline: dotted 1px #999
        }

.mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus, .mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus {
    outline: 0
}

.mejs__time {
    box-sizing: content-box;
    color: #696969;
    font-size: 16px;
    font-weight: bold;
    height: 24px;
    overflow: hidden;
    padding: 16px 6px 0;
    text-align: center;
    width: auto;
    font-family: "RO Sans",Calibri,sans-serif
}

.mejs__play > button {
    background-position: 0 -2px
}

.mejs__pause > button {
    background-position: -1px -22px
}

.mejs__replay > button {
    background-position: 0 -2px
}

.mejs__time-rail {
    direction: ltr;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 40px;
    margin: 0 10px;
    padding-top: 11px;
    position: relative
}

.mejs__time-total, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-current, .mejs__time-float, .mejs__time-hovered, .mejs__time-float-current, .mejs__time-float-corner, .mejs__time-marker {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute
}

.mejs__time-total {
    background: #333;
    background: rgba(50,50,50,0.8);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));
    background: -webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: -moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: -o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: -ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    margin: 5px 0 0;
    width: 100%
}

.mejs__time-buffering {
    -webkit-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
    background: -webkit-linear-gradient(135deg,rgba(255,255,255,0.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,transparent 75%,transparent);
    background: linear-gradient(-45deg,rgba(255,255,255,0.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,transparent 75%,transparent);
    background-size: 15px 15px;
    width: 100%
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

.mejs__time-loaded {
    background: #b4b4b4
}

.mejs__time-current, .mejs__time-handle-content {
    background: #007bc7
}

.mejs__time-hovered {
    background: rgba(255,255,255,0.5);
    z-index: 10
}

    .mejs__time-hovered.negative {
        background: rgba(0,0,0,0.2)
    }

.mejs__time-current, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-hovered {
    left: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: .15s ease-in all;
    transition: .15s ease-in all;
    width: 100%
}

.mejs__time-buffering {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.mejs__time-hovered {
    -webkit-transition: height .1s cubic-bezier(0.44,0,1,1);
    transition: height .1s cubic-bezier(0.44,0,1,1)
}

    .mejs__time-hovered.no-hover {
        -webkit-transform: scaleX(0) !important;
        -ms-transform: scaleX(0) !important;
        transform: scaleX(0) !important
    }

.mejs__time-handle, .mejs__time-handle-content {
    border: 4px solid transparent;
    cursor: pointer;
    left: 0;
    position: absolute;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 11;
    display: none
}

.mejs__time-handle-content {
    border: 4px solid rgba(255,255,255,0.9);
    border-radius: 50%;
    height: 10px;
    left: -7px;
    top: -4px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 10px;
    display: none
}

.mejs__time-rail:hover .mejs__time-handle-content, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail .mejs__time-handle-content:active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mejs__time-float {
    position: absolute;
    display: none;
    background: #323232;
    width: 50px;
    height: 22px;
    top: -32px;
    margin-left: -18px;
    text-align: center;
    color: #111;
    font-size: 13px;
    font-family: "RO Sans",Calibri,sans-serif
}

.mejs__time-float-current {
    display: block;
    left: 0;
    text-align: center;
    width: 50px;
    padding-top: 6px;
    font-size: 16px;
    font-weight: bold;
    color: #eee
}

.mejs__time-float-corner {
    border: solid 5px #eee;
    border-color: #323232 transparent transparent;
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.mejs__long-video .mejs__time-float {
    margin-left: -23px;
    width: 64px
}

.mejs__long-video .mejs__time-float-current {
    width: 60px
}

.mejs__broadcast {
    color: #fff;
    height: 10px;
    position: absolute;
    top: 15px;
    width: 100%
}

.mejs__fullscreen-button > button {
    background-position: -28px -2px
}

.mejs__unfullscreen > button {
    background-position: -28px -22px
}

.mejs__mute > button {
    background-position: -54px -2px
}

.mejs__unmute > button {
    background-position: -51px -22px
}

.mejs__volume-button {
    position: relative
}

    .mejs__volume-button > .mejs__volume-slider {
        -webkit-backface-visibility: hidden;
        background: #323232;
        border-radius: 0;
        bottom: 100%;
        display: none;
        height: 115px;
        left: 50%;
        margin: 0;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 25px;
        z-index: 1
    }

    .mejs__volume-button:hover {
        border-radius: 0 0 4px 4px
    }

.mejs__volume-total {
    background: rgba(255,255,255,0.5);
    height: 100px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px
}

.mejs__volume-current {
    background: rgba(255,255,255,0.9);
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%
}

.mejs__volume-handle {
    background: rgba(255,255,255,0.9);
    border-radius: 1px;
    cursor: ns-resize;
    height: 6px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 16px
}

.mejs__horizontal-volume-slider {
    display: block;
    height: 36px;
    position: relative;
    vertical-align: middle;
    width: 56px
}

.mejs__horizontal-volume-total {
    background: rgba(50,50,50,0.8);
    border-radius: 2px;
    font-size: 1px;
    height: 8px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 16px;
    width: 50px
}

.mejs__horizontal-volume-current {
    background: #b4b4b4;
    border-radius: 2px;
    font-size: 1px;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mejs__horizontal-volume-handle {
    display: none
}

.mejs__captions-button, .mejs__chapters-button {
    position: relative
}

    .mejs__captions-button > button {
        background-position: -78px -2px
    }

.mejs__captions-enabled > button {
    background-position: -78px -22px
}

.mejs__audiodescription-inactive > button {
    background-position: -103px -2px
}

.mejs__audiodescription-active > button {
    background-position: -103px -22px
}

.mejs__button.mejs__audiodescription-button {
    display: none
}

@media(min-width: 992px) {
    .mejs__button.mejs__audiodescription-button {
        display: block
    }
}

.mejs__chapters-button > button {
    background-position: -180px 0
}

.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector {
    background: rgba(50,50,50,0.7);
    border: solid 1px transparent;
    border-radius: 0;
    bottom: 100%;
    margin-right: -43px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 50%;
    visibility: visible;
    width: 86px
}

.mejs__chapters-button > .mejs__chapters-selector {
    margin-right: -55px;
    width: 110px
}

.mejs__captions-selector-list, .mejs__chapters-selector-list {
    list-style-type: none !important;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item {
    color: #fff;
    cursor: pointer;
    display: block;
    list-style-type: none !important;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 0
}

    .mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover {
        background-color: #c8c8c8 !important;
        background-color: rgba(255,255,255,0.4) !important
    }

.mejs__captions-selector-input, .mejs__chapters-selector-input {
    clear: both;
    float: left;
    left: -1000px;
    margin: 3px 3px 0 5px;
    position: absolute
}

.mejs__captions-selector-label, .mejs__chapters-selector-label {
    cursor: pointer;
    float: left;
    font-size: 10px;
    line-height: 15px;
    padding: 4px 10px 0;
    width: 100%
}

.mejs__captions-selected, .mejs__chapters-selected {
    color: #21f8f8
}

.mejs__captions-translations {
    font-size: 10px;
    margin: 0 0 5px
}

.mejs__captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    color: #fff
}

    .mejs__captions-layer a {
        color: #fff;
        text-decoration: underline
    }

    .mejs__captions-layer[lang=ar] {
        font-size: 20px;
        font-weight: normal
    }

.mejs__captions-position {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center
}

.mejs__captions-position-hover {
    bottom: 15px
}

.mejs__captions-text, .mejs__captions-text * {
    background: #141414;
    box-shadow: 5px 0 0 #141414,-5px 0 0 #141414;
    padding: 0;
    white-space: pre-wrap
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
    display: none
}

.mejs__overlay-error {
    position: relative
}

    .mejs__overlay-error > img {
        left: 0;
        position: absolute;
        top: 0;
        z-index: -1
    }

.mejs__cannotplay, .mejs__cannotplay a {
    color: #fff;
    font-size: .8em
}

.mejs__cannotplay {
    position: relative
}

    .mejs__cannotplay p, .mejs__cannotplay a {
        display: inline-block;
        padding: 0 15px;
        width: 100%
    }

.flex-images {
    overflow: hidden
}

    .flex-images a.item {
        float: left;
        margin: 2px;
        box-sizing: content-box;
        overflow: hidden;
        position: relative
    }

        .flex-images a.item:focus {
            outline: 2px solid #82befb;
            outline-offset: -1px
        }

        .flex-images a.item img {
            display: none;
            width: auto;
            height: 100%
        }

.js .flex-images a.item img {
    display: block
}

.block-photo-gallery {
    overflow: hidden;
    margin-bottom: 40px
}

    .block-photo-gallery h2 span {
        color: #4e4e4e;
        font-weight: normal
    }

    .block-photo-gallery p a {
        display: inline;
        text-decoration: underline
    }

    .block-photo-gallery ul {
        margin: 0 0 0 -20px;
        padding: 0;
        list-style: none;
        display: block
    }

        .block-photo-gallery ul:after {
            content: " ";
            visibility: hidden;
            width: 0;
            height: 0;
            display: block;
            clear: left
        }

    .block-photo-gallery li {
        width: 50%;
        float: left;
        margin: 0 0 20px 0;
        padding: 0;
        list-style: none;
        background: 0
    }

        .block-photo-gallery li:nth-child(odd) {
            clear: left
        }

        .block-photo-gallery li a {
            display: block;
            margin: 0 0 0 20px;
            padding: 10px;
            background: #f2f2f2;
            position: relative;
            text-decoration: none;
            text-align: center
        }

            .block-photo-gallery li a:focus, .block-photo-gallery li a:hover {
                color: #535353
            }

    .block-photo-gallery img {
        display: inline-block;
        margin: 0 auto
    }

@media(max-width: 480px) {
    .block-photo-gallery img {
        width: 100%;
        height: auto
    }
}

.block-photo-gallery .caption {
    display: block;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin: 0;
    padding: 5px 5px 0;
    background: #f2f2f2;
    color: #535353;
    font-size: .8125em;
    line-height: 1.5;
    text-align: left;
    text-decoration: none
}

.photo-credit {
    font-weight: normal;
    display: block;
    margin-top: .5em;
    text-transform: uppercase;
    font-size: .8125em;
    line-height: 1.5
}

@media(min-width: 992px) {
    .block-photo-gallery {
        margin-bottom: 60px
    }

        .block-photo-gallery li {
            width: 25%;
            height: 182px;
            overflow: hidden;
            position: relative
        }

            .block-photo-gallery li:nth-child(odd) {
                clear: none
            }

            .block-photo-gallery li:nth-child(4n+1) {
                clear: left !important
            }

            .block-photo-gallery li a:first-child {
                padding: 5px;
                text-align: center
            }

            .block-photo-gallery li img {
                vertical-align: middle
            }

        .block-photo-gallery .caption {
            position: absolute;
            padding: 5px;
            font-size: .8125em;
            line-height: 1em
        }
}

.photo-gallery-detail-navigation {
    position: relative;
    margin-bottom: 10px;
    color: #535353;
    text-align: center
}

    .photo-gallery-detail-navigation .previous {
        position: absolute;
        top: 0;
        left: 0
    }

    .photo-gallery-detail-navigation .next {
        position: absolute;
        top: 0;
        right: 0
    }

    .photo-gallery-detail-navigation a {
        text-decoration: none
    }

.block-photo-gallery .flex-images .noJs {
    display: block;
    padding: 10px;
    background: #f2f2f2;
    text-align: center
}

.block-photo-gallery .flex-images img.lazy {
    display: none
}

.js .block-photo-gallery .flex-images img.lazy {
    display: block
}

.block-photo-gallery .flex-images p.copyright {
    color: #fff;
    bottom: 8px
}

.block-photo-gallery li {
    width: 100%;
    height: auto;
    clear: none;
    overflow: visible
}

    .block-photo-gallery li > img {
        display: block;
        margin: 0 0 10px 20px;
        padding: 10px;
        position: relative;
        text-decoration: none;
        text-align: center
    }

        .block-photo-gallery li > img + .caption {
            margin-left: 20px;
            padding-top: 10px;
            padding-left: 10px;
            background-color: transparent
        }

    .block-photo-gallery li a {
        display: none
    }

        .block-photo-gallery li a.caption {
            position: relative;
            display: block;
            margin: 0 0 0 20px;
            padding: 5px 10px;
            background: 0;
            color: #01689b;
            text-align: center;
            text-decoration: none;
            font: .85714em
        }

            .block-photo-gallery li a.caption:hover, .block-photo-gallery li a.caption:active {
                text-decoration: underline;
                color: #154273
            }

            .block-photo-gallery li a.caption span {
                padding-left: 0;
                background: 0;
                color: inherit
            }

            .block-photo-gallery li a.caption .size {
                color: #666
            }

    .block-photo-gallery li noscript div {
        display: block;
        margin: 0 0 0 20px;
        padding: 10px;
        background: #f2f2f2;
        text-align: center
    }

.js .block-photo-gallery li {
    width: 50%
}

    .js .block-photo-gallery li:nth-child(odd) {
        clear: left
    }

@media(min-width: 768px) {
    .js .block-photo-gallery li {
        width: 25%
    }

        .js .block-photo-gallery li:nth-child(odd) {
            clear: none
        }

        .js .block-photo-gallery li:nth-child(4n+1) {
            clear: left
        }
}

.js .block-photo-gallery li a {
    display: block
}

.picture {
    margin-top: 30px
}

    .picture .block-photo-gallery {
        background: #f2f2f2 none repeat scroll 0 0;
        text-align: center;
        border: 0;
        padding: 5px 10px 10px;
        margin-bottom: 5px
    }

        .picture .block-photo-gallery a {
            line-height: 1em;
            padding: 0
        }

        .picture .block-photo-gallery img {
            display: inline
        }

        .picture .block-photo-gallery p {
            margin-bottom: .82em
        }

    .picture .superheading {
        margin: 0 0 .1em;
        color: #01689b;
        font-size: 1.536em;
        font-weight: normal;
        line-height: 1.1429
    }

@media(min-width: 992px) {
    .picture {
        margin-right: 20px
    }

        .picture .block-photo-gallery {
            padding: 10px 20px 10px
        }

            .picture .block-photo-gallery a {
                padding: 10px
            }
}

.content-image-left, .content-image {
    position: relative;
    max-width: 100%
}

@media print {
    .block-photo-gallery li {
        padding-left: 0;
        margin-left: 0
    }

        .block-photo-gallery li:before {
            content: ''
        }

        .block-photo-gallery li a {
            margin-left: 0
        }

        .block-photo-gallery li img {
            width: 100% !important
        }

    .js .block-photo-gallery li:nth-child(4n+1) {
        clear: left
    }

        .js .block-photo-gallery li:nth-child(4n+1) a {
            margin-left: 0
        }

    .js .block-photo-gallery li:nth-child(odd) {
        clear: none
    }

    .js .block-photo-gallery li {
        width: 25% !important
    }
}

.block.gallery ul {
    margin-top: 20px;
    display: block
}

.block.gallery {
    margin-bottom: 10px
}

.gallery ul {
    margin: 0 0 0 -20px;
    padding: 0
}

@media(min-width: 992px) {
    .gallery ul {
        margin-left: -20px;
        margin-right: 0
    }
}

.gallery ul:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

.gallery p {
    margin-bottom: 0;
    color: inherit
}

    .gallery p a {
        display: inline;
        margin: 0
    }

.gallery li {
    display: block;
    padding: 0;
    background-image: none;
    clear: none;
    float: left;
    width: 50%;
    margin: 0 0 20px
}

    .gallery li:nth-child(2n+1) {
        clear: left
    }

    .gallery li:before {
        display: none;
        content: ''
    }

@media(min-width: 768px) {
    .gallery li {
        width: 25%;
        clear: none;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

        .gallery li:nth-child(2n+1) {
            clear: none
        }

        .gallery li:nth-child(4n+1) {
            clear: left
        }
}

.gallery.brickRow p {
    padding-left: 15px;
    padding-bottom: 15px
}

.gallery.brickRow .copyright {
    margin-top: 0;
    position: relative;
    text-shadow: none;
    color: #767676;
    font-size: .8em;
    padding: 0
}

.gallery.brickRow p.caption {
    color: #000;
    line-height: 1.3125;
    font-size: 1em;
    text-align: left;
    margin: 0 0 5px 0;
    padding: 0
}

.gallery a {
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 0 0 20px;
    position: relative;
    text-align: center;
    text-decoration: none
}

    .gallery a .duration {
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 100;
        padding: 2px .4em;
        background-color: #01689b;
        color: #FFF;
        font-size: .8125em;
        font-weight: bold;
        line-height: 1.5
    }

    .gallery a:focus, .gallery a:hover {
        text-decoration: none
    }

        .gallery a:focus .duration, .gallery a:hover .duration {
            background-color: #0162cd
        }

        .gallery a:focus h3, .gallery a:focus img + p, .gallery a:hover h3, .gallery a:hover img + p {
            text-decoration: underline
        }

    .gallery a:visited img + p {
        color: #767676
    }

    .gallery a h3 {
        margin-top: .5em;
        font-weight: normal
    }

    .gallery a img {
        display: block;
        width: 100%;
        margin-bottom: .5em
    }

.gallery .meta {
    font-size: .8125em;
    margin-top: .4em;
    margin-bottom: 0
}

.gallery.video .lightboxVideo {
    display: none
}

@media(max-width: 768px) {
    .gallery.video li {
        width: 100%;
        clear: left
    }
}

@media(min-width: 768px) {
    .gallery.video li {
        width: 50%
    }

        .gallery.video li:nth-child(2n+1) {
            clear: left
        }
}

.gallery.folder li {
    padding: 0;
    overflow: visible;
    width: 100%
}

@media(min-width: 480px) {
    .gallery.folder li {
        width: 50%
    }

        .gallery.folder li:nth-child(2n+1) {
            clear: left
        }
}

@media(min-width: 768px) {
    .gallery.folder li {
        width: 33.33%;
        clear: none
    }

        .gallery.folder li:nth-child(2n+1) {
            clear: none
        }

        .gallery.folder li:nth-child(3n+1) {
            clear: left
        }
}

.gallery.folder a {
    display: block;
    margin: 0 0 0 20px;
    padding: 0;
    position: relative;
    text-decoration: none
}

#content .gallery.folder a {
    text-decoration: none
}

.gallery.folder img {
    display: inline-block;
    margin: 0 auto
}

@media(min-width: 768px) {
    .gallery.folder img {
        vertical-align: middle
    }
}

.gallery.folder p.copyright {
    text-decoration: none;
    margin-top: -30px;
    color: #fff
}

.gallery .caption {
    display: block;
    margin: 5px 0 0;
    text-align: center;
    padding: 0;
    font-size: 1.07143em;
    line-height: 1.2
}

@media(min-width: 768px) {
    .gallery .caption {
        font-size: 1.08333em
    }
}

.gallery a .caption {
    color: #01689b;
    text-align: left;
    text-decoration: none;
    margin-top: .5em;
    padding-left: 0;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: normal
}

.gallery a:hover .caption, .gallery a:active .caption {
    text-decoration: underline;
    color: #01689b
}

.gallery .figure {
    text-align: center;
    padding: 0 0 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

    .gallery .figure .caption {
        position: static;
        background: 0;
        height: auto
    }

    .gallery .figure img {
        margin: 0 auto;
        max-width: 90%
    }

    .gallery .figure p.copyright {
        position: relative;
        text-shadow: none;
        color: #767676;
        font-size: .8em
    }

.common.gallery-result {
    margin-left: -20px
}

    .common.gallery-result li {
        padding: 0 0 30px 0;
        margin: 0;
        overflow: visible;
        float: left;
        margin: 0;
        display: block;
        background-image: none;
        width: 100%
    }

        .common.gallery-result li > .no-image {
            padding-top: 1em;
            border-top: 2px solid #f3f5f6
        }

        .common.gallery-result li p {
            line-height: 1.3em
        }

        .common.gallery-result li:first-child > .no-image {
            border-top: 0;
            padding-top: 0
        }

@media(min-width: 480px) {
    .common.gallery-result li {
        width: 50%;
        padding-right: 20px
    }

        .common.gallery-result li:nth-child(2n+1) {
            clear: left
        }
}

@media(min-width: 768px) {
    .common.gallery-result li {
        width: 33.33%
    }

        .common.gallery-result li:nth-child(2n+1) {
            clear: none
        }

        .common.gallery-result li:nth-child(3n+1) {
            clear: left
        }

        .common.gallery-result li:nth-child(2) > .no-image, .common.gallery-result li:nth-child(3) > .no-image {
            border-top: 0;
            padding-top: 0
        }
}

.common.gallery-result li a {
    display: block;
    margin: 0 0 0 20px;
    padding: 0;
    position: relative;
    text-decoration: none;
    font-size: 1em;
    background: 0
}

    .common.gallery-result li a:before {
        content: '';
        display: none
    }

@media(min-width: 480px) {
    .common.gallery-result li a {
        width: 100%
    }
}

.common.gallery-result li a p.copyright {
    margin-top: -40px;
    color: #fff;
    padding: 5px 10px 0 10px;
    line-height: 1.375em;
    text-decoration: none;
    font-size: .8em
}

@media(min-width: 768px) {
    .common.gallery-result li a p.copyright {
        margin-top: -38px
    }
}

@media(min-width: 1200px) {
    .common.gallery-result li a p.copyright {
        margin-top: -40px
    }
}

.common.gallery-result li img {
    display: inline-block;
    margin: 0 auto .5em
}

@media(min-width: 768px) {
    .common.gallery-result li img {
        vertical-align: middle;
        width: 100%
    }
}

.common.gallery-result h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: normal;
    padding-bottom: 10px
}

    .common.gallery-result h3 + p {
        font-size: 1rem;
        margin-bottom: 10px
    }

.common.gallery-result a h3 {
    color: #369
}

.common.gallery-result .meta {
    font-weight: normal;
    font-size: .875rem
}

@media print {
    .meta-light {
        clear: left;
        color: #767676;
        font-style: normal;
        line-height: 1.64
    }

    #content .gallery.folder li {
        width: 33.3% !important
    }

        #content .gallery.folder li:nth-child(2n+1) {
            clear: none
        }

        #content .gallery.folder li:nth-child(3n+1) {
            clear: left
        }

        #content .gallery.folder li:before {
            content: ''
        }

    #content .gallery.video li {
        width: 50%;
        clear: none
    }

        #content .gallery.video li:nth-child(2n+1) {
            clear: left
        }

        #content .gallery.video li:before {
            content: ''
        }

    #content .gallery .caption {
        padding-left: 0
    }

        #content .gallery .caption:before {
            content: ''
        }

    #content .gallery ul {
        margin-left: -20px;
        page-break-inside: avoid
    }

    #content .gallery li:before {
        content: ''
    }

    .block .common.gallery-result li:before {
        content: ''
    }

    .block .common.gallery-result li a:before {
        content: "" !important
    }
}

.swipebox-overflow-hidden {
    overflow: hidden !important;
    height: 100%;
    width: 100%
}

#swipebox-overlay img {
    border: none !important
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 999999;
    overflow: hidden;
    display: none;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -khtml-transition: opacity 1s ease;
    transition: opacity 1s ease
}

    #swipebox-overlay.videoOverlay {
        overflow-y: auto
    }

        #swipebox-overlay.videoOverlay #swipebox-slider .slide {
            min-height: 100%;
            height: auto
        }

            #swipebox-overlay.videoOverlay #swipebox-slider .slide .lightboxVideo {
                display: inline-block;
                max-width: 100%;
                vertical-align: middle;
                width: auto;
                white-space: normal
            }

                #swipebox-overlay.videoOverlay #swipebox-slider .slide .lightboxVideo .block-audio-video {
                    width: 800px;
                    max-width: 800px;
                    margin-bottom: 100px
                }

            #swipebox-overlay.videoOverlay #swipebox-slider .slide.videoLoading .lightboxVideo {
                opacity: 0
            }

        #swipebox-overlay.videoOverlay #swipebox-caption {
            border-top: 1px solid #767676
        }

#swipebox-modal {
    width: 100%;
    min-height: 100%;
    height: auto;
    outline: 0
}

#swipebox-overlay-desktop {
    display: none
}

#swipebox-slider {
    min-height: 100%;
    height: auto;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    -webkit-transition: left .4s ease;
    -moz-transition: left .4s ease;
    -o-transition: left .4s ease;
    -khtml-transition: left .4s ease;
    transition: left .4s ease
}

    #swipebox-slider .slide {
        background: 0;
        height: 100%;
        line-height: 1px;
        text-align: center;
        width: 100%;
        display: inline-block;
        overflow: hidden
    }

        #swipebox-slider .slide.current {
            overflow: visible
        }

        #swipebox-slider .slide:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px
        }

        #swipebox-slider .slide img {
            display: inline-block;
            max-height: 100%;
            max-width: 100%;
            width: auto;
            height: auto;
            vertical-align: middle;
            -webkit-box-shadow: 2px 0 17px 1px rgba(50,50,50,0.75);
            -moz-box-shadow: 2px 0 17px 1px rgba(50,50,50,0.75);
            box-shadow: 2px 0 17px 1px rgba(50,50,50,0.75)
        }

#swipebox-caption {
    position: fixed;
    left: 0;
    padding: 15px 15px 45px 15px;
    z-index: 0;
    height: auto;
    right: 0;
    bottom: 0;
    overflow: visible
}

    #swipebox-caption p {
        margin-bottom: 0
    }

        #swipebox-caption p.meta {
            color: #4e4e4e;
            display: inline-block;
            margin-top: .5em
        }

        #swipebox-caption p.copyright {
            color: #4e4e4e;
            text-shadow: none;
            position: relative;
            padding: 7px 0 0 0;
            display: inline-block;
            font-size: .8125em;
            line-height: 1.5
        }

@media(min-width: 1200px) {
    #swipebox-caption p.copyright {
        padding: 8px 0 0 0
    }
}

#swipebox-caption p.hres a {
    color: #01689b;
    padding-left: 0;
    margin-top: 5px;
    font-size: .8em
}

    #swipebox-caption p.hres a:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0;
        color: #000;
        font-size: 14px;
        padding-right: 5px
    }

@media(min-width: 992px) {
    #swipebox-caption p.hres a:before {
        font-size: 15px
    }
}

@media(min-width: 992px) {
    #swipebox-caption p.hres a {
        float: left
    }
}

#swipebox-caption p.hres a:focus, #swipebox-caption p.hres a:hover {
    color: #01689b
}

#swipebox-action {
    left: 0;
    z-index: 999;
    height: 100%;
    width: 100%
}

#swipebox-hres {
    display: block;
    top: -.5em;
    position: relative
}

button::-moz-focus-inner {
    border: 0
}

#swipebox-prev, #swipebox-next, #swipebox-close {
    background-color: #01689b;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 36px;
    overflow: hidden;
    text-indent: -999px;
    margin: 0
}

    #swipebox-prev.disabled, #swipebox-next.disabled {
        display: none
    }

#swipebox-arrows {
    position: absolute;
    width: 100%;
    left: 0;
    top: -3px
}

#swipebox-close {
    right: 0;
    margin-left: 0;
    top: 0
}

    #swipebox-close:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0;
        color: #fff;
        position: absolute;
        left: 0;
        width: 50px;
        text-align: center;
        top: 7px;
        font-size: 14px
    }

#swipebox-prev {
    left: 0;
    bottom: 0;
    position: fixed;
    position: relative;
    display: block;
    padding-left: 20px;
    font-weight: bold;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-decoration: none;
    width: auto;
    position: absolute;
    width: 50px
}

@media(min-width: 992px) {
    #swipebox-prev {
        position: absolute
    }
}

#swipebox-prev:visited {
    color: #01689b
}

#swipebox-prev:hover {
    color: #fff
}

#swipebox-prev:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 8px 0 0;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit
}

#swipebox-prev:before {
    text-indent: 0;
    color: #fff;
    position: absolute;
    left: 0;
    width: 50px;
    text-align: center;
    font-size: 15px;
    top: 4px;
    left: -4px
}

#swipebox-next {
    right: 0;
    bottom: 0;
    position: fixed;
    position: relative;
    display: block;
    padding-left: 20px;
    font-weight: bold;
    color: #01689b;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-decoration: none;
    width: auto;
    position: absolute;
    width: 50px
}

@media(min-width: 992px) {
    #swipebox-next {
        position: absolute
    }
}

#swipebox-next:visited {
    color: #01689b
}

#swipebox-next:hover {
    color: #154273
}

#swipebox-next.external:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    content: "";
    vertical-align: middle;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: inherit;
    font-size: 10px;
    top: 0
}

#swipebox-next:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 8px 0 0;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit
}

#swipebox-next:before {
    text-indent: 0;
    color: #fff;
    position: absolute;
    left: 0;
    width: 50px;
    text-align: center;
    font-size: 15px;
    top: 4px;
    right: -4px
}

#swipebox-overlay {
    background: rgba(0,0,0,0.9)
}

#swipebox-action, #swipebox-caption {
    color: #000;
    font-size: 1em;
    line-height: 1.5;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -khtml-transition: .5s;
    transition: .5s
}

#swipebox-caption {
    background-color: #f3f3f3
}

#swipebox-action {
    background-color: transparent;
    text-align: center
}

    #swipebox-action a {
        color: #FFF
    }

@media(min-width: 992px) {
    #swipebox-slider.loading .slide {
        background: url(shared-ro/images/swipebox-loader-dark.gif) no-repeat center center
    }

    #swipebox-slider .slide {
        background: 0
    }

    #swipebox-caption p.meta {
        color: #4e4e4e
    }

    #swipebox-caption p.hres a {
        color: #01689b
    }

        #swipebox-caption p.hres a:focus, #swipebox-caption p.hres a:hover {
            color: #0162cd
        }

    #swipebox-action a {
        color: #000
    }

    #swipebox-prev {
        left: 0
    }

    #swipebox-next {
        right: 0
    }

    .caption-meta {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px
    }
}

@media(min-width: 992px) {
    #swipebox-caption {
        padding: 15px 15px 45px 15px
    }
}

@media(min-width: 1200px) {
    #swipebox-caption {
        padding: 15px 15px 15px 15px
    }
}

@media print {
    #swipebox-overlay {
        opacity: 1 !important;
        display: block !important;
        width: 600px !important
    }

        #swipebox-overlay .slide {
            text-align: left;
            width: 100% !important
        }

    .swipebox-overflow-hidden #mainwrapper {
        display: none !important
    }
}

.profiledetail h1 {
    margin: 0 0 1em;
    font-weight: bold;
    font-size: 1.625em;
    line-height: 1.1538em
}

@media(min-width: 768px) {
    .profiledetail h1 {
        font-weight: bold;
        font-size: 1.75em;
        line-height: 1.1429
    }
}

.profiledetail .headline {
    margin: 0 0 20px 0;
    padding-top: 10px
}

@media(min-width: 480px) {
    .profiledetail .headline {
        background-color: #f3f3f3
    }
}

.profiledetail .headline:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

.profiledetail .headline .visual {
    margin: -10px 0 0 0
}

    .profiledetail .headline .visual img {
        width: 100%;
        margin-bottom: 20px
    }

@media(min-width: 480px) {
    .profiledetail .headline .visual {
        float: left;
        width: 50%
    }

        .profiledetail .headline .visual + div {
            float: left;
            width: 50%
        }

            .profiledetail .headline .visual + div p, .profiledetail .headline .visual + div h1 {
                padding: 0 20px
            }

        .profiledetail .headline .visual img {
            margin-bottom: 0
        }
}

.profiledetail .headline .visual p.copyright {
    color: #fff;
    margin-top: -50px;
    max-width: 220px
}

@media(min-width: 480px) {
    .profiledetail .headline .visual p.copyright {
        margin-top: -30px
    }
}

.profiledetail .headline h1 {
    margin: .5em 0 1em;
    font-size: 1.625em;
    font-weight: normal;
    line-height: 1.1538em
}

@media(min-width: 768px) {
    .profiledetail .headline h1 {
        font-size: 1.75em;
        font-weight: normal;
        line-height: 1.1429
    }
}

.profiledetail .headline dl {
    margin-bottom: -0.5em
}

@media(min-width: 480px) {
    .profiledetail .headline dl {
        margin-bottom: .5em
    }
}

@media(min-width: 480px) {
    .profiledetail .headline dt {
        display: none
    }

    .profiledetail .headline dd {
        padding: 0 20px;
        margin: 0;
        border-bottom: 0
    }
}

.profiledetail dl dt {
    float: left;
    text-align: left;
    clear: left;
    width: 100%;
    margin-bottom: .2em
}

@media(min-width: 480px) {
    .profiledetail dl dt {
        width: 15em;
        margin-right: -10em
    }
}

.profiledetail dl dt:after {
    content: ': '
}

.profiledetail dl dd {
    clear: left;
    float: none;
    display: block;
    margin: 0 0 1em 0;
    box-sizing: border-box;
    border-bottom: 1px solid #f3f5f6;
    padding-bottom: .5em
}

@media(min-width: 480px) {
    .profiledetail dl dd {
        clear: none;
        padding-left: 15em
    }
}

.profiledetail dl:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

.headerImage {
    position: relative;
    width: 100%;
    min-height: 280px;
    overflow: hidden;
    background-color: #000
}

    .headerImage.smallHeaderImage {
        min-height: 190px
    }

@media(min-width: 768px) {
    .headerImage {
        margin: 0
    }
}

.headerImage a.clickable {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2
}

.headerImage .copyright {
    bottom: 0;
    z-index: 10;
    padding: 4px 0 0 16px
}

@media(min-width: 348px) {
    .headerImage .copyright {
        bottom: 0;
        padding: 7px 0 0 16px;
        font-size: .8em
    }
}

@media(min-width: 992px) {
    .headerImage .copyright {
        padding: 7px 0 0 18px;
        line-height: 2.2
    }
}

.headerImage .darkOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
    z-index: 1
}

.headerImage a.toggleState {
    position: absolute;
    display: block;
    right: 15px;
    bottom: 10px;
    width: 26px;
    height: 26px;
    z-index: 1;
    text-indent: -999px;
    overflow: hidden;
    z-index: 10
}

    .headerImage a.toggleState:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 26px;
        height: 26px;
        border: 1px solid #fff
    }

    .headerImage a.toggleState:after {
        content: '';
        position: absolute;
        right: 7px;
        bottom: 5px;
        width: 12px;
        height: 16px;
        border-right: 4px solid #fff;
        border-left: 4px solid #fff
    }

    .headerImage a.toggleState:hover:before {
        border-color: #ccc
    }

    .headerImage a.toggleState:hover:after {
        border-color: #ccc
    }

    .headerImage a.toggleState.pauzed:after {
        content: '';
        position: absolute;
        right: 2px;
        bottom: 3px;
        width: 16px;
        height: 18px;
        border-right: 0;
        border-top: 0;
        border-left: none;
        border-bottom: 0;
        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjExLjFweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSItNyA2IDExLjEgMTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTcgNiAxMS4xIDE3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9Ii03LDYgNC4xLDE0LjUgLTcsMjMgIi8+Cjwvc3ZnPgo=") no-repeat
    }

.headerImage .slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    z-index: 0
}

.js .headerImage .slide {
    display: none
}

.headerImage .slide img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 100%
}

.js .headerImage .slide img {
    display: none
}

.headerImage .slide .copyright {
    padding: 4px 0 0 16px;
    font-size: .8em
}

@media(min-width: 480px) {
    .headerImage .slide .copyright {
        padding: 7px 0 0 16px
    }
}

@media(min-width: 992px) {
    .headerImage .slide .copyright {
        padding: 7px 0 0 18px;
        line-height: 2.2
    }
}

.headerImage.topTask .copyright {
    font-size: .8em;
    position: relative;
    bottom: 0;
    position: absolute
}

.headerImage .wrapper {
    z-index: 10;
    padding: 15px;
    position: relative;
    padding: 25px 15px 50px 15px
}

    .headerImage .wrapper.clickable {
        cursor: pointer
    }

    .headerImage .wrapper a {
        display: block;
        text-decoration: none;
        width: 100%
    }

    .headerImage .wrapper h1, .headerImage .wrapper h2 {
        margin: 0 0 10px 0;
        font-size: 1.375rem;
        line-height: 1.875rem;
        color: #fff;
        text-shadow: -1px -1px 40px rgba(0,0,0,0.4);
        font-weight: bold
    }

    .headerImage .wrapper p {
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: #fff;
        text-shadow: -1px -1px 30px rgba(0,0,0,0.7)
    }

    .headerImage .wrapper a.ctaBtn {
        display: inline-block;
        width: auto;
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: #fff;
        text-shadow: -1px -1px 30px rgba(0,0,0,0.7);
        font-weight: bold;
        border: 1px solid #fff;
        padding: 5px 10px 5px 10px
    }

        .headerImage .wrapper a.ctaBtn:hover {
            color: #ccc;
            border-color: #ccc
        }

    .headerImage .wrapper .topTaskNavigation {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #fff;
        padding: 15px 15px 20px 15px
    }

@media(min-width: 768px) {
    .headerImage .wrapper .topTaskNavigation {
        float: left;
        width: 33.33333%
    }
}

@media(min-width: 992px) {
    .headerImage .wrapper .topTaskNavigation {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding: 20px
    }
}

@media(min-width: 992px) and (min-width:992px) {
    .headerImage .wrapper .topTaskNavigation {
        float: left;
        width: 33.33333%
    }
}

@media(min-width: 1200px) {
    .headerImage .wrapper .topTaskNavigation {
        padding: 25px;
        margin-left: -25px
    }
}

.headerImage .wrapper .topTaskNavigation ul li {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 5px 0
}

    .headerImage .wrapper .topTaskNavigation ul li:last-of-type {
        margin: 0
    }

    .headerImage .wrapper .topTaskNavigation ul li a {
        position: relative;
        display: block;
        padding-left: 20px;
        font-weight: bold;
        color: #01689b;
        font-size: 1.125rem;
        line-height: 1.625rem;
        text-decoration: none;
        width: auto;
        line-height: 1.625rem;
        word-wrap: break-word
    }

        .headerImage .wrapper .topTaskNavigation ul li a:visited {
            color: #767676
        }

        .headerImage .wrapper .topTaskNavigation ul li a:hover {
            color: #154273
        }

        .headerImage .wrapper .topTaskNavigation ul li a.external:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            content: "";
            vertical-align: middle;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: inherit;
            font-size: 10px;
            top: 0
        }

        .headerImage .wrapper .topTaskNavigation ul li a:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin: 0 8px 0 0;
            font-size: 11px;
            position: absolute;
            left: 0;
            top: 0;
            line-height: inherit
        }

        .headerImage .wrapper .topTaskNavigation ul li a.external:before {
            left: 2px
        }

.headerImage .wrapper .topTaskNavigation h2 {
    color: #000;
    text-shadow: none;
    margin-bottom: .55555em;
    margin-top: 0;
    font-size: 1.325em;
    line-height: 1.875rem;
    font-weight: normal
}

@media(min-width: 992px) {
    .headerImage .wrapper .topTaskNavigation h2 {
        margin-bottom: .755em;
        line-height: 1.55rem;
        font-size: 1.625rem
    }
}

.headerImage .wrapper .topTaskPushNotification {
    position: relative;
    display: block;
    background-color: #01689b;
    padding: 15px;
    margin-top: 25px
}

@media(min-width: 768px) {
    .headerImage .wrapper .topTaskPushNotification {
        margin-left: 66.66667%
    }
}

@media(min-width: 768px) {
    .headerImage .wrapper .topTaskPushNotification {
        margin-top: 0
    }
}

@media(min-width: 992px) {
    .headerImage .wrapper .topTaskPushNotification {
        padding: 20px
    }
}

@media(min-width: 1200px) {
    .headerImage .wrapper .topTaskPushNotification {
        padding: 25px
    }
}

@media(min-width: 768px) {
    .hasMainNav .headerImage .wrapper .topTaskPushNotification {
        margin-top: 75px
    }
}

.headerImage .wrapper .topTaskPushNotification h2 {
    color: #fff;
    margin-bottom: .55555em;
    font-size: 1.125em;
    line-height: 1.875rem;
    text-shadow: none
}

@media(min-width: 992px) {
    .headerImage .wrapper .topTaskPushNotification h2 {
        margin-bottom: .722em
    }
}

.headerImage .wrapper .topTaskPushNotification p {
    font-size: 1em;
    text-shadow: none;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.375em
}

.headerImage .wrapper .topTaskPushNotification a {
    width: 100%;
    position: relative;
    color: #fff
}

    .headerImage .wrapper .topTaskPushNotification a h2, .headerImage .wrapper .topTaskPushNotification a p {
        text-decoration: underline
    }

        .headerImage .wrapper .topTaskPushNotification a h2 ~ p {
            text-decoration: none
        }

.headerImage .wrapper .countrySelector {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    background-color: #fff;
    padding: 30px 20px 30px 20px
}

@media(min-width: 768px) {
    .headerImage .wrapper .countrySelector {
        left: 16.66667%
    }
}

@media(min-width: 768px) {
    .headerImage .wrapper .countrySelector {
        float: left;
        width: 66.66667%
    }
}

.headerImage .wrapper .countrySelector h2 {
    text-shadow: none;
    color: #000;
    font-size: 1.4125em;
    font-weight: bold;
    line-height: 1.2381;
    margin: 0
}

.headerImage .wrapper .countrySelector #country-search-form p {
    color: #000;
    font-size: inherit;
    margin: 0;
    text-shadow: none;
    padding-bottom: 5px
}

@media(min-width: 1200px) {
    .headerImage .wrapper .countrySelector #country-search-form p {
        font-size: .9em;
        line-height: 1.2rem
    }
}

.headerImage .wrapper .countrySelector #country-search-form .formWrapper {
    background-color: transparent;
    margin: 0;
    padding-bottom: 0
}

    .headerImage .wrapper .countrySelector #country-search-form .formWrapper p {
        margin: 0
    }

    .headerImage .wrapper .countrySelector #country-search-form .formWrapper a {
        width: auto
    }

    .headerImage .wrapper .countrySelector #country-search-form .formWrapper input {
        width: 100%;
        text-indent: 1%;
        padding-left: 0;
        border: 0;
        border-bottom: 2px solid #01689b;
        background-color: #cce0f1
    }

    .headerImage .wrapper .countrySelector #country-search-form .formWrapper button {
        position: absolute;
        right: 0;
        margin: 0;
        background-color: #01689b
    }

@media(min-width: 768px) {
    .headerImage .wrapper .countrySelector {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding: 30px 20px 30px 20px
    }
}

@media(min-width: 768px) and (min-width:1200px) {
    .headerImage .wrapper .countrySelector {
        left: 25%
    }
}

@media(min-width: 768px) and (min-width:1200px) {
    .headerImage .wrapper .countrySelector {
        float: left;
        width: 50%
    }
}

@media(min-width: 768px) {
    .headerImage {
        min-height: 300px
    }

        .headerImage.smallHeaderImage {
            min-height: 210px
        }

        .headerImage .wrapper a {
            width: 100%
        }

        .headerImage .wrapper h1, .headerImage .wrapper h2 {
            font-size: 2.5rem;
            line-height: 3rem
        }

        .headerImage .wrapper p {
            font-size: 1.25rem;
            line-height: 1.75rem
        }
}

@media(min-width: 992px) {
    .headerImage {
        min-height: 370px
    }

        .headerImage.smallHeaderImage {
            min-height: 250px
        }

        .headerImage .wrapper a {
            width: 50%
        }

        .headerImage .wrapper h1, .headerImage .wrapper h2 {
            font-size: 2.5rem;
            line-height: 3rem
        }

        .headerImage .wrapper p {
            font-size: 1.25rem;
            line-height: 1.75rem
        }
}

@media(min-width: 1200px) {
    .headerImage {
        min-height: 480px
    }

        .headerImage.smallHeaderImage {
            min-height: 330px
        }

        .headerImage .wrapper a {
            width: 50%
        }

        .headerImage .wrapper h1, .headerImage .wrapper h2 {
            font-size: 3rem;
            line-height: 3.375rem
        }

        .headerImage .wrapper p {
            font-size: 1.375rem;
            line-height: 2rem
        }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.headerImage.noLink .gradientContainer {
    opacity: 0;
    -webkit-animation: fadeIn ease-in;
    animation: fadeIn ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    background: -webkit-linear-gradient(transparent 0,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.6) 100%);
    background: -moz-linear-gradient(transparent 0,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(transparent 0,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(transparent 0,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.6) 100%);
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1
}

.headerImage.noLink .wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1200px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

    .headerImage.noLink .wrapper:before, .headerImage.noLink .wrapper:after {
        content: " ";
        display: table
    }

    .headerImage.noLink .wrapper:after {
        clear: both
    }

    .headerImage.noLink .wrapper header {
        position: relative;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 50px;
        padding-bottom: 30px
    }

@media(min-width: 992px) {
    .headerImage.noLink .wrapper header {
        float: left;
        width: 66.66667%
    }
}

@media(min-width: 992px) {
    .headerImage.noLink .wrapper header {
        margin-left: 16.66667%
    }
}

.fullWidth .headerImage.noLink .wrapper header {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 992px) {
    .fullWidth .headerImage.noLink .wrapper header {
        float: left;
        width: 66.66667%
    }
}

@media(min-width: 992px) {
    .fullWidth .headerImage.noLink .wrapper header {
        margin-left: 0
    }
}

.headerImage.noLink .wrapper header h2 {
    text-shadow: 0 0 1px rgba(0,0,0,0.9)
}

.headerImage.noLink .wrapper header p {
    text-shadow: 0 0 1px rgba(0,0,0,0.9)
}

.breaking {
    margin: 0 0 40px 0;
    display: block
}

    .breaking:first-child {
        margin: 40px 0 40px 0
    }

    .breaking:before, .breaking:after {
        content: " ";
        display: table
    }

    .breaking:after {
        clear: both
    }

    .breaking .article {
        background: #01689b;
        width: 100%;
        float: left;
        display: block;
        padding: 15px 15px 15px 15px
    }

        .breaking .article a {
            text-decoration: none;
            display: block;
            color: #fff
        }

            .breaking .article a:hover {
                text-decoration: none;
                color: #fff
            }

                .breaking .article a:hover h2 {
                    text-decoration: underline;
                    color: #fff
                }

                .breaking .article a:hover h3 {
                    color: #fff
                }

                .breaking .article a:hover p {
                    color: #fff
                }

            .breaking .article a h2 {
                width: 100%;
                float: left;
                font-size: 1.625em;
                line-height: 1.15384em;
                margin: 0 0 10px 0;
                font-weight: normal
            }

@media(min-width: 992px) {
    .breaking .article a h2 {
        font-size: 2em;
        line-height: 1.15em
    }
}

.breaking .article a p {
    color: #fff;
    line-height: 1.375em;
    font-size: 1em;
    padding: 10px 0 0 0;
    margin: 0
}

    .breaking .article a p.meta {
        color: #fff;
        font-size: .8em;
        line-height: 1.5em;
        padding: 10px 0 0 0
    }

    .breaking .article a p.copyright {
        color: #fff;
        margin-top: -43px;
        padding: 5px 0 0 10px
    }

.breaking .article .related {
    display: block;
    width: 100%;
    float: left;
    padding: 15px 0 0 0
}

    .breaking .article .related h3 {
        font-size: 1.125em;
        line-height: 1.22em;
        margin: 0;
        padding: 0;
        font-weight: normal
    }

    .breaking .article .related a {
        float: left;
        width: 100%;
        margin: 0
    }

        .breaking .article .related a:first-child {
            margin: 0 0 10px 0
        }

        .breaking .article .related a:last-child {
            padding-left: 0
        }

@media(min-width: 768px) {
    .breaking .article .related a:last-child {
        padding-left: 15px
    }
}

@media(min-width: 992px) {
    .breaking .article .related a:last-child {
        padding-left: 0
    }
}

.breaking .article .related p.meta {
    padding: 5px 0 0 0
}

@media(min-width: 768px) {
    .breaking .article {
        padding: 25px
    }

        .breaking .article .related {
            width: 100%;
            float: left
        }

            .breaking .article .related a {
                width: 50%
            }

                .breaking .article .related a:first-child {
                    margin: 0
                }
}

@media(min-width: 992px) {
    .breaking .article a {
        float: left;
        width: 66.6666%
    }

        .breaking .article a h2 {
            padding: 0 20px 0 0
        }

        .breaking .article a p {
            padding: 10px 20px 0 0
        }

            .breaking .article a p.meta {
                padding: 10px 0 5px 0
            }

            .breaking .article a p.copyright {
                color: #fff;
                padding: 5px 0 0 10px;
                margin-top: -33px
            }

    .breaking .article .related {
        width: 33.3333%;
        float: right;
        padding: 5px 0 0 25px
    }

        .breaking .article .related a {
            width: 100%
        }

            .breaking .article .related a:first-child {
                margin: 0 0 10px 0
            }
}

.breaking.visualnews .article .visual {
    width: 100%;
    float: left
}

    .breaking.visualnews .article .visual img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 10px
    }

.breaking.visualnews .article a h2 {
    padding: 0
}

.breaking.visualnews .article .related a {
    width: 100%;
    float: left
}

.breaking.visualnews .article .related p.meta {
    padding: 0
}

@media(min-width: 480px) {
    .breaking.visualnews .article {
        padding: 0
    }

        .breaking.visualnews .article .visual {
            width: 50%;
            min-height: 1px;
            float: left;
            padding: 0 15px 0 0
        }

        .breaking.visualnews .article a h2 {
            float: right;
            width: 50%;
            padding: 15px 15px 0 15px
        }

        .breaking.visualnews .article a p {
            padding: 10px 15px 0 15px;
            width: 50%;
            padding-left: 15px;
            padding-right: 15px;
            float: left
        }

            .breaking.visualnews .article a p.meta {
                width: 50%;
                float: right;
                padding: 10px 0 25px 15px
            }

            .breaking.visualnews .article a p.copyright {
                padding: 5px 0 0 10px
            }

        .breaking.visualnews .article .related a {
            float: left;
            width: 50%;
            padding: 5px 0 0 15px
        }

            .breaking.visualnews .article .related a h3 {
                padding-right: 15px
            }

            .breaking.visualnews .article .related a:first-child {
                margin: 0;
                padding-left: 25px
            }

        .breaking.visualnews .article .related p.meta {
            float: left;
            padding: 10px 0 15px 0
        }
}

@media(min-width: 992px) {
    .breaking.visualnews .article .visual {
        width: 33%;
        min-height: 1px;
        height: 100%;
        position: relative;
        float: left;
        padding: 0 15px 0 0
    }

        .breaking.visualnews .article .visual img {
            margin: 0
        }

    .breaking.visualnews .article a {
        width: auto;
        float: none;
        display: inline
    }

        .breaking.visualnews .article a h2 {
            width: 67%;
            padding-left: 15px;
            padding-top: 25px;
            padding-right: 25px;
            float: right
        }

        .breaking.visualnews .article a p {
            width: 66.66667%;
            padding-left: 15px;
            padding-right: 25px;
            float: left
        }

            .breaking.visualnews .article a p.meta {
                float: left;
                padding-left: 15px;
                padding-bottom: 25px
            }

    .breaking.visualnews .article .related {
        width: 67%;
        min-height: 1px;
        position: relative;
        float: right;
        padding: 0 0 20px 15px
    }

        .breaking.visualnews .article .related a {
            float: left;
            width: 50%;
            padding: 0;
            padding-left: 15px
        }

            .breaking.visualnews .article .related a:first-child {
                margin: 0;
                padding-left: 0
            }

        .breaking.visualnews .article .related p.meta {
            padding: 10px 0 10px 0
        }
}

.breaking:before, .breaking:after {
    content: " ";
    display: table
}

.breaking:after {
    clear: both
}

.map .spotlight.thumbnail {
    min-height: 100px
}

    .map .spotlight.thumbnail > a {
        text-decoration: none
    }

        .map .spotlight.thumbnail > a.external {
            background: 0
        }

        .map .spotlight.thumbnail > a h3 {
            text-decoration: underline
        }

            .map .spotlight.thumbnail > a h3 + p {
                text-decoration: none
            }

    .map .spotlight.thumbnail > h3 {
        margin-left: 20px;
        padding-left: 120px;
        font-weight: normal;
        margin-top: -0.3em
    }

        .map .spotlight.thumbnail > h3 + img {
            margin-left: 20px
        }

            .map .spotlight.thumbnail > h3 + img + p {
                margin-left: 20px;
                padding-left: 120px
            }

.js .map .spotlight.thumbnail {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0,0,0,0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

@media(min-width: 36em) {
    .map.two-columns {
        margin: 0
    }
}

.js .map {
    border: 1px solid #ccc;
    margin-bottom: 0 !important
}

    .js .map:focus {
        border-color: #3b7fc4
    }

.map {
    height: auto
}

.js .map {
    height: 500px;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px
}

.js.no-touchevents .map {
    margin-left: 0;
    margin-right: 0
}

.js .map table {
    display: none
}

.leaflet-map-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-pane, .leaflet-tile-container, .leaflet-overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane, .leaflet-overlay-pane svg, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden;
    -ms-touch-action: none
}

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none
}

.leaflet-marker-icon, .leaflet-marker-shadow {
    display: block
}

.leaflet-container img {
    max-width: none !important
}

    .leaflet-container img.leaflet-image-layer {
        max-width: 15000px !important
    }

.leaflet-tile {
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-tile-pane {
    z-index: 2
}

.leaflet-objects-pane {
    z-index: 3
}

.leaflet-overlay-pane {
    z-index: 4
}

.leaflet-shadow-pane {
    z-index: 5
}

.leaflet-marker-pane {
    z-index: 6
}

.leaflet-popup-pane {
    z-index: 7
}

.leaflet-control {
    position: relative;
    z-index: 7;
    pointer-events: auto
}

.leaflet-top, .leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 10px;
    lefgt: 3px
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,0.25,1);
    -moz-transition: -moz-transform .25s cubic-bezier(0,0,0.25,1);
    -o-transition: -o-transform .25s cubic-bezier(0,0,0.25,1);
    transition: transform .25s cubic-bezier(0,0,0.25,1)
}

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-clickable {
    cursor: pointer
}

.leaflet-container {
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.leaflet-popup-pane, .leaflet-control {
    cursor: auto
}

.leaflet-dragging, .leaflet-dragging .leaflet-clickable, .leaflet-dragging .leaflet-container {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

.leaflet-container {
    background: #ddd;
    outline: 0
}

    .leaflet-container a {
        color: #0078a8
    }

    .leaflet-container .leaflet-active {
        outline: 2px solid orange
    }

.leaflet-zoom-box {
    border: 2px dotted #05f;
    background: white;
    opacity: .5
}

.leaflet-container {
    font: 12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif
}

.leaflet-bar {
    box-shadow: 0 1px 7px rgba(0,0,0,0.65);
    -webkit-border-radius: 0;
    border-radius: 0
}

    .leaflet-bar a, .leaflet-bar a:hover {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        width: 26px;
        height: 26px;
        line-height: 26px;
        display: block;
        text-align: center;
        text-decoration: none;
        color: black
    }

    .leaflet-bar a, .leaflet-control-layers-toggle {
        background-repeat: no-repeat;
        display: block
    }

        .leaflet-bar a:hover {
            background-color: #f4f4f4
        }

        .leaflet-bar a:last-child {
            border-bottom: 0
        }

    .leaflet-bar .leaflet-disabled {
        cursor: default;
        background-color: #f4f4f4;
        color: #bbb
    }

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom: 0
}

.leaflet-control-zoom-in:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    text-indent: 0;
    position: absolute;
    left: 16px;
    top: 2px;
    text-align: center;
    font-size: 15px
}

.leaflet-control-zoom-out:before {
    font-weight: normal;
    font-family: "RO Icons";
    display: inline-block;
    vertical-align: middle;
    content: "";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    text-indent: 0;
    position: absolute;
    left: 16px;
    top: 41px;
    text-align: center;
    font-size: 15px
}

.leaflet-control-layers {
    box-shadow: 0 1px 7px rgba(0,0,0,0.4);
    background: #f8f8f9
}

.leaflet-control-layers-toggle {
    width: 36px;
    height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.leaflet-container .leaflet-control-attribution {
    background-color: #fff;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 0 5px #bbb;
    margin: 0
}

.leaflet-control-attribution, .leaflet-control-scale-line {
    padding: 0 5px;
    color: #333
}

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
    font-size: 11px
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-top .leaflet-control-scale {
    margin-top: 0
}

.leaflet-right .leaflet-control-scale {
    margin-right: 0
}

.leaflet-control-scale-line {
    border: 1px solid #777;
    border-top: 0;
    color: black;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.leaflet-top .leaflet-control-scale-line {
    border-top: 1px solid #777;
    border-bottom: 0
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: 0;
    margin-top: -2px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2)
}

    .leaflet-control-scale-line:not(:first-child):not(:last-child) {
        border-bottom: 2px solid #777
    }

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-control-zoom {
    box-shadow: none
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    background-clip: padding-box
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-control-zoom {
    border-color: #000;
    border: 4px solid rgba(0,0,0,0.3)
}

.leaflet-popup {
    position: absolute;
    text-align: center
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left
}

.leaflet-popup-content {
    margin: 15px 20px 15px 20px;
    line-height: 1.4
}

    .leaflet-popup-content p {
        margin: 15px 0
    }

.leaflet-popup-tip-container {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: white;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 4px 0 0;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma,Verdana,sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent
}

    .leaflet-container a.leaflet-popup-close-button:hover {
        color: #999
    }

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-popup-pane {
    z-index: 1001
}

.leaflet-popup-content a:focus {
    outline: 0;
    text-decoration: none
}

.leaflet-popup-content a, .leaflet-popup-content a p {
    display: block;
    text-decoration: none
}

    .leaflet-popup-content a h3 {
        text-decoration: underline
    }

.leaflet-popup-content h3 {
    font-weight: bold;
    margin-bottom: 8px
}

.leaflet-popup-content .content-image {
    float: left;
    clear: none;
    width: 32.5%;
    margin: .25em 2.5% 0 0
}

    .leaflet-popup-content .content-image img {
        width: 100%
    }

    .leaflet-popup-content .content-image .caption {
        margin: .6em 0 1.8em;
        float: none
    }

.leaflet-popup-content {
    overflow: hidden;
    position: relative
}

.leaflet-container a.leaflet-popup-close-button {
    font-size: 19px;
    line-height: 19px;
    font-weight: bold;
    width: 19px;
    height: 19px;
    color: #01689b
}

.leaflet-popup-content p {
    margin: 0;
    line-height: 1.5em;
    color: #000
}

.leaflet-popup-content img + p {
    float: right;
    width: 72%;
    max-width: 192px
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-control-zoom {
    border-color: #000;
    border: 0
}

@media(min-width: 36em) {
    .leaflet-popup-content p {
        max-width: 283px
    }
}

.leaflet-popup-content img {
    float: left;
    width: 24%;
    margin-right: 4%;
    margin-top: 5px
}

.leaflet-popup {
    margin-bottom: -90px
}

.leaflet-popup-tip-container {
    display: none
}

@media(min-width: 36em) {
    .leaflet-popup {
        margin-bottom: 0
    }

    .leaflet-popup-tip-container {
        display: block
    }
}

.leaflet-bar {
    padding-bottom: 40px;
    padding-top: 0;
    box-shadow: none
}

@media(min-width: 36em) {
    .leaflet-bar {
        padding-bottom: 0;
        padding-top: 0
    }
}

.leaflet-bar a, .leaflet-bar a:hover, .leaflet-bar a:visited {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 0;
    margin: 0 0 7px 7px;
    color: #fff;
    background-color: #01689b;
    color: #fff;
    border: 0;
    -webkit-font-smoothing: none;
    width: 32px;
    height: 32px;
    text-indent: -999px;
    overflow: hidden
}

.leaflet-left .leaflet-control {
    margin: 0
}

.leaflet-bar a, .leaflet-control-layers-toggle {
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar .leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-popup-content a.external {
    background: 0;
    padding-left: 0
}

    .leaflet-popup-content a.external:before {
        content: '';
        display: none
    }

    .leaflet-popup-content a.external h3 {
        padding-left: 14px
    }

        .leaflet-popup-content a.external h3:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            content: "";
            vertical-align: middle;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            color: #01689b;
            font-size: 10px;
            vertical-align: top;
            left: 0;
            top: 0
        }

@media print {
    .leaflet-container {
        orphans: 3;
        widows: 3;
        page-break-inside: avoid;
        page-break-before: always
    }

        .leaflet-container img {
            max-width: none !important
        }

    .leaflet-tile-container {
        page-break-inside: avoid;
        page-break-before: always
    }
}

.weblog + h1 {
    padding-left: 0;
    margin: 0
}

    .weblog + h1 + .article-meta {
        padding-left: 0;
        margin-bottom: 1.25em;
        margin-top: 0
    }

@media(min-width: 992px) {
    .weblog + h1 + .article-meta {
        margin-bottom: 1.8em
    }
}

.weblog + h1 + .subheading {
    margin: .2em 0
}

.superheading.weblog {
    margin-bottom: 5px
}

    .superheading.weblog + h1 {
        color: #000;
        margin: 0
    }

.actions {
    clear: both;
    margin: 40px 0 0;
    padding-top: 20px
}

    .actions:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: both
    }

    .actions .common li {
        display: block;
        float: right;
        margin: 0;
        padding: 0;
        text-align: right;
        width: 50%
    }

    .actions .common .previous {
        float: left;
        text-align: left
    }

    .actions .common a {
        width: 100%;
        display: block;
        position: relative;
        margin: 0 0 20px;
        font-size: .8rem;
        position: relative;
        display: block;
        padding-left: 20px;
        font-weight: bold;
        color: #01689b;
        font-size: 1.125rem;
        line-height: 1.625rem;
        text-decoration: none;
        width: auto
    }

        .actions .common a:visited {
            color: #01689b
        }

        .actions .common a:hover {
            color: #154273
        }

        .actions .common a:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin: 0 8px 0 0;
            font-size: 11px;
            position: absolute;
            left: 0;
            top: 0;
            line-height: inherit
        }

        .actions .common a:before {
            top: -6px;
            font-size: 8px
        }

@media(min-width: 992px) {
    .actions .common a:before {
        top: -10px;
        font-size: 9px
    }
}

@media(min-width: 1200px) {
    .actions .common a:before {
        top: -4px;
        font-size: 11px
    }
}

.actions .common a span {
    font-size: .8rem;
    line-height: 1.2rem;
    display: block
}

@media(min-width: 992px) {
    .actions .common a span {
        font-size: 1rem;
        line-height: 1.2rem
    }
}

@media(min-width: 1200px) {
    .actions .common a span {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.actions .common .next a {
    padding: 0 30px 0 0;
    font-size: .8rem;
    position: relative;
    display: block;
    padding-left: 20px;
    font-weight: bold;
    color: #01689b;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-decoration: none;
    width: auto
}

    .actions .common .next a:visited {
        color: #01689b
    }

    .actions .common .next a:hover {
        color: #154273
    }

    .actions .common .next a.external:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        content: "";
        vertical-align: middle;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: inherit;
        font-size: 10px;
        top: 0
    }

    .actions .common .next a:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 8px 0 0;
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 0;
        line-height: inherit
    }

    .actions .common .next a:before {
        top: -6px;
        right: 0;
        font-size: 8px
    }

@media(min-width: 992px) {
    .actions .common .next a:before {
        top: -10px;
        font-size: 9px
    }
}

@media(min-width: 1200px) {
    .actions .common .next a:before {
        top: -4px;
        font-size: 11px
    }
}

.actions .common a, .actions .common a:hover span.meta, .actions .common a:focus span.meta {
    text-decoration: none
}

    .actions .common a:hover span, .actions .common a:focus span {
        text-decoration: underline;
        color: #154273
    }

.actions .common span.meta {
    position: relative;
    font-weight: bold;
    top: -1.625em;
    margin: 0 0 -1.625em;
    text-decoration: none
}

@media print {
    .actions {
        display: none
    }

    .weblog + h1 + .article-meta {
        padding-left: 0
    }

    .common a.weblog {
        padding-left: 0
    }
}

@media(min-width: 992px) {
    .departments {
        margin-bottom: 0
    }
}

.overview .departments {
    padding-top: 20px
}

@media(min-width: 992px) {
    .overview .departments {
        padding-top: 40px
    }
}

.departments ul {
    margin-bottom: 0;
    margin-left: -20px
}

.departments li {
    display: block;
    float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0 0 0 20px;
    list-style: none
}

@media(min-width: 480px) {
    .departments li {
        margin-bottom: 30px;
        width: 50%
    }
}

@media(min-width: 768px) {
    .departments li {
        margin-bottom: 30px;
        width: 50%
    }
}

@media(min-width: 992px) {
    .departments li {
        margin-bottom: 30px;
        width: 50%
    }
}

.departments li:before {
    content: '';
    display: none
}

.departments li:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

.departments li h2 {
    padding-right: 0;
    font-size: 1.125em;
    font-weight: normal;
    line-height: 1.2222;
    clear: none;
    font-weight: normal;
    cursor: pointer
}

.departments li h2, .departments li .visual {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    border-top: 0
}

.departments a {
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 1.25em
}

@media(min-width: 992px) {
    .departments a {
        font-size: 1.3125em
    }
}

.departments a img {
    margin-bottom: 10px
}

.departments a p.copyright {
    color: #fff;
    font-size: .65em;
    margin-top: -40px
}

.departments a:hover h2, .departments a:focus h2 {
    text-decoration: underline;
    color: #154273
}

.departments li img {
    width: 100%
}

@media(min-width: 992px) {
    #main .departments .column h2 {
        margin: 0;
        padding: 0 0 0 10px;
        font-size: 1.5em
    }
}

@media print {
    .departments li {
        height: auto !important
    }

        .departments li:before {
            content: ''
        }
}

.statistics dt {
    width: auto;
    float: none
}

.statistics dd {
    float: none;
    margin-left: 0
}

@media(min-width: 768px) {
    .statistics dt {
        width: 14em;
        float: left
    }

    .statistics dd {
        float: left;
        margin-left: .9em
    }
}

.header .search {
    clear: both
}

    .header .search h2 {
        position: absolute;
        top: -100000px
    }

    .header .search p {
        min-height: 2em;
        position: relative;
        margin: 0 0 2em;
        padding: 0
    }

    .header .search fieldset {
        padding: 0;
        background: transparent
    }

    .header .search input {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: left;
        display: block;
        margin: 0 0 1em;
        border: 1px solid #f3f3f3;
        border-bottom: 2px solid #01689b;
        padding: 3px 3px 3px 1%;
        background: #FFF;
        font-size: 1.3125em;
        line-height: 1;
        line-height: 1.19;
        height: 1.19em;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .header .search button {
        display: block;
        margin: 0 10px 0 0;
        padding: 3px 15px;
        border-top: 1px solid #01689b;
        border-bottom: 2px solid #01689b;
        font-size: 1.3125em;
        line-height: 1;
        text-align: center;
        line-height: 1.19;
        height: 1.19em;
        cursor: pointer;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .header .search .formWrapper {
        background: 0;
        margin-bottom: 0;
        margin-right: 10px;
        overflow: inherit;
        padding-top: 0
    }

@media(min-width: 992px) {
    .header .search input {
        width: 16em;
        float: left;
        border-right: 0
    }

    .header .search button {
        width: auto;
        margin-right: 20px
    }

    .header .search a {
        padding-top: 2px
    }

    .header .search .formWrapper {
        margin-right: 0;
        overflow: hidden
    }
}

.reactions, .mourning {
    clear: both;
    margin: 0
}

    .reactions p, .mourning p {
        font-size: 1em
    }

    .reactions ul, .mourning ul {
        margin-bottom: 0;
        margin-left: 0;
        padding-left: 10px;
        background: #f3f3f3;
        display: block
    }

@media(min-width: 768px) {
    .reactions ul, .mourning ul {
        margin-left: 0;
        padding-left: 20px
    }
}

.reactions ul > li, .mourning ul > li {
    background: 0;
    padding: 1.5em 10px 1.5em 0;
    margin: 0;
    border-bottom: 2px solid #FFF;
    margin-right: 20px
}

    .reactions ul > li:before, .mourning ul > li:before {
        content: '';
        display: none
    }

    .reactions ul > li:last-child, .mourning ul > li:last-child {
        border-bottom: 0
    }

@media print {
    .reactions ul {
        padding-left: 0
    }
}

.timeline {
    background-color: #f3f3f3;
    padding: 15px 0 15px 60px;
    margin: 0 -15px 40px -15px;
    width: auto
}

@media(min-width: 768px) {
    .timeline {
        margin: 0 0 40px 0;
        padding: 15px 0 15px 70px;
        width: 100%
    }
}

.timeline h2 {
    margin: 0;
    font-size: 28px;
    color: #01689b;
    margin-left: -40px
}

    .timeline h2 span {
        display: block;
        line-height: 1.2em;
        font-size: .75em;
        font-weight: normal;
        color: #112
    }

.timeline .timelineToggle {
    border-left: solid 0 #01689b
}

    .timeline .timelineToggle:first-child {
        padding-bottom: 50px
    }

    .timeline .timelineToggle a {
        margin-left: -40px;
        position: relative;
        background-color: #f3f3f3;
        padding: 10px 0 15px 0;
        display: block;
        width: 100%;
        color: #fff;
        font-size: 1.2em;
        line-height: 1.4em;
        text-decoration: underline
    }

        .timeline .timelineToggle a:link {
            color: #01689b
        }

    .timeline .timelineToggle:first-child {
        padding-bottom: 0
    }

        .timeline .timelineToggle:first-child:after {
            content: " ";
            display: block;
            width: 100%;
            padding-bottom: 20px
        }

.timeline .timelineMajor {
    background-color: transparent;
    border-left: solid 2px #01689b;
    margin-left: -30px
}

    .timeline .timelineMajor:before, .timeline .timelineMajor:after {
        content: " ";
        display: table
    }

    .timeline .timelineMajor:after {
        clear: both
    }

    .timeline .timelineMajor .majorEvent:focus {
        outline: 2px solid #82befb;
        outline-offset: 2px
    }

    .timeline .timelineMajor .timelineMajorMarker {
        margin: 0 0 2px 0;
        padding: 0;
        width: 100%;
        display: block;
        font-size: 1.5em;
        background-color: transparent
    }

        .timeline .timelineMajor .timelineMajorMarker a {
            display: block;
            position: relative;
            color: #01689b;
            text-decoration: none;
            font-weight: bold;
            padding: 23px 35px 15px 35px;
            margin: 0
        }

.js .timeline .timelineMajor .timelineMajorMarker a:hover {
    text-decoration: none;
    cursor: pointer
}

.js .timeline .timelineMajor .timelineMajorMarker a:before {
    background-color: #fff;
    content: "";
    font-family: "RO Icons";
    color: #01689b;
    font-size: 20px;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    height: 40px;
    position: absolute;
    width: 40px;
    top: 15px;
    left: -22px;
    margin-right: 40px;
    border-radius: 100%;
    border: solid 4px #01689b;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media(min-width: 1200px) {
    .js .timeline .timelineMajor .timelineMajorMarker a:before {
        top: 18px
    }
}

.js .timeline .timelineMajor .timelineMajorMarker a span {
    text-decoration: none;
    font-weight: bold;
    color: #01689b;
    font-size: 28px
}

    .js .timeline .timelineMajor .timelineMajorMarker a span:hover {
        text-decoration: underline
    }

.js .timeline .timelineMajor.open .timelineMajorMarker a:before {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@-moz-document url-prefix() {
    .js .timeline .timelineMajor.open .timelineMajorMarker a:before {
        padding: 5px
    }
}

.timeline .timelineMajor .timelineMajorIntro {
    font-size: 1.2em;
    display: block;
    line-height: 1.4em;
    margin-top: 0;
    border-top: solid 2px #f3f3f3
}

.js .timeline .timelineMajor .timelineMajorIntro {
    height: 0;
    padding: 0;
    visibility: hidden;
    overflow: hidden
}

.timeline .timelineMajor .timelineMinor {
    display: block;
    margin-left: -30px
}

.js .timeline .timelineMajor .timelineMinor {
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.timeline .timelineMajor .timelineMinor .timelineEventHead {
    position: relative;
    padding: 15px 15px 0 15px
}

    .timeline .timelineMajor .timelineMinor .timelineEventHead:before {
        border-top: solid 3px #fff;
        width: 100%;
        margin-left: 50px;
        content: " ";
        display: block;
        padding-bottom: 20px
    }

@media(min-width: 768px) {
    .timeline .timelineMajor .timelineMinor .timelineEventHead:before {
        margin-left: 30px
    }
}

@media(min-width: 992px) {
    .timeline .timelineMajor .timelineMinor .timelineEventHead:before {
        width: 103%;
        margin-left: 11px
    }
}

.timeline .timelineMajor .timelineMinor .timelineEventHead:before, .timeline .timelineMajor .timelineMinor .timelineEventHead:after {
    content: " ";
    display: table
}

.timeline .timelineMajor .timelineMinor .timelineEventHead:after {
    clear: both
}

@media(min-width: 768px) {
    .timeline .timelineMajor .timelineMinor .timelineEventHead {
        padding-left: 35px
    }
}

@media(min-width: 992px) {
    .timeline .timelineMajor .timelineMinor .timelineEventHead {
        padding-left: 55px
    }
}

.js .timeline .timelineMajor .timelineMinor .timelineEventHead {
    background-color: transparent
}

.timeline .timelineMajor .timelineMinor .timelineEventHead a {
    position: relative;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    margin-left: 0;
    padding-left: 50px;
    background-color: transparent
}

    .timeline .timelineMajor .timelineMinor .timelineEventHead a:before {
        background-color: #01689b;
        content: "";
        font-family: "RO Icons";
        color: #fff;
        font-size: 10px;
        text-align: center;
        height: 26px;
        line-height: 26px;
        position: absolute;
        width: 26px;
        top: 3px;
        left: 0;
        z-index: 1;
        border-radius: 100%;
        -moz-transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
        transition: all .2s ease;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

@media(min-width: 768px) {
    .timeline .timelineMajor .timelineMinor .timelineEventHead a {
        margin-left: -20px
    }
}

@media(min-width: 992px) {
    .timeline .timelineMajor .timelineMinor .timelineEventHead a {
        margin-left: -40px
    }
}

.timeline .timelineMajor .timelineMinor .timelineEventHead a:hover {
    cursor: pointer
}

.timeline .timelineMajor .timelineMinor .timelineEventHead a h3 {
    margin-left: 0;
    color: #01689b
}

    .timeline .timelineMajor .timelineMinor .timelineEventHead a h3:hover {
        cursor: pointer;
        text-decoration: underline
    }

.timeline .timelineMajor .timelineMinor .timelineEventHead h3 {
    color: #000;
    font-size: 1.66666em;
    width: 74%;
    margin-left: 50px;
    font-weight: bold;
    float: left
}

@media(min-width: 768px) {
    .timeline .timelineMajor .timelineMinor .timelineEventHead h3 {
        margin-left: 30px
    }
}

@media(min-width: 992px) {
    .timeline .timelineMajor .timelineMinor .timelineEventHead h3 {
        margin-left: 10px
    }
}

.timeline .timelineMajor .timelineMinor .timelineEventHead h3 span:first-child {
    font-size: 24px;
    display: block;
    font-weight: bold
}

.timeline .timelineMajor .timelineMinor .timelineEventHead h3 span {
    font-size: .75em;
    line-height: 1.3em;
    font-weight: normal;
    display: block
}

.timeline .timelineMajor .timelineMinor .timelineEventHead .thumb {
    display: none;
    max-width: 17.5%;
    float: right;
    margin-right: 40px
}

@media(min-width: 768px) {
    .timeline .timelineMajor .timelineMinor .timelineEventHead .thumb {
        display: block
    }
}

.timeline .timelineMajor .timelineMinor .timelineEventHead .thumb p.copyright {
    position: absolute;
    bottom: -6px;
    padding-left: 5px
}

.timeline .timelineMajor .timelineMinor .timelineEvent {
    margin: 0 2px 0 2px;
    padding: 0 15px 0 65px;
    overflow: hidden;
    width: auto;
    display: block
}

@media(min-width: 768px) {
    .timeline .timelineMajor .timelineMinor .timelineEvent {
        padding: 0 4px 0 65px
    }
}

@media(min-width: 992px) {
    .timeline .timelineMajor .timelineMinor .timelineEvent {
        padding: 0 15px 0 65px
    }
}

.timeline .timelineMajor .timelineMinor .timelineEvent:before, .timeline .timelineMajor .timelineMinor .timelineEvent:after {
    content: " ";
    display: table
}

.timeline .timelineMajor .timelineMinor .timelineEvent:after {
    clear: both
}

.timeline .timelineMajor .timelineMinor .timelineEvent:focus {
    outline: 2px solid #82befb;
    outline-offset: -2px
}

.js .timeline .timelineMajor .timelineMinor .timelineEvent {
    visibility: hidden;
    height: 0
}

.timeline .timelineMajor .timelineMinor .timelineEvent .media {
    display: none;
    float: right;
    margin: 10px 0 10px 20px
}

@media(min-width: 768px) {
    .timeline .timelineMajor .timelineMinor .timelineEvent .media {
        display: block
    }
}

.timeline .timelineMajor .timelineMinor .timelineEvent .media img {
    margin: 0;
    width: 100%;
    max-width: 230px
}

.timeline .timelineMajor .timelineMinor .timelineEvent .media p.copyright {
    position: relative;
    margin-bottom: 0;
    padding: 1px 0 0 0;
    text-shadow: none;
    color: #000;
    max-width: 220px
}

.timeline .timelineMajor .timelineMinor .timelineEvent .media p.cite {
    font-size: .8em;
    max-width: 220px
}

.timeline .timelineMajor .timelineMinor .timelineEvent .scrollcontainer {
    clear: both
}

.timeline .timelineMajor .timelineMinor .timelineEvent .block-audio-video {
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%
}

    .timeline .timelineMajor .timelineMinor .timelineEvent .block-audio-video .collapsiblePanels {
        border-bottom: 1px solid #fff
    }

.timeline .timelineMajor .timelineMinor.open .timelineEventHead {
    background-color: transparent
}

    .timeline .timelineMajor .timelineMinor.open .timelineEventHead a:after {
        transform: rotate(90deg)
    }

.timeline .timelineMajor .timelineMinor.open .timelineEvent {
    height: auto;
    visibility: visible
}

.timeline .timelineMajor .timelineMinor.open .thumb {
    display: none
}

.timeline .timelineMajor.open .timelineMajorMarker {
    background-color: transparent;
    border-bottom: solid 0 #f3f3f3
}

.timeline .timelineMajor.open .timelineMinor {
    height: auto;
    visibility: visible
}

.timeline .timelineMajor.open .timelineMajorIntro {
    height: auto;
    visibility: visible;
    padding: 0 55px 20px 35px
}

@media(min-width: 992px) {
    .timeline .timelineMajor.open .timelineMajorIntro {
        margin-top: -10px
    }
}

.timeline .timelineMajor.open .timelineMinor.open .timelineEventHead a:before {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

#source-list .list h2 {
    margin: 0;
    color: #000;
    height: auto;
    padding-left: 15px;
    font-size: 3.5em;
    line-height: 1.5;
    border-top: 0;
    clear: left;
    background-image: none;
    cursor: default
}

#source-list ul {
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 992px) {
    #source-list ul {
        float: left;
        width: 33.33333%
    }
}

.overviewform {
    display: none;
    width: 100%;
    margin-left: 0
}

    .overviewform fieldset {
        padding-left: 0
    }

        .overviewform fieldset div {
            margin-bottom: 1.2em
        }

        .overviewform fieldset .field {
            margin: 0
        }

@media(min-width: 992px) {
    .js .overviewform {
        display: block
    }
}

.contactdetail {
    margin-bottom: 20px
}

    .contactdetail dl {
        margin: 0 0 .8125em 0
    }

        .contactdetail dl dt {
            float: left;
            text-align: left;
            font-weight: normal;
            clear: left;
            width: 100%
        }

@media(min-width: 480px) {
    .contactdetail dl dt {
        width: 8em;
        margin-right: -10em
    }
}

.contactdetail dl dt:after {
    content: ': '
}

.contactdetail dl dd {
    clear: left;
    float: none;
    display: block;
    margin: 0;
    box-sizing: border-box
}

@media(min-width: 480px) {
    .contactdetail dl dd {
        clear: none;
        padding-left: 8em
    }
}

.contactdetail dl:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left
}

.contactdetail ul {
    display: block
}

.contactdetail li {
    background: 0;
    padding-left: 0;
    margin: 0
}

    .contactdetail li:before {
        content: '';
        display: none
    }

.contactdetail pre {
    font-family: "RO Sans",Calibri,sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.625;
    margin-top: 0;
    white-space: normal;
    overflow: auto;
    background-color: transparent;
    border: 0;
    padding: 0
}

:lang(zh-Hans) .contactdetail pre {
    font-family: Calibri,"MicrosoftYaHeiNew","MicrosoftYahei","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif
}

:lang(jp) .contactdetail pre {
    font-family: Calibri,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

:lang(ru) .contactdetail pre {
    font-family: Calibri,Arial,sans-serif
}

:lang(ar) .contactdetail pre {
    font-family: Calibri,Arial,sans-serif
}

@media print {
    .contactdetail li:before {
        content: ""
    }
}

.contactpersons ul {
    margin-bottom: 15px
}

    .contactpersons ul li:first-child {
        font-weight: bold
    }

.twitterfeed h2 a {
    display: inline
}

.twitterfeed ul {
    display: block;
    margin: 0 0 30px 0
}

    .twitterfeed ul li {
        display: block;
        position: relative;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0
    }

        .twitterfeed ul li:before {
            content: '';
            display: none
        }

        .twitterfeed ul li p {
            line-height: 1.25em
        }

        .twitterfeed ul li a {
            display: inline
        }

        .twitterfeed ul li .tweetaccount {
            position: relative;
            margin: 0 0 10px 0;
            min-height: 36px
        }

            .twitterfeed ul li .tweetaccount .tweetavatar {
                position: absolute;
                left: 0;
                top: 0;
                width: 36px;
                height: 36px
            }

            .twitterfeed ul li .tweetaccount .tweetdisplayname {
                display: inline-block;
                font-weight: bold;
                font-size: 1em;
                line-height: 1em;
                margin: 0 0 1.1em 44px;
                vertical-align: top
            }

            .twitterfeed ul li .tweetaccount .tweetname {
                position: absolute;
                font-size: .8125em;
                line-height: 1em;
                left: 44px;
                bottom: 3px;
                color: #767676
            }

        .twitterfeed ul li .retweetnotice {
            color: #767676;
            font-size: .75em;
            padding: 0 0 0 20px
        }

            .twitterfeed ul li .retweetnotice:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                content: "";
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 14px;
                line-height: 14px;
                color: #697882;
                margin: -2px 5px 0 -18px
            }

        .twitterfeed ul li .tweetage {
            position: absolute;
            left: 0;
            bottom: 0;
            color: #767676;
            font-size: .8125em;
            line-height: 1em
        }

        .twitterfeed ul li .tweetactions {
            position: absolute;
            right: 0;
            bottom: 0;
            height: 16px
        }

@media(min-width: 992px) {
    .twitterfeed ul li .tweetactions {
        bottom: 2px
    }
}

.twitterfeed ul li .tweetactions a {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    color: transparent;
    margin: 0 0 0 3px
}

    .twitterfeed ul li .tweetactions a.reply:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 14px;
        margin-top: -16px;
        color: #697882
    }

    .twitterfeed ul li .tweetactions a.reply:hover:before {
        opacity: .8
    }

    .twitterfeed ul li .tweetactions a.retweet:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 14px;
        margin-top: -16px;
        color: #697882
    }

    .twitterfeed ul li .tweetactions a.retweet:hover:before {
        opacity: .8
    }

    .twitterfeed ul li .tweetactions a.favorite:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 14px;
        margin-top: -16px;
        color: #697882
    }

    .twitterfeed ul li .tweetactions a.favorite:hover:before {
        opacity: .8
    }

.twitterfeed a.tweetfollowbtn {
    position: relative;
    display: inline-block;
    line-height: 1em;
    padding: 6px 8px 6px 6px;
    border: 1px solid #ccc;
    font-size: 11px;
    color: #333;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    font-weight: bold;
    background-color: #f8f8f8;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
    background: -moz-linear-gradient(top,#fff,#dedede);
    background: -o-linear-gradient(top,#fff,#dedede);
    background: -ms-linear-gradient(top,#fff,#dedede);
    border: #CCC solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden
}

    .twitterfeed a.tweetfollowbtn:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #55acee;
        margin: -1px 5px 0 0;
        font-size: 13px;
        line-height: 13px
    }

    .twitterfeed a.tweetfollowbtn:hover {
        text-decoration: none;
        border-color: #BBB;
        background-color: #f8f8f8;
        background: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#d9d9d9));
        background: -moz-linear-gradient(top,#f8f8f8,#d9d9d9);
        background: -o-linear-gradient(top,#f8f8f8,#d9d9d9);
        background: -ms-linear-gradient(top,#f8f8f8,#d9d9d9);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

.twitter-tweet {
    display: block;
    position: relative;
    padding: 15px 0 15px 15px;
    border-left: 3px solid #01689b;
    font-family: "RO Serif",Serif;
    margin-bottom: 15px
}

    .twitter-tweet .tweet-author {
        position: relative;
        max-width: 800px;
        height: 35px
    }

        .twitter-tweet .tweet-author p {
            margin: 0;
            font-size: .8em
        }

@media(min-width: 480px) {
    .twitter-tweet .tweet-author p {
        font-size: 1em
    }
}

@media(min-width: 480px) {
    .twitter-tweet .tweet-author {
        height: 45px
    }
}

@media(min-width: 768px) {
    .twitter-tweet .tweet-author {
        height: 65px
    }
}

.twitter-tweet .tweet-author .tweet-author-avatar {
    float: left;
    height: 35px;
    width: 35px;
    background: #01689b;
    margin-right: 15px
}

    .twitter-tweet .tweet-author .tweet-author-avatar img {
        height: 35px;
        width: 35px
    }

@media(min-width: 480px) {
    .twitter-tweet .tweet-author .tweet-author-avatar {
        height: 45px;
        width: 45px
    }

        .twitter-tweet .tweet-author .tweet-author-avatar img {
            height: 45px;
            width: 45px
        }
}

@media(min-width: 768px) {
    .twitter-tweet .tweet-author .tweet-author-avatar {
        height: 65px;
        width: 65px
    }

        .twitter-tweet .tweet-author .tweet-author-avatar img {
            height: 65px;
            width: 65px
        }
}

.twitter-tweet .tweet-author .tweet-author-name {
    float: left;
    position: relative;
    height: 35px
}

@media(min-width: 480px) {
    .twitter-tweet .tweet-author .tweet-author-name {
        height: 45px
    }
}

@media(min-width: 768px) {
    .twitter-tweet .tweet-author .tweet-author-name {
        height: 65px
    }
}

.twitter-tweet .tweet-author .tweet-author-name .tweet-author-username h3 {
    font-size: 1.1em
}

@media(min-width: 480px) {
    .twitter-tweet .tweet-author .tweet-author-name .tweet-author-username h3 {
        font-size: 1.3em
    }
}

@media(min-width: 768px) {
    .twitter-tweet .tweet-author .tweet-author-name .tweet-author-username h3 {
        font-size: 1.4em;
        margin-top: 10px
    }
}

.twitter-tweet .tweet-author .tweet-author-name .tweet-author-screenname {
    position: absolute;
    bottom: 0
}

    .twitter-tweet .tweet-author .tweet-author-name .tweet-author-screenname a:visited {
        color: #01689b
    }

.twitter-tweet .tweet-author .twitter-logo {
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px
}

@media(min-width: 480px) {
    .twitter-tweet .tweet-author .twitter-logo {
        width: 35px;
        height: 35px
    }
}

.twitter-tweet .tweet-meta {
    position: relative;
    float: left;
    width: 100%;
    max-width: 800px
}

    .twitter-tweet .tweet-meta .tweet-text {
        clear: both;
        width: 100%;
        padding-top: 15px
    }

    .twitter-tweet .tweet-meta .tweet-image {
        position: relative;
        display: block;
        width: 100%;
        max-width: 800px;
        float: left;
        padding-bottom: 15px
    }

        .twitter-tweet .tweet-meta .tweet-image .image:only-child {
            position: relative;
            width: 100%
        }

        .twitter-tweet .tweet-meta .tweet-image :first-child {
            position: relative;
            width: 100%
        }

        .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(2) ~ .image, .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(2) {
            position: relative;
            float: left;
            width: 50%;
            padding-bottom: 50%;
            overflow: hidden;
            border-right: 1px solid #fff;
            background-color: #cbd2e3
        }

            .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(2) ~ .image a, .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(2) ~ .image img, .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(2) a, .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(2) img {
                position: absolute;
                left: 50%;
                top: 50%;
                height: 100%;
                width: auto;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                max-width: 800px
            }

        .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(2n+1) ~ .image {
            position: relative;
            float: left;
            width: 50%;
            padding-bottom: 50%;
            overflow: hidden;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            border-top: 1px solid #fff;
            background-color: #cbd2e3
        }

            .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(2n+1) ~ .image a, .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(2n+1) ~ .image img {
                position: absolute;
                left: 50%;
                top: 50%;
                height: 100%;
                width: auto;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                max-width: 800px
            }

        .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(4) ~ .image, .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(4) {
            position: relative;
            float: left;
            width: 50%;
            padding-bottom: 50%;
            overflow: hidden;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            background-color: #cbd2e3
        }

            .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(4) ~ .image a, .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(4) ~ .image img, .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(4) a, .twitter-tweet .tweet-meta .tweet-image .image:first-child:nth-last-child(4) img {
                position: absolute;
                left: 50%;
                top: 50%;
                height: 100%;
                width: auto;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                max-width: 800px
            }

        .twitter-tweet .tweet-meta .tweet-image .twitter-video-rendered {
            margin: 0 !important;
            min-width: 0 !important
        }

.twitter-tweet .tweet-action {
    clear: both;
    max-width: 800px
}

    .twitter-tweet .tweet-action ul.tweet-action-buttons {
        clear: both;
        list-style-type: none;
        margin: 0
    }

        .twitter-tweet .tweet-action ul.tweet-action-buttons li {
            margin: 0;
            padding: 0;
            background: 0;
            float: left;
            padding-right: 15px;
            color: #666
        }

            .twitter-tweet .tweet-action ul.tweet-action-buttons li:before {
                content: '';
                display: none
            }

            .twitter-tweet .tweet-action ul.tweet-action-buttons li a {
                color: #666;
                text-decoration: none;
                display: block
            }

                .twitter-tweet .tweet-action ul.tweet-action-buttons li a.reply {
                    display: block;
                    width: 22px;
                    height: 22px;
                    overflow: hidden
                }

                    .twitter-tweet .tweet-action ul.tweet-action-buttons li a.reply:before {
                        font-weight: normal;
                        font-family: "RO Icons";
                        display: inline-block;
                        vertical-align: middle;
                        content: "";
                        speak: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        font-size: 1.4em;
                        margin-top: -7px;
                        color: #697882
                    }

                    .twitter-tweet .tweet-action ul.tweet-action-buttons li a.reply:hover:before, .twitter-tweet .tweet-action ul.tweet-action-buttons li a.reply :active:before {
                        color: #1da0f1
                    }

                .twitter-tweet .tweet-action ul.tweet-action-buttons li a.retweet {
                    display: block
                }

                    .twitter-tweet .tweet-action ul.tweet-action-buttons li a.retweet:before {
                        font-weight: normal;
                        font-family: "RO Icons";
                        display: inline-block;
                        vertical-align: middle;
                        content: "";
                        speak: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        font-size: 1.4em;
                        margin-top: -6px;
                        color: #697882;
                        margin-right: 5px
                    }

                    .twitter-tweet .tweet-action ul.tweet-action-buttons li a.retweet:hover {
                        color: #19cf86
                    }

                        .twitter-tweet .tweet-action ul.tweet-action-buttons li a.retweet:hover:before {
                            color: #19cf86
                        }

                .twitter-tweet .tweet-action ul.tweet-action-buttons li a.heart {
                    display: block
                }

                    .twitter-tweet .tweet-action ul.tweet-action-buttons li a.heart:before {
                        font-weight: normal;
                        font-family: "RO Icons";
                        display: inline-block;
                        vertical-align: middle;
                        content: "";
                        speak: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        font-size: 1.2em;
                        margin-top: -6px;
                        color: #697882;
                        margin-right: 0
                    }

                    .twitter-tweet .tweet-action ul.tweet-action-buttons li a.heart:hover {
                        color: #e81c4f
                    }

                        .twitter-tweet .tweet-action ul.tweet-action-buttons li a.heart:hover:before {
                            color: #e81c4f
                        }

    .twitter-tweet .tweet-action .tweet-date p {
        color: #666
    }

    .twitter-tweet .tweet-action .tweet-location p {
        color: #666;
        line-height: inherit
    }

        .twitter-tweet .tweet-action .tweet-location p:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #697882;
            margin-right: 5px;
            font-size: .8em;
            margin-top: -5px
        }

    .twitter-tweet .tweet-action .follow-btn {
        float: left;
        border-radius: 4px;
        text-decoration: none;
        margin: 1em 20px 0 0;
        padding: .3em 10px .4em 35px;
        padding-bottom: .4em;
        border: 0;
        background-color: #01689b;
        color: #fff;
        font-size: 1em;
        cursor: pointer
    }

        .twitter-tweet .tweet-action .follow-btn:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.1em;
            margin-left: -26px;
            margin-right: 10px;
            color: #fff
        }

@media(min-width: 768px) {
    .twitter-tweet .tweet-action .follow-btn {
        padding: .3em 10px .4em 35px
    }
}

@media(min-width: 480px) {
    .twitter-tweet {
        max-width: 500px;
        width: 75%;
        margin-left: 25px;
        margin-bottom: 45px;
        margin-top: 45px
    }
}

.hchart ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

.hchart a {
    color: #01689b;
    text-decoration: none
}

    .hchart a:hover, .hchart a:active {
        text-decoration: underline
    }

.hchart .label {
    z-index: 1 !important
}

.hchart .highcharts-tooltip span {
    z-index: 9999 !important
}

.hchart .tooltip {
    padding: 5px
}

.hchart .innerTooltip {
    z-index: 9999 !important;
    background-color: #fff;
    padding: 8px 10px 4px 10px;
    margin: 4px 0 2px 1px
}

.hchart .descriptionText, .hchart .description {
    background: transparent
}

    .hchart .descriptionText a, .hchart .description a {
        display: inline-block
    }

    .hchart .descriptionText p, .hchart .description p {
        padding: 0 0 20px 10px
    }

.hchart .source {
    display: block;
    text-align: left;
    font-size: .8125em;
    color: #535353;
    margin: 0 0 10px 0
}

.hchart text tspan {
    cursor: default
}

.hchart .graph {
    margin-bottom: 20px;
    height: auto;
    width: 100%
}

.hchart .graphImg {
    margin: 8px 0 20px 0;
    width: 100%
}

    .hchart .graphImg h1 {
        text-align: center;
        font-size: 1.125em;
        line-height: 1.3em;
        display: block;
        margin: 0
    }

        .hchart .graphImg h1 span {
            display: block;
            font-size: .7777em;
            color: #535353
        }

    .hchart .graphImg .source {
        display: block;
        text-align: right;
        font-size: .8125em;
        color: #535353
    }

.hchart .dataSet {
    display: block;
    overflow: auto
}

    .hchart .dataSet table {
        margin-left: 0;
        width: 100%
    }

        .hchart .dataSet table caption {
            padding: 0;
            margin: 0 0 .6em 0
        }

            .hchart .dataSet table caption .title {
                color: #000;
                display: block;
                font-size: 1.125em;
                line-height: 1.3em;
                font-weight: bold;
                margin: 0 0 .2em 0
            }

            .hchart .dataSet table caption .subtitle {
                display: block;
                font-size: .875em;
                color: #535353
            }

        .hchart .dataSet table td {
            text-align: right;
            width: auto
        }

        .hchart .dataSet table th {
            width: auto;
            text-align: right
        }

            .hchart .dataSet table th:first-child {
                text-align: left
            }

.js .hchart .metadata, .js .hchart .downloadDataset {
    display: none
}

.js .hchart .dataSet {
    display: none
}

    .js .hchart .dataSet.current {
        display: block
    }

.js .hchart .downloads li {
    display: none
}

    .js .hchart .downloads li.current, .js .hchart .downloads li.panelDownloadLink {
        display: block
    }

.js .hchart .metaPanel {
    display: none
}

.js .hchart[data-type="table"] .collapsiblePanels .panel .panelContent {
    display: block !important
}

    .js .hchart[data-type="table"] .collapsiblePanels .panel .panelContent .dataSet {
        display: block
    }

@media print {
    .block.hmap .toggleOptions li:before {
        content: ''
    }
}

.hmap ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

.hmap a {
    color: #01689b;
    text-decoration: none
}

    .hmap a:hover, .hmap a:active {
        text-decoration: underline
    }

.hmap .descriptionText, .hmap .description {
    background: transparent
}

    .hmap .descriptionText a, .hmap .description a {
        display: inline-block
    }

    .hmap .descriptionText p, .hmap .description p {
        padding: 0 0 20px 10px
    }

.hmap .label {
    z-index: 1 !important
}

.hmap .highcharts-tooltip span {
    z-index: 9999 !important
}

.hmap .tooltip {
    padding: 5px
}

.hmap .innerTooltip {
    z-index: 9999 !important;
    margin-top: 7px;
    margin-left: 3px;
    margin-right: 3px
}

.hmap .mapAreaDark {
    color: #01689b
}

.hmap .mapAreaLight {
    color: #d9f2ff
}

.hmap .mapAreaHover {
    color: #f3f3f3
}

.hmap .source {
    display: block;
    text-align: left;
    font-size: .8125em;
    color: #535353;
    margin: 0 0 10px 0
}

.hmap .thematicmap {
    margin-bottom: 20px;
    height: auto;
    width: 100%
}

.hmap .dataSet {
    display: block;
    padding: 0 20px 10px 20px;
    overflow: auto
}

    .hmap .dataSet table {
        margin-left: 0;
        width: auto
    }

        .hmap .dataSet table caption {
            padding: 0;
            margin-bottom: .6em
        }

            .hmap .dataSet table caption .title {
                color: #000;
                display: block;
                font-size: 1.125em;
                line-height: 1.3em;
                font-weight: bold;
                margin: 0 0 .2em 0
            }

            .hmap .dataSet table caption .subtitle {
                display: block;
                font-size: .875em;
                color: #535353
            }

        .hmap .dataSet table td {
            text-align: right;
            width: auto
        }

        .hmap .dataSet table th {
            width: auto;
            text-align: right
        }

            .hmap .dataSet table th:first-child {
                text-align: left
            }

.js .hmap .metadata, .js .hmap .downloadDataset {
    display: none
}

.js .hmap .dataSet {
    display: none
}

    .js .hmap .dataSet.current {
        display: block
    }

.js .hmap .downloads li {
    display: none
}

    .js .hmap .downloads li.current, .js .hmap .downloads li.panelDownloadLink {
        display: block
    }

.js .hmap .metaPanel {
    display: none
}

.touchevents.js .choose-xl .summary, .touchevents.js .choose-xl #topic-search {
    display: none
}

.choose-xl .summary, .choose-xl #topic-search {
    display: none
}

.js .choose-xl .summary, .js .choose-xl #topic-search {
    display: block
}

.choose-xl .formWrapper {
    padding-left: 0;
    background: transparent
}

.choose-xl label {
    position: absolute;
    top: -100000px
}

.js .choose-xl select {
    z-index: 0
}

.choose-xl select {
    z-index: 0;
    position: relative;
    width: 65%;
    float: left;
    margin-right: 10px
}

.choose-xl h2 {
    margin: 1em 0 .15em;
    color: #767676;
    font-size: 1.25em;
    line-height: 1.3em
}

@media(min-width: 768px) {
    .choose-xl h2 {
        font-size: 1.3125em;
        line-height: 1.5238
    }
}

.choose-xl p {
    min-height: 2em;
    position: relative;
    margin: .5em 0 2em;
    padding: 0
}

.choose-xl input {
    width: 100%;
    float: left;
    display: block;
    border: 0;
    border-bottom: 2px solid #01689b;
    padding: 0;
    background: #fff;
    font-size: 1.3125em;
    line-height: 1;
    line-height: 1.66em;
    height: 1.66em
}

    .choose-xl input.ui-autocomplete-input {
        margin-bottom: 0;
        padding-left: 1%;
        width: 80%
    }

@media(min-width: 768px) {
    .choose-xl input.ui-autocomplete-input {
        width: 20em
    }
}

.choose-xl input[type=text]::-ms-clear {
    display: none
}

.choose-xl button {
    position: absolute;
    right: 20px;
    float: none;
    display: block;
    padding: 0;
    border: 0;
    margin: 0;
    padding: 0 15px 0 15px;
    font-size: 1.3125em;
    line-height: 1;
    text-align: center;
    line-height: 1.66em;
    height: 1.66em;
    cursor: pointer
}

@media(min-width: 480px) {
    .choose-xl button {
        position: relative
    }
}

@media(min-width: 768px) {
    .choose-xl button {
        right: 0
    }
}

.article .form.choose-xl form {
    margin-left: 0
}

    .article .form.choose-xl form .formWrapper {
        padding-left: 20px
    }

.ui-autocomplete {
    position: absolute;
    max-height: 150px;
    overflow: auto;
    margin-top: 0;
    border-top: 0;
    background-color: #e6e6e6;
    border-bottom: 2px solid #01689b;
    z-index: 99
}

.choose-xl .ui-autocomplete {
    margin-left: 10px
}

.ui-autocomplete li {
    margin: 0;
    padding: 0;
    background-image: none;
    background-color: #FFF;
    border-top: 1px solid #d7d7d7;
    display: block;
    padding: .2em 4px;
    cursor: pointer
}

    .ui-autocomplete li:before {
        content: '';
        display: none
    }

    .ui-autocomplete li:hover, .ui-autocomplete li a:focus, .ui-autocomplete li.ui-state-focus, .ui-autocomplete li a.ui-state-hover {
        background-color: #cce0f1;
        color: #000
    }

    .ui-autocomplete li a {
        display: block;
        padding: .2em 4px;
        cursor: pointer
    }

.choose-xl .ui-autocomplete li a {
    padding: .3em 6px
}

.js .ui-autocomplete {
    top: auto
}

.poll {
    margin-bottom: 40px
}

    .poll h2 {
        border-top: 0
    }

.article .poll .formWrapper {
    padding: 1.2em 10px 0 10px
}

@media(min-width: 992px) {
    .article .poll .formWrapper {
        padding: 1.2em 20px 0 20px
    }
}

.article .poll label {
    margin-bottom: 0;
    padding: 5px 10px 5px 30px
}

    .article .poll label:hover {
        background-color: #01689b;
        color: #fff
    }

    .article .poll label.check {
        background-color: #01689b;
        color: #fff
    }

.poll label {
    display: block;
    background: transparent;
    float: none;
    clear: both;
    position: relative;
    cursor: pointer
}

    .poll label input[type="radio"] {
        position: absolute;
        left: 5px;
        top: 5px;
        background-color: transparent;
        border-color: transparent
    }

.touchevents .poll label input[type="radio"] {
    margin-top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #e6e6e6;
    border-color: #999
}

    .touchevents .poll label input[type="radio"]:checked {
        background-color: #666;
        border-color: #767676
    }

.poll input {
    display: block;
    position: absolute
}

    .poll input[type="submit"] {
        border: 0;
        padding: 10px;
        position: static;
        margin-top: 1.25em;
        background-color: #01689b;
        color: #fff
    }

@media(min-width: 992px) {
    .poll input[type="submit"] {
        margin-top: 1.8em
    }
}

.js .poll input[type="submit"] {
    cursor: default;
    background-color: #ccc
}

    .js .poll input[type="submit"].enabled {
        cursor: pointer;
        background-color: #01689b
    }

.poll-results {
    background: #e6e6e6;
    padding: 10px
}

.article .poll-results {
    display: block
}

.poll-results p {
    margin-bottom: 0
}

.poll-results li {
    list-style-type: none;
    padding-left: 0;
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
    position: relative
}

    .poll-results li:before {
        display: none;
        content: ''
    }

    .poll-results li span.fullbar {
        border: 1px solid #000;
        width: 79%;
        margin: 5px 0 0 0;
        display: block;
        height: 20px;
        float: left;
        border: 0;
        background: #fff
    }

@media(min-width: 480px) {
    .poll-results li span.fullbar {
        width: 87%
    }
}

@media(min-width: 992px) {
    .poll-results li span.fullbar {
        width: 90%
    }
}

@media(min-width: 992px) {
    .poll-results li span.fullbar {
        width: 89%
    }
}

@media(min-width: 1200px) {
    .poll-results li span.fullbar {
        width: 91%
    }
}

.poll-results li span.fullbar .resultbar {
    background: #01689b;
    display: block;
    height: 20px;
    width: 0
}

.js .poll-results li span.fullbar .resultbar {
    display: none
}

.poll-results span.resultnumber {
    float: right;
    display: inline-block;
    margin-left: 10px;
    margin-top: 7px;
    line-height: 1em
}

@media print {
    .poll {
        width: 100%
    }

    .poll-results li span.fullbar .resultbar {
        border-top: 15px solid #d9d9d9
    }

    .poll-results span.resultnumber {
        padding-bottom: 5px
    }

    .poll-results li:before {
        content: ''
    }

    .poll input[type="submit"] {
        float: none !important
    }
}

.mediaContainer {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 100%
}

    .mediaContainer.lightbox {
        cursor: pointer
    }

    .mediaContainer h3 {
        display: block;
        color: #000;
        margin: 0 0 0 8px;
        text-decoration: none;
        font-size: 1em;
        line-height: 1em;
        font-weight: normal
    }

    .mediaContainer.download {
        margin: 0
    }

        .mediaContainer.download .shareOptionBox {
            margin-bottom: 8px
        }

        .mediaContainer.download .miscOptionsBox h3 {
            margin-right: 35px
        }

    .mediaContainer.lightbox .shareOptionBox {
        margin-bottom: 8px
    }

    .mediaContainer.lightbox .miscOptionsBox h3 {
        margin-right: 35px
    }

    .mediaContainer.shareMedia.less .shareOptionBox h3 {
        margin-right: 35px
    }

    .mediaContainer.shareMedia .shareOptionBox h3, .mediaContainer.lightbox.less .shareOptionBox h3, .mediaContainer.download.less .shareOptionBox h3 {
        margin-right: 0
    }

    .mediaContainer.shareMedia .miscOptionsBox h3, .mediaContainer.lightbox.less .miscOptionsBox h3, .mediaContainer.download.less .miscOptionsBox h3 {
        margin-right: 0
    }

    .mediaContainer .openOptionBox {
        position: absolute;
        right: 4px;
        top: 4px;
        display: block;
        margin: 0;
        padding: 0;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background-color: #01689b;
        overflow: hidden;
        z-index: 90;
        cursor: pointer
    }

        .mediaContainer .openOptionBox:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-indent: 0;
            color: #fff;
            position: absolute;
            left: 6px;
            top: 0;
            font-size: 18px
        }

    .mediaContainer .mediaOptions {
        display: none;
        cursor: default;
        background-color: #fff;
        padding: 14px 8px 8px 0;
        position: absolute;
        right: 4px;
        top: 4px;
        z-index: 100;
        border: 1px solid #e1e1e1
    }

        .mediaContainer .mediaOptions.visible {
            display: block
        }

        .mediaContainer .mediaOptions .closeOptionBox {
            position: absolute;
            right: -1px;
            top: -1px;
            display: block;
            margin: 0;
            padding: 0;
            width: 30px;
            height: 30px;
            text-indent: -9999px;
            background-color: #01689b;
            overflow: hidden
        }

            .mediaContainer .mediaOptions .closeOptionBox:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                content: "";
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                text-indent: 0;
                color: #fff;
                position: absolute;
                left: 8px;
                top: 2px;
                font-size: 16px
            }

        .mediaContainer .mediaOptions .mediaOption {
            display: inline-block;
            float: left;
            margin: 7px 0 0 8px;
            padding: 0;
            width: 30px;
            height: 30px;
            text-indent: -9999px;
            overflow: hidden;
            position: relative;
            background-color: #01689b
        }

        .mediaContainer .mediaOptions .shareOptionBox {
            float: left;
            clear: both
        }

            .mediaContainer .mediaOptions .shareOptionBox a.shareBtn {
                background-color: #fff
            }

                .mediaContainer .mediaOptions .shareOptionBox a.shareBtn:before {
                    text-indent: 0;
                    position: absolute;
                    left: 0;
                    top: 0;
                    font-size: 30px;
                    line-height: 30px;
                    width: 30px;
                    height: 30px
                }

                .mediaContainer .mediaOptions .shareOptionBox a.shareBtn.fa:before {
                    font-weight: normal;
                    font-family: "RO Icons";
                    display: inline-block;
                    vertical-align: middle;
                    content: "";
                    color: #3c5193;
                    speak: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color: #3c5193
                }

                .mediaContainer .mediaOptions .shareOptionBox a.shareBtn.tw:before {
                    font-weight: normal;
                    font-family: "RO Icons";
                    display: inline-block;
                    vertical-align: middle;
                    content: "";
                    color: #2da8e0;
                    speak: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color: #2da8e0
                }

                .mediaContainer .mediaOptions .shareOptionBox a.shareBtn.li:before {
                    font-weight: normal;
                    font-family: "RO Icons";
                    display: inline-block;
                    vertical-align: middle;
                    content: "";
                    color: #007bb6;
                    speak: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color: #0e77b5
                }

                .mediaContainer .mediaOptions .shareOptionBox a.shareBtn.go:before {
                    font-weight: normal;
                    font-family: "RO Icons";
                    display: inline-block;
                    vertical-align: middle;
                    content: "";
                    color: #cc2b27;
                    speak: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color: #cc2b27
                }

                .mediaContainer .mediaOptions .shareOptionBox a.shareBtn.tu:before {
                    font-weight: normal;
                    font-family: "RO Icons";
                    display: inline-block;
                    vertical-align: middle;
                    content: "";
                    color: #47526b;
                    speak: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color: #47526b
                }

                .mediaContainer .mediaOptions .shareOptionBox a.shareBtn.pi:before {
                    font-weight: normal;
                    font-family: "RO Icons";
                    display: inline-block;
                    vertical-align: middle;
                    content: "";
                    speak: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    color: #aa2529
                }

        .mediaContainer .mediaOptions .miscOptionsBox {
            float: left;
            clear: both
        }

            .mediaContainer .mediaOptions .miscOptionsBox .mediasize {
                display: inline-block;
                height: 20px;
                line-height: 2em;
                font-size: .875em;
                margin: 8px 0 0 5px;
                vertical-align: top
            }

            .mediaContainer .mediaOptions .miscOptionsBox a.lightbox:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "";
                text-indent: 0;
                color: #fff;
                position: absolute;
                left: 7px;
                top: 2px;
                font-size: 16px
            }

            .mediaContainer .mediaOptions .miscOptionsBox a.download:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                content: "";
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                text-indent: 0;
                color: #fff;
                position: absolute;
                left: 7px;
                top: 2px;
                font-size: 16px
            }

@media print {
    .mediaContainer .mediaOptions.visible {
        display: none !important
    }

    #content .mediaContainer.download {
        display: block !important
    }
}

.activityOverview {
    position: relative
}

@media(min-width: 992px) {
    .activityOverview {
        position: static
    }
}

.activityOverview .article {
    padding-top: 0
}

@media(min-width: 992px) {
    .activityOverview {
        padding-top: 0
    }
}

.activityOverview .summary {
    position: relative
}

.activityOverview a.activity {
    position: relative;
    padding-bottom: 20px;
    padding-left: 70px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: normal
}

@media(min-width: 992px) {
    .activityOverview a.activity {
        line-height: 1.625
    }
}

.activityOverview a.activity:before {
    content: ' '
}

.activityOverview a.activity:hover {
    text-decoration: none
}

.activityOverview a.activity .dateNumber {
    position: absolute;
    left: 0;
    color: #01689b;
    font-weight: bold;
    font-size: 32px;
    margin-top: 0;
    text-align: center
}

@media(min-width: 992px) {
    .activityOverview a.activity .dateNumber {
        margin-top: -13px
    }
}

.activityOverview a.activity .dateNumber span {
    color: #666;
    font-weight: normal;
    font-size: 52px;
    margin-top: 16px;
    display: block
}

@media(min-width: 992px) {
    .activityOverview a.activity .dateNumber span {
        margin-top: -28px
    }
}

.activityOverview .dateGroup {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

    .activityOverview .dateGroup .activity {
        border-bottom: 0;
        padding-bottom: 0
    }

.activityOverview dl {
    margin-top: 3px;
    margin-bottom: 0
}

    .activityOverview dl dt {
        display: none
    }

    .activityOverview dl dd {
        margin-left: 0;
        margin-bottom: 0;
        color: #000
    }

.activityOverview input[type="text"].date {
    font-size: 1em;
    width: 40%
}

.activityresults {
    position: relative
}

    .activityresults .resultLoader {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -moz-opacity: .9;
        -khtml-opacity: .9;
        opacity: .9;
        z-index: 999;
        text-align: center
    }

        .activityresults .resultLoader span {
            background: url("shared-ro/images/small_loader.gif") no-repeat;
            padding-left: 25px
        }

@media(max-width: 992px) {
    .activityresults .common.results a {
        padding-left: 70px
    }
}

.activityDetail {
    position: relative
}

    .activityDetail .dateNumber {
        position: absolute;
        color: #01689b;
        font-weight: bold;
        font-size: 30px;
        text-align: right;
        margin-top: -8px
    }

        .activityDetail .dateNumber span {
            color: #666;
            font-weight: normal;
            font-size: 52px;
            margin-top: -11px;
            display: block;
            line-height: 1
        }

@media(min-width: 992px) {
    .activityDetail .dateNumber {
        left: 0
    }
}

.activityDetail .dateNumber p {
    color: #01689b;
    font-size: 19px;
    font-weight: normal;
    text-align: center
}

.activityDetail .end {
    margin-top: 67px
}

@media(min-width: 992px) {
    .activityDetail .end {
        left: 25px
    }
}

.activityDetail h1.activity {
    background-image: none;
    padding-left: 70px;
    padding-bottom: 0;
    margin-bottom: 0
}

    .activityDetail h1.activity + .article-meta {
        padding-left: 0
    }

@media(min-width: 992px) {
    .activityDetail h1.activity {
        width: 100%
    }
}

.activityDetail dl {
    margin-top: -1em;
    margin-bottom: 0
}

    .activityDetail dl dt {
        display: none
    }

    .activityDetail dl dd {
        margin-left: 70px;
        margin-bottom: 0
    }

.activityDetail p {
    margin-left: 70px
}

.activityDetail + .intro {
    margin-top: .8125em
}

@media print {
    #aside {
        display: none
    }

    .article {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .activityOverview .dateGroup {
        margin-bottom: 0
    }

    .activityOverview a.activity {
        padding-left: 70px !important;
        page-break-inside: avoid;
        margin-bottom: 20px;
        padding-bottom: 0
    }

        .activityOverview a.activity .dateNumber {
            margin-right: 20px;
            font-size: 24px
        }

            .activityOverview a.activity .dateNumber span {
                margin-top: -15px;
                font-size: 36px
            }
}

.hotspotContainer p.caption {
    color: #767676
}

.hotspotContainer p.copyright {
    text-align: left;
    color: inherit;
    text-shadow: none;
    position: relative;
    text-shadow: none;
    color: #767676;
    display: inline-block;
    margin-bottom: 0;
    padding: 5px 0 0 0;
    font-size: .8em;
    margin-top: -10px
}

.hotspotContainer p.cite {
    font-size: .8em;
    color: #767676;
    margin-top: -10px
}

.hotspotContainer .hotspotimage {
    margin: 0 auto;
    position: relative
}

    .hotspotContainer .hotspotimage img {
        width: 100%;
        line-height: 0
    }

    .hotspotContainer .hotspotimage ul {
        line-height: 0;
        list-style-type: none;
        display: block
    }

        .hotspotContainer .hotspotimage ul li {
            position: absolute;
            z-index: auto;
            margin: 0;
            padding: 0;
            background: 0;
            list-style-type: none !important;
            width: 100%;
            height: 0;
            counter-increment: hotzones
        }

            .hotspotContainer .hotspotimage ul li:before {
                display: none;
                content: ''
            }

            .hotspotContainer .hotspotimage ul li a {
                z-index: 0;
                display: block;
                width: 30px;
                height: 30px;
                margin-left: -15px;
                margin-top: -15px;
                padding: 0;
                -moz-transition: all .2s ease;
                -webkit-transition: all .2s ease;
                -o-transition: all .2s ease;
                -ms-transition: all .2s ease;
                transition: all .2s ease;
                opacity: .99;
                color: #fff;
                font-size: 1.4em;
                line-height: 1.3em;
                text-align: center;
                text-decoration: none
            }

                .hotspotContainer .hotspotimage ul li a span {
                    position: absolute;
                    left: -10000px
                }

                .hotspotContainer .hotspotimage ul li a.open {
                    -moz-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                    outline: 0
                }

                    .hotspotContainer .hotspotimage ul li a.open:focus {
                        outline: 0
                    }

                .hotspotContainer .hotspotimage ul li a:focus {
                    outline: 2px solid #82befb;
                    outline-offset: 2px;
                    outline: 0
                }

                .hotspotContainer .hotspotimage ul li a:before {
                    border-radius: 100%;
                    width: 30px;
                    height: 30px;
                    display: block;
                    background-color: #01689b;
                    color: #fff;
                    content: counter(hotzones)
                }

@media(min-width: 992px) {
    .hotspotContainer .hotspotimage ul li a:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px;
        line-height: 16px;
        text-align: center;
        vertical-align: middle;
        display: table-cell
    }
}

.hotspotContainer .hotspotimage ul:after {
    content: ' ';
    display: block;
    clear: both
}

@media(min-width: 992px) {
    .hotspotContainer .hotspotimage.no-js ul li a.open, .hotspotContainer .hotspotimage.numeric ul li a.open {
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none
    }

    .hotspotContainer .hotspotimage.no-js ul li a:before, .hotspotContainer .hotspotimage.numeric ul li a:before {
        font-family: "RO Sans",Calibri,sans-serif;
        font-size: 1em;
        line-height: 1em;
        background: 0;
        font-weight: bold;
        content: counter(hotzones);
        background-color: #01689b;
        color: #fff;
        border-radius: 100%;
        width: 30px;
        height: 30px
    }
}

.hotspotContainer .hotspotimage .tooltip {
    text-align: left;
    position: absolute;
    z-index: 19999;
    left: 0;
    top: auto;
    bottom: 0;
    padding: 15px 15px 15px 15px;
    color: #fff;
    background-color: rgba(1,104,155,0.95);
    width: auto;
    max-width: 500px;
    display: block;
    font-size: 90%
}

@media(min-width: 992px) {
    .hotspotContainer .hotspotimage .tooltip {
        font-size: 100%
    }
}

.hotspotContainer .hotspotimage .tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(1,104,155,0.95);
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    bottom: -10px;
    margin-left: -10px
}

.hotspotContainer .hotspotimage .tooltip.left:after {
    margin-left: 0;
    left: 10px
}

.hotspotContainer .hotspotimage .tooltip.right:after {
    left: auto;
    margin-left: 0;
    right: 10px
}

.hotspotContainer .hotspotimage .tooltip.bottom:after {
    border-top: 0;
    border-bottom: 10px solid rgba(1,104,155,0.8);
    bottom: auto;
    top: -10px
}

.hotspotContainer .hotspotimage .tooltip h2 {
    font-size: 1.25em;
    line-height: 1.3em;
    margin: 0;
    display: block;
    font-style: italic;
    padding: 0
}

.hotspotContainer .hotspotimage .tooltip p {
    line-height: 1.5;
    font-size: 1em;
    padding: 10px 0 0 0;
    margin: 0
}

.hotspotContainer .hotspotimage .tooltip ol, .hotspotContainer .hotspotimage .tooltip ul {
    margin: 1px auto 0 auto;
    padding: 5px;
    line-height: 1.5;
    list-style-type: decimal !important
}

    .hotspotContainer .hotspotimage .tooltip ol li, .hotspotContainer .hotspotimage .tooltip ul li {
        list-style-type: inherit !important;
        position: relative;
        margin-left: 20px !important
    }

.hotspotContainer .hotspotimage .tooltip ul {
    list-style-type: disc !important
}

.hotspotContainer .hotspotimage .tooltip img {
    width: 100%
}

.hotspotContainer .hotspotimage .tooltip.imageleft, .hotspotContainer .hotspotimage .tooltip.imageright {
    max-width: 620px
}

    .hotspotContainer .hotspotimage .tooltip.imageleft img, .hotspotContainer .hotspotimage .tooltip.imageright img {
        max-width: 45%
    }

    .hotspotContainer .hotspotimage .tooltip.imageleft img {
        float: left;
        margin-right: 15px
    }

    .hotspotContainer .hotspotimage .tooltip.imageright img {
        float: right;
        margin-left: 15px
    }

.hotspotContainer .hotspotimage .tooltip.imagetop {
    max-width: 415px
}

    .hotspotContainer .hotspotimage .tooltip.imagetop img {
        margin-bottom: 15px
    }

.hotspotContainer .hotspotimage .tooltip.imagebottom {
    max-width: 415px
}

    .hotspotContainer .hotspotimage .tooltip.imagebottom img {
        margin-bottom: 0
    }

.hotspotContainer .hotspotimage.light .tooltip {
    color: #767676;
    background: #fff;
    opacity: .95
}

    .hotspotContainer .hotspotimage.light .tooltip:after {
        border-top: 10px solid rgba(255,255,255,0.95)
    }

    .hotspotContainer .hotspotimage.light .tooltip.bottom:after {
        border-top: 0;
        border-bottom: 10px solid rgba(255,255,255,0.95);
        bottom: auto;
        top: -10px
    }

.hotspotContainer .hotspotinfo {
    display: block;
    width: auto;
    padding: 0;
    margin: 30px auto
}

    .hotspotContainer .hotspotinfo div {
        width: auto;
        padding: 15px 0 15px 0;
        display: block;
        counter-increment: hotzonesdefs;
        border-top: solid 1px #01689b
    }

        .hotspotContainer .hotspotinfo div:before, .hotspotContainer .hotspotinfo div:after {
            content: " ";
            display: table
        }

        .hotspotContainer .hotspotinfo div:after {
            clear: both
        }

        .hotspotContainer .hotspotinfo div h2 {
            color: #01689b;
            display: inline;
            font-size: 1.4em;
            line-height: 1.5em;
            margin: 0 0 10px 0
        }

        .hotspotContainer .hotspotinfo div:before {
            float: left;
            width: 30px;
            height: 30px;
            background-color: #01689b;
            border-radius: 100%;
            content: counter(hotzonesdefs);
            text-align: center;
            color: #fff;
            display: block;
            font-size: 1.4em;
            line-height: 1.4em;
            margin: 0 10px 0 0;
            padding: 0
        }

        .hotspotContainer .hotspotinfo div img {
            width: 100%;
            float: right;
            margin: 10px 0 10px 0
        }

@media(min-width: 768px) {
    .hotspotContainer .hotspotinfo div img {
        width: 40%;
        float: right;
        margin: 0 0 0 10px
    }
}

@media(min-width: 992px) {
    .js .hotspotContainer .hotspotinfo {
        display: none
    }
}

.collapsiblePanels {
    margin: 0;
    padding: 0
}

    .collapsiblePanels .panel {
        display: inline-block;
        border-top: 1px solid #fff;
        background-color: #f3f3f3;
        width: 100%;
        height: auto
    }

        .collapsiblePanels .panel button {
            width: 100%;
            margin: 0;
            padding: 5px 30px 5px 10px;
            background-color: #e6e6e6;
            color: #01689b;
            font-weight: bold;
            display: inline-block;
            position: relative
        }

            .collapsiblePanels .panel button:hover {
                color: #154273
            }

            .collapsiblePanels .panel button:after {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                content: "";
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                right: 10px;
                top: 8px;
                color: #000;
                font-size: 14px
            }

        .collapsiblePanels .panel .panelContent {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 15px 15px 15px 15px
        }

            .collapsiblePanels .panel .panelContent img {
                float: right;
                max-width: 30%;
                margin: 10px 0 0 10px
            }

            .collapsiblePanels .panel .panelContent table {
                margin-left: 0
            }

            .collapsiblePanels .panel .panelContent.downloads, .collapsiblePanels .panel .panelContent.segments {
                padding: 0
            }

                .collapsiblePanels .panel .panelContent.downloads ul, .collapsiblePanels .panel .panelContent.segments ul {
                    display: block;
                    list-style: none;
                    margin: 0;
                    padding: 0
                }

                    .collapsiblePanels .panel .panelContent.downloads ul li, .collapsiblePanels .panel .panelContent.segments ul li {
                        background: 0;
                        margin: 0;
                        padding: 0;
                        border-bottom: 1px solid #fff;
                        width: 100%
                    }

                        .collapsiblePanels .panel .panelContent.downloads ul li:before, .collapsiblePanels .panel .panelContent.segments ul li:before {
                            display: none;
                            content: ''
                        }

                        .collapsiblePanels .panel .panelContent.downloads ul li a, .collapsiblePanels .panel .panelContent.segments ul li a {
                            background-image: none;
                            padding: 5px 15px 5px 15px;
                            width: 100%;
                            line-height: 1.2em;
                            color: #01689b;
                            text-decoration: none;
                            display: block
                        }

                            .collapsiblePanels .panel .panelContent.downloads ul li a:focus, .collapsiblePanels .panel .panelContent.segments ul li a:focus {
                                outline: 2px solid #82befb;
                                outline-offset: -3px
                            }

                            .collapsiblePanels .panel .panelContent.downloads ul li a.current, .collapsiblePanels .panel .panelContent.segments ul li a.current {
                                color: #000;
                                cursor: default;
                                font-weight: bold;
                                text-decoration: none
                            }

                            .collapsiblePanels .panel .panelContent.downloads ul li a:hover, .collapsiblePanels .panel .panelContent.segments ul li a:hover {
                                background-color: #e6e6e6;
                                text-decoration: none
                            }

                            .collapsiblePanels .panel .panelContent.downloads ul li a img, .collapsiblePanels .panel .panelContent.segments ul li a img {
                                float: none;
                                margin: 0;
                                display: inline
                            }

                            .collapsiblePanels .panel .panelContent.downloads ul li a .meta, .collapsiblePanels .panel .panelContent.segments ul li a .meta {
                                display: block;
                                clear: left;
                                margin: 0
                            }

            .collapsiblePanels .panel .panelContent .mapData {
                width: 100%;
                float: left;
                border-bottom: 1px solid #ccc;
                margin: 0 0 15px 0;
                padding: 0 0 15px 0
            }

                .collapsiblePanels .panel .panelContent .mapData:last-child {
                    border-bottom: 0;
                    margin-bottom: 0
                }

                .collapsiblePanels .panel .panelContent .mapData p {
                    margin: 10px 0 0 0
                }

                .collapsiblePanels .panel .panelContent .mapData h3 {
                    display: inline-block;
                    width: 100%
                }

                .collapsiblePanels .panel .panelContent .mapData a, .collapsiblePanels .panel .panelContent .mapData a:visited {
                    color: #000;
                    text-decoration: none
                }

                    .collapsiblePanels .panel .panelContent .mapData a h3, .collapsiblePanels .panel .panelContent .mapData a:visited h3 {
                        color: #01689b;
                        text-decoration: none
                    }

                    .collapsiblePanels .panel .panelContent .mapData a:hover h3, .collapsiblePanels .panel .panelContent .mapData a:visited:hover h3 {
                        color: #154273
                    }

                    .collapsiblePanels .panel .panelContent .mapData a.external:before, .collapsiblePanels .panel .panelContent .mapData a:visited.external:before {
                        content: ""
                    }

                    .collapsiblePanels .panel .panelContent .mapData a.external h3:before, .collapsiblePanels .panel .panelContent .mapData a:visited.external h3:before {
                        font-weight: normal;
                        font-family: "RO Icons";
                        display: inline-block;
                        content: "";
                        vertical-align: middle;
                        speak: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        font-size: 12px;
                        padding-right: 5px;
                        margin-top: -2px
                    }

            .collapsiblePanels .panel .panelContent:focus {
                outline: 2px solid #82befb;
                outline-offset: -3px
            }

        .collapsiblePanels .panel.closed button {
            background-color: transparent
        }

            .collapsiblePanels .panel.closed button:after {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                content: "";
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .collapsiblePanels .panel.closed .panelContent {
            display: none
        }

.js .collapsiblePanels .panel .panelContent {
    display: none
}

.js .collapsiblePanels .panel.open .panelContent {
    display: inline-block
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fotoSlider {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 0 30px 0;
    overflow: hidden;
    opacity: 0;
    -webkit-animation: fadeIn ease-in;
    animation: fadeIn ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

    .fotoSlider .rail {
        float: left
    }

        .fotoSlider .rail:before, .fotoSlider .rail:after {
            content: " ";
            display: table
        }

        .fotoSlider .rail:after {
            clear: both
        }

    .fotoSlider .slide {
        float: left;
        position: relative;
        height: auto
    }

        .fotoSlider .slide .imageWrapper {
            overflow: hidden;
            float: left;
            width: 100%
        }

            .fotoSlider .slide .imageWrapper img {
                width: 100%
            }

        .fotoSlider .slide .fotoDescription {
            float: left
        }

.no-js .fotoSlider {
    opacity: 1;
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in
}

    .no-js .fotoSlider .slide {
        position: relative;
        margin-bottom: 30px
    }

.fotoSlider .fotoDescription {
    background-color: #f3f3f3;
    width: 100%
}

    .fotoSlider .fotoDescription .descriptionWrapper {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1200px
    }

        .fotoSlider .fotoDescription .descriptionWrapper:before, .fotoSlider .fotoDescription .descriptionWrapper:after {
            content: " ";
            display: table
        }

        .fotoSlider .fotoDescription .descriptionWrapper:after {
            clear: both
        }

        .fotoSlider .fotoDescription .descriptionWrapper p {
            color: #000;
            margin: 25px 0 25px 0
        }

        .fotoSlider .fotoDescription .descriptionWrapper .copyright {
            position: relative;
            float: left;
            width: 100%;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            position: relative;
            text-shadow: none;
            margin: -15px 0 25px 0;
            padding: 0
        }

            .fotoSlider .fotoDescription .descriptionWrapper .copyright:first-child {
                margin: 25px 0 25px 0
            }

.fotoSlider .prevButton {
    position: absolute;
    left: 0;
    top: 50%;
    margin: 0;
    padding: 0;
    text-indent: -999px;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    width: 35px;
    height: 50px;
    overflow: hidden
}

    .fotoSlider .prevButton:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: rotate(180deg);
        position: absolute;
        font-size: 24px;
        left: 5px;
        top: 6px;
        text-indent: 0
    }

.fotoSlider .nextButton {
    position: absolute;
    right: 0;
    top: 50%;
    margin: 0;
    padding: 0;
    text-indent: -999px;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    width: 35px;
    height: 50px;
    overflow: hidden
}

    .fotoSlider .nextButton:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        font-size: 24px;
        right: 5px;
        top: 6px;
        text-indent: 0
    }

.fotoSlider ul.slideNav {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 999;
    display: block
}

    .fotoSlider ul.slideNav li {
        float: left;
        margin: 10px 0 0 0;
        padding: 0
    }

        .fotoSlider ul.slideNav li:before {
            content: ' '
        }

.article .fotoSlider ul.slideNav li {
    padding: 0
}

.fotoSlider ul.slideNav li button {
    padding: 0;
    margin: 0 1px 0 1px;
    background-color: transparent;
    overflow: hidden;
    text-indent: -999px;
    width: 24px;
    height: 24px
}

    .fotoSlider ul.slideNav li button:before {
        margin: 6px 0 0 6px;
        content: ' ';
        text-indent: 0;
        border: 1px solid #fff;
        background-color: #535353;
        display: block;
        border-radius: 100%;
        height: 12px;
        width: 12px
    }

    .fotoSlider ul.slideNav li button:hover:before {
        background-color: rgba(255,255,255,0.4)
    }

    .fotoSlider ul.slideNav li button.current:before {
        border: 1px solid #535353;
        background-color: #fff
    }

.loader {
    margin: 0 auto 0;
    width: 100px;
    display: block;
    text-align: center;
    position: absolute;
    z-index: -1;
    left: calc(50% - 50px);
    top: 49%
}

    .loader .indicator {
        width: 20px;
        height: 20px;
        background-color: #01689b;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
        animation: bouncedelay 1.4s infinite ease-in-out both;
        margin: 0 3px 0 3px
    }

        .loader .indicator:nth-child(1) {
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s
        }

        .loader .indicator:nth-child(2) {
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s
        }

h1.newsLetter {
    margin-bottom: .125em
}

.newsletterItems:before, .newsletterItems:after {
    content: " ";
    display: table
}

.newsletterItems:after {
    clear: both
}

.newsletterItems article {
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    float: left;
    clear: left
}

    .newsletterItems article h2 {
        margin-top: 0
    }

    .newsletterItems article .imageWrapper {
        position: relative;
        width: 100%;
        float: left;
        margin: 5px 0 15px
    }

@media(min-width: 480px) {
    .newsletterItems article .imageWrapper {
        width: 100%;
        max-width: 33.3333%;
        float: right;
        margin: 0 0 15px 15px
    }
}

.newsletterItems article .imageWrapper .copyright {
    position: relative;
    padding: 3px 0 3px 0;
    text-shadow: none;
    color: #767676;
    display: inline-block;
    font-size: .8em
}

.newsletterFooter {
    border-top: 1px solid #e1e1e1
}

    .newsletterFooter:before, .newsletterFooter:after {
        content: " ";
        display: table
    }

    .newsletterFooter:after {
        clear: both
    }

    .newsletterFooter h2 {
        margin-top: 30px
    }

.streamer {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: .925em;
    margin-bottom: .925em
}

@media(min-width: 992px) {
    .streamer {
        margin-top: 2.2125em;
        margin-bottom: 2.2125em
    }
}

.streamer p {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.525em;
    line-height: 1.455em;
    font-style: italic;
    color: #767676
}

@media(min-width: 768px) {
    .streamer p {
        float: left;
        width: 66.66667%
    }
}

@media(min-width: 992px) {
    .streamer p {
        float: left;
        width: 75%
    }
}

@media(min-width: 992px) {
    .streamer p {
        margin-left: 8.33333%
    }
}

@media(min-width: 992px) {
    .streamer p {
        font-size: 1.725em
    }
}

.filtertool ul {
    display: block;
    margin: 0
}

.filtertool > header {
    margin: 0 0 30px 0
}

    .filtertool > header h1 {
        margin: 0 0 15px 0
    }

.filtertool .filtertool-questions-form {
    background: #f3f3f3;
    padding: 15px 0 0 15px
}

@media(min-width: 1200px) {
    .filtertool .filtertool-questions-form {
        padding: 15px 0 0 15px
    }
}

.filtertool .filtertool-questions-form.filtertool-questions-form-hidden {
    display: none
}

.filtertool .filtertool-questions-form .filtertool-question-header {
    position: relative;
    margin: 0 0 20px 0
}

    .filtertool .filtertool-questions-form .filtertool-question-header:before, .filtertool .filtertool-questions-form .filtertool-question-header:after {
        content: " ";
        display: table
    }

    .filtertool .filtertool-questions-form .filtertool-question-header:after {
        clear: both
    }

    .filtertool .filtertool-questions-form .filtertool-question-header .filtertool-question-text {
        font-size: 1.444444em;
        line-height: 1.2em;
        font-weight: bold;
        color: #000;
        margin: 0 40px 0 0
    }

        .filtertool .filtertool-questions-form .filtertool-question-header .filtertool-question-text .filtertool-question-help {
            font-size: .69230em
        }

        .filtertool .filtertool-questions-form .filtertool-question-header .filtertool-question-text .filtertool-question-help-text-button {
            top: 1px
        }

        .filtertool .filtertool-questions-form .filtertool-question-header .filtertool-question-text .filtertool-question-text-label:focus {
            outline: 0
        }

.filtertool .filtertool-questions-form .filtertool-question {
    width: 100%
}

    .filtertool .filtertool-questions-form .filtertool-question.filtertool-question-hidden {
        display: none
    }

    .filtertool .filtertool-questions-form .filtertool-question .filtertool-question-options {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0 0 0 25px;
        position: relative
    }

        .filtertool .filtertool-questions-form .filtertool-question .filtertool-question-options li {
            float: left;
            width: 100%;
            margin: 0 0 10px 0;
            position: relative
        }

            .filtertool .filtertool-questions-form .filtertool-question .filtertool-question-options li .filtertool-question-option-label {
                cursor: pointer;
                line-height: 1.2em;
                position: relative;
                width: auto;
                min-height: 22px;
                margin: 0 40px 0 0
            }

            .filtertool .filtertool-questions-form .filtertool-question .filtertool-question-options li input[type="radio"] {
                position: absolute;
                left: -25px;
                top: 1px
            }

            .filtertool .filtertool-questions-form .filtertool-question .filtertool-question-options li input[type="checkbox"] {
                position: absolute;
                left: -25px;
                top: 1px
            }

.filtertool .filtertool-questions-form .filtertool-nav:before, .filtertool .filtertool-questions-form .filtertool-nav:after {
    content: " ";
    display: table
}

.filtertool .filtertool-questions-form .filtertool-nav:after {
    clear: both
}

.filtertool .filtertool-questions-form .filtertool-nav .filtertool-previousQuestionButton:disabled {
    display: none
}

.filtertool .filtertool-questions-form .filtertool-nav .filtertool-nextQuestionButton {
    float: left;
    pointer-events: all;
    transition: background .3s ease-in-out
}

    .filtertool .filtertool-questions-form .filtertool-nav .filtertool-nextQuestionButton:disabled {
        transition: background .3s ease-in-out;
        background: #ccc;
        cursor: initial
    }

    .filtertool .filtertool-questions-form .filtertool-nav .filtertool-nextQuestionButton.filtertool-button-hidden {
        display: none
    }

.filtertool .filtertool-questions-form .filtertool-nav .filtertool-finishQuestionsButton {
    float: left
}

    .filtertool .filtertool-questions-form .filtertool-nav .filtertool-finishQuestionsButton:disabled {
        display: none
    }

.filtertool .filtertool-question-help {
    float: right;
    width: 100%
}

    .filtertool .filtertool-question-help .filtertool-question-help-text-button {
        position: absolute;
        right: 0;
        top: -3px;
        background: #01689b;
        color: #fff;
        margin: 0;
        padding: 0;
        width: 22px;
        height: 26px;
        text-indent: -9999px
    }

        .filtertool .filtertool-question-help .filtertool-question-help-text-button:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #fff;
            position: absolute;
            left: 5px;
            top: 4px;
            text-indent: 0;
            text-align: center;
            font-size: 12px
        }

        .filtertool .filtertool-question-help .filtertool-question-help-text-button.filtertool-toggle-open:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

    .filtertool .filtertool-question-help .filtertool-question-help-text {
        clear: right;
        font-weight: normal;
        width: calc(100% - 20px);
        float: left;
        font-size: 1em;
        overflow: hidden;
        max-height: 0;
        transition: max-height .3s ease-in-out
    }

        .filtertool .filtertool-question-help .filtertool-question-help-text.filtertool-toggle-open {
            max-height: 100px
        }

.filtertool .filtertool-feedback-section {
    margin: 0 0 30px 0
}

    .filtertool .filtertool-feedback-section:before, .filtertool .filtertool-feedback-section:after {
        content: " ";
        display: table
    }

    .filtertool .filtertool-feedback-section:after {
        clear: both
    }

    .filtertool .filtertool-feedback-section.filtertool-feedback-section-hidden {
        display: none
    }

    .filtertool .filtertool-feedback-section .filtertool-feedback-header.filtertool-feedback-header-hidden {
        display: none
    }

    .filtertool .filtertool-feedback-section .filtertool-feedback-header h1 {
        font-size: 1.44444em;
        margin: 0 0 10px 0
    }

    .filtertool .filtertool-feedback-section .filtertool-feedback-list {
        background: #f3f3f3;
        padding: 15px 0 10px 15px;
        width: 100%;
        float: left
    }

        .filtertool .filtertool-feedback-section .filtertool-feedback-list .filtertool-feedback-item {
            float: left;
            width: 100%;
            position: relative;
            margin: 5px 0 5px 0;
            padding-left: 20px;
            text-overflow: ellipsis;
            line-height: 1.3em
        }

            .filtertool .filtertool-feedback-section .filtertool-feedback-list .filtertool-feedback-item:before {
                font-weight: normal;
                font-family: "RO Icons";
                display: inline-block;
                vertical-align: middle;
                content: "";
                speak: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                left: 3px;
                top: 7px;
                margin: 0
            }

            .filtertool .filtertool-feedback-section .filtertool-feedback-list .filtertool-feedback-item .filtertool-feedback-change-answer-button {
                background: transparent;
                padding: 0;
                margin: 0 0 0 5px;
                vertical-align: middle;
                color: #01689b;
                float: none;
                display: inline-block;
                font-size: .7777777em
            }

    .filtertool .filtertool-feedback-section .filtertool-feedback-footer {
        background: #f3f3f3;
        width: 100%;
        float: left;
        position: relative
    }

        .filtertool .filtertool-feedback-section .filtertool-feedback-footer:after {
            content: ' ';
            width: 20px;
            height: 20px;
            position: absolute;
            bottom: -10px;
            left: 20px;
            background-color: #f3f3f3;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .filtertool .filtertool-feedback-section .filtertool-feedback-footer .filtertool-resetFormButton {
            float: right;
            margin: -10px 0 0 0;
            padding: 2px 10px 2px 10px;
            font-size: 1rem
        }

.filtertool .filtertool-contentblocks-section {
    border-top: 2px solid #e6e6e6;
    padding: 15px 0 0 0
}

    .filtertool .filtertool-contentblocks-section.filtertool-contentblocks-section-hidden {
        display: none
    }

    .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-header {
        margin-bottom: 30px
    }

        .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-header .filtertool-contentblocks-header-text {
            font-size: 1.75em;
            margin: 0
        }

        .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-header .filtertool-contentblocks-header-grouping {
            width: 100%;
            margin: 10px 0 0 0
        }

            .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-header .filtertool-contentblocks-header-grouping:before, .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-header .filtertool-contentblocks-header-grouping:after {
                content: " ";
                display: table
            }

            .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-header .filtertool-contentblocks-header-grouping:after {
                clear: both
            }

            .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-header .filtertool-contentblocks-header-grouping .filtertool-groupingButton {
                margin: 0 5px 0 0;
                padding: 2px 10px 2px 10px;
                font-size: 1rem;
                transition: background .3s ease-in-out
            }

                .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-header .filtertool-contentblocks-header-grouping .filtertool-groupingButton:disabled {
                    transition: background .3s ease-in-out;
                    background: #ccc;
                    cursor: initial
                }

    .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list {
        margin: 15px 0 0 0
    }

        .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblocks-group {
            margin: 0 0 30px 0
        }

            .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblocks-group .filtertool-contentblocks-group-header {
                font-size: 1.444444em;
                margin: 0 0 10px 0;
                font-weight: bold
            }

        .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock {
            overflow: hidden;
            margin: 0 0 10px 0
        }

            .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header {
                position: relative;
                padding: 0 0 5px 0;
                border: 2px solid #f3f3f3;
                transition: background .5s ease-in-out
            }

                .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header:before, .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header:after {
                    content: " ";
                    display: table
                }

                .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header:after {
                    clear: both
                }

                .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header:hover {
                    background: #f3f3f3
                }

                .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header h1 {
                    font-size: 1.25em;
                    font-weight: bold;
                    margin: 10px 40px 5px 15px;
                    color: #01689b
                }

                .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header h2 {
                    font-size: 1em;
                    line-height: 1.2em;
                    margin: 0 0 5px 15px;
                    font-weight: normal
                }

                .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header .filtertool-contentblock-toggle-button {
                    background: transparent;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    text-indent: -999px;
                    overflow: hidden;
                    margin: 0;
                    padding: 0
                }

                    .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header .filtertool-contentblock-toggle-button:before {
                        content: ' ';
                        position: absolute;
                        right: 22px;
                        top: 20px;
                        width: 12px;
                        height: 4px;
                        background: #000;
                        border-radius: 2px;
                        transform: rotate(45deg);
                        transition: .3s ease-in-out
                    }

                    .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header .filtertool-contentblock-toggle-button:after {
                        content: ' ';
                        position: absolute;
                        right: 16px;
                        top: 20px;
                        width: 12px;
                        height: 4px;
                        background: #000;
                        border-radius: 2px;
                        transform: rotate(-45deg);
                        transition: .3s ease-in-out
                    }

                    .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header .filtertool-contentblock-toggle-button.filtertool-toggle-open:before {
                        transform: rotate(-45deg)
                    }

                    .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-header .filtertool-contentblock-toggle-button.filtertool-toggle-open:after {
                        transform: rotate(45deg)
                    }

            .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-body {
                padding: 150px 15px 15px 15px;
                display: block;
                margin: -150px 0 0 0;
                transition: background .5s ease-in-out
            }

                .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-body.filtertool-toggle-open {
                    background: #f3f3f3
                }

                .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-body.filtertool-toggle-closed {
                    display: none
                }

                .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-body ul li {
                    position: relative;
                    padding: 0 0 0 20px;
                    margin: 0 0 5px 0;
                    line-height: 1.625em
                }

                    .filtertool .filtertool-contentblocks-section .filtertool-contentblocks-list .filtertool-contentblock .filtertool-contentblock-body ul li:before {
                        font-weight: normal;
                        font-family: "RO Icons";
                        display: inline-block;
                        vertical-align: middle;
                        content: "";
                        speak: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        position: absolute;
                        left: 5px;
                        top: 11px;
                        margin: 0
                    }

.filtertool ul li {
    margin: 0;
    padding: 0
}

    .filtertool ul li:before {
        content: ''
    }

.filtertool legend {
    position: static !important;
    display: initial !important;
    clip: initial;
    width: 100%;
    height: auto
}

.filtertool label {
    top: auto;
    left: auto;
    margin: 0;
    width: auto
}

.filtertool input[type="checkbox"], .filtertool input[type="radio"] {
    position: static;
    left: auto;
    padding: 0;
    margin: 0
}

@keyframes fadeInOverlay {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#divAskParticipation p {
    color: #fff;
    margin-bottom: 10px
}

#divAskParticipation a {
    background: #fff;
    color: #01689b;
    padding: 3px 7px 3px 7px;
    border-radius: 2px;
    text-decoration: none
}

#divAskParticipation .message.survey #survey-yes {
    margin: 5px 15px 5px 0;
    clear: both;
    float: left;
    width: auto
}

#divAskParticipation .message.survey #survey-no {
    margin: 5px 15px 5px 0;
    float: left;
    width: auto
}

#divAskParticipation .message.survey.info {
    background-color: #a90061
}

    #divAskParticipation .message.survey.info:before {
        background-image: none
    }

#divAskParticipation .message.survey .wrapper {
    background-image: none;
    padding: 15px
}

    #divAskParticipation .message.survey .wrapper:before {
        background-image: none
    }

#surveyFrameDiv {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh !important;
    z-index: 9999;
    background-color: rgba(0,0,0,0.7);
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    animation: fadeInOverlay;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-delay: 0s
}

    #surveyFrameDiv .container {
        width: 100%;
        max-width: 850px;
        margin: 0 auto 0 auto;
        background: #f3f3f3;
        position: relative;
        padding: 20px 20px 100px 20px;
        opacity: 0;
        animation: fadeInOverlay;
        animation-duration: .5s;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in;
        animation-delay: .2s
    }

@media(min-width: 768px) {
    #surveyFrameDiv .container {
        padding: 30px 30px 0 30px;
        margin: 30px auto 30px auto
    }
}

#surveyFrameDiv .container:before, #surveyFrameDiv .container:after {
    content: " ";
    display: table
}

#surveyFrameDiv .container:after {
    clear: both
}

#surveyFrameDiv .container form > p {
    font-weight: bold;
    font-size: 1.11111em;
    margin: 0 0 30px 0
}

#surveyFrameDiv .container form .form-group {
    margin: 0 0 30px 0
}

    #surveyFrameDiv .container form .form-group legend {
        position: relative !important;
        display: inline-block !important;
        overflow: hidden;
        clip: none;
        margin: 0;
        padding: 0;
        left: auto;
        width: auto;
        height: auto;
        float: none;
        font-weight: bold;
        margin: 0 0 10px 0;
        font-size: 1.11111em;
        line-height: 1.375em
    }

    #surveyFrameDiv .container form .form-group label {
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: auto;
        float: none;
        font-size: 1em
    }

        #surveyFrameDiv .container form .form-group label.control-label {
            font-weight: bold;
            font-size: 1.11111em;
            line-height: 1.375em;
            margin: 0 0 10px 0
        }

    #surveyFrameDiv .container form .form-group textarea {
        margin: 0
    }

    #surveyFrameDiv .container form .form-group select {
        background: #fff
    }

    #surveyFrameDiv .container form .form-group .radio {
        position: relative;
        margin: 0 0 10px 0
    }

        #surveyFrameDiv .container form .form-group .radio label {
            padding: 0 0 0 25px;
            line-height: 1.125em
        }

        #surveyFrameDiv .container form .form-group .radio input[type="radio"] {
            position: absolute;
            left: 0;
            top: 0;
            margin: 0;
            color: #01689b
        }

            #surveyFrameDiv .container form .form-group .radio input[type="radio"]:checked {
                background-color: #b4b4b4
            }

    #surveyFrameDiv .container form .form-group .checkbox {
        position: relative;
        margin: 0 0 10px 0
    }

        #surveyFrameDiv .container form .form-group .checkbox label {
            padding: 0 0 0 25px;
            line-height: 1.125em
        }

        #surveyFrameDiv .container form .form-group .checkbox input[type="checkbox"] {
            position: absolute;
            left: 0;
            top: 1px;
            margin: 0;
            color: #01689b
        }

            #surveyFrameDiv .container form .form-group .checkbox input[type="checkbox"]:checked {
                background-color: #b4b4b4
            }

.styleTogglr {
    position: fixed;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 1px solid transparent;
    z-index: 9999999
}

    .styleTogglr .inner {
        display: none
    }

    .styleTogglr select {
        margin: 0 0 20px 0
    }

    .styleTogglr .toggleTogglr {
        position: absolute;
        right: 0;
        top: 0;
        display: none;
        margin: 0;
        padding: 0;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background-color: #01689b;
        overflow: hidden
    }

        .styleTogglr .toggleTogglr:before {
            font-weight: normal;
            font-family: "RO Icons";
            display: inline-block;
            vertical-align: middle;
            content: "";
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-indent: 0;
            color: #fff;
            position: absolute;
            left: 6px;
            top: 0;
            font-size: 18px
        }

.touchevents .styleTogglr .toggleTogglr {
    display: block
}

.styleTogglr:hover .toggleTogglr {
    display: block
}

.styleTogglr.expand {
    width: 300px;
    height: 100%;
    padding: 10px 20px 10px 20px;
    background-color: rgba(255,255,255,0.9);
    border: 1px solid #e1e1e1
}

    .styleTogglr.expand .inner {
        display: block
    }

    .styleTogglr.expand .toggleTogglr:before {
        font-weight: normal;
        font-family: "RO Icons";
        display: inline-block;
        vertical-align: middle;
        content: "";
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0;
        color: #fff;
        position: absolute;
        left: 8px;
        top: 2px;
        font-size: 16px
    }

.styleTogglr h3 {
    margin: 0 0 20px 0
}

.styleTogglr h4 {
    margin: 0;
    font-size: 1em
}