﻿@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-Regular.ttf'), format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-Italic.ttf'), format('truetype');
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-Light.ttf'), format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-LightItalic.ttf'), format('truetype');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-SemiBold.ttf'), format('truetype');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-SemiBoldItalic.ttf'), format('truetype');
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/Nunito-Light.eot');
    src: local('Nunito Light'), local('Nunito-Light'), url('fonts/Nunito-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Nunito-Light.woff2') format('woff2'), url('fonts/Nunito-Light.woff') format('woff'), url('fonts/Nunito-Light.ttf') format('truetype'), url('fonts/Nunito-Light.svg#Nunito') format('svg')
}

@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/Nunito-LightItalic.eot');
    src: local('Nunito Light Italic'), local('Nunito-LightItalic'), url('fonts/Nunito-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Nunito-LightItalic.woff2') format('woff2'), url('fonts/Nunito-LightItalic.woff') format('woff'), url('fonts/Nunito-LightItalic.ttf') format('truetype'), url('fonts/Nunito-LightItalic.svg#Nunito') format('svg')
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Nunito-Regular.eot');
    src: local('Nunito Regular'), local('Nunito-Regular'), url('fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Nunito-Regular.woff2') format('woff2'), url('fonts/Nunito-Regular.woff') format('woff'), url('fonts/Nunito-Regular.ttf') format('truetype'), url('fonts/Nunito-Regular.svg#Nunito') format('svg')
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/Nunito-SemiBold.eot');
    src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url('fonts/Nunito-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Nunito-SemiBold.woff2') format('woff2'), url('fonts/Nunito-SemiBold.woff') format('woff'), url('fonts/Nunito-SemiBold.ttf') format('truetype'), url('fonts/Nunito-SemiBold.svg#Nunito') format('svg')
}

@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/Nunito-Italic.eot');
    src: local('Nunito Italic'), local('Nunito-Italic'), url('fonts/Nunito-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Nunito-Italic.woff2') format('woff2'), url('fonts/Nunito-Italic.woff') format('woff'), url('fonts/Nunito-Italic.ttf') format('truetype'), url('fonts/Nunito-Italic.svg#Nunito') format('svg')
}

@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 600;
    src: url('fonts/Nunito-SemiBoldItalic.eot');
    src: local('Nunito SemiBold Italic'), local('Nunito-SemiBoldItalic'), url('fonts/Nunito-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Nunito-SemiBoldItalic.woff2') format('woff2'), url('fonts/Nunito-SemiBoldItalic.woff') format('woff'), url('fonts/Nunito-SemiBoldItalic.ttf') format('truetype'), url('fonts/Nunito-SemiBoldItalic.svg#Nunito') format('svg')
}

/**Bootstrap Overrides**/
/**define colors**/
.bg-primary {
    background-color: #fff !important;
}

.bg-secondary {
    background-color: #25579d !important;
}

.bg-success {
    background-color: #fff !important;
}

.bg-danger {
    background-color: #d9534f !important;
}

.bg-warning {
    background-color: #f0ad4e !important;
}

h2, .h2 {
    font-size: 45px;
}


/*main.css styling**/
html body {
    font-family: 'Nunito', sans-serif !important;
}

.ms-core-navigation {
    font-family: inherit;
}

.ms-srch-sb {
    border: 0;
}

.ms-srch-sb>input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.3;
    color: #414141;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.ms-srch-sb>input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.ms-srch-sb>input::-moz-placeholder {
    color: #777;
    opacity: 1
}

.ms-srch-sb>input:-ms-input-placeholder {
    color: #777
}

.ms-srch-sb>input::-webkit-input-placeholder {
    color: #777
}

.ms-srch-sb>input[disabled], .ms-srch-sb>input[readonly], fieldset[disabled] .ms-srch-sb>input {
    cursor: not-allowed;
    background-color: #e4e4e4;
    opacity: 1
}

textarea.ms-srch-sb>input {
    height: auto
}

#ctl00_PlaceHolderSearchArea_g_8c5a9e96_a4a2_480d_b6a8_57b724d9a534 {
    display: none
}

a {
    transition: .3s;
    cursor: pointer;
    color: #1d6cbd;
}

h1 {
    margin: 0
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

h1 a, h2 a, h3 a, h4 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus {
    color: inherit
}

img, svg {
    vertical-align: middle
}

@media (max-width: 991px) {
    body {
        font-size: 15px
    }
}

#skip-nav {
    top: -30px;
    left: 3px;
    width: auto;
    height: auto;
    padding: 4px 8px;
    z-index: 2570;
    position: absolute;
    background-color: #e4e4e4;
    transition: .3s;
    border-radius: 5px;
    opacity: 0
}

#skip-nav:focus {
    top: 3px;
    opacity: 1
}

.accessibility-nav {
    float: right
}

.accessibility-nav a {
    display: inline-block;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    line-height: 1em;
    background-color: #727272;
    color: #fff;
    padding: .5em;
    text-align: center
}

.accessibility-nav a:hover, .accessibility-nav a:focus {
    background-color: #108297
}

.accessibility-nav #print-page img, .accessibility-nav #print-page svg {
    width: 16px
}

.accessibility-nav #print-page svg {
    fill: #fff
}

@media screen and (max-width: 768px) {
    .accessibility-nav {
        display: none
    }
}

#header {
    position: relative;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.86) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.86) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.86) 0, rgba(0, 0, 0, 0) 100%)
}

.header-spacer {
    height: 150px;
}

@media (max-width: 768px) {
    .header-spacer {
        height: 0;
    }
}

#header.findings {
    padding-bottom: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.26) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.26) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.26) 0, rgba(0, 0, 0, 0) 100%)
}

.search-toggle svg {
    fill: #414141
}

@media (min-width: 768px) {
    .search-toggle {
        display: none
    }
}

.brand svg {
    fill: #FFF
}

.govlink {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 6px 0 0
}

.govlink img, .govlink svg {
    width: 1.4em;
    height: 1.4em;
    margin-right: .3em;
    margin-top: -0.2em;
    fill: #fff
}

.govlink, .govlink:hover, .govlink:focus {
    color: #fff
}

.govlink+.govlink {
    margin-left: 1em
}

.logo {
    position: relative;
    padding: 20px 12px 16px 102px;
    max-height: 80px;
    white-space: nowrap;

}

.logo h1 {
    min-height: 52px;
    margin-top: 2px;
    font-size: 14px;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    line-height: 1.15rem;

}

.logo a, .logo a:hover, .logo a:focus {
    line-height: 1rem;
    text-decoration: none;
    color: #FFF
}

.logo img[src$=svg], .logo svg {
    position: absolute;
    left: 15px;
    top: -1px;
    width: 80px;
    height: 80px;
    margin-right: 10px
}

.logo img[src$=png] {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 255px;
    height: 52px;
    margin-right: 10px
}

.logo>span {
    display: block
}

@media (max-width: 480px) {
    .logo {
        padding: 20px 12px 20px 102px
    }
}

.utilities {
    text-align: right;
    margin-top: -104px;
    padding: 0 15px
}

@media (min-width: 768px) {
    .utilities>div {
        float: right
    }
}

.utilities .utility-icons {
    padding-top: 22px;
    position: relative;
    z-index: 410;
    display: inline-block;
    min-height: 80px
}

.utilities .btn-round {
    margin-left: 5px;
    margin-bottom: 5px
}

@media (max-width: 480px) {
    .utilities {
        margin-top: 0;
        padding: 8px 15px;
        float: left
    }

    .utilities, .utilities .logo {
        text-align: left
    }

    .utilities .utility-icons {
        min-height: 0;
        padding: 0
    }

    .utilities .btn-round {
        background-color: #414141;
        margin-left: 3px;
        padding: 7px 1px;
        width: 34px;
        height: 34px
    }

    .utilities .btn-round img, .utilities .btn-round svg {
        width: 21px;
        height: 21px
    }
}

@media (max-width: 991px) {
    .findings .govlinks a {
        font-size: 12px
    }
}

.findings .logo {
    padding: 7px 15px 7px 15px;
    max-height: 100%
}

.findings .logo h1 {
    position: relative;
    padding-left: 79px;
    padding-right: 32px;
    display: inline-block;
    z-index: 10000
}

.findings .logo h1 img[src$=png] {
    top: 0;
    left: 0;
    right: auto
}

.findings .logo h1 img[src$=svg], .findings .logo h1 svg {
    left: 0;
    top: -13px;
    width: 68px;
    height: 68px;
    margin-right: 5px
}

.findings .logo h1 a {
    display: block;
    font-size: 16px;
    line-height: 22px
}

@media (min-width: 480px) {
    .findings .logo h1 {
        float: right
    }

    .findings .logo h1 img[src$=png] {
        top: 0;
        left: auto;
        right: 0
    }
}

.findings .logo h2 {
    font-weight: 300;
    margin-top: 22px;
    margin-bottom: 5px
}

.findings .logo h2 a {
    font-size: 36px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .findings .logo h2 a {
        font-size: 42px
    }
}

@media (min-width: 992px) {
    .findings .logo h2 a {
        font-size: 58px;
        margin-bottom: -12px
    }
}

@media (max-width: 480px) {
    .findings .logo h2 a {
        font-size: 29px;
        margin-top: 8px;
        margin-bottom: -8px
    }
}

@media (max-width: 991px) {
    .findings .logo h2 {
        margin: 14px 0 0
    }
}

@media (min-width: 992px) {
    .findings .logo {
        padding: 12px 15px 0
    }
}

.findings .utilities {
    display: none;
    padding-top: 0
}

@media (min-width: 768px) {
    .findings .utilities {
        display: block;
        margin-top: -20px
    }

    .findings .utilities .utility-icons {
        padding-top: 7px;
        min-height: 48px
    }
}

@media (min-width: 991px) {
    .findings .utilities {
        margin-top: -45px
    }
}

.findings .search-toggle svg {
    fill: #fff
}

@media (max-width: 767px) {
    .findings .search-collapse {
        padding: 20px 15px 5px;
        background-color: #1d2b74
    }

    .findings .search-collapse #search-form, .findings .search-collapse form {
        top: -44px
    }
}

@media (min-width: 768px) {
    .findings .search-collapse #search-form, .findings .search-collapse form {
        top: -42px;
        right: 254px
    }
}

.search-collapse {
    padding: 0 15px
}

.search-collapse #search-form, .search-collapse form {
    position: relative;
    height: 38px;
    margin-bottom: 10px
}

.search-collapse .ms-srch-sb>input, .search-collapse #query, .search-collapse .form-control {
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 8px;
    padding-right: 2.2em;
    color: #898989;
    font-style: italic;
    transition: .2s;
    width: 100%
}

.search-collapse .ms-srch-sb>.ms-srch-sb-searchLink, .search-collapse .search-submit, .search-collapse input[type=submit] {
    position: absolute;
    bottom: 2px;
    right: 0;
    width: 2.2em;
    height: 2.2em;
    color: transparent;
    background-color: transparent;
    border: 0;
    vertical-align: bottom;
    background-image: url(../images/search-icon-white.png);
    background-size: 24px 22px;
    background-repeat: no-repeat;
    background-position: center .2em
}

.search-collapse .ms-srch-sb>.ms-srch-sb-searchLink img, .search-collapse .search-submit img, .search-collapse input[type=submit] img, .search-collapse .ms-srch-sb>.ms-srch-sb-searchLink svg, .search-collapse .search-submit svg, .search-collapse input[type=submit] svg {
    width: 1.6em;
    height: 1.6em;
    margin: 2px;
    fill: #fff
}

@media (max-width: 767px) {
    .search-collapse input[type=text], .search-collapse #query, .search-collapse .ms-srch-sb>input, .search-collapse .form-control {
        vertical-align: bottom;
        background-color: #fff;
        border: 1px solid #414141;
        color: #6f6f6f
    }

    .search-collapse input[type=text]::-moz-placeholder, .search-collapse #query::-moz-placeholder, .search-collapse .ms-srch-sb>input::-moz-placeholder, .search-collapse .form-control::-moz-placeholder {
        color: #6f6f6f;
        opacity: 1
    }

    .search-collapse input[type=text]:-ms-input-placeholder, .search-collapse #query:-ms-input-placeholder, .search-collapse .ms-srch-sb>input:-ms-input-placeholder, .search-collapse .form-control:-ms-input-placeholder {
        color: #6f6f6f
    }

    .search-collapse input[type=text]::-webkit-input-placeholder, .search-collapse #query::-webkit-input-placeholder, .search-collapse .ms-srch-sb>input::-webkit-input-placeholder, .search-collapse .form-control::-webkit-input-placeholder {
        color: #6f6f6f
    }

    .search-collapse input[type=text]:focus, .search-collapse #query:focus, .search-collapse .ms-srch-sb>input:focus, .search-collapse .form-control:focus {
        color: #414141
    }

    .search-collapse input[type=text]:focus::-moz-placeholder, .search-collapse #query:focus::-moz-placeholder, .search-collapse .ms-srch-sb>input:focus::-moz-placeholder, .search-collapse .form-control:focus::-moz-placeholder {
        color: transparent;
        opacity: 1
    }

    .search-collapse input[type=text]:focus:-ms-input-placeholder, .search-collapse #query:focus:-ms-input-placeholder, .search-collapse .ms-srch-sb>input:focus:-ms-input-placeholder, .search-collapse .form-control:focus:-ms-input-placeholder {
        color: transparent
    }

    .search-collapse input[type=text]:focus::-webkit-input-placeholder, .search-collapse #query:focus::-webkit-input-placeholder, .search-collapse .ms-srch-sb>input:focus::-webkit-input-placeholder, .search-collapse .form-control:focus::-webkit-input-placeholder {
        color: transparent
    }

    .search-collapse .ms-srch-sb>.ms-srch-sb-searchLink, .search-collapse .search-submit, .search-collapse input[type=submit] {
        bottom: 2px;
        background-image: url(../images/search-icon-blue.png)
    }

    .search-collapse .ms-srch-sb>.ms-srch-sb-searchLink img, .search-collapse .search-submit img, .search-collapse input[type=submit] img, .search-collapse .ms-srch-sb>.ms-srch-sb-searchLink svg, .search-collapse .search-submit svg, .search-collapse input[type=submit] svg {
        fill: #1d6cbd
    }
}

@media (min-width: 768px) {
    .search-collapse {
        position: relative;
        width: 100%;
        max-width: 1420px;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        display: block
    }

    .search-collapse #search-form, .search-collapse form {
        position: absolute;
        top: -56px;
        right: 258px
    }

    .search-collapse .ms-srch-sb>.ms-srch-sb-searchLink, .search-collapse .search-submit, .search-collapse input[type=submit] {
        bottom: 1px
    }

    .search-collapse .ms-srch-sb>input, .search-collapse input[type=text], .search-collapse #query, .search-collapse .form-control {
        background-color: transparent;
        border: 1px solid #FFF;
        color: #898989;
        width: 10em;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        height: 34px
    }

    .search-collapse .ms-srch-sb>input::-moz-placeholder, .search-collapse input[type=text]::-moz-placeholder, .search-collapse #query::-moz-placeholder, .search-collapse .form-control::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .search-collapse .ms-srch-sb>input:-ms-input-placeholder, .search-collapse input[type=text]:-ms-input-placeholder, .search-collapse #query:-ms-input-placeholder, .search-collapse .form-control:-ms-input-placeholder {
        color: #fff
    }

    .search-collapse .ms-srch-sb>input::-webkit-input-placeholder, .search-collapse input[type=text]::-webkit-input-placeholder, .search-collapse #query::-webkit-input-placeholder, .search-collapse .form-control::-webkit-input-placeholder {
        color: #fff
    }

    .search-collapse .ms-srch-sb>input:focus, .search-collapse input[type=text]:focus, .search-collapse #query:focus, .search-collapse .form-control:focus {
        height: 46px;
        top: -6px;
        bottom: -6px;
        background-color: #fff;
        color: #333;
        width: 16em
    }

    .search-collapse .ms-srch-sb>input:focus::-moz-placeholder, .search-collapse input[type=text]:focus::-moz-placeholder, .search-collapse #query:focus::-moz-placeholder, .search-collapse .form-control:focus::-moz-placeholder {
        color: transparent;
        opacity: 1
    }

    .search-collapse .ms-srch-sb>input:focus:-ms-input-placeholder, .search-collapse input[type=text]:focus:-ms-input-placeholder, .search-collapse #query:focus:-ms-input-placeholder, .search-collapse .form-control:focus:-ms-input-placeholder {
        color: transparent
    }

    .search-collapse .ms-srch-sb>input:focus::-webkit-input-placeholder, .search-collapse input[type=text]:focus::-webkit-input-placeholder, .search-collapse #query:focus::-webkit-input-placeholder, .search-collapse .form-control:focus::-webkit-input-placeholder {
        color: transparent
    }

    .search-collapse .ms-srch-sb>input:focus~.ms-srch-sb-searchLink, .search-collapse input[type=text]:focus~.ms-srch-sb-searchLink, .search-collapse #query:focus~.ms-srch-sb-searchLink, .search-collapse .form-control:focus~.ms-srch-sb-searchLink, .search-collapse .ms-srch-sb>input:focus~.search-submit, .search-collapse input[type=text]:focus~.search-submit, .search-collapse #query:focus~.search-submit, .search-collapse .form-control:focus~.search-submit, .search-collapse .ms-srch-sb>input:focus~input[type=submit], .search-collapse input[type=text]:focus~input[type=submit], .search-collapse #query:focus~input[type=submit], .search-collapse .form-control:focus~input[type=submit] {
        background-image: url(../images/search-icon-blue.png)
    }

    .search-collapse .ms-srch-sb>input:focus~.ms-srch-sb-searchLink img, .search-collapse input[type=text]:focus~.ms-srch-sb-searchLink img, .search-collapse #query:focus~.ms-srch-sb-searchLink img, .search-collapse .form-control:focus~.ms-srch-sb-searchLink img, .search-collapse .ms-srch-sb>input:focus~.search-submit img, .search-collapse input[type=text]:focus~.search-submit img, .search-collapse #query:focus~.search-submit img, .search-collapse .form-control:focus~.search-submit img, .search-collapse .ms-srch-sb>input:focus~input[type=submit] img, .search-collapse input[type=text]:focus~input[type=submit] img, .search-collapse #query:focus~input[type=submit] img, .search-collapse .form-control:focus~input[type=submit] img, .search-collapse .ms-srch-sb>input:focus~.ms-srch-sb-searchLink svg, .search-collapse input[type=text]:focus~.ms-srch-sb-searchLink svg, .search-collapse #query:focus~.ms-srch-sb-searchLink svg, .search-collapse .form-control:focus~.ms-srch-sb-searchLink svg, .search-collapse .ms-srch-sb>input:focus~.search-submit svg, .search-collapse input[type=text]:focus~.search-submit svg, .search-collapse #query:focus~.search-submit svg, .search-collapse .form-control:focus~.search-submit svg, .search-collapse .ms-srch-sb>input:focus~input[type=submit] svg, .search-collapse input[type=text]:focus~input[type=submit] svg, .search-collapse #query:focus~input[type=submit] svg, .search-collapse .form-control:focus~input[type=submit] svg {
        fill: #1d6cbd
    }
}

/* ============ New Navbar  ============ */
.navbar {
    padding: 0;
}

.navbar .megamenu {
    padding: 0.75rem;
    padding-top: 0 !important;
}

.megamenu {
    border-top: 0.5rem solid #25579d;
    transition: 0.3s;
}

.dropdown-toggle {
    text-transform: uppercase;
    font-size: .9188rem;
    font-weight: 800;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    padding-top: 14px;
    padding-bottom: 14px;
    flex: 1;
    color: #414141 !important;

}

.dropdown-toggle:hover,
.dropdown-toggle:active {
    background-color: #25579d;
    color: #fff !important;
}

.dropdown-toggle::after {
    display: none;
}

a.dropdown-toggle[aria-expanded="true"] {
    background-color: #25579d;
    color: #fff !important;
}

.megamenu-border {
    border-right: 1px dashed #d6d6d6;
    padding-top: 1rem;
    margin-right: 1rem;
}

.megamenu-border:last-of-type {
    border-right: none;
    margin-right: none;
}

.col-megamenu .title {
    display: block;
    color: #25579d;
    font-size: 1.3rem;
    font-weight: 600;
    padding: 5px 0 5px 7px;
    transition: .3s;
    cursor: pointer;
}

.col-megamenu>.list-unstyled>li>a {
    text-decoration: none;
    display: block;
    padding: 10px 0 10px 7px;
    color: #333;
    transition: .3s;
    cursor: pointer;
}

.col-megamenu>.list-unstyled>li>a:hover,
.col-megamenu>a:hover {
    background-color: #dde7f2;
    ;
}

@media (min-width: 768px) {
    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}

@keyframes slidedown {
    0% {
        max-height: 0px;
        opacity: 0;
    }

    100% {
        max-height: 9999px;
        opacity: 1;
    }
}

@-webkit-keyframes slidedown {
    0% {
        -webkit-transform: translateY(-100%);
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
}

.slidedown {
    -webkit-animation-name: slidedown;
    animation-name: slidedown;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }

}

/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}

/* ============ mobile view .end// ============ */

/* ============ OLD Navbar  ============ 

.navbar .navbar-header img .color1,.navbar .navbar-header svg .color1 {
    fill: #414141
}

.navbar .navbar-collapse {
    border-top: 0
}

@media (min-width: 768px) {
    .navbar .navbar-collapse {
        position:static;
        max-width: 1420px;
        margin-left: auto;
        margin-right: auto
    }
}

.navbar .navbar-nav .navbar-title,.navbar .navbar-nav h2 {
    margin: .5em 0;
    font-size: 1.1176em;
    font-weight: bold;
    color: #414141
}

.navbar .navbar-nav>li {
    position: static !important
}

.navbar .navbar-nav>li>a {
    font-size: .9188em;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap
}

@media (max-width: 992px) {
    .navbar .navbar-nav>li>a {
        font-size:.9188em;
        padding-bottom: 12.5px;
        white-space: normal;
        line-height: 1.3em
    }
}

@media (max-width: 1120px) {
    .navbar .navbar-nav>li>a {
        font-size:.81em
    }
}

@media screen and (max-width: 767px) {
    .navbar-collapse.in {
        overflow:hidden
    }

    .navbar .navbar-nav .sub-nav img,.navbar .navbar-nav .sub-nav-back img,.navbar .navbar-nav .sub-nav svg,.navbar .navbar-nav .sub-nav-back svg {
        width: 20px;
        height: 20px;
        float: left
    }

    .navbar .navbar-nav .sub-nav {
        position: absolute;
        float: none;
        right: 6px;
        top: 0;
        padding: 4px 3px;
        background-color: #1d6cbd
    }

    .navbar .navbar-nav .sub-nav svg {
        fill: #fff
    }

    .navbar .navbar-nav .sub-nav-back {
        text-transform: uppercase
    }

    .navbar .navbar-nav .sub-nav-back img,.navbar .navbar-nav .sub-nav-back svg {
        margin: -1px 7px 0 8px
    }

    .navbar .navbar-nav .sub-nav-back svg {
        fill: #25579d
    }

    .navbar .navbar-nav a:hover svg,.navbar .navbar-nav a:focus svg {
        fill: #fff
    }
}

@media (min-width: 768px) {
    .navbar.navbar-default .navbar-collapse {
        position:static;
        max-width: 1420px;
        margin-left: auto;
        margin-right: auto
    }
}

.navbar.navbar-default .navbar-nav>li {
    position: static
}

.navbar.navbar-default .navbar-nav>li>a {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 14px;
    padding-bottom: 14px
}

@media (max-width: 992px) {
    .navbar.navbar-default .navbar-nav>li>a {
        padding-left:15px;
        padding-right: 15px;
        padding-top: 9px;
        padding-bottom: 9px
    }
}

.navbar.navbar-default .navbar-nav>li>ul>li:not(.sub-nav-back)>ul {
    list-style: none;
    padding-left: 0
}

@media (min-width: 768px) {
    .navbar.navbar-default .navbar-nav {
        display:table;
        position: static !important;
        width: 100%
    }

    .navbar.navbar-default .navbar-nav li {
        position: static !important;
        float: none !important
    }

    .navbar.navbar-default .navbar-nav>li {
        display: table-cell;
        vertical-align: middle
    }

    .navbar.navbar-default .navbar-nav>li>a {
        text-align: center
    }

    .navbar.navbar-default .navbar-nav>li>ul {
        font-size: 1.1176em;
        line-height: 1.1em;
        float: left;
        width: 100% !important;
        background-color: rgba(255,255,255,0.95);
        box-shadow: 0 2px 2px rgba(0,0,0,0.3)
    }

    .navbar.navbar-default .navbar-nav>li>ul a {
        display: block;
        padding: 10px 7px;
        color: #333
    }

    .navbar.navbar-default .navbar-nav>li>ul a:hover,.navbar.navbar-default .navbar-nav>li>ul a:focus {
        text-decoration: none;
        background-color: #dde7f2
    }

    .navbar.navbar-default .navbar-nav>li>ul>li:not(.sub-nav-back) {
        margin: 10px 0 15px;
        display: inline-block;
        float: left;
        max-width: 480px;
        padding-left: 30px
    }

    .navbar.navbar-default .navbar-nav>li>ul>li:not(.sub-nav-back)>a {
        color: #25579d;
        margin-top: 7px;
        font-size: 1.2632em;
        padding-left: 7px
    }

    .navbar.navbar-default .navbar-nav>li>ul>li:not(.sub-nav-back)>ul {
        display: inline-block;
        float: left;
        width: 100%;
        height: auto !important;
        position: static;
        border-top: 0 solid transparent
    }

    .navbar.navbar-default .navbar-nav>li>ul>li:not(.sub-nav-back)>ul>li {
        margin-bottom: .1em
    }

    .navbar.navbar-default .navbar-nav>li>ul>li:not(.sub-nav-back)>ul ul {
        display: none
    }

    .navbar.navbar-default .navbar-nav>li>ul>li:nth-child(2)>ul {
        margin-right: -15px
    }

    .navbar.navbar-default .navbar-nav>li>ul>li:not(:nth-child(2)) {
        border-left: 1.2px dashed #d0d0d0
    }

    .navbar.navbar-default .navbar-nav>li.selected>a,.navbar.navbar-default .navbar-nav>li:hover>a,.navbar.navbar-default .navbar-nav>li:focus>a {
        background-color: #25579d;
        color: #fff
    }

    .navbar.navbar-default .navbar-nav>li:hover>ul,.navbar.navbar-default .navbar-nav>li:focus>ul {
        z-index: 20;
        border-top: 10px solid #25579d
    }
}

@media (max-width: 991px) {
    .navbar.navbar-default .navbar-nav h2 {
        padding-left:15px
    }
}

@media (max-width: 767px) {
    .navbar.navbar-default .navbar-nav>li>a,.navbar.navbar-default .navbar-nav li a {
        padding-left:15px;
        padding-right: 39px;
        padding-top: 9px;
        padding-bottom: 9px
    }

    .navbar.navbar-default .navbar-nav li {
        font-size: .95em
    }

    .navbar.navbar-default .navbar-nav li a {
        font-size: inherit !important;
        text-transform: uppercase;
        color: inherit;
        background-color: #e4e4e4
    }

    .navbar.navbar-default .navbar-nav li a:hover,.navbar.navbar-default .navbar-nav li a:focus {
        text-decoration: none;
        color: #fff;
        background-color: #25579d
    }
}

@media (min-width: 768px) {
    .navbar.navbar-default.fixed {
        position:fixed;
        top: 0;
        width: 100%;
        box-shadow: 0 1px 6px rgba(0,0,0,0.6)
    }
}

@media (max-width: 480px) {
    .navbar.navbar-default {
        margin-top:-54px
    }
}

@media screen and (max-width: 767px) {
    .navbar-collapse.collapsing,.navbar-collapse.in {
        overflow:hidden;
        box-shadow: 0 2px 2px rgba(0,0,0,0.5)
    }

    .navbar .navbar-nav li {
        position: static !important;
        margin-top: 1px
    }

    .navbar .navbar-nav li a {
        position: relative
    }

    .navbar .navbar-nav li>ul {
        overflow: visible;
        z-index: 1000
    }

    .navbar .navbar-nav li .sub-nav {
        margin-top: 3px;
        width: 1.4em;
        height: 1.4em;
        border-radius: 50%
    }
}

.navbar.navbar-clean {
    height: auto;
    min-height: auto
}

.navbar.navbar-clean .navbar-toggle {
    border-color: #fff;
    transition: .3s
}

.navbar.navbar-clean .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar.navbar-clean .navbar-toggle:hover,.navbar.navbar-clean .navbar-toggle:focus {
    background-color: #fff
}

.navbar.navbar-clean .navbar-toggle:hover .icon-bar,.navbar.navbar-clean .navbar-toggle:focus .icon-bar {
    background-color: #1d2b74
}

.navbar.navbar-clean .nav>li>a {
    line-height: 20px;
    padding: 5px 15px;
    color: #1d2b74
}

.navbar.navbar-clean .nav>li>a img,.navbar.navbar-clean .nav>li>a svg {
    margin-top: -3px;
    height: 20px;
    width: 14px;
    margin-right: 10px
}

.navbar.navbar-clean .nav>li>a svg {
    fill: #fff
}

.navbar.navbar-clean .nav>li:first-child>a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #162057;
    background-color: #162057;
    color: #fff
}

.navbar.navbar-clean .nav>li:first-child>a:hover,.navbar.navbar-clean .nav>li:first-child>a:focus {
    border-color: #1d2b74;
    background-color: #1d2b74;
    color: #fff
}

@media (min-width: 768px) {
    .navbar.navbar-clean .nav>li:first-child>a {
        float:right
    }
}

@media (min-width: 992px) {
    .navbar.navbar-clean .nav>li:first-child>a {
        padding-left:22px;
        padding-right: 22px;
        float: right
    }
}

.navbar.navbar-clean .nav>li>a {
    background-color: transparent
}

.navbar.navbar-clean .nav>li>a:hover,.navbar.navbar-clean .nav>li>a:focus {
    border-color: #fff;
    background-color: #fff;
    color: #163158
}

@media (max-width: 767px) {
    .navbar.navbar-clean .nav>li>a:hover,.navbar.navbar-clean .nav>li>a:focus {
        color:#fff;
        background-color: #1d2b74
    }
}

@media (min-width: 768px) {
    .navbar.navbar-clean .navbar-collapse {
        padding:5px 15px 5px 12px
    }

    .navbar.navbar-clean .nav {
        width: 100%
    }

    .navbar.navbar-clean .nav>li {
        padding: 0 3px
    }

    .navbar.navbar-clean .nav>li:first-child {
        float: right;
        padding-right: 0
    }

    .navbar.navbar-clean .nav>li>a {
        border: 2px solid #fff;
        padding: 7px 9px;
        color: #fff;
        line-height: 20px
    }
}

@media (max-width: 480px - 1) {
    .navbar.navbar-clean {
        margin-top:-58px
    }

    .navbar.navbar-clean .navbar-collapse {
        box-shadow: 0 2px 2px rgba(0,0,0,0.3)
    }
}

@media (max-width: 767px) {
    .navbar.navbar-clean .navbar-collapse {
        background-color:#e4e4e4
    }

    .navbar.navbar-clean .nav>li {
        background-color: #fff
    }

    .navbar.navbar-clean .navbar-nav li {
        margin-top: 0
    }

    .navbar.navbar-clean .navbar-nav li+li {
        margin-top: 1px
    }
}
*/
#top-content {
    margin-top: -150px;
}

#top-content .row {
    margin-left: -6px;
    margin-right: -6px
}

#top-content .col-xs-1, #top-content .col-sm-1, #top-content .col-md-1, #top-content .col-lg-1, #top-content .col-xs-2, #top-content .col-sm-2, #top-content .col-md-2, #top-content .col-lg-2, #top-content .col-xs-3, #top-content .col-sm-3, #top-content .col-md-3, #top-content .col-lg-3, #top-content .col-xs-4, #top-content .col-sm-4, #top-content .col-md-4, #top-content .col-lg-4, #top-content .col-xs-5, #top-content .col-sm-5, #top-content .col-md-5, #top-content .col-lg-5, #top-content .col-xs-6, #top-content .col-sm-6, #top-content .col-md-6, #top-content .col-lg-6, #top-content .col-xs-7, #top-content .col-sm-7, #top-content .col-md-7, #top-content .col-lg-7, #top-content .col-xs-8, #top-content .col-sm-8, #top-content .col-md-8, #top-content .col-lg-8, #top-content .col-xs-9, #top-content .col-sm-9, #top-content .col-md-9, #top-content .col-lg-9, #top-content .col-xs-10, #top-content .col-sm-10, #top-content .col-md-10, #top-content .col-lg-10, #top-content .col-xs-11, #top-content .col-sm-11, #top-content .col-md-11, #top-content .col-lg-11, #top-content .col-xs-12, #top-content .col-sm-12, #top-content .col-md-12, #top-content .col-lg-12 {
    padding-left: 6px;
    padding-right: 6px
}

#top-content .parallax {
    position: relative;
    background-color: #000;
    color: #fff;
    overflow: hidden;
    background-image: url(../images/bg/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}
#top-content > div > div.container-fluid.top-content-text > div > div > h2 {
    color: white;
}

#fullwidth-content > div > div.fold.highlighted-fold > div > div > div > h2 {
    color: white;
}

@media (max-width: 480px) {
    #top-content>div {
        padding-top: 189px
    }
}

@media (max-width: 767px) {
    #top-content>div {
        padding-top: 135px
    }
}

#top-content>div>img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1
}

#top-content>div .page-title {
    margin-top: .5em;
    margin-bottom: -0.4em
}

#top-content>div .page-subtitle {
    margin: 1em 0 -0.65em;
    font-size: 1.6em;
    line-height: 1.2em;
    font-weight: 300
}

#top-content>div .page-subtitle img, #top-content>div .page-subtitle svg {
    width: 1.2em;
    height: 1.2em;
    margin-top: -0.3em;
    margin-right: .4em
}

#top-content>div .page-subtitle svg {
    fill: #fff;
    fill-opacity: .9
}

#top-content>div .btn-default {
    padding: 7px 20px;
    font-size: 1.1em
}

#top-content>div .btn-default+#top-content>div .btn-default {
    margin-left: 7px
}

#top-content>div .btn-default-inverse {
    padding: 3px 15px
}

#top-content>.findings {
    padding-top: 168px
}

.top-content-home {
    background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 480px) {
    #top-content>.findings {
        padding-top: 189px
    }
}

.eyebrow {
    position: absolute;
    white-space: nowrap;
    text-align: right;
    top: 0;
    right: 0;
    color: inherit;
    font-size: 16px;
    padding: 10px 15px
}

.eyebrow a, .eyebrow a:hover, .eyebrow a:focus {
    color: inherit
}

.eyebrow img, .eyebrow svg {
    height: 1.4em;
    max-width: 1.4em;
    margin-right: 7px
}

.top-content-text {
    font-size: 1.15rem;
    line-height: 1.3em;
    padding: .75em .5em .3em;
    margin-top: 2rem;
}

.top-content-text a:not([class]) {
    color: #fff;
    text-decoration: none;
    color: #72e4e6;
    display: inline-block;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px
}

.top-content-text a:not([class]):hover, .top-content-text a:not([class]):focus {
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid #fff
}

.top-content-text .eyebrow {
    bottom: -2em;
    color: #414141;
    z-index: 100;
    right: 15px;
    font-size: 16px;
    padding: 15px 30px
}

.top-content-text .eyebrow a, .top-content-text .eyebrow a:hover, .top-content-text .eyebrow a:focus {
    color: inherit
}

.top-content-text h2 {
    font-size: 56px;
    margin-top: 0
}

@media (min-width: 768px) {
    .top-content-text {
        padding: 1em 1em .5em
    }
}

@media (max-width: 767px) {
    .top-content-text {
        font-size: 17px
    }

    .top-content-text h2 {
        font-size: 2.2em
    }
}

@media (max-width: 480px) {
    .top-content-text h2 {
        font-size: 1.9em
    }
}

@media (max-width: 1419px) {
    h2 {
        font-size: 2.3em
    }
}

@media (max-width: 991px) {
    h2 {
        font-size: 2.1em
    }
}

@media (max-width: 480px) {
    h2 {
        font-size: 1.8em
    }
}

h2+h3 {
    margin-top: 0
}

@media (max-width: 1419px) {
    h3 {
        font-size: 2.1em
    }
}

@media (max-width: 991px) {
    h3 {
        font-size: 1.8em
    }
}

@media (max-width: 480px) {
    h3 {
        font-size: 1.5em
    }
}

h3+h4 {
    margin-top: 0
}

@media (max-width: 767px) {
    h3 {
        font-size: 1.7em
    }
}

@media (max-width: 480px) {
    h3 {
        font-size: 1.5em
    }
}

.top-content-boxes .row {
    margin: 7px 0 15px
}

.top-content-boxes .row, .top-content-boxes .row>.ms-rtestate-field {
    display: flex !important;
    flex-flow: nowrap;
    justify-content: center;
    align-content: stretch
}

@media (max-width: 991px) {
    .top-content-boxes .row, .top-content-boxes .row>.ms-rtestate-field {
        flex-flow: wrap
    }
}

@media (min-width: 1420px) {
    .top-content-boxes .row {
        margin-left: 6%;
        margin-right: 6%
    }
}

.top-content-boxes .row .top-content-box {
    flex: 1;
    flex: 1 0 0;
    flex-direction: column;
    position: relative;
    max-width: 450px;
    padding: 5px 15px 10px 15px;
    overflow: hidden;
    font-weight: 600;
    transition: background .3s;
    color: #171d1f;
    background-color: rgba(29, 160, 162, 0.92);
    text-align: left;
}

.top-content-boxes .row .top-content-box:hover,
.top-content-boxes .row .top-content-box:hover .top-content-box-title {
    text-align: left;
}

@media (min-width: 768px) {
    .top-content-boxes .row .top-content-box {
        height: 286px
    }
}

@media (max-width: 991px) {
    .top-content-boxes .row .top-content-box {
        flex-direction: row;
        flex: 0 1 48%;
        max-width: 48%
    }

    .top-content-boxes .row .top-content-box .top-content-box-more {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .top-content-boxes .row .top-content-box {
        flex: 0 1 100%;
        max-width: 99%
    }

    .top-content-boxes .row .top-content-box .top-content-box-title {
        text-align: left
    }
}

.top-content-boxes .row .top-content-box .top-content-box-title {
    font-size: 20px;
    line-height: 1.1;
    font-weight: 500;
    padding-bottom: 4px
}

@media (min-width: 768px) {
    .top-content-boxes .row .top-content-box .top-content-box-title {
        padding-top: 14px;
        font-size: 28px;
        line-height: 1.1
    }
}

.top-content-boxes .row .top-content-box .btn-default {
    border-color: #171d1f;
    color: #171d1f
}

.top-content-boxes .row .top-content-box .btn-default:hover, .top-content-boxes .row .top-content-box .btn-default:focus {
    background-color: #171d1f
}

@media (max-width: 991px) {
    .top-content-boxes .row .top-content-box .top-content-box-text {
        padding-bottom: 4em
    }
}

.top-content-boxes .row .top-content-box .top-content-box-more {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
    text-align: center
}

.top-content-boxes .row .top-content-box .top-content-box-icon {
    position: absolute;
    display: inline-block;
    text-align: center;
    top: .25em;
    left: 1em;
    padding-top: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.66);
    opacity: .92;
    transition: .2s
}

.top-content-boxes .row .top-content-box .top-content-box-icon img, .top-content-boxes .row .top-content-box .top-content-box-icon svg {
    transition: .2s;
    fill: #000
}

.top-content-boxes .row .top-content-box .top-content-box-icon img .color2, .top-content-boxes .row .top-content-box .top-content-box-icon svg .color2 {
    fill: #000
}

.top-content-boxes .row .top-content-box .top-content-box-icon img _:-ms-lang(x), .top-content-boxes .row .top-content-box .top-content-box-icon svg _:-ms-lang(x), .top-content-boxes .row .top-content-box .top-content-box-icon img .color2, .top-content-boxes .row .top-content-box .top-content-box-icon svg .color2 {
    fill: #171d1f
}

.top-content-boxes .row .top-content-box _:-ms-lang(x), .top-content-boxes .row .top-content-box .top-content-box-icon {
    background-color: rgba(255, 255, 255, 0.34)
}

@media (min-width: 768px) {
    .top-content-boxes .row .top-content-box .top-content-box-title {
        padding-left: 0
    }

    .top-content-boxes .row .top-content-box .top-content-box-icon {
        padding-top: 20px;
        top: 15px;
        left: 50%
    }

    .top-content-boxes .row .top-content-box .top-content-box-text {
        height: 0;
        opacity: 0;
        padding-bottom: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 16px;
        line-height: 18px;
        text-align: left;
    }

    .top-content-boxes .row .top-content-box .top-content-box-more {
        z-index: -1;
        opacity: 0
    }

    .top-content-boxes .row .top-content-box:hover, .top-content-boxes .row .top-content-box.active {
        text-decoration: none
    }

    .top-content-boxes .row .top-content-box:hover .top-content-box-title, .top-content-boxes .row .top-content-box.active .top-content-box-title {
        padding-top: 0;
        font-size: 22px;
        line-height: 23px
    }

    .top-content-boxes .row .top-content-box:hover .top-content-box-icon, .top-content-boxes .row .top-content-box.active .top-content-box-icon {
        top: 8px;
        padding-top: 10px
    }

    .top-content-boxes .row .top-content-box:hover .top-content-box-text, .top-content-boxes .row .top-content-box.active .top-content-box-text {
        height: auto;
        overflow: hidden;
        opacity: 1
    }

    .top-content-boxes .row .top-content-box:hover .top-content-box-more, .top-content-boxes .row .top-content-box.active .top-content-box-more {
        z-index: 0;
        opacity: 1
    }
}

.top-content-boxes .row .top-content-box .btn-default:hover, .top-content-boxes .row .top-content-box .btn-default:focus {
    color: #24c7c9
}

.top-content-boxes .row .top-content-box.blue {
    background-color: rgba(29, 176, 219, 0.92)
}

.top-content-boxes .row .top-content-box.blue .btn-default:hover, .top-content-boxes .row .top-content-box.blue .btn-default:focus {
    color: #41c0e6
}

.top-content-boxes .row .top-content-box.green {
    background-color: rgba(7, 162, 103, 0.92)
}

.top-content-boxes .row .top-content-box.green .btn-default:hover, .top-content-boxes .row .top-content-box.green .btn-default:focus {
    color: #09ce83
}

.top-content-boxes .row .top-content-box.lime {
    background-color: rgba(102, 186, 72, 0.92)
}

.top-content-boxes .row .top-content-box.lime .btn-default:hover, .top-content-boxes .row .top-content-box.lime .btn-default:focus {
    color: #82c669
}

.top-content-boxes .row .top-content-box.yellow {
    background-color: rgba(161, 209, 53, 0.92)
}

.top-content-boxes .row .top-content-box.yellow .btn-default:hover, .top-content-boxes .row .top-content-box.yellow .btn-default:focus {
    color: #b3da5a
}

.top-content-boxes .row .top-content-box.turquoise {
    background-color: rgba(66, 185, 171, 0.92)
}

.top-content-boxes .row .top-content-box.turquoise .btn-default:hover, .top-content-boxes .row .top-content-box.turquoise .btn-default:focus {
    color: #62c7bb
}

.top-content-boxes .row .top-content-box.rt-01 {
    background-color: rgba(204, 231, 5, 0.92)
}

.top-content-boxes .row .top-content-box.rt-01 .btn-default:hover, .top-content-boxes .row .top-content-box.rt-01 .btn-default:focus {
    color: #e0fa20
}

.top-content-boxes .row .top-content-box.rt-02 {
    background-color: rgba(244, 255, 67, 0.92)
}

.top-content-boxes .row .top-content-box.rt-02 .btn-default:hover, .top-content-boxes .row .top-content-box.rt-02 .btn-default:focus {
    color: #f7ff71
}

.top-content-boxes .row .top-content-box.rt-03 {
    background-color: rgba(181, 199, 6, 0.92)
}

.top-content-boxes .row .top-content-box.rt-03 .btn-default:hover, .top-content-boxes .row .top-content-box.rt-03 .btn-default:focus {
    color: #def407
}

.top-content-boxes .row .top-content-box.rt-04 {
    background-color: rgba(216, 226, 18, 0.92)
}

.top-content-boxes .row .top-content-box.rt-04 .btn-default:hover, .top-content-boxes .row .top-content-box.rt-04 .btn-default:focus {
    color: #e6ef33
}

.top-content-boxes .row .top-content-box.cb-01 {
    background-color: rgba(120, 192, 77, 0.92)
}

.top-content-boxes .row .top-content-box.cb-01 .btn-default:hover, .top-content-boxes .row .top-content-box.cb-01 .btn-default:focus {
    color: #92cc6f
}

.top-content-boxes .row .top-content-box.cb-02 {
    background-color: rgba(145, 220, 99, 0.92)
}

.top-content-boxes .row .top-content-box.cb-02 .btn-default:hover, .top-content-boxes .row .top-content-box.cb-02 .btn-default:focus {
    color: #abe488
}

.top-content-boxes .row .top-content-box.cb-03 {
    background-color: rgba(85, 152, 84, 0.92)
}

.top-content-boxes .row .top-content-box.cb-03 .btn-default:hover, .top-content-boxes .row .top-content-box.cb-03 .btn-default:focus {
    color: #6dae6c
}

.top-content-boxes .row .top-content-box.cb-04 {
    background-color: rgba(92, 170, 83, 0.92)
}

.top-content-boxes .row .top-content-box.cb-04 .btn-default:hover, .top-content-boxes .row .top-content-box.cb-04 .btn-default:focus {
    color: #79ba71
}

.top-content-boxes .row .top-content-box.gf-01 {
    background-color: rgba(95, 209, 243, 0.92)
}

.top-content-boxes .row .top-content-box.gf-01 .btn-default:hover, .top-content-boxes .row .top-content-box.gf-01 .btn-default:focus {
    color: #8addf6
}

.top-content-boxes .row .top-content-box.gf-02 {
    background-color: rgba(88, 147, 232, 0.92)
}

.top-content-boxes .row .top-content-box.gf-02 .btn-default:hover, .top-content-boxes .row .top-content-box.gf-02 .btn-default:focus {
    color: #80adee
}

.top-content-boxes .row .top-content-box.gf-03 {
    background-color: rgba(18, 197, 181, 0.92)
}

.top-content-boxes .row .top-content-box.gf-03 .btn-default:hover, .top-content-boxes .row .top-content-box.gf-03 .btn-default:focus {
    color: #1bead8
}

.top-content-boxes .row .top-content-box.gf-04 {
    background-color: rgba(63, 173, 247, 0.92)
}

.top-content-boxes .row .top-content-box.gf-04 .btn-default:hover, .top-content-boxes .row .top-content-box.gf-04 .btn-default:focus {
    color: #6bc0f9
}

.top-content-boxes .row.active .top-content-box, .top-content-boxes .row:hover .top-content-box {
    background-color: rgba(24, 134, 136, 0.92)
}

.top-content-boxes .row.active .top-content-box .top-content-box-icon, .top-content-boxes .row:hover .top-content-box .top-content-box-icon {
    background-color: rgba(255, 255, 255, 0.7);
    fill: #2d393c
}

.top-content-boxes .row.active .top-content-box _:-ms-lang(x), .top-content-boxes .row:hover .top-content-box _:-ms-lang(x), .top-content-boxes .row.active .top-content-box .top-content-box-icon, .top-content-boxes .row:hover .top-content-box .top-content-box-icon {
    background-color: rgba(255, 255, 255, 0.16)
}

.top-content-boxes .row.active .top-content-box .btn-default:hover, .top-content-boxes .row:hover .top-content-box .btn-default:hover, .top-content-boxes .row.active .top-content-box .btn-default:focus, .top-content-boxes .row:hover .top-content-box .btn-default:focus {
    color: #1fadaf
}

.top-content-boxes .row.active .top-content-box.blue, .top-content-boxes .row:hover .top-content-box.blue {
    background-color: rgba(26, 154, 192, 0.92)
}

.top-content-boxes .row.active .top-content-box.blue .btn-default:hover, .top-content-boxes .row:hover .top-content-box.blue .btn-default:hover, .top-content-boxes .row.active .top-content-box.blue .btn-default:focus, .top-content-boxes .row:hover .top-content-box.blue .btn-default:focus {
    color: #26b7e2
}

.top-content-boxes .row.active .top-content-box.green, .top-content-boxes .row:hover .top-content-box.green {
    background-color: rgba(6, 133, 84, 0.92)
}

.top-content-boxes .row.active .top-content-box.green .btn-default:hover, .top-content-boxes .row:hover .top-content-box.green .btn-default:hover, .top-content-boxes .row.active .top-content-box.green .btn-default:focus, .top-content-boxes .row:hover .top-content-box.green .btn-default:focus {
    color: #08b170
}

.top-content-boxes .row.active .top-content-box.lime, .top-content-boxes .row:hover .top-content-box.lime {
    background-color: rgba(89, 165, 62, 0.92)
}

.top-content-boxes .row.active .top-content-box.lime .btn-default:hover, .top-content-boxes .row:hover .top-content-box.lime .btn-default:hover, .top-content-boxes .row.active .top-content-box.lime .btn-default:focus, .top-content-boxes .row:hover .top-content-box.lime .btn-default:focus {
    color: #6fbe53
}

.top-content-boxes .row.active .top-content-box.yellow, .top-content-boxes .row:hover .top-content-box.yellow {
    background-color: rgba(167, 212, 65, 0.92)
}

.top-content-boxes .row.active .top-content-box.yellow .btn-default:hover, .top-content-boxes .row:hover .top-content-box.yellow .btn-default:hover, .top-content-boxes .row.active .top-content-box.yellow .btn-default:focus, .top-content-boxes .row:hover .top-content-box.yellow .btn-default:focus {
    color: #b8dc66
}

.top-content-boxes .row.active .top-content-box.turquoise, .top-content-boxes .row:hover .top-content-box.turquoise {
    background-color: rgba(75, 191, 177, 0.92)
}

.top-content-boxes .row.active .top-content-box.turquoise .btn-default:hover, .top-content-boxes .row:hover .top-content-box.turquoise .btn-default:hover, .top-content-boxes .row.active .top-content-box.turquoise .btn-default:focus, .top-content-boxes .row:hover .top-content-box.turquoise .btn-default:focus {
    color: #6dcbc0
}

.top-content-boxes .row.active .top-content-box.rt-01, .top-content-boxes .row:hover .top-content-box.rt-01 {
    background-color: rgba(204, 231, 5, 0.92)
}

.top-content-boxes .row.active .top-content-box.rt-01 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.rt-01 .btn-default:hover, .top-content-boxes .row.active .top-content-box.rt-01 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.rt-01 .btn-default:focus {
    color: #e0fa20
}

.top-content-boxes .row.active .top-content-box.rt-02, .top-content-boxes .row:hover .top-content-box.rt-02 {
    background-color: rgba(244, 255, 67, 0.92)
}

.top-content-boxes .row.active .top-content-box.rt-02 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.rt-02 .btn-default:hover, .top-content-boxes .row.active .top-content-box.rt-02 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.rt-02 .btn-default:focus {
    color: #f7ff71
}

.top-content-boxes .row.active .top-content-box.rt-03, .top-content-boxes .row:hover .top-content-box.rt-03 {
    background-color: rgba(181, 199, 6, 0.92)
}

.top-content-boxes .row.active .top-content-box.rt-03 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.rt-03 .btn-default:hover, .top-content-boxes .row.active .top-content-box.rt-03 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.rt-03 .btn-default:focus {
    color: #def407
}

.top-content-boxes .row.active .top-content-box.rt-04, .top-content-boxes .row:hover .top-content-box.rt-04 {
    background-color: rgba(216, 226, 18, 0.92)
}

.top-content-boxes .row.active .top-content-box.rt-04 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.rt-04 .btn-default:hover, .top-content-boxes .row.active .top-content-box.rt-04 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.rt-04 .btn-default:focus {
    color: #e6ef33
}

.top-content-boxes .row.active .top-content-box.cb-01, .top-content-boxes .row:hover .top-content-box.cb-01 {
    background-color: rgba(120, 192, 77, 0.92)
}

.top-content-boxes .row.active .top-content-box.cb-01 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.cb-01 .btn-default:hover, .top-content-boxes .row.active .top-content-box.cb-01 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.cb-01 .btn-default:focus {
    color: #92cc6f
}

.top-content-boxes .row.active .top-content-box.cb-02, .top-content-boxes .row:hover .top-content-box.cb-02 {
    background-color: rgba(145, 220, 99, 0.92)
}

.top-content-boxes .row.active .top-content-box.cb-02 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.cb-02 .btn-default:hover, .top-content-boxes .row.active .top-content-box.cb-02 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.cb-02 .btn-default:focus {
    color: #abe488
}

.top-content-boxes .row.active .top-content-box.cb-03, .top-content-boxes .row:hover .top-content-box.cb-03 {
    background-color: rgba(85, 152, 84, 0.92)
}

.top-content-boxes .row.active .top-content-box.cb-03 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.cb-03 .btn-default:hover, .top-content-boxes .row.active .top-content-box.cb-03 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.cb-03 .btn-default:focus {
    color: #6dae6c
}

.top-content-boxes .row.active .top-content-box.cb-04, .top-content-boxes .row:hover .top-content-box.cb-04 {
    background-color: rgba(92, 170, 83, 0.92)
}

.top-content-boxes .row.active .top-content-box.cb-04 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.cb-04 .btn-default:hover, .top-content-boxes .row.active .top-content-box.cb-04 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.cb-04 .btn-default:focus {
    color: #79ba71
}

.top-content-boxes .row.active .top-content-box.gf-01, .top-content-boxes .row:hover .top-content-box.gf-01 {
    background-color: rgba(95, 209, 243, 0.92)
}

.top-content-boxes .row.active .top-content-box.gf-01 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.gf-01 .btn-default:hover, .top-content-boxes .row.active .top-content-box.gf-01 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.gf-01 .btn-default:focus {
    color: #8addf6
}

.top-content-boxes .row.active .top-content-box.gf-02, .top-content-boxes .row:hover .top-content-box.gf-02 {
    background-color: rgba(88, 147, 232, 0.92)
}

.top-content-boxes .row.active .top-content-box.gf-02 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.gf-02 .btn-default:hover, .top-content-boxes .row.active .top-content-box.gf-02 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.gf-02 .btn-default:focus {
    color: #80adee
}

.top-content-boxes .row.active .top-content-box.gf-03, .top-content-boxes .row:hover .top-content-box.gf-03 {
    background-color: rgba(18, 197, 181, 0.92)
}

.top-content-boxes .row.active .top-content-box.gf-03 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.gf-03 .btn-default:hover, .top-content-boxes .row.active .top-content-box.gf-03 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.gf-03 .btn-default:focus {
    color: #1bead8
}

.top-content-boxes .row.active .top-content-box.gf-04, .top-content-boxes .row:hover .top-content-box.gf-04 {
    background-color: rgba(63, 173, 247, 0.92)
}

.top-content-boxes .row.active .top-content-box.gf-04 .btn-default:hover, .top-content-boxes .row:hover .top-content-box.gf-04 .btn-default:hover, .top-content-boxes .row.active .top-content-box.gf-04 .btn-default:focus, .top-content-boxes .row:hover .top-content-box.gf-04 .btn-default:focus {
    color: #6bc0f9
}

.top-content-boxes .row.active .top-content-box:hover, .top-content-boxes .row:hover .top-content-box:hover, .top-content-boxes .row.active .top-content-box.active, .top-content-boxes .row:hover .top-content-box.active {
    background-color: #1fadaf
}

.top-content-boxes .row.active .top-content-box:hover .top-content-box-title, .top-content-boxes .row:hover .top-content-box:hover .top-content-box-title, .top-content-boxes .row.active .top-content-box.active .top-content-box-title, .top-content-boxes .row:hover .top-content-box.active .top-content-box-title {
    text-align: center
}

.top-content-boxes .row.active .top-content-box:hover .top-content-box-more, .top-content-boxes .row:hover .top-content-box:hover .top-content-box-more, .top-content-boxes .row.active .top-content-box.active .top-content-box-more, .top-content-boxes .row:hover .top-content-box.active .top-content-box-more {
    z-index: 0
}

.top-content-boxes .row.active .top-content-box:hover .top-content-box-icon, .top-content-boxes .row:hover .top-content-box:hover .top-content-box-icon, .top-content-boxes .row.active .top-content-box.active .top-content-box-icon, .top-content-boxes .row:hover .top-content-box.active .top-content-box-icon {
    background-color: #fff
}

.top-content-boxes .row.active .top-content-box:hover _:-ms-lang(x), .top-content-boxes .row:hover .top-content-box:hover _:-ms-lang(x), .top-content-boxes .row.active .top-content-box.active _:-ms-lang(x), .top-content-boxes .row:hover .top-content-box.active _:-ms-lang(x), .top-content-boxes .row.active .top-content-box:hover .top-content-box-icon, .top-content-boxes .row:hover .top-content-box:hover .top-content-box-icon, .top-content-boxes .row.active .top-content-box.active .top-content-box-icon, .top-content-boxes .row:hover .top-content-box.active .top-content-box-icon {
    background-color: rgba(255, 255, 255, 0.62)
}

.top-content-boxes .row.active .top-content-box:hover.blue, .top-content-boxes .row:hover .top-content-box:hover.blue, .top-content-boxes .row.active .top-content-box.active.blue, .top-content-boxes .row:hover .top-content-box.active.blue {
    background-color: #26b7e2
}

.top-content-boxes .row.active .top-content-box:hover.green, .top-content-boxes .row:hover .top-content-box:hover.green, .top-content-boxes .row.active .top-content-box.active.green, .top-content-boxes .row:hover .top-content-box.active.green {
    background-color: #08b170
}

.top-content-boxes .row.active .top-content-box:hover.lime, .top-content-boxes .row:hover .top-content-box:hover.lime, .top-content-boxes .row.active .top-content-box.active.lime, .top-content-boxes .row:hover .top-content-box.active.lime {
    background-color: #6fbe53
}

.top-content-boxes .row.active .top-content-box:hover.yellow, .top-content-boxes .row:hover .top-content-box:hover.yellow, .top-content-boxes .row.active .top-content-box.active.yellow, .top-content-boxes .row:hover .top-content-box.active.yellow {
    background-color: #A7D441
}

.top-content-boxes .row.active .top-content-box:hover.turquoise, .top-content-boxes .row:hover .top-content-box:hover.turquoise, .top-content-boxes .row.active .top-content-box.active.turquoise, .top-content-boxes .row:hover .top-content-box.active.turquoise {
    background-color: #4bbfb1
}

.top-content-boxes .row.active .top-content-box:hover.rt-01, .top-content-boxes .row:hover .top-content-box:hover.rt-01, .top-content-boxes .row.active .top-content-box.active.rt-01, .top-content-boxes .row:hover .top-content-box.active.rt-01 {
    background-color: #cce705
}

.top-content-boxes .row.active .top-content-box:hover.rt-02, .top-content-boxes .row:hover .top-content-box:hover.rt-02, .top-content-boxes .row.active .top-content-box.active.rt-02, .top-content-boxes .row:hover .top-content-box.active.rt-02 {
    background-color: #f4ff43
}

.top-content-boxes .row.active .top-content-box:hover.rt-03, .top-content-boxes .row:hover .top-content-box:hover.rt-03, .top-content-boxes .row.active .top-content-box.active.rt-03, .top-content-boxes .row:hover .top-content-box.active.rt-03 {
    background-color: #b5c706
}

.top-content-boxes .row.active .top-content-box:hover.rt-04, .top-content-boxes .row:hover .top-content-box:hover.rt-04, .top-content-boxes .row.active .top-content-box.active.rt-04, .top-content-boxes .row:hover .top-content-box.active.rt-04 {
    background-color: #d8e212
}

.top-content-boxes .row.active .top-content-box:hover.cb-01, .top-content-boxes .row:hover .top-content-box:hover.cb-01, .top-content-boxes .row.active .top-content-box.active.cb-01, .top-content-boxes .row:hover .top-content-box.active.cb-01 {
    background-color: #78c04d
}

.top-content-boxes .row.active .top-content-box:hover.cb-02, .top-content-boxes .row:hover .top-content-box:hover.cb-02, .top-content-boxes .row.active .top-content-box.active.cb-02, .top-content-boxes .row:hover .top-content-box.active.cb-02 {
    background-color: #91dc63
}

.top-content-boxes .row.active .top-content-box:hover.cb-03, .top-content-boxes .row:hover .top-content-box:hover.cb-03, .top-content-boxes .row.active .top-content-box.active.cb-03, .top-content-boxes .row:hover .top-content-box.active.cb-03 {
    background-color: #559854
}

.top-content-boxes .row.active .top-content-box:hover.cb-04, .top-content-boxes .row:hover .top-content-box:hover.cb-04, .top-content-boxes .row.active .top-content-box.active.cb-04, .top-content-boxes .row:hover .top-content-box.active.cb-04 {
    background-color: #5caa53
}

.top-content-boxes .row.active .top-content-box:hover.gf-01, .top-content-boxes .row:hover .top-content-box:hover.gf-01, .top-content-boxes .row.active .top-content-box.active.gf-01, .top-content-boxes .row:hover .top-content-box.active.gf-01 {
    background-color: #5fd1f3
}

.top-content-boxes .row.active .top-content-box:hover.gf-02, .top-content-boxes .row:hover .top-content-box:hover.gf-02, .top-content-boxes .row.active .top-content-box.active.gf-02, .top-content-boxes .row:hover .top-content-box.active.gf-02 {
    background-color: #5893e8
}

.top-content-boxes .row.active .top-content-box:hover.gf-03, .top-content-boxes .row:hover .top-content-box:hover.gf-03, .top-content-boxes .row.active .top-content-box.active.gf-03, .top-content-boxes .row:hover .top-content-box.active.gf-03 {
    background-color: #12c5b5
}

.top-content-boxes .row.active .top-content-box:hover.gf-04, .top-content-boxes .row:hover .top-content-box:hover.gf-04, .top-content-boxes .row.active .top-content-box.active.gf-04, .top-content-boxes .row:hover .top-content-box.active.gf-04 {
    background-color: #3fadf7
}

.top-content-boxes .row .top-content-box .top-content-box-title {
    padding-left: calc(74px + 15px);
    min-height: 74px
}

.top-content-boxes .row .top-content-box .top-content-box-icon {
    width: 74px;
    height: 74px
}

.top-content-boxes .row .top-content-box .top-content-box-icon img, .top-content-boxes .row .top-content-box .top-content-box-icon svg {
    width: 54px
}

@media (min-width: 768px) {
    .top-content-boxes .row .top-content-box .top-content-box-title {
        padding-top: calc(148px + 30px);
        padding-bottom: 30px;
        padding-left: 0
    }

    .top-content-boxes .row .top-content-box .top-content-box-icon {
        margin-left: -74px;
        width: 148px;
        height: 148px
    }

    .top-content-boxes .row .top-content-box .top-content-box-icon img, .top-content-boxes .row .top-content-box .top-content-box-icon svg {
        width: 108px;
        height: 108px
    }

    .top-content-boxes .row .top-content-box .top-content-box-text {
        top: calc(74px + 15px)
    }

    .top-content-boxes .row .top-content-box:hover .top-content-box-title, .top-content-boxes .row .top-content-box.active .top-content-box-title {
        padding-top: 5px;
        padding-left: calc(74px + 15px);
        min-height: calc(74px + 15px)
    }

    .top-content-boxes .row .top-content-box:hover .top-content-box-icon, .top-content-boxes .row .top-content-box.active .top-content-box-icon {
        left: calc(74px + 15px);
        margin-left: -74px;
        width: 74px;
        height: 74px
    }

    .top-content-boxes .row .top-content-box:hover .top-content-box-icon img, .top-content-boxes .row .top-content-box.active .top-content-box-icon img, .top-content-boxes .row .top-content-box:hover .top-content-box-icon svg, .top-content-boxes .row .top-content-box.active .top-content-box-icon svg {
        width: 54px;
        height: 54px
    }
}

.bc-node {
    text-decoration: none;
}

.bc-node:last-of-type {
    color: black;
    cursor: default;
}

.bc-node::after {
    content: " > ";
    color: black;
    cursor: default;
}

.bc-node:last-of-type::after {
    content: "";
}

.top-content-collages .btn[aria-expanded=true] {
    pointer-events: none;
    background-color: #fff;
    color: #163158
}

.collage {
    position: relative
}

.collage * {
    text-shadow: none
}

@media (min-width: 768px) {
    .collage {
        margin-top: 10px;
        height: 642px
    }
}

.collage .collage-box {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .collage .collage-box.box1, .collage .collage-box.box2, .collage .collage-box.box3, .collage .collage-box.box4 {
        width: calc(50% - 12px/2);
        height: 315px
    }

    .collage .collage-box.box2, .collage .collage-box.box4 {
        float: right
    }

    .collage .collage-box.box1 {
        top: 0;
        left: 0;
        margin-bottom: 12px
    }

    .collage .collage-box.box2 {
        top: 0;
        right: 0;
        margin-bottom: 12px
    }

    .collage .collage-box.box4 {
        right: 0;
        bottom: 0;
        margin-bottom: 0
    }

    .collage .collage-box.box3 {
        left: 0;
        bottom: 0;
        margin-bottom: 0
    }
}

.collage-box {
    width: 100%;
    padding: 20px;
    position: relative;
    background-color: #fff;
    z-index: 0;
    overflow: hidden;
    transition: .3s
}

.collage-box .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: transparent;
    color: #163158;
    padding: 4px 8px;
    border: 1px solid #163158;
    line-height: 1.2em;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    font-size: 16px;
    width: auto;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    opacity: 1;
}

.collage-box .btn-close:before {
    content: 'x';
    display: inline-block;
    margin-top: -0.35em;
    font-size: 1.5em;
    font-weight: 900;
    margin-right: 7px;
    height: 100%;
    vertical-align: middle
}

.collage-box .btn-close:hover, .collage-box .btn-close:focus {
    background-color: #163158;
    color: #fff;
    border-color: #163158
}

.collage-box .collage-box-content {
    color: #414141;
    opacity: 0;
    height: 103px;
    overflow: hidden
}

@media (min-width: 768px) {
    .collage-box .collage-box-content {
        height: 0
    }
}

.collage-box .btn-default {
    margin: 20px 0
}

.collage-box:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #163158;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.collage-box:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 200;
    top: 50%;
    bottom: -50%;
    left: 0;
    right: 0;
    transition: .3s
}

.collage-box:not(.open) {
    cursor: pointer
}

.collage-box:not(.open) h2, .collage-box:not(.open) h3 {
    position: absolute;
    color: #fff;
    bottom: 12px;
    z-index: 300;
    margin: 0;
    pointer-events: none
}

.collage-box:not(.open) h3 {
    font-size: 1.75em
}

.collage-box:not(.open):hover:after {
    top: -50%;
    bottom: 0
}

.collage-box.open {
    z-index: 10
}

.collage-box.open h2, .collage-box.open h3 {
    color: #154e88;
    padding-right: 86px
}

.collage-box.open .collage-box-content {
    opacity: 1;
    height: auto
}

.collage-box.open:before {
    z-index: -1;
    opacity: .2
}

.collage-box.open:after {
    display: none
}

@media (min-width: 768px) {
    .collage-box {
        position: absolute
    }

    .collage-box.open h3 {
        margin: 0 0 .5em;
        font-size: 2.6em
    }
}

.collage1, .collage3, .collage10 {
    margin-top: 10px
}

.collage1 .collage-box, .collage3 .collage-box, .collage10 .collage-box {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .collage1 .collage-box.box1, .collage3 .collage-box.box1, .collage10 .collage-box.box1, .collage1 .collage-box.box3, .collage3 .collage-box.box3, .collage10 .collage-box.box3 {
        width: 60%
    }

    .collage1 .collage-box.box2, .collage3 .collage-box.box2, .collage10 .collage-box.box2, .collage1 .collage-box.box4, .collage3 .collage-box.box4, .collage10 .collage-box.box4 {
        width: calc(40% - 12px);
        float: right
    }

    .collage1 .collage-box.box1, .collage3 .collage-box.box1, .collage10 .collage-box.box1 {
        top: 0;
        left: 0;
        height: 388px;
        margin-bottom: 12px
    }

    .collage1 .collage-box.box2, .collage3 .collage-box.box2, .collage10 .collage-box.box2 {
        top: 0;
        right: 0;
        height: 222px;
        margin-bottom: 12px
    }

    .collage1 .collage-box.box4, .collage3 .collage-box.box4, .collage10 .collage-box.box4 {
        right: 0;
        bottom: 0;
        height: 408px;
        margin-bottom: 0
    }

    .collage1 .collage-box.box3, .collage3 .collage-box.box3, .collage10 .collage-box.box3 {
        left: 0;
        bottom: 0;
        height: 242px;
        margin-bottom: 0
    }
}

.collage1 .collage-box.box1:before, .collage5 .collage-box.box1:before {
    background-image: url(../images/bg/se-bg-1.jpg)
}

.collage1 .collage-box.box1:after, .collage5 .collage-box.box1:after {
    background: -moz-linear-gradient(bottom, #25451a 0, rgba(37, 69, 26, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #25451a 0, rgba(37, 69, 26, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #25451a, rgba(37, 69, 26, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage1 .collage-box.box2:before, .collage5 .collage-box.box2:before {
    background-image: url(../images/bg/se-bg-3.jpg)
}

.collage1 .collage-box.box2:after, .collage5 .collage-box.box2:after {
    background: -moz-linear-gradient(bottom, #125454 0, rgba(18, 84, 84, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #125454 0, rgba(18, 84, 84, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #125454, rgba(18, 84, 84, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage1 .collage-box.box4:before, .collage5 .collage-box.box4:before {
    background-image: url(../images/bg/se-bg-4.jpg)
}

.collage1 .collage-box.box4:after, .collage5 .collage-box.box4:after {
    background: -moz-linear-gradient(bottom, #091106 0, rgba(9, 17, 6, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #091106 0, rgba(9, 17, 6, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #091106, rgba(9, 17, 6, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage1 .collage-box.box3:before, .collage5 .collage-box.box3:before {
    background-image: url(../images/bg/se-bg-2.jpg);
    background-position: left top
}

.collage1 .collage-box.box3:after, .collage5 .collage-box.box3:after {
    background: -moz-linear-gradient(bottom, #070a1a 0, rgba(7, 10, 26, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #070a1a 0, rgba(7, 10, 26, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #070a1a, rgba(7, 10, 26, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage2 .collage-box, .collage6 .collage-box {
    margin-bottom: 10px
}

.collage2 .collage-box.box1:before, .collage6 .collage-box.box1:before {
    background-image: url(../images/bg/se-bg-5.jpg)
}

.collage2 .collage-box.box1:after, .collage6 .collage-box.box1:after {
    background: -moz-linear-gradient(bottom, #051919 0, rgba(5, 25, 25, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #051919 0, rgba(5, 25, 25, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #051919, rgba(5, 25, 25, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage2 .collage-box.box2:before, .collage6 .collage-box.box2:before {
    background-image: url(../images/bg/se-bg-6.jpg)
}

.collage2 .collage-box.box2:after, .collage6 .collage-box.box2:after {
    background: -moz-linear-gradient(bottom, #003e50 0, rgba(0, 62, 80, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #003e50 0, rgba(0, 62, 80, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #003e50, rgba(0, 62, 80, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage2 .collage-box.box4:before, .collage6 .collage-box.box4:before {
    background-image: url(../images/bg/se-bg-7.jpg)
}

.collage2 .collage-box.box4:after, .collage6 .collage-box.box4:after {
    background: -moz-linear-gradient(bottom, #341d4f 0, rgba(52, 29, 79, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #341d4f 0, rgba(52, 29, 79, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #341d4f, rgba(52, 29, 79, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage2 .collage-box.box3:before, .collage6 .collage-box.box3:before {
    background-image: url(../images/bg/se-bg-8.jpg);
    background-position: center top
}

.collage2 .collage-box.box3:after, .collage6 .collage-box.box3:after {
    background: -moz-linear-gradient(bottom, #315b22 0, rgba(49, 91, 34, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #315b22 0, rgba(49, 91, 34, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #315b22, rgba(49, 91, 34, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

@media (min-width: 768px) {
    .collage2 .collage-box {
        float: left
    }

    .collage2 .collage-box.box1, .collage2 .collage-box.box2, .collage2 .collage-box.box3, .collage2 .collage-box.box4 {
        height: 206px
    }

    .collage2 .collage-box.box1, .collage2 .collage-box.box2, .collage2 .collage-box.box4 {
        margin-bottom: 12px
    }

    .collage2 .collage-box.box1, .collage2 .collage-box.box3 {
        width: 100%
    }

    .collage2 .collage-box.box2, .collage2 .collage-box.box4 {
        width: calc(50% - 12px/2)
    }

    .collage2 .collage-box.box1 {
        top: 0;
        left: 0;
        margin-bottom: 12px
    }

    .collage2 .collage-box.box2 {
        top: 218px;
        left: 0;
        margin-bottom: 12px
    }

    .collage2 .collage-box.box2.open {
        top: 0
    }

    .collage2 .collage-box.box4 {
        top: 218px;
        right: 0;
        float: right
    }

    .collage2 .collage-box.box4.open {
        top: 0
    }

    .collage2 .collage-box.box3 {
        bottom: 0;
        float: right;
        margin-bottom: 0
    }
}

.collage3 .collage-box.box1:before, .collage7 .collage-box.box1:before {
    background-image: url(../images/bg/se-bg-9.jpg)
}

.collage3 .collage-box.box1:after, .collage7 .collage-box.box1:after {
    background: -moz-linear-gradient(bottom, #190617 0, rgba(25, 6, 23, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #190617 0, rgba(25, 6, 23, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #190617, rgba(25, 6, 23, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage3 .collage-box.box2:before, .collage7 .collage-box.box2:before {
    background-image: url(../images/bg/se-bg-10.jpg)
}

.collage3 .collage-box.box2:after, .collage7 .collage-box.box2:after {
    background: -moz-linear-gradient(bottom, #224b21 0, rgba(34, 75, 33, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #224b21 0, rgba(34, 75, 33, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #224b21, rgba(34, 75, 33, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage3 .collage-box.box4:before, .collage7 .collage-box.box4:before {
    background-image: url(../images/bg/se-bg-11.jpg)
}

.collage3 .collage-box.box4:after, .collage7 .collage-box.box4:after {
    background: -moz-linear-gradient(bottom, #081d2f 0, rgba(8, 29, 47, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #081d2f 0, rgba(8, 29, 47, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #081d2f, rgba(8, 29, 47, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage3 .collage-box.box3:before, .collage7 .collage-box.box3:before {
    background-image: url(../images/bg/se-bg-12.jpg);
    background-position: left top
}

.collage3 .collage-box.box3:after, .collage7 .collage-box.box3:after {
    background: -moz-linear-gradient(bottom, #400000 0, rgba(64, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #400000 0, rgba(64, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #400000, rgba(64, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage4 .collage-box, .collage8 .collage-box {
    margin-bottom: 10px
}

.collage4 .collage-box.box1:before, .collage8 .collage-box.box1:before {
    background-image: url(../images/bg/se-bg-13.jpg)
}

.collage4 .collage-box.box1:after, .collage8 .collage-box.box1:after {
    background: -moz-linear-gradient(bottom, #371539 0, rgba(55, 21, 57, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #371539 0, rgba(55, 21, 57, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #371539, rgba(55, 21, 57, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage4 .collage-box.box2:before, .collage8 .collage-box.box2:before {
    background-image: url(../images/bg/se-bg-14.jpg)
}

.collage4 .collage-box.box2:after, .collage8 .collage-box.box2:after {
    background: -moz-linear-gradient(bottom, #2e0000 0, rgba(46, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #2e0000 0, rgba(46, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #2e0000, rgba(46, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage4 .collage-box.box3:before, .collage8 .collage-box.box3:before {
    background-image: url(../images/bg/se-bg-15.jpg)
}

.collage4 .collage-box.box3:after, .collage8 .collage-box.box3:after {
    background: -moz-linear-gradient(bottom, #104979 0, rgba(16, 73, 121, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #104979 0, rgba(16, 73, 121, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #104979, rgba(16, 73, 121, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage4 .collage-box.box4, .collage8 .collage-box.box4 {
    display: none
}

.collage9 .collage-box {
    margin-bottom: 10px
}

.collage9 .collage-box.box1:before {
    background-image: url(../images/Amaro.png)
}

.collage9 .collage-box.box1:after {
    background: -moz-linear-gradient(bottom, #371539 0, rgba(55, 21, 57, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #371539 0, rgba(55, 21, 57, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #371539, rgba(55, 21, 57, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage9 .collage-box.box2:before {
    background-image: url(../images/e-coli.jpg)
}

.collage9 .collage-box.box2:after {
    background: -moz-linear-gradient(bottom, #2e0000 0, rgba(46, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #2e0000 0, rgba(46, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #2e0000, rgba(46, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage9 .collage-box.box3:before {
    background-image: url(../images/jasmine.jpg)
}

.collage9 .collage-box.box3:after {
    background: -moz-linear-gradient(bottom, #104979 0, rgba(16, 73, 121, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #104979 0, rgba(16, 73, 121, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #104979, rgba(16, 73, 121, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage9 .collage-box.box4 {
    display: none
}

.collage10 .collage-box.box1:before {
    background-image: url(../images/multicolorstorm1.jpg)
}

.collage10 .collage-box.box1:after {
    background: -moz-linear-gradient(bottom, #190617 0, rgba(25, 6, 23, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #190617 0, rgba(25, 6, 23, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #190617, rgba(25, 6, 23, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage10 .collage-box.box2:before {
    background-image: url(../images/Warfarin.jpg)
}

.collage10 .collage-box.box2:after {
    background: -moz-linear-gradient(bottom, #224b21 0, rgba(34, 75, 33, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #224b21 0, rgba(34, 75, 33, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #224b21, rgba(34, 75, 33, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage10 .collage-box.box4:before {
    background-image: url(../images/Brain_map.jpg)
}

.collage10 .collage-box.box4:after {
    background: -moz-linear-gradient(bottom, #081d2f 0, rgba(8, 29, 47, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #081d2f 0, rgba(8, 29, 47, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #081d2f, rgba(8, 29, 47, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage10 .collage-box.box3:before {
    background-image: url(../images/knotcover.jpg);
    background-position: left top
}

.collage10 .collage-box.box3:after {
    background: -moz-linear-gradient(bottom, #400000 0, rgba(64, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #400000 0, rgba(64, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #400000, rgba(64, 0, 0, 0.8) 62%, rgba(0, 0, 0, 0) 100%)
}

.collage4 .collage-box.box1, .collage9 .collage-box.box1 {
    width: 100%
}

@media (min-width: 768px) {
    .collage4 .collage-box, .collage9 .collage-box {
        float: left
    }

    .collage4 .collage-box.box1, .collage9 .collage-box.box1, .collage4 .collage-box.box2, .collage9 .collage-box.box2, .collage4 .collage-box.box3, .collage9 .collage-box.box3 {
        margin-bottom: 12px
    }

    .collage4 .collage-box.box2, .collage9 .collage-box.box2, .collage4 .collage-box.box3, .collage9 .collage-box.box3 {
        height: 335px;
        width: calc(50% - 12px/2)
    }

    .collage4 .collage-box.box1, .collage9 .collage-box.box1 {
        height: 295px;
        top: 0;
        left: 0;
        margin-bottom: 12px
    }

    .collage4 .collage-box.box2, .collage9 .collage-box.box2 {
        top: 307px;
        left: 0;
        right: auto;
        margin-bottom: 12px
    }

    .collage4 .collage-box.box2.open, .collage9 .collage-box.box2.open {
        top: 0
    }

    .collage4 .collage-box.box3, .collage9 .collage-box.box3 {
        top: 307px;
        right: 0;
        left: auto;
        float: right
    }

    .collage4 .collage-box.box3.open, .collage9 .collage-box.box3.open {
        top: 0
    }
}

.collage .collage-box.open {
    width: 100%;
    height: auto;
    z-index: 10
}

@media (min-width: 768px) {
    .collage .collage-box.open {
        height: 642px
    }
}

@media (max-width: 767px) {
    .govlinks {
        display: none
    }
}

.callouts-title {
    font-size: 24px;
    margin-top: 0
}

.callout-box-text {
    display: block;
    position: absolute;
    height: 300px;
    max-height: 300px;
    left: 0;
    right: 0;
    top: 176px;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.6);
    transition: .3s
}

@media (max-width: 767px) {
    .callout-box-text {
        top: 0;
        vertical-align: bottom
    }
}

.callout-box-text h4 {
    font-size: 1.3em
}

.callout-box-text .more {
    transition: .3s;
    position: absolute;
    bottom: 15px;
    opacity: 0
}

.callout-box {
    display: block;
    position: relative;
    margin-bottom: 15px;
    height: 300px;
    max-height: 300px;
    overflow: hidden;
    background-color: #414141;
    color: #fff;
    background-size: cover
}

.callout-box.callout-box-taller {
    height: 360px;
    max-height: 360px
}

.callout-box.callout-box-taller .callout-box-text {
    height: 360px;
    max-height: 360px;
    top: 236px
}

.callout-box.callout-box-tallest {
    height: 400px;
    max-height: 400px
}

.callout-box.callout-box-tallest .callout-box-text {
    height: 400px;
    max-height: 400px;
    top: 276px
}

.callout-box a {
    color: #fff
}

.callout-box a:hover, .callout-box a:focus {
    color: #fff
}

.callout-box img {
    opacity: 0;
    visibility: hidden
}

.callout-box:hover, .callout-box:focus {
    color: #fff
}

@media (min-width: 992px) {
    .callout-box:hover .callout-box-text, .callout-box:focus .callout-box-text {
        top: 0
    }

    .callout-box:hover .callout-box-text .more, .callout-box:focus .callout-box-text .more {
        opacity: 1
    }
}

.flexslider {
    border: 0;
    margin-bottom: 7px
}

.flexslider.flexslider-main .slides li, .flexslider.flexslider-main .slides li .slide-content {
    min-height: 360px;
    height: 360px
}

@media (min-width: 480px) {
    .flexslider.flexslider-main .slides li, .flexslider.flexslider-main .slides li .slide-content {
        min-height: 320px;
        height: 320px
    }
}

@media (min-width: 768px) {
    .flexslider.flexslider-main .slides li, .flexslider.flexslider-main .slides li .slide-content {
        min-height: 320px;
        height: 320px
    }
}

@media (min-width: 992px) {
    .flexslider.flexslider-main .slides li, .flexslider.flexslider-main .slides li .slide-content {
        min-height: 360px;
        height: 360px
    }
}

@media (min-width: 1420px) {
    .flexslider.flexslider-main .slides li, .flexslider.flexslider-main .slides li .slide-content {
        min-height: 360px;
        height: 360px
    }
}

.flexslider.flexslider-main .slides li img {
    display: inline-block;
    width: auto;
    height: auto
}

.flexslider.flexslider-main .slides li .img-wrapper {
    overflow: hidden;
    width: 37%;
    min-height: 144px;
    height: 144px;
    background-size: auto 102px;
    background-repeat: no-repeat;
    background-position: 15px 42px
}

.flexslider.flexslider-main .slides li .img-wrapper img {
    width: auto;
    height: 100%
}

@media (min-width: 480px) {
    .flexslider.flexslider-main .slides li .img-wrapper {
        background-size: cover;
        background-position: center center;
        min-height: 320px;
        height: 320px
    }
}

@media (min-width: 768px) {
    .flexslider.flexslider-main .slides li .img-wrapper {
        min-height: 320px;
        height: 320px
    }
}

@media (min-width: 992px) {
    .flexslider.flexslider-main .slides li .img-wrapper {
        min-height: 360px;
        height: 360px
    }
}

@media (min-width: 1420px) {
    .flexslider.flexslider-main .slides li .img-wrapper {
        min-height: 360px;
        height: 360px
    }
}

.flexslider.flexslider-main .slides li .slide-content {
    width: 63%;
    padding: 1.6em 30px 20px;
    font-size: 18px;
    color: #414141
}

.flexslider.flexslider-main .slides li .slide-content h2 {
    font-size: 36px
}

@media (max-width: 768px) {
    .flexslider.flexslider-main .slides li .slide-content {
        font-size: 14px
    }

    .flexslider.flexslider-main .slides li .slide-content h2 {
        font-size: 25px;
        margin-top: 15px;
        margin-bottom: 5px
    }
}

@media (max-width: 992px) {
    .flexslider.flexslider-main .slides li .slide-content {
        font-size: 16px;
        padding-right: 15px;
        padding-left: 15px
    }

    .flexslider.flexslider-main .slides li .slide-content h2 {
        font-size: 30px
    }
}

@media (max-width: 768px) {
    .flexslider.flexslider-main .slides li .slide-content {
        font-size: 14px
    }

    .flexslider.flexslider-main .slides li .slide-content h2 {
        font-size: 25px;
        margin-top: 15px;
        margin-bottom: 5px
    }
}

@media (max-width: 480px) {
    .flexslider.flexslider-main .slides li .slide-content {
        padding-top: 0
    }
}

.flexslider.flexslider-main .slides li .slide-content, .flexslider.flexslider-main .slides li .img-wrapper {
    display: inline-block;
    float: left
}

@media (max-width: 480px) {
    .flexslider.flexslider-main .slides li .slide-content, .flexslider.flexslider-main .slides li .img-wrapper {
        display: block;
        width: 100%
    }
}

.flexslider.flexslider-thumbs {
    background: transparent
}

.flexslider.flexslider-thumbs .slides li {
    margin-right: 7px;
    min-height: 148px;
    height: 148px
}

.flexslider.flexslider-thumbs .slides li .callout-box-text {
    padding-top: 0;
    top: 88px
}

@media (min-width: 768px) {
    .flexslider.flexslider-thumbs .slides li {
        min-height: 188px;
        height: 188px
    }

    .flexslider.flexslider-thumbs .slides li .callout-box-text {
        top: 108px
    }
}

.flexslider.flexslider-thumbs .callout-box, .flexslider.flexslider-thumbs .callout-box-text {
    height: 188px
}

.flexslider.flexslider-thumbs .flex-direction-nav .flex-prev, .flexslider.flexslider-thumbs .flex-direction-nav .flex-next {
    color: transparent;
    background-color: #46558b;
    width: auto;
    height: 148px;
    top: 0;
    margin: 0;
    opacity: 1
}

.flexslider.flexslider-thumbs .flex-direction-nav .flex-prev svg, .flexslider.flexslider-thumbs .flex-direction-nav .flex-next svg {
    margin: 58.5px 0;
    fill: rgba(255, 255, 255, 0.9);
    width: 24px;
    height: 111px
}

.flexslider.flexslider-thumbs .flex-direction-nav .flex-prev:before, .flexslider.flexslider-thumbs .flex-direction-nav .flex-next:before, .flexslider.flexslider-thumbs .flex-direction-nav .flex-prev:after, .flexslider.flexslider-thumbs .flex-direction-nav .flex-next:after {
    content: ''
}

@media (min-width: 768px) {
    .flexslider.flexslider-thumbs .flex-direction-nav .flex-prev, .flexslider.flexslider-thumbs .flex-direction-nav .flex-next {
        height: 188px
    }

    .flexslider.flexslider-thumbs .flex-direction-nav .flex-prev svg, .flexslider.flexslider-thumbs .flex-direction-nav .flex-next svg {
        margin: 38.5px 10px
    }
}

.flexslider.flexslider-thumbs .flex-direction-nav .flex-prev:not(.flex-disabled) {
    left: 0
}

.flexslider.flexslider-thumbs .flex-direction-nav .flex-next:not(.flex-disabled) {
    right: 0
}

.topic-heading {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: inherit
}

@media (max-width: 480px) {
    .topic-heading {
        margin-top: 10px
    }
}

.topic-tag {
    position: relative;
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 5px;
    padding: 3px 7px 3px 28px;
    background-color: #e4e4e4;
    color: #333;
    border-radius: 4px;
    font-size: 16px
}

.topic-tag:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 7px;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #333
}

a.topic-tag:hover, a.topic-tag:focus {
    background-color: #d5d5d5;
    color: #171d1f;
    text-decoration: none
}

@media (max-width: 768px) {
    .topic-tag {
        font-size: 14px
    }
}

.topic-tag.topic1 {
    background-color: #d8e2f2;
    color: #203b63
}

.topic-tag.topic1:before {
    background-color: #3460a1
}

a.topic-tag.topic1:hover, a.topic-tag.topic1:focus {
    background-color: #c5d4ec;
    color: #23406b
}

.topic-tag.topic2 {
    background-color: #dcfcc4;
    color: #357405
}

.topic-tag.topic2:before {
    background-color: #58c309
}

a.topic-tag.topic2:hover, a.topic-tag.topic2:focus {
    background-color: #cdfbac;
    color: #397e06
}

.topic-tag.topic3 {
    background-color: #efe5f7;
    color: #4f2373
}

.topic-tag.topic3:before {
    background-color: #7936b2
}

a.topic-tag.topic3:hover, a.topic-tag.topic3:focus {
    background-color: #e3d2f1;
    color: #54267b
}

.topic-tag.topic4 {
    background-color: #dcf1f4;
    color: #225e67
}

.topic-tag.topic4:before {
    background-color: #3697a5
}

a.topic-tag.topic4:hover, a.topic-tag.topic4:focus {
    background-color: #c8e9ed;
    color: #24666f
}

.topic-tag.topic5 {
    background-color: #fbeed9;
    color: #7f560f
}

.topic-tag.topic5:before {
    background-color: #c88717
}

a.topic-tag.topic5:hover, a.topic-tag.topic5:focus {
    background-color: #f8e4c2;
    color: #885c10
}

.topic-tag.topic6 {
    background-color: #effaf6;
    color: #287b5d
}

.topic-tag.topic6:before {
    background-color: #3cb88b
}

a.topic-tag.topic6:hover, a.topic-tag.topic6:focus {
    background-color: #dcf4eb;
    color: #2a8262
}

.topic-tag.topic7 {
    background-color: #fbf3f8;
    color: #7a2e60
}

.topic-tag.topic7:before {
    background-color: #b5448f
}

a.topic-tag.topic7:hover, a.topic-tag.topic7:focus {
    background-color: #f4e1ed;
    color: #813166
}

.topic-tag.topic8 {
    background-color: #b5c1e7;
    color: #151f41
}

.topic-tag.topic8:before {
    background-color: #293d7f
}

a.topic-tag.topic8:hover, a.topic-tag.topic8:focus {
    background-color: #a2b0e1;
    color: #172349
}

.topic-tag.topic9 {
    background-color: #f9d7d2;
    color: #771b0f
}

.topic-tag.topic9:before {
    background-color: #bf2c18
}

a.topic-tag.topic9:hover, a.topic-tag.topic9:focus {
    background-color: #f7c3bc;
    color: #801d10
}

.topic-tag.topic10 {
    background-color: #f1f4dc;
    color: #606722
}

.topic-tag.topic10:before {
    background-color: #99a536
}

a.topic-tag.topic10:hover, a.topic-tag.topic10:focus {
    background-color: #eaedc8;
    color: #676f24
}

.btn-arrow-left:before, .btn-arrow-right:before {
    content: '';
    display: inline-block;
    width: 1.6em;
    height: 1.4em;
    background-repeat: no-repeat
}

.btn-arrow-right:before {
    margin-top: -0.2em;
    background-position: 2px center;
    background-size: .925em .925em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21px' height='21px' viewBox='0 0 112.5 84.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M72.3,2l40.2,40.3L72.3,82.5c-2.7,2.7-7,2.7-9.6,0l0,0c-2.7-2.7-2.7-7,0-9.6l23.8-23.8H6.8 C3.1,49.1,0,46,0,42.3v0c0-3.8,3.1-6.8,6.8-6.8h79.6L62.7,11.6C60,9,60,4.7,62.7,2l0,0C65.3-0.7,69.6-0.7,72.3,2z'/%3E%3C/svg%3E")
}

.btn-arrow-left:before {
    margin-right: .75em;
    margin-bottom: -0.2em;
    margin-left: 10px;
    background-position: 2px center;
    background-size: 1.4em 1.4em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21px' height='21px' viewBox='0 0 112.5 84.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231d6cbd' d='M49.9,2L49.9,2c2.7,2.7,2.7,7,0,9.6L26.1,35.4h79.6c3.8,0,6.8,3.1,6.8,6.8v0c0,3.8-3.1,6.8-6.8,6.8H26.1 l23.8,23.8c2.7,2.7,2.7,7,0,9.6l0,0c-2.7,2.7-7,2.7-9.6,0L0,42.3L40.2,2C42.9-0.7,47.2-0.7,49.9,2zz'/%3E%3C/svg%3E")
}

svg {
    max-width: 160px
}

.well-styleguide {
    margin: 5px 5px 5px 0;
    padding: 7px 15px;
    border: 1px solid #000;
    font-weight: 600
}

.container-fluid {
    overflow: visible;
    max-width: 1420px;
}

.btn {
    padding: 5px 30px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 2px solid #154e88
}

.btn:hover {
    text-decoration: none;
}

.btn-default, .btn-default:link, .btn-default:visited {
    background-color: transparent;
    padding: 5px 30px;
    border: 2px solid #154e88;
    color: #175595;
    font-weight: bold;
    text-decoration: none;
}

.btn-default:focus, .btn-default:link:focus, .btn-default:visited:focus, .btn-default:hover, .btn-default:link:hover, .btn-default:visited:hover {
    background-color: #154e88;
    border-color: #154e88;
    color: #fff;
    text-decoration: none;
}

.btn-default.btn-default-inverse {
    background-color: #154e88;
    color: #fff
}

.btn-default.btn-default-inverse:hover, .btn-default.btn-default-inverse:focus {
    background-color: transparent;
    color: #175595
}

.btn-block {
    margin-top: .5em
}

.btn-block, .btn-block:link, .btn-block:visited {
    background-color: #fff;
    color: #1d6cbd;
    padding: .75em 1em;
    border: 2px solid #1d6cbd;
    text-align: center;
    text-shadow: none;
    max-width: 575px
}

.btn-block:hover, .btn-block:link:hover, .btn-block:visited:hover, .btn-block:focus, .btn-block:link:focus, .btn-block:visited:focus {
    background-color: #1d6cbd;
    color: #fff
}

.btn-block:hover svg .color1, .btn-block:link:hover svg .color1, .btn-block:visited:hover svg .color1, .btn-block:focus svg .color1, .btn-block:link:focus svg .color1, .btn-block:visited:focus svg .color1 {
    fill: #fff
}

.btn-block+.btn-block {
    margin-top: 1em
}

.actions {
    display: table;
    width: 100%;
    vertical-align: middle
}

.vertical {
    display: table
}

.vertical .vertical-middle {
    display: table-cell;
    vertical-align: middle
}

.light-label {
    font-size: 28px;
    font-weight: 300;
    font-style: italic;
    margin-right: 1em
}

.btn-icon, .btn-icon:link, .btn-icon:visited {
    position: relative;
    display: table;
    width: 375px;
    max-width: calc(100% - 10px);
    height: 5.6em;
    padding-left: 5.2em;
    text-align: left;
    font-size: 1.2353em;
    white-space: normal;
    border-radius: 0
}

@media (min-width: 768px) {
    .btn-icon, .btn-icon:link, .btn-icon:visited {
        min-width: 375px
    }
}

.btn-icon img, .btn-icon:link img, .btn-icon:visited img, .btn-icon svg, .btn-icon:link svg, .btn-icon:visited svg {
    position: absolute;
    left: .5em;
    top: .5em;
    width: 4.2em;
    height: 4.2em;
    fill: #1d6cbd
}

.btn-icon:before, .btn-icon:link:before, .btn-icon:visited:before {
    position: absolute;
    display: block;
    content: '';
    left: .5em;
    top: .5em;
    width: 4.2em;
    height: 4.2em;
    transition: .3s;
    background-size: 4.2em 4.2em;
    background-repeat: no-repeat
}

.btn-icon:hover img, .btn-icon:link:hover img, .btn-icon:visited:hover img, .btn-icon:focus img, .btn-icon:link:focus img, .btn-icon:visited:focus img, .btn-icon:hover svg, .btn-icon:link:hover svg, .btn-icon:visited:hover svg, .btn-icon:focus svg, .btn-icon:link:focus svg, .btn-icon:visited:focus svg {
    fill: #fff
}

@media (max-width: 480px) {
    .btn-icon, .btn-icon:link, .btn-icon:visited {
        width: 100%
    }
}

.btn-white, .btn-white:link, .btn-white:visited {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    font-weight: 600
}

.btn-white:hover, .btn-white:link:hover, .btn-white:visited:hover, .btn-white:focus, .btn-white:link:focus, .btn-white:visited:focus {
    color: #154e88;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9)
}

.btn-white.btn-block, .btn-white:link.btn-block, .btn-white:visited.btn-block {
    padding: .5em
}

.btn-white.btn-icon, .btn-white:link.btn-icon, .btn-white:visited.btn-icon {
    padding-left: 5em;
    height: 4.8em
}

.btn-white.btn-icon img, .btn-white:link.btn-icon img, .btn-white:visited.btn-icon img, .btn-white.btn-icon svg, .btn-white:link.btn-icon svg, .btn-white:visited.btn-icon svg {
    transition: .3s;
    left: .9em;
    top: .8em;
    width: 3.2em;
    height: calc(3.2em - 4px);
    fill: #fff
}

.btn-white.btn-icon:hover img, .btn-white:link.btn-icon:hover img, .btn-white:visited.btn-icon:hover img, .btn-white.btn-icon:focus img, .btn-white:link.btn-icon:focus img, .btn-white:visited.btn-icon:focus img, .btn-white.btn-icon:hover svg, .btn-white:link.btn-icon:hover svg, .btn-white:visited.btn-icon:hover svg, .btn-white.btn-icon:focus svg, .btn-white:link.btn-icon:focus svg, .btn-white:visited.btn-icon:focus svg {
    fill: #154e88
}

.btn-white-inverse, .btn-white-inverse:link, .btn-white-inverse:visited {
    background-color: #fff;
    color: #154e88;
    border-color: #fff
}

.btn-white-inverse:hover, .btn-white-inverse:link:hover, .btn-white-inverse:visited:hover, .btn-white-inverse:focus, .btn-white-inverse:link:focus, .btn-white-inverse:visited:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.btn-white-inverse.btn-block, .btn-white-inverse:link.btn-block, .btn-white-inverse:visited.btn-block {
    padding: .5em
}

.btn-white-inverse.btn-icon, .btn-white-inverse:link.btn-icon, .btn-white-inverse:visited.btn-icon {
    padding-left: 5em;
    height: 4.8em
}

.btn-white-inverse.btn-icon img, .btn-white-inverse:link.btn-icon img, .btn-white-inverse:visited.btn-icon img, .btn-white-inverse.btn-icon svg, .btn-white-inverse:link.btn-icon svg, .btn-white-inverse:visited.btn-icon svg {
    transition: .3s;
    left: .9em;
    top: .8em;
    width: 3.2em;
    height: calc(3.2em - 4px);
    fill: #154e88
}

.btn-white-inverse.btn-icon:hover img, .btn-white-inverse:link.btn-icon:hover img, .btn-white-inverse:visited.btn-icon:hover img, .btn-white-inverse.btn-icon:focus img, .btn-white-inverse:link.btn-icon:focus img, .btn-white-inverse:visited.btn-icon:focus img, .btn-white-inverse.btn-icon:hover svg, .btn-white-inverse:link.btn-icon:hover svg, .btn-white-inverse:visited.btn-icon:hover svg, .btn-white-inverse.btn-icon:focus svg, .btn-white-inverse:link.btn-icon:focus svg, .btn-white-inverse:visited.btn-icon:focus svg {
    fill: #fff
}

.btn-gray {
    background-color: transparent;
    border-color: #777;
    transition: .3s
}

.btn-gray:hover, .btn-gray:focus {
    background-color: #175595;
    border-color: #175595;
    color: white
}

.btn-round {
    display: inline-block;
    padding: 7px 1px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center
}

.btn-round img, .btn-round svg {
    width: 24px;
    height: 24px
}

.btn-round:hover, .btn-round:focus {
    background-color: #1d6cbd
}

.btn-round.btn-round-lg {
    padding: 8px 1px;
    width: 48px;
    height: 48px
}

.btn-round.btn-round-lg img, .btn-round.btn-round-lg svg {
    width: 32px;
    height: 32px
}

.btn-round.btn-round-sm {
    padding: 5px 1px;
    width: 33px;
    height: 33px
}

.btn-round.btn-round-sm img, .btn-round.btn-round-sm svg {
    width: 21px;
    height: 21px
}

.callout-box, .collage-box, .media .pull-left, .bg-cover {
    background-size: cover;
    background-position: center top
}

.media-tags [class*=icon-sm-]:not(ul) {
    text-transform: capitalize;
    color: #1d2b74;
    background-color: #e4e4e4;
    padding: 2px 8px 2px 32px;
    line-height: 20px;
    white-space: nowrap;
    border-radius: 3px
}

.media-tags [class*=icon-sm-]:not(ul):before {
    top: 2px;
    left: 4px;
    height: 20px;
    width: 20px;
    background-color: none;
    border-radius: 0
}

.media-tags a[class*=icon-sm-]:not(ul):hover, .media-tags a[class*=icon-sm-]:not(ul):focus {
    background-color: #d5d5d5
}

.media {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 169px;
    color: inherit
}

.media>.pull-left, .media>.pull-right {
    width: 154px;
    height: 154px;
    overflow: hidden
}

.media>.pull-left img, .media>.pull-right img {
    width: 120%;
    margin-left: -10%
}

.media .media-heading {
    font-size: 1.3em;
    font-weight: 600
}

.media .topic-heading {
    margin-top: 16px
}

.media .media-meta, .media .media-date {
    font-style: italic
}

.media .media-more {
    text-transform: capitalize
}

@media (max-width: 480px) {
    .media {
        min-height: 127px
    }

    .media>.pull-left, .media>.pull-right {
        width: 86px;
        height: 86px
    }

    .media>.pull-right {
        margin-left: 10px
    }

    .media>.pull-left {
        margin-right: 10px
    }
}

.media.media-sm {
    min-height: 109px
}

.media.media-sm>.pull-left, .media.media-sm>.pull-right {
    width: 94px;
    height: 94px;
    overflow: hidden
}

.media.media-sm>.pull-left img, .media.media-sm>.pull-right img {
    width: 100%;
    margin-left: 0
}

.media.media-sm .media-heading {
    font-size: 1em
}

.media.media-sm .media-heading a {
    color: inherit
}

.media.media-sm .topic-heading {
    margin-top: 10px
}

@media (max-width: 480px) {
    .media.media-sm {
        min-height: 88px
    }

    .media.media-sm>.pull-left, .media.media-sm>.pull-right {
        width: 74px;
        height: 74px
    }
}

.media.media-blue {
    padding: 10px;
    background-color: #ecf2f7
}

.media.media-blue .media-heading {
    color: #171d1f
}

a.media.media-blue:hover, a.media.media-blue:focus {
    background-color: #d6e9f9
}

.media.media-lg {
    min-height: 284px;
    margin-bottom: 25px
}

.media.media-lg>.pull-left, .media.media-lg>.pull-right {
    width: 308px;
    height: 284px;
    overflow: hidden;
    border: 1px solid #e4e4e4
}

.media.media-lg>.pull-left img, .media.media-lg>.pull-right img {
    width: 100%;
    margin-left: 0
}

.media.media-lg .media-heading {
    color: inherit;
    font-size: 30px;
    font-weight: 400
}

.media.media-lg .media-heading a {
    color: inherit
}

.media.media-lg .media-heading a:hover, .media.media-lg .media-heading a:focus {
    color: #1d6cbd;
    text-decoration: none
}

.media.media-lg .topic-heading {
    margin-top: 10px
}

@media (max-width: 768px) {
    .media.media-lg {
        min-height: 144px
    }

    .media.media-lg>.pull-left, .media.media-lg>.pull-right {
        width: 226px;
        height: 153px
    }
}

@media (max-width: 480px) {
    .media.media-lg {
        min-height: auto
    }

    .media.media-lg>.pull-left, .media.media-lg>.pull-right {
        float: none !important;
        width: 226px;
        height: 153px;
        margin-bottom: 10px
    }
}

a.media:hover, a.media:focus {
    color: inherit;
    text-decoration: none
}

.chapter-list {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0
}

.fold {
    padding-top: 12px;
    padding-bottom: 30px;
    font-size: 1em;
    line-height: 1.6em
}

.main-fold {
    position: relative;
    overflow: visible
}

.main-fold .container-fluid {
    overflow: visible
}

.main-fold h2, .main-fold h3, .main-fold h4, .main-fold h5, .main-fold h6 {
    color: #1d6cbd
}

.main-fold:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .92
}

@media (max-width: 768px) {
    .main-fold:before {
        max-width: 100%;
        opacity: .52
    }
}

.main-fold .main-content {
    padding-top: 0;
    padding-bottom: 3em
}

@media (min-width: 992px) {
    .vertical-title {
        position: absolute;
        transform: rotate(-90deg);
        width: 800px;
        top: 510px;
        left: -380px;
        margin: 0;
        text-align: center;
        font-size: 36px !important
    }

    .vertical-title+.list-line {
        margin-left: 45px
    }
}

.main-content {
    position: relative;
    padding-bottom: 3em;
    padding-right: 15px
}

.main-content ul:not([class]) {
    list-style: none !important;
    padding-left: 1.5em
}

.main-content ul:not([class])>li {
    position: relative;
    padding-left: 5px
}

.main-content ul:not([class])>li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -0.7em;
    top: .7em;
    width: .33em;
    height: .33em;
    background-color: #1d6cbd
}

.internal-page .main-content>*:first-child {
    margin-top: 0
}

@media (min-width: 992px) {
    .sidebar+.internal-page .main-content {
        padding-left: 60px
    }
}

.internal-page .main-content h3 {
    font-size: 1.4em;
    color: inherit
}

.internal-page .main-content h4 {
    font-size: 1.2em;
    color: inherit
}

.internal-page .main-content h5 {
    font-size: 1em
}

.internal-page .main-content h1, .internal-page .main-content .h1, .internal-page .main-content h2, .internal-page .main-content .h2, .internal-page .main-content h3, .internal-page .main-content .h3, .internal-page .main-content h4, .internal-page .main-content .h4 {
    color: #3d777e
}

.internal-page .main-content a:not([class]) {
    color: #2F4DBC
}

.internal-page .main-content .btn-default {
    border-color: #2F4DBC;
    color: #2F4DBC
}

.internal-page .main-content .btn-default:hover, .internal-page .main-content .btn-default:focus {
    background-color: #23398b;
    border-color: #23398b;
    color: #fff
}

.internal-page .main-content .btn-default.btn-default-inverse {
    background-color: #154e88;
    color: #fff
}

.internal-page .main-content .btn-default.btn-default-inverse:hover, .internal-page .main-content .btn-default.btn-default-inverse:focus {
    background-color: transparent;
    color: #175595
}

.internal-page .main-content .btn-block {
    border-color: #2F4DBC
}

.internal-page .main-content .btn-block:hover, .internal-page .main-content .btn-block:focus {
    background-color: #2F4DBC;
    color: #fff
}

.internal-page .main-content [class*=icon-sm-] {
    color: #2F4DBC
}

.highlighted-fold {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #125454;
    background-image: url(../images/capacity-bg.jpg);
    background-size: cover;
    background-position: left center;
    background-repeat: repeat-y;
    font-size: 1.125em;
    color: #fff
}

.highlighted-fold:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    background: -moz-linear-gradient(right, #125454 0, transparent 100%);
    background: -webkit-linear-gradient(right, #125454 0, transparent 100%);
    background: linear-gradient(to left, #125454 0, transparent 100%)
}

.highlighted-fold .btn-white:hover, .highlighted-fold .btn-white:focus {
    background-color: #188688;
    border-color: #188688;
    color: #fff
}

.highlighted-fold .btn-white:hover svg, .highlighted-fold .btn-white:focus svg {
    fill: #fff
}

.highlighted-fold a:not([class]) {
    color: #8bbbed
}

@media (min-width: 768px) {
    .highlighted-fold {
        background-position: -30% center;
        background-size: 85% auto
    }
}

@media (min-width: 992px) {
    .highlighted-fold {
        background-position: -20% center;
        background-size: 65% auto
    }
}

@media (min-width: 1420px) {
    .highlighted-fold {
        background-position: left center;
        background-size: 62% auto
    }
}

.highlighted-fold-content {
    padding-top: 1em;
    padding-bottom: 3em;
    z-index: 1001;
}

@media (max-width: 991px) {
    .highlighted-fold-content {
        background-color: rgba(29, 43, 116, 0.94)
    }
}

.pathways-fold {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #ceefdf;
    background-image: url(../images/bg/pathways-bg.jpg);
    background-size: cover;
    background-position: right center;
    background-repeat: repeat-y;
    font-size: 1.125em;
    color: #fff
}

.pathways-fold:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: -moz-linear-gradient(left, #ceefdf 40%, transparent 150%);
    background: -webkit-linear-gradient(left, #ceefdf 40%, transparent 150%);
    background: linear-gradient(to right, #ceefdf 40%, transparent 150%)
}

.pathways-fold .btn-white:hover, .pathways-fold .btn-white:focus {
    background-color: #188688;
    border-color: white;
    color: #fff
}

.pathways-fold a:not([class]) {
    color: #8bbbed
}

@media (min-width: 768px) {
    .pathways-fold {
        background-position: -30% center;
        background-size: 100% auto
    }

    .pathways-fold:before {
        width: 0
    }
}

@media (min-width: 992px) {
    .pathways-fold {
        background-position: -20% center;
        background-size: 100% auto
    }

    .pathways-fold:before {
        width: 100%
    }
}

@media (min-width: 1420px) {
    .pathways-fold {
        background-position: right center;
        background-size: 100% auto
    }

    .pathways-fold:before {
        width: 100%
    }
}

.pathways-fold-content {
    padding: 2em;
    z-index: 1;
}

@media (max-width: 991px) {
    .pathways-fold-content {
        background-color: rgba(206, 239, 223, 0.94)
    }
}

.pathways-fold-content .media.media-lg {
    margin-bottom: 25px
}

.pathways-fold-content .media.media-lg>.pull-left {
    width: 250px;
    height: 330px;
    border: none;
    margin-right: 45px
}

.pathways-fold-content .media.media-lg .media-body {
    margin-top: 40px
}

.pathways-fold-content .media.media-lg .media-body .btn-block {
    margin-top: 30px
}

.list-icon-bullets {
    list-style: none;
    padding-left: 0;
    margin-top: 1em;
    max-width: 800px
}

.list-icon-bullets svg {
    transition: .3s
}

.list-icon-bullets svg .color1 {
    fill: #fff
}

.list-icon-bullets a:not([class]) {
    color: inherit
}

.list-icon-bullets h3 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 0
}

.list-icon-bullets>li {
    padding: 0
}

.list-icon-bullets>li>div, .list-icon-bullets>li>span, .list-icon-bullets>li>a {
    color: inherit;
    display: block;
    position: relative;
    padding: 14px 12px 4px 142px;
    min-height: 136px
}

@media (max-width: 991px) {
    .list-icon-bullets>li>div, .list-icon-bullets>li>span, .list-icon-bullets>li>a {
        padding-left: 96px
    }
}

.list-icon-bullets>li>div img, .list-icon-bullets>li>span img, .list-icon-bullets>li>a img, .list-icon-bullets>li>div svg, .list-icon-bullets>li>span svg, .list-icon-bullets>li>a svg, .list-icon-bullets>li>div:before, .list-icon-bullets>li>span:before, .list-icon-bullets>li>a:before {
    position: absolute;
    font-size: 16px
}

@media (max-width: 991px) {
    .list-icon-bullets>li>div img, .list-icon-bullets>li>span img, .list-icon-bullets>li>a img, .list-icon-bullets>li>div svg, .list-icon-bullets>li>span svg, .list-icon-bullets>li>a svg, .list-icon-bullets>li>div:before, .list-icon-bullets>li>span:before, .list-icon-bullets>li>a:before {
        font-size: 15px
    }
}

.list-icon-bullets>li>div img, .list-icon-bullets>li>span img, .list-icon-bullets>li>a img, .list-icon-bullets>li>div svg, .list-icon-bullets>li>span svg, .list-icon-bullets>li>a svg {
    left: 1.8em;
    top: 1.6em;
    width: 5em;
    height: 5em
}

@media (max-width: 991px) {
    .list-icon-bullets>li>div img, .list-icon-bullets>li>span img, .list-icon-bullets>li>a img, .list-icon-bullets>li>div svg, .list-icon-bullets>li>span svg, .list-icon-bullets>li>a svg {
        left: 15px;
        top: 15px;
        width: 64px;
        height: 64px
    }
}

.list-icon-bullets>li>div:before, .list-icon-bullets>li>span:before, .list-icon-bullets>li>a:before {
    content: '';
    left: 12px;
    top: 12px;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background-color: #1a8f91;
    transition: .3s
}

@media (max-width: 991px) {
    .list-icon-bullets>li>div:before, .list-icon-bullets>li>span:before, .list-icon-bullets>li>a:before {
        left: 5px;
        top: 5px;
        width: 84px;
        height: 84px
    }
}

.list-icon-bullets>li>div:hover, .list-icon-bullets>li>span:hover, .list-icon-bullets>li>a:hover, .list-icon-bullets>li>div:focus, .list-icon-bullets>li>span:focus, .list-icon-bullets>li>a:focus {
    background-color: #188688;
    text-decoration: none
}

.list-icon-bullets>li>div:hover svg .color1, .list-icon-bullets>li>span:hover svg .color1, .list-icon-bullets>li>a:hover svg .color1, .list-icon-bullets>li>div:focus svg .color1, .list-icon-bullets>li>span:focus svg .color1, .list-icon-bullets>li>a:focus svg .color1 {
    fill: #108297
}

.list-icon-bullets>li>div:hover:before, .list-icon-bullets>li>span:hover:before, .list-icon-bullets>li>a:hover:before, .list-icon-bullets>li>div:focus:before, .list-icon-bullets>li>span:focus:before, .list-icon-bullets>li>a:focus:before {
    background-color: #fff
}

.list-icon-bullets>li.people-icon img, .list-icon-bullets>li.people-icon svg {
    display: none
}

.list-icon-bullets>li.people-icon a:before {
    background-image: url(../images/people.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 5em 5em
}

.list-icon-bullets>li.people-icon a:hover:before, .list-icon-bullets>li.people-icon a:focus:before {
    background-image: url(../images/people-hover.svg)
}

.list-icon-bullets>li.list-icon img, .list-icon-bullets>li.list-icon svg {
    display: none
}

.list-icon-bullets>li.list-icon a:before {
    background-image: url(../images/list.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 5em 5em
}

.list-icon-bullets>li.list-icon a:hover:before, .list-icon-bullets>li.list-icon a:focus:before {
    background-image: url(../images/list-hover.svg)
}

.list-icon-bullets>li.chart-icon img, .list-icon-bullets>li.chart-icon svg {
    display: none
}

.list-icon-bullets>li.chart-icon a:before {
    background-image: url(../images/chart.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 5em 5em
}

.list-icon-bullets>li.chart-icon a:hover:before, .list-icon-bullets>li.chart-icon a:focus:before {
    background-image: url(../images/chart-hover.svg)
}

.list-line {
    list-style: none !important;
    margin-top: 2.5em;
    padding-left: 30px
}

.list-line h3 {
    font-size: 1.8em !important;
    line-height: 1em;
    margin-top: 0
}

.list-line .circle, .list-line h3 img, .list-line h3 svg, .list-line .list-line-title svg {
    position: absolute;
    z-index: 1000;
    text-align: center;
    line-height: 60px;
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    width: 40px;
    height: 40px;
    fill: #fff;
    top: -10px;
    left: -19px
}

.list-line .circle {
    display: inline-block;
    width: 60px;
    height: 60px;
    top: -18px;
    left: -30px
}

.list-line h3 a {
    color: inherit
}

.list-line a {
    display: inline-block
}

.list-line ul {
    margin: 5px 0
}

.list-line li {
    position: relative;
    margin-bottom: 10px
}

.list-line>li {
    padding-left: 45px;
    padding-bottom: 25px
}

.list-line>li:not(:last-child) {
    border-left: 2px solid #e4e4e4
}

.list-line>li:before {
    display: inline-block;
    position: absolute;
    content: '';
    left: -32px;
    top: calc(.6em - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #177e7f;
    transition: .3s;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 38px 38px
}

.list-line>li.apply:before {
    background-image: url(../images/document_plus.svg)
}

.list-line>li.review:before {
    background-image: url(../images/todolist_check.svg)
}

.list-line>li.award:before {
    background-image: url(../images/award-2.svg)
}

.list-line>li>ul {
    list-style: none !important;
    padding-left: 1.7em
}

.list-line>li>ul>li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -1em;
    top: .45em;
    width: 5px;
    height: 5px;
    background-color: #2F4DBC
}

@media screen and (min-width: 992px) {
    .list-line {
        margin-left: 2em
    }
}

.list-line.list-timeline h3, .list-line.list-timeline h3 a {
    color: #136d6e;
    font-weight: 600
}

.blue-bg {
    background-color: rgba(29, 94, 169, 0.8)
}

.default-bg {
    background-color: #fff
}

.white-bg {
    background-color: rgba(255, 255, 255, 0.85)
}

.gray-bg {
    background-color: #f2f2f2;
    padding-top: 1em;
    padding-bottom: 1em
}

.dark-background {
    background-color: #163158;
    padding: .5em 2em;
    margin-top: .5em;
    margin-bottom: .5em
}

.dark-background a:not([class]) {
    color: #fff
}

.dark-background svg {
    fill: #fff
}

.callout {
    margin: 1.8em 0;
    padding: 15px;
    width: 442px;
    max-width: 100%;
    text-align: center
}

.callout h2 {
    margin-top: .5em;
    font-size: 2em;
    font-weight: 600;
    letter-spacing: .12em
}

@media (max-width: 767px) {
    .callout h2 {
        font-size: 1.9em
    }
}

@media (max-width: 480px) {
    .callout h2 {
        font-size: 1.3em
    }
}

.callout h3 {
    margin-top: .25em;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1.45em;
    font-weight: 600
}

@media (max-width: 767px) {
    .callout h3 {
        font-size: 1.35em
    }
}

@media (max-width: 480px) {
    .callout h3 {
        font-size: 1.1em
    }
}

@media (max-width: 767px) {
    .callout {
        width: 100%
    }

    .callout blockquote {
        font-weight: 300;
        line-height: 1.2em
    }
}

.callout blockquote, .quote-author {
    padding-left: 3.8em;
    padding-right: 3.8em
}

.callout blockquote {
    position: relative;
    text-align: left;
    font-size: 18px;
    line-height: 1.3em;
    border: 0
}

.callout blockquote:before, .callout blockquote:after {
    position: absolute;
    font-size: 4.5em;
    color: #4865d1;
    font-weight: 900;
    font-family: Baskerville, Nunito, sans-serif
}

.callout blockquote:before {
    content: open-quote;
    left: 6px;
    top: .35em
}

.callout blockquote:after {
    content: close-quote;
    right: 6px;
    bottom: -0.2em
}

.quote {
    margin: 10px 0 25px
}

.quote-author {
    font-style: italic
}

@media (max-width: 480px) {
    .callout blockquote, .quote-author {
        padding-left: 2.4em;
        padding-right: 2.4em;
        font-size: 16px;
        line-height: 1.4em
    }

    .callout blockquote:before, .callout blockquote:after {
        font-size: 3em
    }

    .callout blockquote:before {
        left: 4px;
        top: .35em
    }

    .callout blockquote:after {
        content: close-quote;
        right: 4px;
        bottom: -0.1em
    }
}

.picture {
    display: block;
    float: left;
    width: auto;
    margin-bottom: 20px
}

.picture img {
    width: 100%;
    height: auto;
    border: 1px solid #e4e4e4
}

.picture.picture-right {
    float: right
}

@media (min-width: 480px) {
    .picture {
        max-width: 50%;
        margin-left: 0;
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .picture {
        max-width: 25%
    }

    .picture.picture-medium {
        max-width: 35%
    }

    .picture.picture-large {
        max-width: 45%
    }

    .picture.picture-right {
        margin-left: 15px;
        margin-right: 0
    }
}

.picture.picture-medium .picture-caption {
    font-size: .94em
}

.picture.picture-large .picture-caption {
    font-size: 1em
}

.picture.picture-gray .picture-caption {
    background-color: #e4e4e4
}

.picture.picture-teal .picture-caption {
    background-color: #d8eaec
}

.picture.picture-blue img {
    border-color: #1d6cbd
}

.picture.picture-blue .picture-caption {
    color: #fff;
    background-color: #1d6cbd
}

.picture.picture-teal-dark img {
    border-color: #376a70
}

.picture.picture-teal-dark .picture-caption {
    color: #fff;
    background-color: #376a70
}

.picture.picture-navy img {
    border-color: #163158
}

.picture.picture-navy .picture-caption {
    color: #fff;
    background-color: #163158
}

.picture.picture-findings img {
    border-color: #46558b
}

.picture.picture-findings .picture-caption {
    color: #fff;
    background-color: #46558b
}

.picture-caption {
    font-size: .88em;
    float: left;
    padding: 10px;
    background-color: #ecf2f7
}

.pager img, .pager svg {
    height: 12px;
    width: 18px;
    margin-top: -3px
}

.pager li {
    display: inline-block
}

.pager li>a, .pager li>span {
    color: #fff;
    text-transform: uppercase
}

.pager li>a svg, .pager li>span svg {
    fill: #fff
}

.pager li>a:hover, .pager li>a:focus {
    color: #2F4DBC
}

.pager li>a:hover svg, .pager li>a:focus svg {
    fill: #2F4DBC
}

.pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>a {
    background-color: #e4e4e4;
    border-color: #e4e4e4
}

.pager .disabled {
    display: none
}

.pager .prev-link img, .pager .prev-link svg {
    margin-left: -5px;
    margin-right: 7px
}

.pager .next-link img, .pager .next-link svg {
    margin-right: -5px;
    margin-left: 7px
}

.pager .previous {
    float: left
}

.pager .next {
    float: right
}

nav[aria-label="Booklet Pagination"], nav[aria-label="Magazine Pagination"], nav[aria-label="Image Gallery Pagination"] {
    text-align: center;
    clear: both;
    width: 100%
}

.pager-light {
    font-size: 16px;
    font-weight: 400
}

.pager-light li {
    margin: 0;
    padding: 5px
}

.pager-light li>span, .pager-light li>a {
    color: #2F4DBC;
    border: 1px solid #2F4DBC;
    background-color: transparent;
    padding: 3px 11px;
    transition: .3s
}

.pager-light li>a:hover, .pager-light li>a:focus {
    background-color: #2F4DBC;
    color: #fff
}

.pager-light li.pager-first a, .pager-light li.pager-previous a, .pager-light li.pager-next a, .pager-light li.pager-last a {
    padding: 6px 9px
}

.pager-light li.active>span, .pager-light li.active a, .pager-light li:not([class]) a {
    display: inline-block;
    padding: 0;
    width: 2em;
    height: 2em;
    border: 0;
    border-radius: 50%;
    border: 1px solid transparent;
    font-weight: 400;
    line-height: 1.9em
}

.pager-light>li:not([class])>a {
    background-color: transparent;
    color: #2F4DBC
}

.pager-light>li:not([class])>a:hover, .pager-light>li:not([class])>a:focus {
    border: 1px solid #2F4DBC
}

.pager-light>li.active>span, .pager-light>li.active>a, .pager-light>li.active>a:hover, .pager-light>li.active>a:focus {
    background-color: #2F4DBC;
    color: #fff
}

@media (max-width: 768px) {
    .pager-light {
        font-size: 14px
    }

    .pager-light>li>span, .pager-light>li>a {
        color: #2F4DBC;
        border: 1px solid transparent;
        padding: 1px 9px
    }

    .pager-light>li.pager-first a, .pager-light>li.pager-previous a, .pager-light>li.pager-next a, .pager-light>li.pager-last a {
        padding: 1px
    }
}

.card {
    display: block;
    position: relative;
    margin: 0;
    padding: 10px 15px;
    transition: .3s
}

/* .card svg, .card img {
    display: inline-block;
    width: 32px;
    height: 32px
} */

.card .card-top {
    padding-top: 1em;
    padding-bottom: 1em
}

.card .card-top h2, .card .card-top h3, .card .card-top *:first-child {
    line-height: 1.1;
    margin-top: 0
}

.card .card-content {
    text-align: left;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .card {
        display: table-cell;
        width: 33.3%
    }
}

@media (min-width: 992px) {
    .card {
        padding: 10px 30px
    }
}

@media (min-width: 1420px) {
    .card {
        padding: 15px 45px
    }
}

.card-row-four .card .card-top {
    text-align: left
}

.card-row-four .card h2 {
    font-size: 2.3em
}

.card-row-four .card h3 {
    font-size: 2em
}

@media (min-width: 768px) {
    .card-row-four .card {
        display: table-cell;
        width: 24.95%
    }
}

.media-fold {
    background-image: url(../images/feedback-bg.jpg);
    background-size: cover;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0
}

.media-fold img, .media-fold svg {
    fill: #fff;
    transition: .3s
}

.media-fold blockquote {
    font-size: inherit
}

.media-fold .card {
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.media-fold .card .btn-round:hover, .media-fold .card .btn-round:focus {
    background-color: rgba(22, 49, 88, 0.8)
}

.media-fold .card .card-top {
    line-height: 1em
}

.media-fold .card:hover, .media-fold .card:focus {
    text-decoration: none;
    color: #fff;
    background-color: rgba(0, 47, 101, 0.3)
}

@media (min-width: 768px) {
    .cards-row {
        display: table;
        width: 100%
    }
}

.foa-search {
    margin: 1.4em 0
}

.foa-search .input-group {
    max-width: 600px
}

.foa-search .input-group img, .foa-search .input-group svg {
    width: 1.5em;
    height: 1.5em
}

.foa-search .input-group svg .color2 {
    fill: #fff
}

.foa-search .input-group a {
    padding: 4px 10px;
    background-color: #1d6cbd;
    border-color: #1d6cbd;
    color: #fff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.foa-search .input-group a:hover, .foa-search .input-group a:focus {
    background-color: #217bd8;
    border-color: #217bd8;
    color: #fff
}

.foa-search .input-group .input-group-addon, .foa-search .input-group>.form-control {
    border-radius: 0;
}

.dropdown-filter {
    margin: 1.4em 0
}

.dropdown-filter .form-group {
    margin-top: 1em;
    margin-bottom: .5em
}

.dropdown-filter .input-group .form-control {
    height: 37px
}

.dropdown-filter .dropdown-group, .dropdown-filter .input-group, .dropdown-filter .btn-group {
    position: relative
}

.dropdown-filter .dropdown-group .form-control, .dropdown-filter .input-group .form-control, .dropdown-filter .btn-group .form-control, .dropdown-filter .dropdown-group .btn.dropdown-toggle, .dropdown-filter .input-group .btn.dropdown-toggle, .dropdown-filter .btn-group .btn.dropdown-toggle {
    margin: 0;
    padding: 6px 16px;
    background-color: #fff;
    border-width: 2px;
    border-color: #e4e4e4;
    text-align: left;
    height: 37px;
    white-space: normal
}

.dropdown-filter .dropdown-group .form-control .caret, .dropdown-filter .input-group .form-control .caret, .dropdown-filter .btn-group .form-control .caret, .dropdown-filter .dropdown-group .btn.dropdown-toggle .caret, .dropdown-filter .input-group .btn.dropdown-toggle .caret, .dropdown-filter .btn-group .btn.dropdown-toggle .caret {
    float: right;
    margin: 8px 5px;
    vertical-align: middle;
    border-top: 7px solid #1d6cbd;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.dropdown-filter .dropdown-group .btn-default, .dropdown-filter .input-group .btn-default, .dropdown-filter .btn-group .btn-default {
    margin: 0;
    padding: 5px 10px;
    line-height: 23px;
    background-color: #1d6cbd;
    border-color: #1d6cbd;
    color: #fff
}

.dropdown-filter .dropdown-group .btn-default:hover, .dropdown-filter .input-group .btn-default:hover, .dropdown-filter .btn-group .btn-default:hover, .dropdown-filter .dropdown-group .btn-default:focus, .dropdown-filter .input-group .btn-default:focus, .dropdown-filter .btn-group .btn-default:focus {
    background-color: #217bd8;
    border-color: #217bd8;
    color: #fff
}

@media (min-width: 768px) {
    .dropdown-filter .dropdown-group input+.input-group-btn .btn-default, .dropdown-filter .input-group input+.input-group-btn .btn-default, .dropdown-filter .btn-group input+.input-group-btn .btn-default {
        margin-left: 5px
    }

    .dropdown-filter .dropdown-group .dropdown-menu, .dropdown-filter .input-group .dropdown-menu, .dropdown-filter .btn-group .dropdown-menu, .dropdown-filter .dropdown-group .btn.dropdown-toggle, .dropdown-filter .input-group .btn.dropdown-toggle, .dropdown-filter .btn-group .btn.dropdown-toggle {
        width: 268px
    }

    .dropdown-filter .dropdown-group .input-group-btn>.dropdown-menu, .dropdown-filter .input-group .input-group-btn>.dropdown-menu, .dropdown-filter .btn-group .input-group-btn>.dropdown-menu, .dropdown-filter .dropdown-group .input-group-btn>.btn, .dropdown-filter .input-group .input-group-btn>.btn, .dropdown-filter .btn-group .input-group-btn>.btn, .dropdown-filter .dropdown-group .input-group-btn>.btn-default, .dropdown-filter .input-group .input-group-btn>.btn-default, .dropdown-filter .btn-group .input-group-btn>.btn-default {
        margin-left: 6px
    }
}

.dropdown-filter.dropdown-filter-large .btn-group {
    display: inline-block;
    width: calc(100% - 125px);
    max-width: 600px;
    min-width: 290px
}

.dropdown-filter.dropdown-filter-large .btn-group .dropdown-menu, .dropdown-filter.dropdown-filter-large .btn-group .btn.dropdown-toggle {
    width: 100%
}

.dropdown-filter.dropdown-filter-large .btn-group .btn-group {
    min-width: 165px
}

.dropdown-filter.dropdown-filter-large .input-group .btn.dropdown-toggle, .dropdown-filter.dropdown-filter-large .btn-group .btn.dropdown-toggle {
    padding: 9px 16px
}

.dropdown-filter.dropdown-filter-large .input-group .form-control, .dropdown-filter.dropdown-filter-large .btn-group .form-control, .dropdown-filter.dropdown-filter-large .input-group .btn, .dropdown-filter.dropdown-filter-large .btn-group .btn, .dropdown-filter.dropdown-filter-large .input-group .btn.dropdown-toggle, .dropdown-filter.dropdown-filter-large .btn-group .btn.dropdown-toggle {
    height: 42px
}

.dropdown-filter.dropdown-filter-large .btn-default {
    padding: 9px 10px
}

@media (max-width: 767px) {
    .dropdown-filter.dropdown-filter-large .dropdown-menu>li>a {
        white-space: normal
    }

    .dropdown-filter.dropdown-filter-large .input-group {
        display: block
    }

    .dropdown-filter.dropdown-filter-large .dropdown-menu, .dropdown-filter.dropdown-filter-large .btn.dropdown-toggle {
        width: 100%;
        float: none;
        top: 100%
    }

    .dropdown-filter.dropdown-filter-large .btn.dropdown-toggle, .dropdown-filter.dropdown-filter-large .input-group-addon, .dropdown-filter.dropdown-filter-large .input-group-btn, .dropdown-filter.dropdown-filter-large .input-group .form-control {
        display: block;
        width: 100%;
        float: none;
        margin: 0 0 5px 0
    }
}

.box-tabs .nav-tabs li a {
    display: block;
    border: 0 !important;
    padding: 5px;
    height: auto;
    color: inherit;
    background-color: #e4e4e4;
    position: relative;
    overflow: hidden
}

.box-tabs .nav-tabs li a:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    transition: .3s
}

.box-tabs .nav-tabs {
    border-bottom: none;
};

.box-tabs .nav-tabs li a:hover, .box-tabs .nav-tabs li a:focus {
    background-color: #d8eaec
}

.box-tabs .nav-tabs li.active a, .box-tabs .nav-tabs li.active a:hover, .box-tabs .nav-tabs li.active a:focus {
    color: #fff;
    background-color: #376a70
}

.box-tabs .nav-tabs li.active a:before, .box-tabs .nav-tabs li.active a:hover:before, .box-tabs .nav-tabs li.active a:focus:before {
    border-top-color: #376a70
}

@media (min-width: 480px) {
    .box-tabs .nav-tabs li {
        display: block;
        flex: 0 1 100%;
        margin-bottom: 25px
    }

    .box-tabs .nav-tabs li+li {
        padding-left: 10px
    }

    .box-tabs .nav-tabs li a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 78px;
        overflow: visible
    }
}

@media (min-width: 992px) {
    .box-tabs .nav-tabs li a {
        height: 106px
    }
}

@media (min-width: 480px) {
    .box-tabs .nav-tabs {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between
    }
}

.well {
    -webkit-box-shadow: none;
    box-shadow: none
}

.well h4 {
    margin-top: 0
}

.well.well-outline {
    background-color: transparent;
    border-color: #e4e4e4
}

.well.well-contact h2, .well.well-contact h3, .well.well-contact h4, .well.well-contact h5 {
    margin-top: 0
}

@media (min-width: 992px) {
    .well .side-info {
        border-left: 1px solid #ececec
    }
}

@media (max-width: 991px) {
    .well .side-info {
        border-top: 1px solid #ececec;
        padding-top: 10px
    }
}

.program-box {
    transition: .3s
}

.program-box:hover {
    background-color: #ececec;
    border-color: #ececec
}

.program-box:hover .side-info {
    border-color: #dadada
}

.program-box h3 {
    font-size: 1.2em
}

.program-box strong {
    color: #068554;
    font-weight: normal
}

.program-box [class*=icon-sm-] {
    font-size: 1.5em;
    line-height: 36px
}

.left-sidebar {
    font-size: 18px
}

.left-sidebar a {
    display: block;
    line-height: 1.3
}

.left-sidebar a:hover, .left-sidebar a:focus {
    text-decoration: none
}

.left-sidebar h2 {
    margin-top: 0;
    font-size: 1.66667em
}

.left-sidebar h3 {
    margin-top: .5em;
    font-size: 1em
}

.left-sidebar h2, .left-sidebar h3, .left-sidebar h4 {
    color: #1d6cbd
}

.left-sidebar li>a {
    display: block;
    padding: 7px 15px;
    color: inherit
}

.left-sidebar .well ul {
    list-style: none !important;
    padding-left: 1.5em
}

.left-sidebar .well ul>li {
    position: relative
}

.left-sidebar .well ul>li>a {
    padding-left: .4em
}

.left-sidebar .well ul>li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -0.7em;
    top: .8em;
    width: .33em;
    height: .33em;
    background-color: #1d6cbd
}

@media (min-width: 768px) {
    .left-sidebar {
        max-height: 100%;
        width: 255px;
        font-size: 15px;
        float: left;
        padding-right: 15px;
        display: table-cell;
        float: none
    }
}

@media (min-width: 992px) {
    .left-sidebar {
        width: 352px;
        font-size: 16px;
        padding-right: 50px
    }
}

@media (min-width: 1420px) {
    .left-sidebar {
        width: 387px;
        padding-right: 65px
    }
}

@media (min-width: 768px) {
    .main-content-container {
        display: table;
        width: 100%
    }
}

.no-left-sidebar .left-sidebar {
    display: none
}

.nav-section ul {
    list-style: none;
    padding-left: 0
}

.nav-section li {
    position: relative;
    padding: 0;
    margin: 0;
    border: 0
}

.nav-section li.active>a:not(.nav-section-toggler), .nav-section li.open>a:not(.nav-section-toggler), .nav-section li.selected>a:not(.nav-section-toggler) {
    background-color: #f3f9f9;
    text-decoration: none;
}

.nav-section>ul>li a:not(.nav-section-toggler) {
    border-bottom: 1px dotted #e4e4e4;
    text-decoration: none;
}

.nav-section>ul>li>a:not(.nav-section-toggler) {
    padding: 8px 15px;
    background-color: #3d777e;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.125em;
    display: block;
    width: 100%;
    text-decoration: none;
}

.nav-section>ul>li>a:not(.nav-section-toggler):hover, .nav-section>ul>li>a:not(.nav-section-toggler):focus {
    background-color: #478b92;
    text-decoration: none;
}

.nav-section>ul>li>ul>li a:not(.nav-section-toggler):hover, .nav-section>ul>li>ul>li a:not(.nav-section-toggler):focus {
    text-decoration: none;
    background-color: #ececec;
    text-decoration: none;
}

.nav-section>ul>li>ul>li>a {
    font-size: 1.125em;
    color: inherit;
    text-decoration: none;
}

.nav-section>ul>li>ul>li.active>a:not(.nav-section-toggler), .nav-section>ul>li>ul>li.open>a:not(.nav-section-toggler), .nav-section>ul>li>ul>li.selected>a:not(.nav-section-toggler) {
    background-color: #d8eaec;
    text-decoration: none;
}

.nav-section>ul>li>ul>li>ul {
    display: none
}

.nav-section>ul>li>ul>li>ul>li>a {
    padding-left: 40px;
    text-decoration: none;
}

.nav-section>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 65px;
    text-decoration: none;
}

.nav-section>ul>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 90px;
    text-decoration: none;
}

.nav-section>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
    font-size: .9em;
    padding-left: 115px;
    text-decoration: none;
}

.nav-section-toggler {
    display: inline-block;
    transition: .3s;
    position: absolute;
    overflow: hidden;
    text-indent: -1000px;
    color: transparent;
    height: 37px;
    width: 30px;
    top: 0;
    right: 0;
    z-index: 10;
    background-position: center center;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21px' height='21px' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23376a70' d='M31.7,61.3c-16,0-29-13-29-29c0-16,13-29,29-29s29,13,29,29c0.1,7.7-2.9,14.9-8.3,20.4C46.9,58.2,39.6,61.3,31.7,61.3z M31.7,6.2c-14.4,0-26,11.7-26,26c0,14.4,11.7,26,26,26c7.1,0,13.7-2.7,18.6-7.7c4.9-4.9,7.5-11.4,7.4-18.3 C57.7,17.9,46,6.2,31.7,6.2z M51.6,34.2l0-4l-39.8,0l0,4L51.6,34.2z'/%3E%3C/svg%3E")
}

.nav-section-toggler.closed {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21px' height='21px' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23376a70' d='M31.7,3.2c-16,0-29,13-29,29c0,16,13,29,29,29c7.9,0,15.2-3.1,20.7-8.6c5.4-5.5,8.4-12.7,8.3-20.4 C60.7,16.2,47.7,3.2,31.7,3.2z M50.3,50.5c-4.9,5-11.5,7.7-18.6,7.7c-14.4,0-26-11.7-26-26c0-14.4,11.7-26,26-26 c14.4,0,26,11.7,26,26C57.8,39.1,55.1,45.6,50.3,50.5z M51.6,34.2l-17.7,0v14.9h-4V34.2l-18.1,0l0-4l18.2,0V15.3h4v14.9l17.6,0 L51.6,34.2z'/%3E%3C/svg%3E")
}

.nav-section-toggler:hover {
    transform: scale(1.15)
}

[class*=icon-sm-]:not(ul) {
    position: relative;
    display: inline-block;
    padding-left: 38px;
    margin-right: 7px;
    line-height: 32px;
    color: inherit;
    margin-bottom: 5px;
    text-decoration: none;
}

[class*=icon-sm-]:not(ul):before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 1px;
    width: 30px;
    height: 30px;
    white-space: nowrap;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    background-color: #e4e4e4;
    transition: .3s
}

a[class*=icon-sm-]:not(ul) {
    color: #2F4DBC
}

a[class*=icon-sm-]:not(ul):hover, a[class*=icon-sm-]:not(ul):focus {
    color: #28419f
}

a[class*=icon-sm-]:not(ul):hover:before, a[class*=icon-sm-]:not(ul):focus:before {
    background-color: #d2d2d2
}

.social [class*=icon-sm-] {
    margin-top: 5px;
    margin-right: 7px;
    color: inherit
}

.social [class*=icon-sm-]:before {
    background-color: #989898
}

.social [class*=icon-sm-]:hover, .social [class*=icon-sm-]:focus {
    color: #1d6cbd
}

.social [class*=icon-sm-]:hover:before, .social [class*=icon-sm-]:focus:before {
    background-color: #1d6cbd
}

.social [class*=icon-sm-].social-white {
    color: rgba(255, 255, 255, 0.92)
}

.social [class*=icon-sm-].social-white:before {
    opacity: .92;
    width: 22px;
    background-color: transparent
}

.social [class*=icon-sm-].social-white:hover, .social [class*=icon-sm-].social-white:focus {
    color: #fff
}

.social [class*=icon-sm-].social-white:hover:before, .social [class*=icon-sm-].social-white:focus:before {
    opacity: 1;
    background-color: transparent
}

@media (max-width: 991px) {
    .social [class*=icon-sm-] {
        text-align: left;
        display: inline-block;
        float: left;
        width: 30%
    }
}

@media (max-width: 768px) {
    .social [class*=icon-sm-] {
        display: inline-block;
        float: left;
        width: 42%;
        margin-left: 0;
        margin-top: 7px
    }
}

@media (max-width: 480px) {
    .social [class*=icon-sm-] {
        display: inline-block;
        width: 100%;
        float: left;
        margin-bottom: 7px
    }
}

.social.social-white [class*=icon-sm-] {
    color: rgba(255, 255, 255, 0.92);
    padding-left: 30px
}

.social.social-white [class*=icon-sm-]:before {
    opacity: .92;
    background-color: transparent
}

.social.social-white [class*=icon-sm-]:hover, .social.social-white [class*=icon-sm-]:focus {
    color: #fff
}

.social.social-white [class*=icon-sm-]:hover:before, .social.social-white [class*=icon-sm-]:focus:before {
    opacity: 1;
    background-color: transparent
}

.icon-sm-facebook:before {
    background-image: url("../images/pinterest.svg")
}

.icon-sm-twitter:before {
    background-image: url("../images/rss.svg")
}

.icon-sm-instagram:before {
    background-image: url("../images/mail.svg")
}

.icon-sm-youtube:before {
    background-image: url("../images/dna.svg")
}

.icon-sm-pinterest:before {
    background-image: url("../images/syringe.svg")
}

.icon-sm-rss:before {
    background-image: url("../images/flask.svg")
}

.icon-sm-mail:before {
    background-image: url("../images/media-player.svg")
}

.icon-sm-dna:before {
    background-image: url("../images/image_multiple.svg")
}

.icon-sm-syringe:before {
    background-image: url("../images/question-bubble.svg")
}

.icon-sm-flask:before {
    background-image: url("../images/research-bg.jpg")
}

.icon-sm-burn:before {
    background-image: url("../images/bg/training-bg.jpg")
}

.icon-sm-booklet:before {
    background-image: url("../images/bg/postdoc-bg.jpg")
}

.icon-sm-poster:before {
    background-image: url("../images/bg/NIGMS-Research-Training.jpg")
}

.icon-sm-fact-sheet:before {
    background-image: url("../images/bg/science-training-bg.jpg")
}

.icon-sm-science-highlight:before {
    background-image: url("../images/bg/se-bg-16.png")
}

.icon-sm-profile:before {
    background-image: url("../images/bg/science-training-bg.jpg")
}

.icon-sm-media-player:before {
    background-image: url("../images/bg/NIGMS-Research-Training.jpg")
}

.icon-sm-image:before {
    background-image: url("../images/bg/science-training-bg.jpg")
}

.icon-sm-quiz:before {
    background-image: url("../images/bg/training-resources-bg.jpg")
}

.title-hr {
    margin: 1em 0 1em;
    padding-bottom: .18em;
    border-bottom: 2px solid #d0d0d0
}

.calendar-event {
    display: table;
    margin: 10px 0 10px 0
}

.calendar-event .calendar-event-date {
    display: table-cell
}

.calendar-event .calendar-event-info {
    display: table-cell;
    padding-left: 15px
}

.calendar-event .calendar-event-info h2, .calendar-event .calendar-event-info h3, .calendar-event .calendar-event-info h4, .calendar-event .calendar-event-info a, .calendar-event .calendar-event-info a:hover, .calendar-event .calendar-event-info a:focus {
    margin: 0;
    color: #108297
}

.calendar-event .calendar-event-info h3 {
    line-height: 1.425em;
    font-size: 1em;
    font-weight: 600
}

.date {
    width: 60px;
    text-align: center
}

.date .month, .date .day {
    padding: 1px;
    white-space: nowrap
}

.date .month {
    text-transform: uppercase;
    background-color: #108297;
    color: #fff
}

.date .day {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d0d0d0;
    font-size: 2.188em;
    line-height: 1.3em;
    color: #108297
}

.announcement-fold {
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #1b64b0;
    color: #fff;
    overflow: hidden
}

.announcement-fold h2 {
    margin-top: 0;
    margin-bottom: 20px
}

@media (min-width: 1420px) {
    .announcement-fold {
        padding-top: 2em;
        padding-top: 40px;
        padding-bottom: 20px
    }

    .announcement-fold>.container-fluid>.row {
        margin-left: 6%;
        margin-right: 6%
    }
}

@media (min-width: 992px) {
    .announcement-fold h2 {
        margin-top: 44px
    }
}

.announcement-fold h2, .announcement-fold h3, .announcement-fold h4, .announcement-fold h5, .announcement-fold a:not([class]) {
    color: inherit
}

.announcement-fold .btn-block, .announcement-fold .btn-default {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.announcement-fold .btn-block img, .announcement-fold .btn-default img, .announcement-fold .btn-block svg, .announcement-fold .btn-default svg {
    fill: #fff
}

.announcement-fold .btn-block:hover, .announcement-fold .btn-default:hover, .announcement-fold .btn-block:focus, .announcement-fold .btn-default:focus {
    color: #1b64b0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9)
}

.announcement-fold .btn-block:hover img, .announcement-fold .btn-default:hover img, .announcement-fold .btn-block:focus img, .announcement-fold .btn-default:focus img, .announcement-fold .btn-block:hover svg, .announcement-fold .btn-default:hover svg, .announcement-fold .btn-block:focus svg, .announcement-fold .btn-default:focus svg {
    fill: #1b64b0
}

.two-column-fold {
    padding-top: 2em
}

.two-column-fold .media h2, .two-column-fold .media h3, .two-column-fold .media h4, .two-column-fold .media h5, .two-column-fold .media a:not([class]) {
    color: #1d2b74
}

.two-column-fold .media>.pull-left, .two-column-fold .media>.pull-right {
    width: 104px;
    height: 132px;
    overflow: hidden
}

.two-column-fold .media>.pull-left img, .two-column-fold .media>.pull-right img {
    width: 100%;
    margin-left: 0
}

.front .announcement-fold, .home .announcement-fold, .homepage .announcement-fold, .frontpage .announcement-fold, .front .main-fold, .home .main-fold, .homepage .main-fold, .frontpage .main-fold, .front .highlighted-fold, .home .highlighted-fold, .homepage .highlighted-fold, .frontpage .highlighted-fold {
    font-size: 1.125em;
    line-height: 1.2em
}

.front .main-fold:before, .home .main-fold:before, .homepage .main-fold:before, .frontpage .main-fold:before {
    width: calc(50% + 345px);
    max-width: 65%;
    background-image: url("../images/bg/science-education-bg.jpg")
}

.front .main-fold .main-content, .home .main-fold .main-content, .homepage .main-fold .main-content, .frontpage .main-fold .main-content {
    max-width: 900px
}

#top-content .research-training {
    background-image: url("../images/bg/6387.jpg")
}

#top-content .research-training .top-content-boxes .row .top-content-box {
    padding: 10px 15px 20px 15px
}

#top-content .research-training .top-content-boxes .row .top-content-box:focus, #top-content .research-training .top-content-boxes .row .top-content-box:hover {
    padding: 10px 15px 20px 15px
}

#top-content .postdoctoral-grants {
    background-image: url("../images/bg/se-related-bg.jpg")
}

#top-content .deadlines {
    background-image: url("../images/bg/findings-white-bg.jpg")
}

#top-content .science-education {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='53.7' height='53.7' viewBox='0 0 53.7 53.7'><path opacity='1' fill='");
    text-shadow: none
}

.landing-page .science-education {
    background-color: white;
}

#top-content .fact-sheet {
    background-image: url("../images/bg/6387.jpg");
    padding-bottom: 0
}

#top-content .fact-sheet .cell-top {
    margin-top: -2px;
    margin-left: -15px;
    margin-right: -15px;
    max-height: 210px;
    overflow: hidden;
    width: 34%;
    max-width: 520px;
    float: right
}

@media (max-width: 992px) {
    #top-content .fact-sheet .cell-top {
        width: 66%;
        max-width: 100%
    }
}

@media (max-width: 768px) {
    #top-content .fact-sheet .cell-top {
        float: none;
        width: calc(100% + 30px);
        max-width: 150%
    }
}

#top-content .fact-sheet .cell-top img {
    width: 100%
}

#top-content .fact-sheet .top-content-desc {
    position: relative;
    display: block
}

#top-content .fact-sheet .top-content-desc a {
    padding-right: 20px;
    display: block;
    position: relative;
    color: white;
    padding-top: 40px;
    text-align: right;
    font-size: 20px
}

#top-content .fact-sheet .top-content-desc a img {
    margin-right: 10px
}

@media (max-width: 992px) {
    #top-content .fact-sheet .top-content-desc {
        margin-bottom: 10px
    }

    #top-content .fact-sheet .top-content-desc a {
        padding-top: 10px;
        font-size: 16px
    }

    #top-content .fact-sheet .top-content-desc a img {
        max-width: 50px
    }
}

#top-content .fact-sheet .top-content-desc .desc-text {
    padding-left: 70px;
    position: absolute;
    bottom: 0;
    margin-bottom: 100px
}

#top-content .fact-sheet .top-content-desc .desc-text p {
    font-size: 20px;
    padding-right: 20px;
    margin-top: 20px
}

@media (max-width: 1420px) {
    #top-content .fact-sheet .top-content-desc .desc-text {
        margin-bottom: 70px
    }
}

@media (max-width: 992px) {
    #top-content .fact-sheet .top-content-desc .desc-text {
        position: relative;
        padding-left: 20px;
        margin-bottom: 20px
    }

    #top-content .fact-sheet .top-content-desc .desc-text p {
        font-size: 16px
    }

    #top-content .fact-sheet .top-content-desc .desc-text h2 {
        margin-top: -10px
    }
}

@media (max-width: 768px) {
    #top-content .fact-sheet .top-content-desc .desc-text h2 {
        margin-top: 10px
    }
}

#top-content .image-gallery {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%231d6cbd' viewBox='0 0 24 24'%3E%3Cpath d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%");
    text-shadow: none
}

#top-content .findings {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%231d6cbd' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M15.668 8.626l8.332 1.159-6.065 5.874 1.48 8.341-7.416-3.997-7.416 3.997 1.481-8.341-6.064-5.874 8.331")
}

#top-content .findings .top-content-text {
    padding: 0
}

.pdf-box img {
    margin-right: 7px
}

.pdf-box a {
    color: #676767;
    display: inline-block;
    padding: 5px
}

.pdf-box a:hover, .pdf-box a:focus {
    background-color: #edf9f3;
    text-decoration: none
}

#content ul {
    overflow: hidden
}

.main-fold {
    background-color: #effaf6
}

.main-fold:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%231d6cbd' viewBox='0 0 24 24'%3E%3Cpath d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%");
    background-position: right top;
    background-size: auto 100%;
    opacity: .45
}

@media (max-width: 991px) {
    .main-fold:before {
        opacity: .18
    }
}

.main-fold .main-content {
    max-width: 900px
}

.highlighted-fold {
    background-color: #1d2b74;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%231d6cbd' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M15.668 8.626l8.332 1.159-6.065 5.874 1.48 8.341-7.416-3.997-7.416 3.997 1.481-8.341-6.064-5.874 8.331");
    background-size: cover;
    background-position: center center
}

.highlighted-fold h1 {
    margin-top: 0
}

.highlighted-fold:before {
    left: 270px;
    right: 0;
    background: -moz-linear-gradient(right, rgba(29, 43, 116, 0.82) 0, rgba(29, 43, 116, 0.82) 45%, transparent 100%);
    background: -webkit-linear-gradient(right, rgba(29, 43, 116, 0.82) 0, rgba(29, 43, 116, 0.82) 45% transparent 100%);
    background: linear-gradient(to left, rgba(29, 43, 116, 0.82) 0, rgba(29, 43, 116, 0.82) 45%, transparent 100%)
}

@media (min-width: 768px) {
    #content .research-training .highlighted-fold:before {
        width: calc(100% - 270px)
    }
}

#content .research-training .highlighted-fold .btn-white:hover, #content .research-training .highlighted-fold .btn-white:focus {
    color: #1d2b74;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9)
}

#content .research-training .highlighted-fold .btn-white:hover img, #content .research-training .highlighted-fold .btn-white:focus img, #content .research-training .highlighted-fold .btn-white:hover svg, #content .research-training .highlighted-fold .btn-white:focus svg {
    fill: #1d2b74
}

#content .research-training .highlighted-fold.funding-resources {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%231d6cbd' viewBox='0 0 24 24'%3E%3Cpath d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%") !important
}

#content .research-training .highlighted-fold.funding-resources:before {
    background: -moz-linear-gradient(right, #1d2b74 0, rgba(29, 43, 116, 0.9) 65%, transparent 100%);
    background: -webkit-linear-gradient(right, #1d2b74 0, rgba(29, 43, 116, 0.9) 65% transparent 100%);
    background: linear-gradient(to left, #1d2b74 0, rgba(29, 43, 116, 0.9) 65%, transparent 100%)
}

#content .research-training .highlighted-fold.funding-resources ul:not([class]) {
    list-style: none !important;
    padding-left: 1.5em
}

#content .research-training .highlighted-fold.funding-resources ul:not([class])>li {
    position: relative;
    padding-left: 5px
}

#content .research-training .highlighted-fold.funding-resources ul:not([class])>li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -0.7em;
    top: .7em;
    width: .33em;
    height: .33em;
    background-color: white
}

#content .research-training .highlighted-fold-content {
    padding-top: 2em;
    padding-bottom: 2em
}

@media (max-width: 991px) {
    #content .research-training .highlighted-fold-content {
        background-color: rgba(29, 43, 116, 0.72)
    }
}

#content .science-education .main-fold:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%231d6cbd' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M15.668 8.626l8.332 1.159-6.065 5.874 1.48 8.341-7.416-3.997-7.416 3.997 1.481-8.341-6.064-5.874 8.331")
}

#content .science-education .highlighted-fold {
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%231d6cbd' viewBox='0 0 24 24'%3E%3Cpath d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%")
}

#content .science-education .highlighted-fold:before {
    width: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(right, rgba(18, 84, 84, 0.96) 0, rgba(18, 84, 84, 0.96) 45%, transparent 100%);
    background: -webkit-linear-gradient(right, rgba(18, 84, 84, 0.96) 0, rgba(18, 84, 84, 0.96) 45% transparent 100%);
    background: linear-gradient(to left, rgba(18, 84, 84, 0.96) 0, rgba(18, 84, 84, 0.96) 45%, transparent 100%)
}

#content .findings .main-fold:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%231d6cbd' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M15.668 8.626l8.332 1.159-6.065 5.874 1.48 8.341-7.416-3.997-7.416 3.997 1.481-8.341-6.064-5.874 8.331");
    background-size: 1600px auto;
    background-position: center -10px;
    opacity: .4
}

ul.chart {
    display: block;
    margin-top: 20px;
    width: calc(50% - 49px);
    margin: 0;
    padding: 0;
    list-style-type: none
}

ul.chart li {
    position: relative
}

ul.chart li:before {
    content: '';
    display: block;
    position: absolute;
    border-left: 2px solid #ccc;
    height: calc(100% + 60px);
    top: -30px
}

ul.chart li:last-child:before {
    height: calc(50% + 30px)
}

ul.chart li:after {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    border-top: 2px solid #ccc;
    top: 50%
}

ul.chart.left-side {
    float: left
}

ul.chart.left-side li:before {
    right: -50px
}

ul.chart.left-side li:after {
    right: -50px;
    border-right: 2px solid #ccc
}

ul.chart.right-side {
    float: right
}

ul.chart.right-side li:before {
    left: -50px
}

ul.chart.right-side li:after {
    left: -50px;
    border-left: 2px solid #ccc
}

.chart li .chart-description {
    margin-top: 30px;
    border-radius: 2px;
    border: 1px solid #ccc;
    position: relative
}

.chart li .chart-description .chart-body {
    padding: 10px
}

.chart li .chart-description p {
    padding: 5px;
    margin-bottom: 0
}

.chart-description h4 {
    color: white !important;
    background-color: #478b92;
    font-size: 20px;
    padding: 10px;
    margin: 0
}

.chart-description h4 a, .chart-description h4 a:link, .chart-description h4 a:visited {
    color: inherit
}

.header-chart {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    border: 1px solid #ccc
}

.header-chart .header-body {
    padding: 10px
}

.header-chart p {
    margin-bottom: 0;
    padding: 5px
}

.ms-srch-sb-border {
    border: 0
}

#s4-workspace {
    -webkit-overflow-scrolling: touch;
    overflow:scroll;
}
#s4-titlerow {
    height:auto;
    position:relative;
    z-index: 1;
}

#s4-bodyContainer input[type=button], #s4-bodyContainer input[type=reset], #s4-bodyContainer input[type=submit], #s4-bodyContainer button {
    min-width: 0
}

.search-collapse .ms-srch-sb>.ms-srch-sb-searchLink img {
    display: none
}

td, th {
    padding: 8px
}

.faq {
    font-size: 1em;
    margin-top: 1em;
    margin-bottom: .5em;
    font-weight: 600
}

@media (max-width: 768px) {
    .main-content-container {
        display: flex;
        width: 100%;
        flex-flow: column
    }

    .left-sidebar {
        order: 2
    }

    .left-sidebar .nav-section {
        display: none
    }
}

.display-image.featured-images {
    background-color: #E5EDF6
}

.display-image h2 {
    color: #1d6cbd;
    font-size: 35px
}

.display-image .col-sm-3 {
    padding-left: 4px;
    padding-right: 4px
}

@media (min-width: 768px) {
    .display-image .col-sm-3:first-child {
        padding-left: 15px
    }

    .display-image .col-sm-3:last-child {
        padding-right: 15px
    }
}

.display-image .callout-box {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    border: 1px solid #e4e4e4;
    background-size: cover
}

.display-image .callout-box:hover .remove, .display-image .callout-box:focus .remove {
    top: 0
}

.display-image .callout-box:hover .callout-box-text, .display-image .callout-box:focus .callout-box-text {
    top: 0
}

.display-image .callout-box-text {
    top: 300px;
    height: 200px
}

.display-image .callout-box-text h4 {
    position: absolute;
    bottom: 0;
    padding-bottom: 20px
}

.display-image .remove {
    top: 300px;
    height: auto;
    width: auto;
    padding-top: 15px;
    padding-right: 15px;
    z-index: 10;
    display: block;
    position: absolute;
    transition: .3s;
    right: 0
}

.display-image .remove .box1-text {
    margin-right: 30px
}

.display-image .remove .box1 {
    width: 25px;
    height: 25px;
    border: 2px solid white;
    border-radius: 50%;
    display: inline-block;
    margin-top: -27px;
    margin-left: 66px;
    position: absolute
}

.display-image .remove .box1 .close-x {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%231d6cbd' viewBox='0 0 24 24'%3E%3Cpath d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%#FFFFFF' d='M35.6 34.4L28 26.8l7.6-7.6c.2-.2.2-.5 0-.7l-.5-.5c-.2-.2-.5-.2-.7 0l-7.6 7.6-7.5-7.6c-.2-.2-.5-.2-.7 0l-.6.6c-.2.2-.2.5 0 .7l7.6 7.6-7.6 7.5c-.2.2-.2.5 0 .7l.5.5c.2.2.5.2.7 0l7.6-7.6 7.6 7.6c.2.2.5.2.7 0l.5-.5c.2-.2.2-.5 0-.7z'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    cursor: pointer;
    right: -10px;
    margin-top: -9px;
    width: 40px;
    height: 40px
}

.display-image .remove .box1 a {
    float: right
}

.search-image, .result-img {
    background-color: rgba(239, 240, 241, 0.95);
    color: black;
    padding: 20px;
    margin: 0 20px
}

.search-image .light-label, .result-img .light-label {
    color: #2F4DBC;
    font-style: normal
}

.search-image .input-search, .result-img .input-search {
    max-width: 700px;
    width: 100%
}

.search-image .dropdown-filter.dropdown-filter-large .input-group-btn>.btn, .result-img .dropdown-filter.dropdown-filter-large .input-group-btn>.btn {
    margin-left: 0;
    margin: 10px 0 0 0;
    width: 100%
}

@media (max-width: 768px) {
    .search-image .dropdown-filter.dropdown-filter-large .input-group-btn>.btn, .result-img .dropdown-filter.dropdown-filter-large .input-group-btn>.btn {
        width: 100% !important
    }
}

@media (max-width: 768px) {
    .search-image .dropdown-filter.dropdown-filter-large .input-group-btn, .result-img .dropdown-filter.dropdown-filter-large .input-group-btn {
        width: 100%
    }

    .search-image .dropdown-filter.dropdown-filter-large .input-group-btn:first-child, .result-img .dropdown-filter.dropdown-filter-large .input-group-btn:first-child {
        padding-right: 0
    }
}

.search-image .dropdown-filter.dropdown-filter-large .input-group-btn .dropdown-menu, .result-img .dropdown-filter.dropdown-filter-large .input-group-btn .dropdown-menu {
    width: 100%;
    margin-left: 0
}

.search-image .btn-default, .result-img .btn-default {
    transition: .3s;
    padding: 3px 60px;
    margin-right: 10px;
    margin-top: 15px
}

.search-image .btn-gray, .result-img .btn-gray {
    margin-left: 15px
}

.search-image .form-control, .result-img .form-control {
    height: 42px
}

.search-image .btn-search-img, .result-img .btn-search-img {
    padding-top: 10px
}

.search-image .main-content, .result-img .main-content {
    padding: 20px
}

.search-image .caret, .result-img .caret {
    display: inline-block;
    width: 0;
    top: 29px;
    left: 315px;
    height: 0;
    margin-left: 2px;
    z-index: 10;
    border-top: 7px solid #1d6cbd;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    vertical-align: middle
}

.search-image .section-menu .advanced-search, .result-img .section-menu .advanced-search {
    cursor: pointer;
    color: #1d6cbd;
    display: block;
    position: relative;
    padding-left: 30px;
    transition: .3s
}

.search-image .section-menu .advanced-search:before, .result-img .section-menu .advanced-search:before {
    display: block;
    position: relative;
    top: 14px;
    right: 25px;
    line-height: .4em;
    font-size: 2em;
    font-weight: 600;
    color: #1d6cbd;
    transition: .3s
}

.search-image .section-menu .advanced-search[aria-expanded=false]:before, .result-img .section-menu .advanced-search[aria-expanded=false]:before {
    content: '\002b'
}

.search-image .section-menu .advanced-search[aria-expanded=true]:before, .result-img .section-menu .advanced-search[aria-expanded=true]:before {
    content: '\2013'
}

.search-image .section-menu .advanced-search:hover, .result-img .section-menu .advanced-search:hover, .search-image .section-menu .advanced-search:focus, .result-img .section-menu .advanced-search:focus {
    color: black
}

.search-image .section-menu .advanced-search:hover:before, .result-img .section-menu .advanced-search:hover:before, .search-image .section-menu .advanced-search:focus:before, .result-img .section-menu .advanced-search:focus:before {
    color: black
}

.result-img {
    background-color: white;
    padding: 0;
    margin: 0
}

.result-img .gray-bg {
    padding-top: 0;
    padding-bottom: 0
}

.result-img .pager-next>a:hover, .result-img .pager-previous>a:hover, .result-img .pager-next>a:focus, .result-img .pager-previous>a:focus {
    color: white !important
}

.result-img .media.media-lg {
    margin-bottom: 0
}

.result-img .media.media-lg .media-left:hover, .result-img .media.media-lg .media-left:focus {
    transform: scale(1.05)
}

.result-img .media, .result-img .media-body {
    overflow: inherit;
    padding-bottom: 10px
}

.result-img .media .media-body .media-heading {
    font-size: 23px;
    margin-bottom: 0
}

.result-img .media .media-body .media-heading a {
    color: black
}

.result-img .media .media-body .media-heading a:hover, .result-img .media .media-body .media-heading a:focus {
    color: #1d6cbd
}

.result-img .star-image {
    padding-left: 25px;
    padding-bottom: 20px;
    display: inline-block
}

.result-img .star-image:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%231d6cbd' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M15.668 8.626l8.332 1.159-6.065 5.874 1.48 8.341-7.416-3.997-7.416 3.997 1.481-8.341-6.064-5.874 8.331-1.159 3.668-7.626 3.669 7.626zm-6.67.925l-6.818.948 4.963 4.807-1.212 6.825 6.068-3.271 6.069 3.271-1.212-6.826 4.964-4.806-6.819-.948-3.002-6.241-3.001 6.241z'/%3E%3C/svg%3E");
    position: absolute;
    margin-left: -30px;
    margin-top: -2px;
    fill: #1d6cbd;
    width: 24px;
    height: 24px;
    color: #1d6cbd;
    content: ''
}

.result-img .star-image.active-star:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%231d6cbd' viewBox='0 0 24 24'%3E%3Cpath d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%3C/svg%3E%0A");
    position: absolute;
    font-size: 30px;
    margin-left: -27px;
    color: #1d6cbd;
    content: ''
}

.result-img .search-image-title {
    color: #7B7C7E !important;
    font-size: 35px;
    margin-top: 10px;
    margin-bottom: 20px
}

.result-img .search-image-title span {
    color: #1d6cbd
}

.result-img .dropdown-search li a {
    color: black !important
}

.result-img .dropdown-search li.active a {
    color: white !important
}

@media (max-width: 1420px) {
    .result-img .media-lg .media-body {
        overflow: hidden
    }

    .result-img .media-lg .media-body .dropdown-size .input-group-btn {
        width: 1%
    }

    .result-img .media-lg .media-body .dropdown-size .input-group {
        display: block
    }

    .result-img .media-lg .media-body .btn-default-inverse {
        margin-top: 10px
    }

    .result-img .media-lg .media-body .star-image {
        margin-top: 10px
    }
}

@media (max-width: 992px) {
    .result-img .media-lg .pull-left {
        float: none !important;
        display: block
    }

    .result-img .media-heading {
        margin-top: 15px
    }
}

@media (max-width: 768px) {
    .result-img .dropdown-filter.dropdown-filter-large.dropdown-size .input-group-btn {
        width: 100% !important
    }
}

.detail-page .detail-img {
    margin-top: 20px
}

.detail-page .topic-heading {
    margin-top: 20px
}

.detail-page .callout-box.big-img {
    height: 250px
}

.detail-page .callout-box a, .detail-page .callout-box h4 {
    color: white !important
}

.media-content {
    transition: .3s
}

.media-content .media-circle {
    border-radius: 50%
}

.media-content .media-body {
    padding-top: 2%
}

.event-news .media .media-left {
    margin-right: 0
}

.event-news .media .media-date {
    text-align: center;
    color: #376a70;
    max-width: 4rem;
    margin-left: auto;
    margin-right: auto;
    font-style: normal
}

.event-news .media .media-date .month {
    padding: 8px;
    border-width: 0 2px;
    border-style: solid;
    border-color: #376a70;
    font-size: 1.25rem;
    color: white;
    text-transform: uppercase;
    line-height: 1;
    background-color: #376a70
}

.event-news .media .media-date .day {
    padding: 8px;
    border-width: 0 2px 2px;
    border-style: solid;
    border-color: #dee2e6;
    font-size: 1.25rem
}

.box-tabs.box-tabs-second .nav-tabs li a, .box-tabs-contact.box-tabs-second .nav-tabs li a {
    border: 1px solid #25579d !important;
    background-color: #f8f8f8
}

.box-tabs.box-tabs-second .nav-tabs li a:hover, .box-tabs-contact.box-tabs-second .nav-tabs li a:hover, .box-tabs.box-tabs-second .nav-tabs li a:focus, .box-tabs-contact.box-tabs-second .nav-tabs li a:focus {
    background-color: #ecf2f7
}

.box-tabs.box-tabs-second .nav-tabs li.active a, .box-tabs-contact.box-tabs-second .nav-tabs li.active a {
    background-color: #25579d
}

.box-tabs.box-tabs-second .nav-tabs li.active a:before, .box-tabs-contact.box-tabs-second .nav-tabs li.active a:before {
    border-top-color: #25579d
}

.box-tabs > ul > li > a {
    text-decoration: none;
}

@media (min-width: 992px) {
    .box-tabs.box-tabs-news .nav-tabs li a {
        height: 70px;
        font-size: 24px
    }

    .box-tabs.box-tabs-news .nav-tabs li a.box-name {
        height: 60px;
        text-transform: uppercase;
        font-size: 22px
    }
}

.box-tabs-contact .nav-tabs li a {
    display: block;
    border: 0 !important;
    padding: 5px;
    height: auto;
    color: inherit;
    position: relative;
    overflow: hidden
}

.box-tabs-contact .nav-tabs li a:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    transition: .3s
}

.box-tabs-contact .nav-tabs li.active a, .box-tabs-contact .nav-tabs li.active a:hover, .box-tabs-contact .nav-tabs li.active a:focus {
    color: #fff
}

@media (min-width: 768px) {
    .box-tabs-contact .nav-tabs li {
        display: block;
        flex: 0 1 100%;
        margin-bottom: 25px
    }

    .box-tabs-contact .nav-tabs li+li {
        padding-left: 10px
    }

    .box-tabs-contact .nav-tabs li a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 78px;
        overflow: visible
    }
}

@media (min-width: 768px) {
    .box-tabs-contact .nav-tabs li a {
        height: 150px
    }
}

@media (min-width: 768px) {
    .box-tabs-contact .nav-tabs {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between
    }
}

@media (max-width: 900px) and (min-width:768px) {
    .box-tabs-contact .nav-tabs li a {
        font-size: 12px
    }
}

.contacts .media {
    border: 1px solid #e4e4e4;
    padding: 15px;
    margin-bottom: 15px
}

.contacts .media>.pull-left {
    height: 200px
}

@media (max-width: 430px) {
    .contacts .media>.pull-left {
        float: none !important;
        margin-bottom: 15px;
        width: 154px
    }
}

.contacts .media .media-body {
    padding-left: 15px
}

@media (max-width: 430px) {
    .contacts .media .media-body {
        padding-left: 0
    }
}

.media-left {
    float: left
}

.sketch .media-left img {
    width: 182px;
    height: 255px;
    margin-right: 20px
}

@media (max-width: 768px) {
    .sketch .media-left {
        float: none !important;
        margin-bottom: 15px
    }
}

table.table-default {
    text-align: left;
    border-collapse: collapse
}

table.table-default .middle {
    vertical-align: middle
}

table.table-default .middle th, table.table-default .middle td {
    vertical-align: middle
}

table.table-default .check {
    font-size: 25px;
    text-align: center
}

table.table-default td, table.table-default th, table.table-default tr {
    padding: 5px
}

table.table-default tr>th, table.table-default tr>td {
    padding: 10px
}

table.table-default tbody th {
    font-size: 13px
}

table.table-default thead {
    background-color: #ecf2f7;
    color: black;
    border-bottom: 5px solid #FFFFFF
}

table.table-default thead tr:first-child {
    background-color: #25579d;
    color: white
}

table.table-default thead tr>th {
    border: 0
}

table.table-default thead th:first-child {
    border-left: none
}

.section-img {
    display: inline-block
}

.section-img .pull-left {
    margin-right: 5px
}

#Breadcrumb_nigms {
    margin: 0 !important
}

#s4-bodyContainer {
    padding-bottom: 0 !important
}

.breadcrumb span:not([class]) span:not([class]) {
    color: #ccc;
    margin: 0 5px
}

.breadcrumb .current span {
    color: #414141 !important;
    margin: 0 !important
}

.reviewed-page {
    position: absolute;
    right: 0;
    margin-top: 5px;
    margin-right: 25px
}

.site-maintenance {
    margin: 0 auto;
    padding: 40px;
    max-width: 750px;
    margin-top: 60px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 2px
}

.site-maintenance h2 {
    margin-top: 0
}

.select-css {
    display: inline-block;
    line-height: 1.3;
    padding: 10px 15px;
    padding-right: 30px;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin-top: 4px;
    border: 1px solid #e4e4e4;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%
}

.select-css::-ms-expand {
    display: none
}

.select-css:focus {
    box-shadow: 0 0 1px 1px rgba(59, 153, 252, 0.7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    outline: none
}

.select-css option {
    font-weight: normal
}

.btn-download {
    padding: 8px 10px !important;
    margin-top: 3px !important
}

.box-bottom-main {
    width: 600px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 25px
}

.box-bottom-main h2 {
    letter-spacing: 0;
    color: #1d6cbd
}

.box-bottom-main .sub-title {
    font-style: italic;
    padding: 0 40px;
    color: #1d6cbd;
    font-weight: 900;
    font-size: 18px;
    max-width: 380px;
    margin: 0 auto
}

.box-bottom-main .desc {
    text-align: left;
    padding: 0 20px;
    margin-top: 20px
}

.box-bottom-main .btn {
    bottom: 0
}

.alphabet {
    margin-top: 30px
}

.alphabet a {
    border: 1px solid #376a70;
    color: #376a70 !important;
    font-weight: normal;
    width: 32px;
    height: 35px;
    padding: 5px 0;
    text-align: center;
    vertical-align: center;
    margin: 4px 1px;
    display: inline-block
}

.alphabet a:hover, .alphabet a:focus {
    background-color: #d8eaec;
    font-weight: bold;
    text-decoration: none
}

.accordion .letter-title {
    font-size: 35px;
    padding: 30px 0;
    color: #19a1ca
}

.accordion .panel .panel-heading {
    padding: 8px 15px 4px 15px;
    background-color: #fff;
    color: #000 !important;
    transition: .3s
}

.accordion .panel .panel-heading:hover, .accordion .panel .panel-heading:focus {
    background-color: #e9e9e9;
    text-decoration: none;
    cursor: pointer
}

.accordion .panel .panel-heading .panel-title {
    font-size: 20px
}

.accordion .panel .panel-body .audio {
    font-style: italic;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: -8px
}

.accordion .panel .panel-body .audio img {
    padding-left: 5px;
    width: 24px
}

.accordion .panel .panel-body .audio a {
    color: #0975c0;
    padding: 5px 8px;
    border-radius: 5px
}

.accordion .panel .panel-body .audio a:hover, .accordion .panel .panel-body .audio a:focus {
    text-decoration: none;
    background-color: #efefef
}

.accordion .panel .panel-body .panel-toggler {
    position: relative;
    display: block;
    padding-left: 30px;
    margin: 20px 0
}

.accordion .panel .panel-body .panel-toggler:before {
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: .8em;
    border-radius: 50%;
    font-size: 23px;
    font-weight: 600;
    color: #19a1ca;
    border: 1px solid #19a1ca
}

.accordion .panel .panel-body .panel-toggler[aria-expanded=true]:before {
    content: '\2013'
}

.accordion .panel .panel-body .panel-toggler[aria-expanded=false]:before {
    content: '\002b'
}

.accordion .panel .panel-body .source {
    color: #717171
}

.accordion .panel .panel-body img {
    max-width: 700px;
    max-height: 500px
}

.main-fold .factsheet-content {
    overflow: visible;
    padding-bottom: 0
}

.main-fold .factsheet-content h3 {
    color: #777;
    margin-top: 35px;
    margin-bottom: 15px
}

.main-fold .factsheet-content ul li {
    margin-bottom: 10px
}

.main-fold .factsheet-content ul li:before {
    font-size: 18px
}

.main-fold .factsheet-content .def-box {
    width: 400px;
    font-size: 20px;
    line-height: 1.3;
    float: left;
    background-color: #ceefdf;
    margin: -60px 30px 30px 0;
    padding: 45px 30px 45px;
    margin-top: -80px;
    position: relative;
    z-index: 101
}

@media (max-width: 992px) {
    .main-fold .factsheet-content .def-box {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }
}

@media (max-width: 768px) {
    .main-fold .factsheet-content .def-box {
        margin: 20px 0;
        padding: 25px
    }
}

.main-fold .factsheet-content .def-box h3 {
    color: #056842;
    margin-top: 0;
    margin-bottom: 20px
}

.main-fold .factsheet-content .card {
    width: 325px;
    padding: 15px 38px 15px 0;
    float: left
}

.main-fold .factsheet-content .card.card-right {
    float: right;
    padding: 15px 0 15px 38px
}

.main-fold .factsheet-content .card img {
    width: 100%;
    height: auto
}

.main-fold .factsheet-content .card p {
    padding: 20px;
    line-height: 25px;
    background-color: #ddd
}

@media (max-width: 768px) {
    .main-fold .factsheet-content .card {
        float: none;
        max-width: 350px;
        display: block;
        padding: 0;
        margin-top: 10px;
        margin: 0 auto
    }

    .main-fold .factsheet-content .card.card-right {
        float: none;
        padding: 0
    }
}

.fold-light-green {
    background-color: #eaf3ef
}

.fold-light-green .highlighted-fold-content {
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: transparent
}

.fold-light-green .highlighted-fold-content .highlighted-text {
    padding: 30px;
    background: #fff;
    margin-left: 50px
}

@media (max-width: 768px) {
    .fold-light-green .highlighted-fold-content .highlighted-text {
        margin-left: 0
    }
}

.fold-light-green .highlighted-fold-content .highlighted-text h2 {
    color: #25579d;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 300
}

.fold-light-green .highlighted-fold-content .highlighted-text h3 {
    color: #2f6ec6;
    margin-top: 5px;
    font-size: 28px
}

.fold-light-green .highlighted-fold-content .highlighted-text a {
    color: #25579d
}

.fold-light-green .highlighted-fold-content .highlighted-text ul li {
    margin-bottom: 12px
}

.fold-light-green .highlighted-fold-content .highlighted-text ul li a {
    margin-bottom: 5px;
    color: #414141;
    font-weight: 400;
    font-size: 18px
}

.end-factsheet {
    line-height: 40px;
    padding: 20px 10px;
    display: block;
    position: relative
}

.modal .modal-dialog {
    max-width: 1000px;
    z-index: 500
}

.modal .modal-header .modal-title {
    color: #414141
}

.modal .modal-header .close {
    margin-top: -25px;
    text-transform: .3s;
    width: 30px
}

.modal .imageModal {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.text-green {
    color: #068a57 !important
}

.drcb-controls {
    margin-top: 20px
}

.drcb-box-radio fieldset {
    position: relative;
    overflow: hidden
}

.drcb-box-radio input[type=radio] {
    position: absolute;
    top: -100px
}

.drcb-box-radio input[type=radio]:checked+label {
    background-color: #376a70;
    color: #fff
}

.drcb-box-radio input[type=radio]:checked+label:before {
    border-top-color: #376a70
}

.drcb-box-radio label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 30px;
    color: inherit;
    width: 152px;
    padding: 15px 0;
    background-color: #e4e4e4;
    border-spacing: 15px;
    text-align: center;
    text-transform: uppercase;
    transition: .3s
}

.drcb-box-radio label:before {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 1;
    bottom: -15px;
    left: 45px;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: .3s
}

.drcb-content table, .drcb-content .table-striped {
    border: 5px solid #e9f1f2;
    border-spacing: 0;
    border-collapse: initial
}

.drcb-content table th, .drcb-content .table-striped th, .drcb-content table td, .drcb-content .table-striped td {
    border: 0
}

.drcb-content table thead th, .drcb-content .table-striped thead th {
    background-color: #e9f1f2;
    text-transform: uppercase;
    color: #163158;
    font-weight: 600;
    font-size: 15px
}

.drcb-meta {
    display: inline-block;
    width: auto
}

.drcb-meta>span {
    display: inline-block
}

.drcb-meta>span+span {
    margin-left: 30px
}

.glossary-button.accordion-button {
    font-size: 20px;
    padding: 8px 15px 4px 15px;
    background-color: #fff;
    color: #000 !important;
    transition: .3s;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    border: 1px solid #ddd;
}

.glossary-button.accordion-button:hover {
    background-color: #e9e9e9;
}

.accordion-body .audio a {
    text-decoration: none;
    color: #0975c0;
    padding: 5px 8px;
    border-radius: 5px;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.flex-row>div {
    flex: 1 0 auto
}

.flex-row>div:last-child {
    flex: 0 0 auto
}

.vertically-centered-row {
    align-items: center
}

.top-aligned-row {
    align-items: flex-start
}

.bottom-aligned-row {
    align-items: flex-end
}

.btn-back-circle {
    position: relative;
    border: 0 !important;
    background-color: transparent !important;
    padding: 5px 0 5px 36px !important;
    font-size: 15px;
    font-weight: 700;
    min-height: 32px;
    color: #376a70
}

.btn-back-circle:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 2px;
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21px' height='21px' viewBox='20 20 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23376a70' d='M36,25.5c-5.8,0-10.5,4.7-10.5,10.5c0,5.8,4.7,10.5,10.5,10.5c5.8,0,10.5-4.7,10.5-10.5C46.5,30.2,41.8,25.5,36,25.5z M38.7, 42.9c-0.2, 0.2-0.4, 0.3-0.7, 0.3c-0.2, 0-0.5-0.1-0.6-0.3l-6.9-6.3c-0.4-0.4-0.4-0.9, 0-1.3l0.1-0.1l6.9-6.3 c0.2-0.2, 0.4-0.3, 0.6-0.3c0.2, 0, 0.5, 0.1, 0.6, 0.2c0.2, 0.2, 0.3, 0.4, 0.3, 0.7c0, 0.3-0.1, 0.5-0.3, 0.7L32.5, 36l6.2, 5.6 C39.1, 42, 39.1, 42.6, 38.7, 42.9z M36, 21.1c-8.2, 0-14.9, 6.7-14.9, 14.9S27.8, 50.9, 36, 50.9S50.9, 44.2, 50.9, 36S44.2, 21.1, 36, 21.1z M42.9, 47.2L42.9, 47.2L42.9, 47.2L42.9, 47.2z M36, 48.2c-6.7, 0-12.2-5.5-12.2-12.2c0-6.7, 5.5-12.2, 12.2-12.2c6.7, 0, 12.2, 5.5, 12.2, 12.2 C48.2, 42.7, 42.7, 48.2, 36, 48.2z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: .3s
}

.btn-back-circle:hover, .btn-back-circle:focus {
    color: #108297
}

.btn-back-circle:hover:before, .btn-back-circle:focus:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21px' height='21px' viewBox='20 20 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23108297' d='M36,25.5c-5.8,0-10.5,4.7-10.5,10.5c0,5.8,4.7,10.5,10.5,10.5c5.8,0,10.5-4.7,10.5-10.5C46.5,30.2,41.8,25.5,36,25.5z M38.7, 42.9c-0.2, 0.2-0.4, 0.3-0.7, 0.3c-0.2, 0-0.5-0.1-0.6-0.3l-6.9-6.3c-0.4-0.4-0.4-0.9, 0-1.3l0.1-0.1l6.9-6.3 c0.2-0.2, 0.4-0.3, 0.6-0.3c0.2, 0, 0.5, 0.1, 0.6, 0.2c0.2, 0.2, 0.3, 0.4, 0.3, 0.7c0, 0.3-0.1, 0.5-0.3, 0.7L32.5, 36l6.2, 5.6 C39.1, 42, 39.1, 42.6, 38.7, 42.9z M36, 21.1c-8.2, 0-14.9, 6.7-14.9, 14.9S27.8, 50.9, 36, 50.9S50.9, 44.2, 50.9, 36S44.2, 21.1, 36, 21.1z M42.9, 47.2L42.9, 47.2L42.9, 47.2L42.9, 47.2z M36, 48.2c-6.7, 0-12.2-5.5-12.2-12.2c0-6.7, 5.5-12.2, 12.2-12.2c6.7, 0, 12.2, 5.5, 12.2, 12.2 C48.2, 42.7, 42.7, 48.2, 36, 48.2z'/%3E%3C/svg%3E")
}

.action-btn-right {
    float: right;
    text-align: right
}

.action-btn-right .btn {
    margin: 5px 0 5px 5px
}

.dropdown-filter ul {
    list-style: none
}

.dropdown-filter .dropdown-menu {
    max-height: 400px;
    overflow-y: auto !important
}

.dropdown-filter.dropdown-filter-drcb {
    margin-top: 0;
    margin-bottom: 10px
}

.dropdown-filter.dropdown-filter-drcb .btn-group {
    width: 100%
}

.dropdown-filter.dropdown-filter-drcb .btn-group .btn.dropdown-toggle {
    min-width: 100%;
    color: #068a57;
    text-transform: uppercase
}

.dropdown-filter.dropdown-filter-drcb .btn-group .btn.dropdown-toggle .caret {
    margin: 6px 0 7px 5px;
    border-top: 9px solid #777;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.dropdown-filter.dropdown-filter-drcb .btn-group.open .btn-group.open .dropdown-toggle {
    box-shadow: none
}

.dropdown-filter.dropdown-filter-drcb .dropdown-menu {
    list-style: none;
    min-width: 100%
}

.dropdown-filter.dropdown-filter-drcb .dropdown-menu li:before {
    display: none
}

.dropdown-filter.dropdown-filter-drcb .dropdown-menu>li>a {
    font-size: 18px;
    color: inherit
}

.dropdown-filter.dropdown-filter-drcb .dropdown-menu>li>ul {
    list-style: none;
    padding-left: 0
}

.dropdown-filter.dropdown-filter-drcb .dropdown-menu>li>ul li a {
    display: block;
    padding-left: 36px;
    color: inherit
}

.dropdown-filter.dropdown-filter-drcb .dropdown-menu>li>ul li a:hover, .dropdown-filter.dropdown-filter-drcb .dropdown-menu>li>ul li a:focus {
    background-color: #f5f5f5;
    text-decoration: none
}

#footer {
    margin-top: 0;
    padding: 0 0 3em;
    font-size: 14px;
    color: #333;
    background-color: #f7f7f7
}

#footer .row {
    margin: .5em 0 2em
}

#footer a {
    color: #154e88
}

#footer .social-links {
    background-color: #e4e4e4;
    margin-bottom: 2em
}

@media (min-width: 992px) {
    #footer .social-links {
        text-align: center
    }
}

#footer .social-links .row {
    margin: 0
}

#footer .social-links a {
    color: inherit
}

#footer .social-links a:focus, #footer .social-links a:hover {
    text-decoration: none;
    color: #154e88
}

#footer ul {
    margin-bottom: .6em;
    padding: 0;
    list-style: none
}

@media (min-width: 768px) {
    #footer ul {
        text-align: center
    }
}

#footer ul li {
    font-size: 1.1em;
    padding: 4px 0
}

@media (min-width: 768px) {
    #footer ul li {
        position: relative;
        display: inline-block;
        padding: 1px 7px 1px 0
    }

    #footer ul li a {
        padding: 0;
        color: #333
    }

    #footer ul li+li {
        padding-left: 7px;
        border-left: 1px solid #b8b8b8
    }
}

#footer .tagline {
    margin: 2em 0 0
}

#footer #readers {
    text-align: right;
    line-height: 1.6em
}

#footer #readers a, #footer #readers a:hover, #footer #readers a:focus {
    text-decoration: none
}

#footer #readers img, #footer #readers svg {
    width: 1.6em;
    height: 1.6em;
    margin-left: .5em
}

#footer .footer-title {
    padding-right: 10px;
    line-height: 1.8em;
    font-weight: bold
}

@media (max-width: 991px) {
    #footer .footer-title {
        display: block
    }
}

.btn-2top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 5px 0;
    background-color: #ffffff;
    border: 2px solid #5b5b5b;
    border-radius: 28px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 2em;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: .3s;
    pointer-events: none;
    text-decoration: none
}

.btn-2top img, .btn-2top svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    margin-left: -11px
}

.btn-2top img .st0, .btn-2top svg .st0 {
    fill: #5b5b5b
}

.btn-2top:hover, .btn-2top:focus {
    text-decoration: none;
    border-color: #1d6cbd;
    background-color: #ffffff;
    color: #1d6cbd
}

.btn-2top:hover svg .st0, .btn-2top:focus svg .st0 {
    fill: #1d6cbd
}

.btn-2top .tip {
    padding: 3px 6px;
    position: absolute;
    top: 2px;
    right: 43px;
    width: 108px;
    overflow: visible;
    content: 'Back to Top';
    color: #154e88;
    background-color: #ffffff;
    text-align: right;
    border-radius: 5px;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    pointer-events: none
}

.btn-2top:focus, .btn-2top.active {
    opacity: .55;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    pointer-events: auto
}

.btn-2top:focus:focus, .btn-2top.active:focus, .btn-2top:focus:hover, .btn-2top.active:hover {
    opacity: .9;
    text-decoration: none
}

.btn-2top:focus:focus .tip, .btn-2top.active:focus .tip, .btn-2top:focus:hover .tip, .btn-2top.active:hover .tip {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90)
}

@media (max-width: 768px) {
    .btn-2top {
        display: none
    }
}

@media print {
    #readers {
        display: none
    }
}