@charset "UTF-8";
/*css validated through - https://jigsaw.w3.org/css-validator/validator */

button, [type="button"], [type="reset"], [type="submit"] {
    appearance: none;
    background-color: #1565c0;
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 0.75em 1.5em;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms ease;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover {
    background-color: #11519a;
    color: #fff;
}

button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus {
    outline: 3px solid rgb(21, 101, 192, 0.6);
    outline-offset: 2px;
}

button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

button:disabled:hover, [type="button"]:disabled:hover, [type="reset"]:disabled:hover, [type="submit"]:disabled:hover {
    background-color: #1565c0;
}

fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    font-weight: 600;
    margin-bottom: 0.375em;
    padding: 0;
}

label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.375em;
}

input, select, textarea {
    display: block;
    font-size: 16px;
}

[type="color"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], input:not([type]), textarea {
    appearance: none;
    background-color: #fff;
    border: #ddd solid 1px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgb(0, 0, 0, 0.06) inset;
    box-sizing: border-box;
    margin-bottom: 0.75em;
    padding: 0.5em;
    transition: border-color 150ms ease;
    width: 100%;
}

[type="color"]:hover, [type="date"]:hover, [type="datetime"]:hover, [type="datetime-local"]:hover, [type="email"]:hover, [type="month"]:hover, [type="number"]:hover, [type="password"]:hover, [type="search"]:hover, [type="tel"]:hover, [type="text"]:hover, [type="time"]:hover, [type="url"]:hover, [type="week"]:hover, input:not([type]):hover, textarea:hover {
    border-color: #b1b1b1;
}

[type="color"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="email"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, input:not([type]):focus, textarea:focus {
    border-color: #1565c0;
    box-shadow: 0 1px 3px rgb(0, 0, 0, 0.06) inset, 0 0 5px rgb(21, 101, 192, 0.7);
    outline: none;
}

[type="color"]:disabled, [type="date"]:disabled, [type="datetime"]:disabled, [type="datetime-local"]:disabled, [type="email"]:disabled, [type="month"]:disabled, [type="number"]:disabled, [type="password"]:disabled, [type="search"]:disabled, [type="tel"]:disabled, [type="text"]:disabled, [type="time"]:disabled, [type="url"]:disabled, [type="week"]:disabled, input:not([type]):disabled, textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed;
}

[type="color"]:disabled:hover, [type="date"]:disabled:hover, [type="datetime"]:disabled:hover, [type="datetime-local"]:disabled:hover, [type="email"]:disabled:hover, [type="month"]:disabled:hover, [type="number"]:disabled:hover, [type="password"]:disabled:hover, [type="search"]:disabled:hover, [type="tel"]:disabled:hover, [type="text"]:disabled:hover, [type="time"]:disabled:hover, [type="url"]:disabled:hover, [type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
    border: #ddd solid 1px;
}

[type="color"]::-webkit-input-placeholder, [type="date"]::-webkit-input-placeholder, [type="datetime"]::-webkit-input-placeholder, [type="datetime-local"]::-webkit-input-placeholder, [type="email"]::-webkit-input-placeholder, [type="month"]::-webkit-input-placeholder, [type="number"]::-webkit-input-placeholder, [type="password"]::-webkit-input-placeholder, [type="search"]::-webkit-input-placeholder, [type="tel"]::-webkit-input-placeholder, [type="text"]::-webkit-input-placeholder, [type="time"]::-webkit-input-placeholder, [type="url"]::-webkit-input-placeholder, [type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #858585;
}

[type="color"]::-moz-placeholder, [type="date"]::-moz-placeholder, [type="datetime"]::-moz-placeholder, [type="datetime-local"]::-moz-placeholder, [type="email"]::-moz-placeholder, [type="month"]::-moz-placeholder, [type="number"]::-moz-placeholder, [type="password"]::-moz-placeholder, [type="search"]::-moz-placeholder, [type="tel"]::-moz-placeholder, [type="text"]::-moz-placeholder, [type="time"]::-moz-placeholder, [type="url"]::-moz-placeholder, [type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
    color: #858585;
}

[type="color"]:-ms-input-placeholder, [type="date"]:-ms-input-placeholder, [type="datetime"]:-ms-input-placeholder, [type="datetime-local"]:-ms-input-placeholder, [type="email"]:-ms-input-placeholder, [type="month"]:-ms-input-placeholder, [type="number"]:-ms-input-placeholder, [type="password"]:-ms-input-placeholder, [type="search"]:-ms-input-placeholder, [type="tel"]:-ms-input-placeholder, [type="text"]:-ms-input-placeholder, [type="time"]:-ms-input-placeholder, [type="url"]:-ms-input-placeholder, [type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #858585;
}

[type="color"]::-ms-input-placeholder, [type="date"]::-ms-input-placeholder, [type="datetime"]::-ms-input-placeholder, [type="datetime-local"]::-ms-input-placeholder, [type="email"]::-ms-input-placeholder, [type="month"]::-ms-input-placeholder, [type="number"]::-ms-input-placeholder, [type="password"]::-ms-input-placeholder, [type="search"]::-ms-input-placeholder, [type="tel"]::-ms-input-placeholder, [type="text"]::-ms-input-placeholder, [type="time"]::-ms-input-placeholder, [type="url"]::-ms-input-placeholder, [type="week"]::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #858585;
}

[type="color"]::placeholder, [type="date"]::placeholder, [type="datetime"]::placeholder, [type="datetime-local"]::placeholder, [type="email"]::placeholder, [type="month"]::placeholder, [type="number"]::placeholder, [type="password"]::placeholder, [type="search"]::placeholder, [type="tel"]::placeholder, [type="text"]::placeholder, [type="time"]::placeholder, [type="url"]::placeholder, [type="week"]::placeholder, input:not([type])::placeholder, textarea::placeholder {
    color: #858585;
}

textarea {
    resize: vertical;
}

[type="checkbox"], [type="radio"] {
    display: inline;
    margin-right: 0.375em;
}

[type="file"] {
    margin-bottom: 0.75em;
    width: 100%;
}

select {
    margin-bottom: 0.75em;
    width: 100%;
}

[type="checkbox"]:focus, [type="radio"]:focus, [type="file"]:focus, select:focus {
    outline: 3px solid rgb(21, 101, 192, 0.6);
    outline-offset: 2px;
}

html {
    background-color: #fff;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
}

ul, ol {
    margin: 0;
    padding: 0;
}

dl {
    margin: 0;
}

dt {
    font-weight: 600;
    margin: 0;
}

dd {
    margin: 0;
}

figure {
    margin: 0;
}

img, picture {
    margin: 0;
    max-width: 100%;
}

table {
    border-collapse: collapse;
    margin: 1.5em 0;
    table-layout: fixed;
    text-align: left;
    width: 100%;
}

thead {
    line-height: 1.2;
    vertical-align: bottom;
}

tbody {
    vertical-align: top;
}

tr {
    border-bottom: 1px solid #ddd;
}

th {
    font-weight: 600;
}

th, td {
    padding: 0.75em 0.75em 0.75em 0;
}

html {
    color: #333;
    font-size: 100%;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.25em;
    line-height: 1.2;
    margin: 0 0 0.75em;
}

p {
    margin: 0 0 0.75em;
}

a {
    color: #1565c0;
    text-decoration-skip: ink;
    transition: color 150ms ease;
}

a:hover {
    color: #104c90;
}

a:focus {
    outline: 3px solid rgb(21, 101, 192, 0.6);
    outline-offset: 2px;
}

hr {
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 1.5em 0;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateZ(0);
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(1.334em) translateZ(0);
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-1.334em) translateZ(0);
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-1.334em) translateZ(0);
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(1.334em) translateZ(0);
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInZoom {
    0% {
        opacity: 0;
        transform: scale(0) translateZ(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeInZoomBig {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    60% {
        transform: scale(1.25);
    }
    80% {
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-13.34em) translateZ(0);
    }
    65% {
        opacity: 1;
        transform: translateX(1.334em);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(13.34em) translateZ(0);
    }
    65% {
        opacity: 1;
        transform: translateX(-1.334em);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        transform: translateY(-10em) rotate(0) translateZ(0);
    }
    10% {
        transform: translateY(-10em) rotate(-40deg);
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateY(0) rotate(0);
    }
}

@keyframes riseIn {
    0% {
        opacity: 0;
        transform: translateY(10em) translateZ(0);
    }
    50% {
        opacity: 1;
    }
}

@keyframes popIn {
    0% {
        transform: scale(0.25) translateZ(0);
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes turnInDown {
    0% {
        opacity: 0;
        transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    }
    100% {
        opacity: 1;
        transform: perspective(800px) rotateX(0deg) translateZ(0);
        backface-visibility: hidden;
    }
}

@keyframes turnInUp {
    0% {
        opacity: 0;
        transform: perspective(500px) rotateX(225deg) translateZ(150px);
    }
    100% {
        opacity: 1;
        transform: perspective(800px) rotateX(0deg) translateZ(0);
        backface-visibility: hidden;
    }
}

@keyframes stretch {
    0% {
        transform: scaleY(0);
    }
    40% {
        transform: scaleY(1.05);
    }
    60% {
        transform: scaleY(0.97125);
    }
    80% {
        transform: scaleY(1.05);
    }
    100% {
        transform: scaleY(0.97125);
    }
    80% {
        transform: scaleY(1.02375);
    }
    100% {
        transform: scaleY(1);
    }
}

@keyframes newspaper {
    0% {
        opacity: 0;
        transform: rotate(720deg) scale(0.33) translateZ(0);
    }
    100% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        transform: translateY(1.334em);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-1.334em);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(-1.334em) translateZ(0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(1.334em) translateZ(0);
    }
}

@keyframes fadeOutZoom {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes fadeOutZoomBig {
    0% {
        transform: scale(1) translateZ(0);
    }
    40% {
        transform: scale(1.25);
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes slideOutLeft {
    35% {
        opacity: 1;
        transform: translateX(1.334em) translateZ(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-13.34em);
    }
}

@keyframes slideOutRight {
    35% {
        opacity: 1;
        transform: translateX(-1.334em) translateZ(0);
    }
    100% {
        opacity: 0;
        transform: translateX(13.34em);
    }
}

@keyframes explode {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        transform: scale(5);
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        transform: translateY(10em) rotate(-40deg);
    }
}

@keyframes riseOut {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-10em);
    }
}

@keyframes poof {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(2);
    }
}

@keyframes turnOutDown {
    0% {
        opacity: 1;
        transform: perspective(800px) rotateX(0deg) translateZ(0);
        backface-visibility: hidden;
    }
    100% {
        opacity: 0;
        transform: perspective(500px) rotateX(-225deg) translateZ(150px);
    }
}

@keyframes turnOutUp {
    0% {
        opacity: 1;
        transform: perspective(800px) rotateX(0deg) translateZ(0);
        backface-visibility: hidden;
    }
    100% {
        opacity: 0;
        transform: perspective(500px) rotateX(225deg) translateZ(150px);
    }
}

@keyframes compress {
    0% {
        transform: scaleY(1) translateZ(0);
    }
    30% {
        transform: scaleY(1.05);
    }
    50% {
        transform: scaleY(0.97125);
    }
    100% {
        transform: scaleY(0);
    }
}

@keyframes float {
    0%, 50%, 100% {
        transform: translateY(-0.25em) translateZ(0);
    }
    25% {
        transform: translateY(0.25em) rotate(1deg);
    }
    75% {
        transform: translateY(0.25em) rotate(-1deg);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0) translateZ(0);
    }
    15% {
        transform: translateX(0.55em);
    }
    35% {
        transform: translateX(-0.55em);
    }
    50% {
        transform: translateX(0.275em);
    }
    65% {
        transform: translateX(-0.275em);
    }
    85% {
        transform: translateX(0.1833333333em);
    }
}

@keyframes teeter {
    0%, 100% {
        transform: rotate(0deg) translateZ(0);
    }
    15% {
        transform: rotate(10deg);
    }
    30% {
        transform: rotate(-10deg);
    }
    45% {
        transform: rotate(5deg);
    }
    60% {
        transform: rotate(-5deg);
    }
    73% {
        transform: rotate(3.3333333333deg);
    }
    86% {
        transform: rotate(-3.3333333333deg);
    }
}

@keyframes quiver {
    0% {
        transform: translate3d(2px, 1px, 0) rotate(0deg);
    }
    10% {
        transform: translate3d(-1px, 2px, 0) rotate(2deg);
    }
    20% {
        transform: translate3d(-1px, 2px, 0) rotate(2deg);
    }
    30% {
        transform: translate3d(0, 2px, 0) rotate(0deg);
    }
    40% {
        transform: translate3d(1px, -1px, 0) rotate(2deg);
    }
    50% {
        transform: translate3d(-1px, 2px, 0) rotate(-2deg);
    }
    60% {
        transform: translate3d(-3px, 1px, 0) rotate(0deg);
    }
    70% {
        transform: translate3d(2px, 1px, 0) rotate(2deg);
    }
    80% {
        transform: translate3d(-1px, -1px, 0) rotate(-2deg);
    }
    90% {
        transform: translate3d(2px, 2px, 0) rotate(0deg);
    }
    100% {
        transform: translate3d(1px, -2px, 0) rotate(2deg);
    }
}

@keyframes sway {
    0%, 50%, 100% {
        transform: rotate(3deg) translateZ(0);
    }
    25% {
        transform: rotate(-3deg);
    }
    75% {
        transform: rotate(-3deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg) translateZ(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes bounce {
    0%, 85%, 100% {
        transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    }
    25% {
        transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98);
    }
    35% {
        transform: translateY(0) scaleY(0.98) scaleX(1.02);
    }
    50% {
        transform: translateY(-1rem) scaleY(1.01) scaleX(0.99);
    }
    60% {
        transform: translateY(0) scaleY(0.99) scaleX(1.01);
    }
    75% {
        transform: translateY(-0.05rem);
    }
}

@keyframes pulsate {
    0%, 100% {
        opacity: 1;
        transform: scale(1) translateZ(0);
    }
    50% {
        opacity: 0.85;
        transform: scale(1.1);
    }
}

@keyframes aroundTheWorld {
    0% {
        transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
    }
}

@keyframes ping {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes squareDance {
    0%, 100% {
        transform: translate3d(100%, 0, 0);
    }
    25% {
        transform: translate3d(100%, 100%, 0);
    }
    50% {
        transform: translate3d(0, 100%, 0);
    }
    75% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes sunrise {
    0% {
        transform: rotate(0deg) translate(-15em) rotate(0deg);
    }
    100% {
        transform: rotate(180deg) translate(-15em) rotate(-180deg);
    }
}

html {
    font-size: 14px;
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding: 0.4285714286rem;
    border: transparent solid 1px;
}

.form-horizontal .form-control-static {
    padding-top: 0.4285714286rem;
    border-top: 1px solid transparent;
    padding-bottom: 0.4285714286rem;
    border-bottom: 1px solid transparent;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 0.4285714286rem;
        border-top: 1px solid transparent;
    }
}

html.overlay-open .navbar-fixed-top {
    z-index: 400;
}

html.js fieldset.collapsed {
    border-left-width: 1px;
    border-right-width: 1px;
    height: auto;
}

html.js input.form-autocomplete {
    background-image: none;
}

html.js input.form-autocomplete {
    background-image: none;
}

html.js .autocomplete-throbber {
    background-position: 100% 2px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    margin: 2px 0 0 2px;
    width: 15px;
}

html.js .autocomplete-throbber.throbbing {
    background-position: 100% -18px;
}

body {
    position: relative;
}

body.admin-expanded.admin-vertical.admin-nw .navbar, body.admin-expanded.admin-vertical.admin-sw .navbar {
    margin-left: 260px;
}

body.navbar-is-fixed-top {
    padding-top: 64px;
}

body.navbar-is-fixed-bottom {
    padding-bottom: 64px !important;
}

body.toolbar {
    padding-top: 30px !important;
}

body.toolbar .navbar-fixed-top {
    top: 30px;
}

body.toolbar.navbar-is-fixed-top {
    padding-top: 94px !important;
}

body.toolbar-drawer {
    padding-top: 64px !important;
}

body.toolbar-drawer .navbar-fixed-top {
    top: 64px;
}

body.toolbar-drawer.navbar-is-fixed-top {
    padding-top: 128px !important;
}

body.admin-menu .navbar-fixed-top {
    top: 29px;
}

body.admin-menu.navbar-is-fixed-top {
    padding-top: 93px !important;
}

body div#admin-toolbar {
    z-index: 1600;
}

body #toolbar, body #admin-menu, body #admin-toolbar {
    box-shadow: none;
}

body #admin-menu {
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 1600;
}

body #admin-menu .dropdown li {
    line-height: normal;
}

@media screen and (min-width: 768px) {
    .navbar.container {
        max-width: 720px;
    }
}

@media screen and (min-width: 992px) {
    .navbar.container {
        max-width: 940px;
    }
}

@media screen and (min-width: 1200px) {
    .navbar.container {
        max-width: 100%;
    }
}

@media screen and (min-width: 1400px) {
    .navbar.container {
        max-width: 1320px;
    }
}

@media screen and (min-width: 1400px) {
    .navbar.container {
        max-width: 1320px;
    }
}

.navbar.container, .navbar.container-fluid {
    margin-top: 20px;
}

.navbar.container>.container, .navbar.container-fluid>.container-fluid {
    margin: 0;
    padding: 0;
    width: auto;
}

#overlay-container, .overlay-modal-background, .overlay-element {
    z-index: 1500;
}

#toolbar {
    z-index: 1600;
}

.modal {
    z-index: 1620;
}

.modal-dialog {
    z-index: 1630;
}

.ctools-modal-dialog .modal-body {
    width: 100% !important;
    overflow: auto;
}

.modal-backdrop {
    z-index: 1610;
}

.element-invisible {
    margin: 0;
    padding: 0;
    width: 1px;
    display: none;
}

header#navbar .navbar-header .navbar-btn {
    display: block;
    margin: 0 0 0 -3px;
    padding: 0;
    background-position: left top !important;
    /* width : 27.4615384615rem; */
    /* height : 7.7981651376rem; */
    width: 274px;
    height: 78px;
    margin-right: 20px;
    background: url(../image/logo.svg) no-repeat;
}

@media screen and (max-width: 992px) {
    header#navbar .navbar-header {
        padding: 0px !important;
    }
    .logo.navbar-btn {
        margin: 12px !important;
    }
    header#navbar .search-form form {
        margin-left: 12px;
        margin-right: 12px;
    }
    header#navbar .navbar-header .navbar-btn::after {
        border: 0px !important;
    }
}

@media screen and (max-width: 992px) {
    .navbar-brand-sitename-and-slogan {
        margin-top: 0px !important;
    }
}

ul.secondary {
    float: left;
}

@media screen and (min-width: 768px) {
    ul.secondary {
        float: right;
    }
}

.region-sidebar-first .block:first-child h2.block-title, .region-sidebar-second .block:first-child h2.block-title {
    margin-top: 0;
}

p:last-child {
    margin-bottom: 0;
}

.region-help>.glyphicon {
    font-size: 1.2857142857rem;
    float: left;
    margin: -0.05em 0.5em 0 0;
}

.region-help .block {
    overflow: hidden;
}

form#search-block-form {
    margin: 0;
}

.navbar #block-search-form {
    float: none;
    margin: 5px 0 5px 5px;
}

@media screen and (min-width: 992px) {
    .navbar #block-search-form {
        float: right;
    }
}

.navbar #block-search-form .input-group-btn {
    width: auto;
}

.navbar-search .control-group {
    margin-bottom: 0;
}

ul.action-links {
    margin: 0.8571428571rem 0;
    padding: 0;
}

ul.action-links li {
    display: inline;
    margin: 0;
    padding: 0 0.4285714286rem 0 0;
}

ul.action-links .glyphicon {
    padding-right: 0.5em;
}

input, textarea, select, .uneditable-input {
    max-width: 100%;
    width: auto;
}

input.error {
    color: #a94442;
    border-color: #ebccd1;
}

fieldset legend.panel-heading {
    float: left;
    line-height: 1em;
    margin: 0;
}

fieldset .panel-body {
    clear: both;
}

fieldset .panel-heading a.panel-title {
    color: inherit;
    display: block;
    margin: -10px -15px;
    padding: 10px 15px;
}

fieldset .panel-heading a.panel-title:hover {
    text-decoration: none;
}

.form-group:last-child, .panel:last-child {
    margin-bottom: 0;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-actions {
    clear: both;
}

.managed-files.table td:first-child {
    width: 100%;
}

div.image-widget-data {
    float: none;
    overflow: hidden;
}

table.sticky-header {
    z-index: 1;
}

.resizable-textarea textarea {
    border-radius: 0.2857142857rem 0.2857142857rem 0 0;
}

.text-format-wrapper {
    margin-bottom: 15px;
}

.text-format-wrapper>.form-type-textarea, .text-format-wrapper .filter-wrapper {
    margin-bottom: 0;
}

.filter-wrapper {
    border-radius: 0 0 0.2857142857rem 0.2857142857rem;
}

.filter-wrapper .panel-body {
    padding: 7px;
}

.filter-wrapper .form-type-select {
    min-width: 30%;
}

.filter-wrapper .form-type-select .filter-list {
    width: 100%;
}

.filter-help {
    margin-top: 5px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .filter-help {
        float: right;
    }
}

.filter-help .glyphicon {
    margin: 0 5px 0 0;
    vertical-align: text-top;
}

.radio:first-child, .checkbox:first-child {
    margin-top: 0;
}

.radio:last-child, .checkbox:last-child {
    margin-bottom: 0;
}

.help-block, .control-group .help-inline {
    color: #777777;
    font-size: 12px;
    margin: 5px 0 10px;
    padding: 0;
}

.panel-heading {
    display: block;
}

a.tabledrag-handle .handle {
    height: auto;
    width: auto;
}

.error {
    color: #a94442;
}

div.error, table tr.error {
    background-color: #f2dede;
    color: #a94442;
}

.form-group.error, .form-group.has-error {
    background: none;
}

.form-group.error label, .form-group.error .control-label, .form-group.has-error label, .form-group.has-error .control-label {
    color: #a94442;
    font-weight: 600;
}

.form-group.error input, .form-group.error textarea, .form-group.error select, .form-group.error .uneditable-input, .form-group.has-error input, .form-group.has-error textarea, .form-group.has-error select, .form-group.has-error .uneditable-input {
    color: #555555;
}

.form-group.error .help-block, .form-group.error .help-inline, .form-group.has-error .help-block, .form-group.has-error .help-inline {
    color: #777777;
}

.nav-tabs {
    margin-bottom: 10px;
}

ul li.collapsed, ul li.expanded, ul li.leaf {
    list-style: none;
    list-style-image: none;
}

.tabs--secondary {
    margin: 0 0 10px;
}

.submitted {
    margin-bottom: 1em;
    font-style: italic;
    font-weight: normal;
    color: #777;
}

.form-type-password-confirm {
    position: relative;
}

.form-type-password-confirm label {
    display: block;
}

.form-type-password-confirm label .label {
    float: right;
}

.form-type-password-confirm .password-help {
    padding-left: 2em;
}

@media (min-width: 768px) {
    .form-type-password-confirm .password-help {
        border-left: 1px solid #ddd;
        left: 50%;
        margin-left: 15px;
        position: absolute;
    }
}

@media (min-width: 992px) {
    .form-type-password-confirm .password-help {
        left: 33.3333333333%;
    }
}

.form-type-password-confirm .progress {
    background: transparent;
    border-radius: 0 0 5px 5px;
    box-shadow: none;
    height: 4px;
    margin: -5px 0 0;
}

.form-type-password-confirm .form-type-password {
    clear: left;
}

.form-type-password-confirm .form-control-feedback {
    right: 15px;
}

.form-type-password-confirm .help-block {
    clear: both;
}

ul.pagination li>a.progress-disabled {
    float: left;
}

.form-autocomplete .glyphicon {
    color: #777777;
    font-size: 120%;
}

.form-autocomplete .glyphicon.glyphicon-spin {
    color: #009edb;
}

.form-autocomplete .input-group-addon {
    background-color: white;
}

.ajax-progress-bar {
    border-radius: 0 0 0.2857142857rem 0.2857142857rem;
    border: #ccc solid 1px;
    margin: -1px 0 0;
    padding: 0.4285714286rem 0.8571428571rem;
    width: 100%;
}

.ajax-progress-bar .progress {
    height: 8px;
    margin: 0;
}

.ajax-progress-bar .percentage, .ajax-progress-bar .message {
    color: #777777;
    font-size: 0.8571428571rem;
    line-height: 1em;
    margin: 5px 0 0;
    padding: 0;
}

.glyphicon-spin {
    display: inline-block;
    animation: spin 1s linear infinite;
}

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.tabbable {
    margin-bottom: 20px;
}

.tabs-below>.nav-tabs, .tabs-left>.nav-tabs, .tabs-right>.nav-tabs {
    border-bottom: 0;
}

.tabs-below>.nav-tabs .summary, .tabs-left>.nav-tabs .summary, .tabs-right>.nav-tabs .summary {
    color: #777777;
    font-size: 0.8571428571rem;
}

.tab-pane>.panel-heading {
    display: none;
}

.tab-content>.active {
    display: block;
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below>.nav-tabs>li>a {
    border-radius: 0 0 0.2857142857rem 0.2857142857rem;
}

.tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left>.nav-tabs, .tabs-right>.nav-tabs {
    padding-bottom: 20px;
    width: 220px;
}

.tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
    float: none;
}

.tabs-left>.nav-tabs>li:focus, .tabs-right>.nav-tabs>li:focus {
    outline: 0;
}

.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left>.nav-tabs>li>a:focus, .tabs-right>.nav-tabs>li>a:focus {
    outline: 0;
}

.tabs-left>.tab-content, .tabs-right>.tab-content {
    border-radius: 0 0.2857142857rem 0.2857142857rem 0.2857142857rem;
    box-shadow: 0 1px 1px rgb(0, 0, 0, 0.05);
    border: #ddd solid 1px;
    overflow: hidden;
    padding: 10px 15px;
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: -1px;
}

.tabs-left>.nav-tabs>li>a {
    border-radius: 0.2857142857rem 0 0 0.2857142857rem;
}

.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
    border-color: #eeeeee #ddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs>.active>a, .tabs-left>.nav-tabs>.active>a:hover, .tabs-left>.nav-tabs>.active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    box-shadow: -1px 1px 1px rgb(0, 0, 0, 0.05);
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: -1px;
}

.tabs-right>.nav-tabs>li>a {
    border-radius: 0 0.2857142857rem 0.2857142857rem 0;
}

.tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #ddd;
    box-shadow: 1px 1px 1px rgb(0, 0, 0, 0.05);
}

.tabs-right>.nav-tabs>.active>a, .tabs-right>.nav-tabs>.active>a:hover, .tabs-right>.nav-tabs>.active>a:focus {
    border-color: #ddd #ddd #ddd transparent;
}

th.checkbox, td.checkbox, th.radio, td.radio {
    display: table-cell;
}

.views-display-settings .label {
    font-size: 100%;
    color: #666666;
}

.views-display-settings .footer {
    padding: 0;
    margin: 4px 0 0 0;
}

.views-exposed-form .views-exposed-widget .btn {
    margin-top: 1.8em;
}

table .radio input[type="radio"], table .checkbox input[type="checkbox"] {
    max-width: inherit;
}

.form-horizontal .form-group label {
    position: relative;
    min-height: 1px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
}

@media (min-width: 768px) {
    .form-horizontal .form-group label {
        float: left;
        width: 16.6666666667%;
    }
}

.alert a {
    font-weight: bold;
}

.alert-success a, .alert-success a:hover, .alert-success a:focus {
    color: #2b542c;
}

.alert-info a, .alert-info a:hover, .alert-info a:focus {
    color: #245269;
}

.alert-warning a, .alert-warning a:hover, .alert-warning a:focus {
    color: #66512c;
}

.alert-danger a, .alert-danger a:hover, .alert-danger a:focus {
    color: #843534;
}

div.image-style-new, div.image-style-new div {
    display: block;
}

div.image-style-new div.input-group {
    display: table;
}

td.module, .table-striped>tbody>tr:nth-child(odd)>td.module, .table>tbody>tr>td.module {
    background: #ddd;
    font-weight: 700;
}

.book-toc>.dropdown-menu {
    overflow: hidden;
}

.book-toc>.dropdown-menu>.dropdown-header {
    white-space: nowrap;
}

.book-toc>.dropdown-menu>li:nth-child(1)>a {
    font-weight: bold;
}

.book-toc>.dropdown-menu .dropdown-menu {
    box-shadow: none;
    border: 0;
    display: block;
    font-size: 0.8571428571rem;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
}

.book-toc>.dropdown-menu .dropdown-menu>li {
    padding-left: 20px;
}

.book-toc>.dropdown-menu .dropdown-menu>li>a {
    margin-left: -40px;
    padding-left: 60px;
}

#features-filter .form-item.form-type-checkbox {
    padding-left: 20px;
}

fieldset.features-export-component {
    font-size: 0.8571428571rem;
}

html.js #features-export-form fieldset.features-export-component, fieldset.features-export-component {
    margin: 0 0 0.7142857145rem;
}

fieldset.features-export-component .panel-heading {
    padding: 5px 10px;
}

fieldset.features-export-component .panel-heading a.panel-title {
    font-size: 0.8571428571rem;
    font-weight: 500;
    margin: -5px -10px;
    padding: 5px 10px;
}

fieldset.features-export-component .panel-body {
    padding: 0 10px;
}

div.features-export-list {
    margin: -11px 0 10px;
    padding: 0 10px;
}

fieldset.features-export-component .component-select .form-type-checkbox, div.features-export-list .form-type-checkbox {
    line-height: 1em;
    margin: 5px 5px 5px 0 !important;
    min-height: 0;
    padding: 3px 3px 3px 25px !important;
}

fieldset.features-export-component .component-select .form-type-checkbox input[type="checkbox"], div.features-export-list .form-type-checkbox input[type="checkbox"] {
    margin-top: 0;
}

body.navbar-is-fixed-top.navbar-administration.navbar-horizontal.navbar-tray-open .navbar-fixed-top {
    top: 79px;
}

body.navbar-is-fixed-top.navbar-administration .navbar-fixed-top {
    top: 39px;
}

@media (min-width: 768px) {
    body.navbar-is-fixed-top.navbar-administration.navbar-vertical.navbar-tray-open .navbar-fixed-top {
        left: 240px;
        left: 24rem;
    }
}

.navbar-administration #navbar-administration.navbar-oriented .navbar-bar {
    z-index: 1032;
}

.navbar-administration #navbar-administration .navbar-tray {
    z-index: 1031;
}

body.navbar-is-fixed-top.navbar-administration {
    padding-top: 103px !important;
}

body.navbar-is-fixed-top.navbar-administration.navbar-horizontal.navbar-tray-open {
    padding-top: 143px !important;
}

body.navbar-tray-open.navbar-vertical.navbar-fixed {
    margin-left: 240px;
    margin-left: 24rem;
}

#navbar-administration.navbar-oriented .navbar-tray-vertical {
    width: 24rem;
}

a.icon-before .glyphicon, a .glyphicon.icon-before {
    margin-right: 0.25em;
}

a.icon-after .glyphicon, a .glyphicon.icon-after {
    margin-left: 0.25em;
}

.btn.icon-before .glyphicon, .btn .glyphicon.icon-before {
    margin-left: -0.25em;
    margin-right: 0.25em;
}

.btn.icon-after .glyphicon, .btn .glyphicon.icon-after {
    margin-left: 0.25em;
    margin-right: -0.25em;
}

html {
    font-size: 62.5%;
}

html body.admin-menu {
    padding-top: 85px !important;
}

.visible-xs {
    display: none !important;
}

.visible-sm {
    display: none !important;
}

.visible-md {
    display: none !important;
}

.visible-lg {
    display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md, td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg, td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.visible-xl {
    display: none !important;
}

.visible-xxl {
    display: none !important;
}

.visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xxl-block, .visible-xxl-inline, .visible-xxl-inline-block {
    display: none !important;
}

@media (min-width: 1400px) {
    .visible-xl {
        display: block !important;
    }
    table.visible-xl {
        display: table !important;
    }
    tr.visible-xl {
        display: table-row !important;
    }
    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }
}

@media (min-width: 1400px) {
    .visible-xl-block {
        display: block !important;
    }
}

@media (min-width: 1400px) {
    .visible-xl-inline {
        display: inline !important;
    }
}

@media (min-width: 1400px) {
    .visible-xl-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1400px) {
    .visible-xxl {
        display: block !important;
    }
    table.visible-xxl {
        display: table !important;
    }
    tr.visible-xxl {
        display: table-row !important;
    }
    th.visible-xxl, td.visible-xxl {
        display: table-cell !important;
    }
}

@media (min-width: 1400px) {
    .visible-xxl-block {
        display: block !important;
    }
}

@media (min-width: 1400px) {
    .visible-xxl-inline {
        display: inline !important;
    }
}

@media (min-width: 1400px) {
    .visible-xxl-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1400px) {
    .hidden-xl {
        display: none !important;
    }
}

@media (min-width: 1400px) {
    .hidden-xxl {
        display: none !important;
    }
}

.uppercase {
    text-transform: uppercase !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.nott {
    text-transform: none !important;
}

.tright {
    text-align: right !important;
}

.tleft {
    text-align: left !important;
}

.fright {
    float: right !important;
}

.fleft {
    float: left !important;
}

.fnone {
    float: none !important;
}

.ohidden {
    position: relative;
    overflow: hidden !important;
}

.line, .double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 15.5rem 0;
    border-top: 1px solid #EEE;
}

.line.line-sm, .double-line.line-sm {
    margin: 3rem 0;
}

span.middot {
    display: inline-block;
    margin: 0 5px;
}

.double-line {
    border-top: 3px double #E5E5E5;
}

.emptydiv {
    display: block !important;
    position: relative !important;
}

.allmargin {
    margin: 5.5rem !important;
}

.leftmargin {
    margin-left: 5.5rem !important;
}

.rightmargin {
    margin-right: 5.5rem !important;
}

.topmargin {
    margin-top: 5.5rem !important;
}

.bottommargin {
    margin-bottom: 5.5rem !important;
}

.bottommargin-med {
    margin-bottom: 4rem !important;
}

.clear-bottommargin {
    margin-bottom: -5.5rem !important;
}

.allmargin-sm {
    margin: 3rem !important;
}

.leftmargin-sm {
    margin-left: 3rem !important;
}

.rightmargin-sm {
    margin-right: 3rem !important;
}

.topmargin-sm {
    margin-top: 3rem !important;
}

.bottommargin-sm, .section.in-pictures .views-row-1, .section.in-pictures .views-row-2, .section.in-pictures .views-row-3, .section.in-pictures .views-row-4 {
    margin-bottom: 3rem !important;
}

.clear-bottommargin-sm {
    margin-bottom: -3rem !important;
}

.allmargin-lg {
    margin: 8rem !important;
}

.leftmargin-lg {
    margin-left: 8rem !important;
}

.rightmargin-lg {
    margin-right: 8rem !important;
}

.topmargin-lg {
    margin-top: 8rem !important;
}

.bottommargin-lg {
    margin-bottom: 8rem !important;
}

.clear-bottommargin-lg {
    margin-bottom: -8rem !important;
}

.nomargin {
    margin: 0 !important;
}

.noleftmargin {
    margin-left: 0 !important;
}

.norightmargin {
    margin-right: 0 !important;
}

.notopmargin {
    margin-top: 0 !important;
}

.nobottommargin {
    margin-bottom: 0 !important;
}

.header-stick {
    margin-top: -5.5rem !important;
}

.content-wrap .header-stick {
    margin-top: -8rem !important;
}

.footer-stick {
    margin-bottom: -5.5rem !important;
}

.content-wrap .footer-stick {
    margin-bottom: -8rem !important;
}

.noborder {
    border: none !important;
}

.noleftborder {
    border-left: none !important;
}

.norightborder {
    border-right: none !important;
}

.notopborder {
    border-top: none !important;
}

.nobottomborder {
    border-bottom: none !important;
}

.noradius {
    border-radius: 0;
}

.col-padding {
    padding: 60px;
}

.nopadding {
    padding: 0 !important;
}

.noleftpadding {
    padding-left: 0 !important;
}

.norightpadding {
    padding-right: 0 !important;
}

.notoppadding {
    padding-top: 0 !important;
}

.nobottompadding {
    padding-bottom: 0 !important;
}

.noabsolute {
    position: relative !important;
}

.noshadow {
    box-shadow: none !important;
}

.notextshadow {
    text-shadow: none !important;
}

.hidden {
    display: none !important;
}

.nothidden {
    display: block !important;
}

.inline-block {
    float: none !important;
    display: inline-block !important;
}

.center {
    text-align: center !important;
}

.divcenter {
    position: relative !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.bgcolor, .bgcolor #header-wrap {
    background-color: #009edb !important;
}

.color {
    color: #009edb !important;
}

.border-color {
    border-color: #009edb !important;
}

.nobg {
    background: none !important;
}

.nobgcolor {
    background-color: transparent !important;
}

.t300 {
    font-weight: 300 !important;
}

.t400 {
    font-weight: 400 !important;
}

.t500 {
    font-weight: 500 !important;
}

.t600 {
    font-weight: 600 !important;
}

.t700 {
    font-weight: 700 !important;
}

.ls0 {
    letter-spacing: 0 !important;
}

.ls1 {
    letter-spacing: 1px !important;
}

.ls2 {
    letter-spacing: 2px !important;
}

.ls3 {
    letter-spacing: 3px !important;
}

.ls4 {
    letter-spacing: 4px !important;
}

.ls5 {
    letter-spacing: 5px !important;
}

.noheight {
    height: 0 !important;
}

.nolineheight {
    line-height: 0 !important;
}

.font-body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.font-primary {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.font-secondary {
    font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
}

.bgicon {
    display: block;
    position: absolute;
    bottom: -60px;
    right: -50px;
    font-size: 210px;
    color: rgb(0, 0, 0, 0.1);
}

.bganimate {
    animation: BgAnimated 30s linear infinite;
}

@keyframes BgAnimated {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 400px;
    }
}

.input-block-level {
    display: block;
    width: 100% !important;
    min-height: 30px;
    box-sizing: border-box;
}

.vertical-middle {
    height: auto !important;
    left: 0;
    max-width: none !important;
    z-index: 2;
}

.vertical-middle+.video-wrap {
    z-index: 1 !important;
}

.magnific-max-width .mfp-content {
    max-width: 800px;
}

@media only screen and (min-width: 768px) {
    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }
    .flex-row>[class*="col-"] {
        display: flex;
        flex-direction: column;
    }
    .flex-row.row:after, .flex-row.row:before {
        display: flex;
    }
}

.indented-row {
    padding-left: 3rem;
    padding-right: 3rem;
}

.section-top-border {
    padding-top: 4rem;
    border-top: 2px solid #ededed;
}

.section-top-border.border-indent {
    border-top: none;
    padding-top: 0;
}

.section-top-border.border-indent::before {
    content: '';
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 4rem;
    border-top: 2px solid #ededed;
}

.section-bottom-border {
    padding-bottom: 4rem;
    border-bottom: 2px solid #ededed;
}

.section-bottom-border.border-indent {
    padding-bottom: 0;
    border-bottom: none;
}

.section-bottom-border.border-indent::after {
    content: '';
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 4rem;
    border-bottom: 2px solid #ededed;
}

.section-fluid {
    margin-right: auto;
    margin-left: auto;
}

.blue-bg {
    background-color: #e4effb;
}

.gray-bg {
    background-color: #f2f2f2 !important;
}

.divider {
    border-top: 2px solid #ededed;
}

.social-media ul.list-inline li.list-inline-item {
    padding: 0;
    border-right: none;
}

.social-media li a {
    padding: 0;
    margin-right: 2.8rem;
    background-color: transparent;
    display: inline-block;
}

.social-media li a span.icon-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.social-media li a::before {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "FontAwesome" !important;
    content: "";
    color: #c4c4c4;
    display: inline-block;
}

.social-media li a:hover, .social-media li a:focus {
    background-color: transparent;
    outline: none;
}

.social-media li.twitter a::before {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "FontAwesome" !important;
    content: "";
    color: #c4c4c4;
    display: inline-block;
}

.social-media li.instagram a::before {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "FontAwesome" !important;
    content: "";
    color: #c4c4c4;
    display: inline-block;
}

.social-media li.linkedin a::before {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "FontAwesome" !important;
    content: "";
    color: #c4c4c4;
    display: inline-block;
}

.social-media li.youtube a::before {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "FontAwesome" !important;
    content: "";
    color: #c4c4c4;
    display: inline-block;
}

.social-media li.flickr a::before {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "FontAwesome" !important;
    content: "";
    color: #c4c4c4;
    display: inline-block;
}

.social-media li.vkontakte a::before {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "FontAwesome" !important;
    content: "";
    color: #c4c4c4;
    display: inline-block;
}

.social-media li.more a::before {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "FontAwesome" !important;
    content: "";
    color: #c4c4c4;
    display: inline-block;
}

.social-media li.last a {
    margin-right: 0;
}

.english-link, a.english-link {
    background: url(../images/icon-en.gif) right 3px no-repeat;
    padding-right: 17px !important;
}

body.i18n-ar .english-link, body.i18n-ar a.english-link {
    background-position: left 3px;
    padding-right: 0 !important;
    padding-left: 17px !important;
}

.english-link:hover, a.english-link:hover {
    background: url(../images/icon-en.gif) right 3px no-repeat !important;
}

.footer .english-link, .footer a.english-link {
    display: inline-block;
}

.pdf-link, a.pdf-link {
    background: url(../images/ico_pdf.gif) right 3px no-repeat;
    padding-right: 17px !important;
}

.pdf-link:hover, a.pdf-link:hover {
    background: url(../images/ico_pdf.gif) right 3px no-repeat !important;
}

body.i18n-ar .pdf-link:hover, body.i18n-ar a.pdf-link:hover {
    background-position: left 3px !important;
}

.footer .pdf-link, .footer a.pdf-link {
    display: inline-block;
}

.pdf-en-link, a.pdf-en-link {
    background: url(../images/icon-pdf-en.png) right 3px no-repeat;
    padding-right: 33px !important;
}

.pdf-en-link:hover, a.pdf-en-link:hover {
    background: url(../images/icon-pdf-en.png) right 3px no-repeat !important;
}

.footer .pdf-en-link, .footer a.pdf-en-link {
    display: inline-block;
}

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

.container:after {
    clear: both;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1350px;
    }
    body.not-front .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1350px;
    }
    body.not-front .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: " ";
}

.container-fluid:after {
    clear: both;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

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

.row:after {
    clear: both;
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.3333333333%;
}

.col-xs-2 {
    width: 16.6666666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.3333333333%;
}

.col-xs-5 {
    width: 41.6666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.3333333333%;
}

.col-xs-8 {
    width: 66.6666666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.3333333333%;
}

.col-xs-11 {
    width: 91.6666666667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-1 {
        width: 8.3333333333%;
    }
    .col-sm-2 {
        width: 16.6666666667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.3333333333%;
    }
    .col-sm-5 {
        width: 41.6666666667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-7 {
        width: 58.3333333333%;
    }
    .col-sm-8 {
        width: 66.6666666667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-10 {
        width: 83.3333333333%;
    }
    .col-sm-11 {
        width: 91.6666666667%;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    .col-sm-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-sm-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-sm-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-sm-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-sm-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-1 {
        width: 8.3333333333%;
    }
    .col-md-2 {
        width: 16.6666666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.3333333333%;
    }
    .col-md-5 {
        width: 41.6666666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.3333333333%;
    }
    .col-md-8 {
        width: 66.6666666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.3333333333%;
    }
    .col-md-11 {
        width: 91.6666666667%;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
    .col-md-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-md-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-md-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-md-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-md-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-1 {
        width: 8.3333333333%;
    }
    .col-lg-2 {
        width: 16.6666666667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.3333333333%;
    }
    .col-lg-5 {
        width: 41.6666666667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-7 {
        width: 58.3333333333%;
    }
    .col-lg-8 {
        width: 66.6666666667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-10 {
        width: 83.3333333333%;
    }
    .col-lg-11 {
        width: 91.6666666667%;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
    .col-lg-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-lg-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-lg-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-lg-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-lg-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1400px) {
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }
    .col-xl-1 {
        width: 8.3333333333%;
    }
    .col-xl-2 {
        width: 16.6666666667%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-4 {
        width: 33.3333333333%;
    }
    .col-xl-5 {
        width: 41.6666666667%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-7 {
        width: 58.3333333333%;
    }
    .col-xl-8 {
        width: 66.6666666667%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-10 {
        width: 83.3333333333%;
    }
    .col-xl-11 {
        width: 91.6666666667%;
    }
    .col-xl-12 {
        width: 100%;
    }
    .col-xl-offset-0 {
        margin-left: 0%;
    }
    .col-xl-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-xl-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-xl-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-xl-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-xl-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-xl-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1400px) {
    .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
        float: left;
    }
    .col-xxl-1 {
        width: 8.3333333333%;
    }
    .col-xxl-2 {
        width: 16.6666666667%;
    }
    .col-xxl-3 {
        width: 25%;
    }
    .col-xxl-4 {
        width: 33.3333333333%;
    }
    .col-xxl-5 {
        width: 41.6666666667%;
    }
    .col-xxl-6 {
        width: 50%;
    }
    .col-xxl-7 {
        width: 58.3333333333%;
    }
    .col-xxl-8 {
        width: 66.6666666667%;
    }
    .col-xxl-9 {
        width: 75%;
    }
    .col-xxl-10 {
        width: 83.3333333333%;
    }
    .col-xxl-11 {
        width: 91.6666666667%;
    }
    .col-xxl-12 {
        width: 100%;
    }
    .col-xxl-offset-0 {
        margin-left: 0%;
    }
    .col-xxl-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-xxl-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-xxl-offset-3 {
        margin-left: 25%;
    }
    .col-xxl-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-xxl-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-xxl-offset-6 {
        margin-left: 50%;
    }
    .col-xxl-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-xxl-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-xxl-offset-9 {
        margin-left: 75%;
    }
    .col-xxl-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-xxl-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-xxl-offset-12 {
        margin-left: 100%;
    }
}

body.admin-menu #brand-bar {
    top: 64px !important;
    z-index: 499;
}

@media (max-width: 768px) {
    header#navbar {
        padding-top: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #ededed;
    }
}

.captcha img {
    width: inherit;
}

body {
    padding-top: 41px;
}

@media (max-width: 992px) {
    body.logged-in {
        padding-top: 63px;
    }
}

@media (max-width: 991px) {
    body.logged-in {
        padding-top: 85px;
    }
}

* {
    box-sizing: border-box;
}

#brand-bar {
    background: #f2f2f2;
    margin: 0;
    padding: 0;
    border: none !important;
    border-bottom: 5px solid #009edb !important;
    min-height: auto;
}

#brand-bar .navbar-header {
    width: 100%;
}

#brand-bar .brandbar-header a {
    padding: 0;
    font-size: 12.35px;
    font-size: 1.235rem;
    line-height: 3.5rem;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: black;
}

body.i18n-zh-hans #brand-bar .brandbar-header a {
    line-height: 3.6rem;
}

#brand-bar .brandbar-header a.navbar-topbrand:before {
    font-family: "FontAwesome" !important;
    color: black;
    content: "\f015";
    font-size: 1.8rem;
    margin-right: 0.8rem;
    float: left;
}

.language-switcher button.navbar-toggle {
    margin-top: 0;
    border: none;
    padding: 0;
    background: transparent;
    border-radius: 0;
    margin-right: 2px;
}

.language-switcher button.navbar-toggle span.icon-bar {
    background-color: #009edb;
}

body.i18n-ar .language-switcher button.navbar-toggle {
    margin-right: 0;
    margin-left: 2px;
}

.language-switcher .language-title {
    float: right;
    margin-right: 0.8rem;
    line-height: 1.2;
}

.language-switcher .language-title a {
    font-weight: bold;
    text-decoration: none;
    line-height: 1.1;
}

.language-switcher #language-switcher {
    border-top: none;
    padding: 0;
    float: right;
}

@media (max-width: 767px) {
    .language-switcher #language-switcher {
        clear: both;
    }
}

.language-switcher #language-switcher ul.language-switcher-locale-url {
    list-style: none;
    padding: 0;
}

.language-switcher #language-switcher ul.language-switcher-locale-url li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.language-switcher #language-switcher ul.language-switcher-locale-url li {
    float: left;
}

.language-switcher #language-switcher ul.language-switcher-locale-url li a {
    padding: 0.7rem 1.2rem 1rem 1.2rem;
    background: transparent;
    border-top: 3px solid transparent;
}

.language-switcher #language-switcher ul.language-switcher-locale-url li a.active {
    font-weight: 700;
    background-color: white;
    border-top: 3px solid #c5c5c5;
}

.language-switcher #language-switcher ul.language-switcher-locale-url li a:hover {
    background-color: white;
    border-top: 3px solid #c5c5c5;
    text-decoration: none;
}

header#navbar .navbar-header .navbar-btn img.img-responsive, header#navbar .navbar-header .navbar-btn img {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

header#navbar .navbar-header #live_now_button {
    margin-top: 17.8475998092px;
    margin-right: 1.5rem;
}

header#navbar .navbar-header {
    padding-top: 39.7301012822px;
    padding-bottom: 39.7301012822px;
    width: 100%;
}

#live_now_button {
    margin-top: 1rem;
    margin-right: 5.5rem;
}

header#navbar #live_now_button {
    margin-top: 17.8475998092px;
    margin-right: 1.5rem;
}

.footer-fluid {
    border-top: 0.4rem solid #009edb;
    background: #333333;
    padding-bottom: 2.0rem;
    margin-top: 0;
    padding-top: 3.0rem;
}

.footer {
    margin-top: 0;
}

.footer .footer-brand a {
    display: block;
    padding: 0;
    width: 17rem;
    height: 5.1987767584rem;
    background: url(../image/unlogo-footer.svg) no-repeat;
    background-position: top left;
}

body.i18n-ar .footer .footer-brand a {
    background-image: url(../images/logo-ar-reverse.svg);
}

body.i18n-zh-hans .footer .footer-brand a {
    background-image: url(../images/logo-zh-reverse.svg);
}

body.i18n-fr .footer .footer-brand a {
    background-image: url(../images/logo-fr-reverse.svg);
}

body.i18n-ru .footer .footer-brand a {
    background-image: url(../images/logo-ru-reverse.svg);
}

body.i18n-es .footer .footer-brand a {
    background-image: url(../images/logo-es-reverse.svg);
}

.footer .footer-brand a span {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.footer .social-media {
    margin-top: 1.7rem;
}

.footer .donate {
    margin-top: 1.7rem;
    margin-left: 2.8rem;
    margin-right: 0.1rem;
    padding-left: 2.1rem;
    border-left: 0.1rem solid gray;
}

.footer .footer-links .divider {
    border-top: 1px solid #5b5b5b;
    margin: 1.6rem 0 1.9rem 0;
}

.footer .footer-links .nav li {
    padding: 0 1.3rem 0 1rem;
    border-right: 0.3rem solid gray;
}

.footer .footer-links .nav li.last {
    padding-right: 0;
    border-right: none;
}

.footer .footer-links .nav li>a {
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    color: white;
    letter-spacing: 0.77px;
    line-height: 1.1667;
    padding: 0;
    text-transform: uppercase;
    background: transparent;
    background-color: transparent;
}

.footer .footer-links .nav li>a:hover {
    text-transform: none;
    text-decoration: underline;
    background: transparent;
    background-color: transparent;
}

.navbar {
    position: relative;
    min-height: auto;
    margin-bottom: 20px;
    border: none;
}

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

.navbar:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}

.navbar-header:before, .navbar-header:after {
    display: table;
    content: " ";
}

.navbar-header:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

@media (max-width: 768px) {
    header#navbar .navbar-header {
        padding-bottom: 0px !important;
    }
    
}

.tb-megamenu .btn-navbar
{
    float:right;
    border: 0px !important;
    box-shadow: none !important;;
    background-color: transparent !important;
    padding:12px !important;;
    text-shadow:none !important;
    background:transparent !important;
    margin:0px;
}

.tb-megamenu .btn-navbar i.fa
{
    float:right !important;
    color: #00a1d9;
    border: 0px !important;
    box-shadow: none !important;;
    background-color: transparent !important;
    padding:0px !important;;
    text-shadow:none !important;
    zoom:1.2 !important;
    font-size:24px !important;
    background:transparent !important;
}
/*
.tb-megamenu .btn-navbar {
    display: none;
    float: left;
    padding: 10px;
    margin: 0;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #e8e8e8;
    *background-color: #d9d9d9;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  }
  */
  .tb-megamenu .btn-navbar:hover,
  .tb-megamenu .btn-navbar:focus,
  .tb-megamenu .btn-navbar:active,
  .tb-megamenu .btn-navbar.active,
  .tb-megamenu .btn-navbar.disabled,
  .tb-megamenu .btn-navbar[disabled] {
    background-color: transparent !important;
    outline: none !important;

  }
  .tb-megamenu .btn-navbar:active,
  .tb-megamenu .btn-navbar.active {
    background-color: transparent !important;
  }
  .tb-megamenu .btn-navbar [class^="fa-"],
  .tb-megamenu .btn-navbar [class^=" fa-"] {
    color: #00a1d9;    
    text-shadow: none;
  }.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    overflow-x: none !important;
    border-top: none !important;
    box-shadow: none !important;
}

.navbar-collapse:before, .navbar-collapse:after {
    display: table;
    content: " ";
}

.navbar-collapse:after {
    clear: both;
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (device-width) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

@media (min-width: 768px) {
    .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-brand {
    float: left;
    height: auto;
    padding: 0 0;
    font-size: 1.2857142857rem;
    line-height: 1.428571429rem;
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none;
}

.navbar-brand>img {
    display: block;
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 0;
    background-color: transparent;
    background-image: none;
    border: transparent solid 1px;
    border-radius: 0.2857142857rem;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 0 0;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.428571429rem;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 1.428571429rem;
    }
    .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
        margin-right: 0;
    }
    .navbar-right~.navbar-right {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: #777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #777;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background-color: #e7e7e7;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-link {
    color: #777;
}

.navbar-default .navbar-link:hover {
    color: #333;
}

.navbar-default .btn-link {
    color: #777;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333;
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}

.navbar-inverse {
    background-color: #333333;
    border-color: #d6d6d6;
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: white;
}

.navbar-inverse .navbar-nav>li>a {
    color: white;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #333333;
    background-color: #fafafa;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #333333;
    background-color: #fafafa;
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #333333;
    background-color: #fafafa;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #d6d6d6;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #d6d6d6;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: white;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333333;
        background-color: #fafafa;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #333333;
        background-color: #fafafa;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #212121;
}

.navbar-inverse .navbar-link {
    color: white;
}

.navbar-inverse .navbar-link:hover {
    color: #333333;
}

.navbar-inverse .btn-link {
    color: white;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #333333;
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}

ul#main-menu.navbar-inverse {
    border: none;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: stretch;
    padding: 0;
    margin: 0 0 0.8rem 0;
    position: relative;
    list-style: none;
    width: 100%;
    box-shadow: 0 2px 5px 0 rgb(0, 0, 0, 0.3);
}

ul#main-menu.navbar-inverse li {
    flex: 1;
}

ul#main-menu.navbar-inverse li.dropdown {
    position: initial;
}

ul#main-menu.navbar-inverse li:last-of-type a {
    border-right: none;
}

ul#main-menu.navbar-inverse .sf-sub-indicator {
    display: none;
}

.front-wrapper ul#main-menu.navbar-inverse .sf-sub-indicator {
    display: none;
}

ul#main-menu.navbar-inverse>li>a {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 4.3rem;
    letter-spacing: -0.13px;
    color: white;
    border-right: 4px solid #d6d6d6;
    margin: auto;
    text-align: center;
    flex: 0 1 auto;
    display: block;
}

body.i18n-ru ul#main-menu.navbar-inverse>li>a {
    font-size: 16px;
    font-size: 1.6rem;
}

ul#main-menu.navbar-inverse>li>a>li:last-of-type>a {
    border-right: none !important;
}

ul#main-menu.navbar-inverse>li>a:hover, ul#main-menu.navbar-inverse>li>a:focus {
    color: #333333;
    background-color: #fafafa;
}

ul#main-menu.navbar-inverse .dropdown-menu {
    background-color: #fafafa;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}

ul#main-menu.navbar-inverse .open .dropdown-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    padding: 0;
    border: none;
    border-top: 3px solid #d6d6d6;
    border-radius: 0;
    background: #fafafa;
}

ul#main-menu.navbar-inverse .open .dropdown-menu li {
    float: none;
    margin: 0;
    padding: 0;
    flex-grow: 0;
    margin: 0 1rem;
}

ul#main-menu.navbar-inverse .open .dropdown-menu li:first-of-type {
    margin-left: 0;
}

ul#main-menu.navbar-inverse .open .dropdown-menu li:last-of-type {
    margin-right: 0;
}

ul#main-menu.navbar-inverse .open .dropdown-menu li a {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    color: #333333;
    letter-spacing: 0.77px;
    line-height: 4.3rem;
    padding: 0;
    margin: auto;
    background-color: transparent;
    clear: none;
    display: inherit;
}

ul#main-menu.navbar-inverse .open .dropdown-menu li a, ul#main-menu.navbar-inverse .open .dropdown-menu li a:hover, ul#main-menu.navbar-inverse .open .dropdown-menu li a:focus {
    color: #333333;
    text-decoration: none;
}

ul#main-menu.navbar-inverse .open .dropdown-menu#subnav-2195 li:first-of-type a {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13.5px;
    font-size: 1.35rem;
    font-weight: 700;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.77px;
    margin-right: 0.5rem;
}

ul#main-menu.navbar-inverse>.active>a, ul#main-menu.navbar-inverse>.active>a:hover, ul#main-menu.navbar-inverse>.active>a:focus {
    color: #333333;
    background-color: #fafafa;
}

ul#main-menu.navbar-inverse>.disabled>a, ul#main-menu.navbar-inverse>.disabled>a:hover, ul#main-menu.navbar-inverse>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}

@media (max-width: 767px) {
    ul#main-menu.navbar-inverse .subnav {
        background-color: #fafafa;
        background-color: white;
    }
    ul#main-menu.navbar-inverse .subnav>.dropdown-header {
        border-color: #d6d6d6;
    }
    ul#main-menu.navbar-inverse .subnav .divider {
        background-color: #d6d6d6;
    }
    ul#main-menu.navbar-inverse .subnav>li>a {
        color: white;
    }
    ul#main-menu.navbar-inverse .subnav>li>a:hover, ul#main-menu.navbar-inverse .subnav>li>a:focus {
        color: #333333;
        background-color: #fafafa;
    }
    ul#main-menu.navbar-inverse .subnav>.active>a, ul#main-menu.navbar-inverse .subnav>.active>a:hover, ul#main-menu.navbar-inverse .subnav>.active>a:focus {
        color: #333333;
        background-color: #fafafa;
    }
    ul#main-menu.navbar-inverse .subnav>.disabled>a, ul#main-menu.navbar-inverse .subnav>.disabled>a:hover, ul#main-menu.navbar-inverse .subnav>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }
}

header#navbar .search-form {
    margin-top: 17.8475998092px;
    padding-left: 0;
    padding-right: 0;
}

header#navbar .search-form form {
    margin-right: 0.2rem;
}

header#navbar .search-form form .form-group {
    margin-bottom: 0.5rem;
}

header#navbar .search-form .site-index, header#navbar .search-form .advanced-search {
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1.27px;
    font-weight: 500;
    letter-spacing: 0.03em;
    margin-top: 0.1rem;
    margin-right: 0.4rem;
    float: right;
}

header#navbar .search-form .site-index a, header#navbar .search-form .advanced-search a {
    color: #666666;
}

.img-responsive {
    width: 100%;
}

span.file img {
    width: auto;
    float: left;
    margin-right: 6px;
}

.teaser-image, .image-metadata {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.89rem;
    letter-spacing: 0.05em;
    color: #666666;
}

body.i18n-zh-hans .teaser-image, body.i18n-zh-hans .image-metadata {
    font-size: 1.0235rem;
}

body.i18n-ar .teaser-image, body.i18n-ar .image-metadata {
    font-family: 'Noto Naskh Arabic', 'Roboto', serif;
}

.teaser-image .field-name-field-credit, .image-metadata .field-name-field-credit, .image-metadata span.image-credit {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: black;
    float: left;
    line-height: 1.25;
    border-right: 1px solid #d9d9d9;
    margin-right: 6px;
    padding-right: 6px;
}

.teaser-image a, .image-metadata a {
    color: #666666;
}

body.node-type-article .teaser-image, body.node-type-article .image-metadata {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    max-width: 480px;
    padding-bottom: 12px;
    border-bottom: 1px solid #999999;
}

body.node-type-article .teaser-image img, body.node-type-article .image-metadata img {
    max-width: 480px !important;
    margin-top: 6px;
}

.teaser-image img, .image-metadata img {
    margin-bottom: 9px;
}

.image-metadata {
    padding-top: 12px;
    margin-bottom: 27px;
    padding-bottom: 12px;
    border-bottom: 1px solid #999999;
    float: none;
    margin-left: 0;
    margin-right: 0;
}

.btn {
    font-weight: 700;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1.27px;
    text-transform: uppercase;
    border: transparent solid 1px;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    line-height: 1;
    border-radius: 4px;
    padding-top: 0.9rem;
}

body.i18n-zh-hans .btn {
    padding: 1rem 2rem;
    font-size: 1.38rem;
    line-height: 1;
    border-radius: 4px;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline-offset: -2px;
}

.btn.dark, .dark .btn, .gray-bg .btn {
    background: white;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #454545;
    text-decoration: none;
}

.btn.dark:hover, .btn.dark:focus, .btn.dark.focus, .dark .btn:hover, .dark .btn:focus, .dark .btn.focus {
    background: white;
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    box-shadow: 0 3px 5px rgb(0, 0, 0, 0.125) inset;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #454545;
    background-color: transparent;
    border-color: #009edb;
}

.btn-default:focus, .btn-default.focus {
    color: #454545;
    background-color: rgb(0, 0, 0, 0);
    border-color: #00425c;
}

.btn-default:hover {
    color: #454545;
    background-color: rgb(0, 0, 0, 0);
    border-color: #00729e;
}

.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
    color: #454545;
    background-color: rgb(0, 0, 0, 0);
    background-image: none;
    border-color: #00729e;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus {
    color: #454545;
    background-color: rgb(0, 0, 0, 0);
    border-color: #00425c;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
    background-color: transparent;
    border-color: #009edb;
}

.btn-default .badge {
    color: transparent;
    background-color: #454545;
}

.btn-primary {
    color: #454545;
    background-color: transparent;
    border-color: #009edb;
}

.btn-primary:focus, .btn-primary.focus {
    color: #454545;
    background-color: rgb(0, 0, 0, 0);
    border-color: #00425c;
}

.btn-primary:hover {
    color: #454545;
    background-color: rgb(0, 0, 0, 0);
    border-color: #00729e;
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
    color: #454545;
    background-color: rgb(0, 0, 0, 0);
    background-image: none;
    border-color: #00729e;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {
    color: #454545;
    background-color: rgb(0, 0, 0, 0);
    border-color: #00425c;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: transparent;
    border-color: #009edb;
}

.btn-primary .badge {
    color: transparent;
    background-color: #454545;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open>.btn-success.dropdown-toggle:hover, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open>.btn-info.dropdown-toggle:hover, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open>.btn-warning.dropdown-toggle:hover, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger .badge {
    color: transparent;
    background-color: #454545;
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none;
}

.btn-lg {
    padding: 0.7142857143rem 1.1428571429rem;
    font-size: 1.2857142857rem;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm {
    padding: 0.3571428571rem 0.7142857143rem;
    font-size: 0.8571428571rem;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 0.0714285714rem 0.3571428571rem;
    font-size: 0.8571428571rem;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: #454545;
}

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #777777;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 1.428571429rem;
    margin-bottom: 0.7142857145rem;
}

h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
    font-size: 65%;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0.7142857145rem;
    margin-bottom: 0.7142857145rem;
}

h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
    font-size: 75%;
}

p {
    margin: 0 0 0.7142857145rem;
}

.lead {
    margin-bottom: 1.428571429rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 1.5rem;
    }
}

small, .small {
    font-size: 85%;
}

mark, .mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

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

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

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

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase, .initialism {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777777;
}

.text-primary {
    color: #009edb;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0079a8;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover, a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
}

.bg-primary {
    background-color: #009edb;
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #0079a8;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    border-bottom: 1px solid #eeeeee;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0.7142857145rem;
}

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

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

dl {
    margin-top: 0;
    margin-bottom: 1.428571429rem;
}

dt, dd {
    line-height: 1.428571429;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    display: table;
    content: " ";
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
}

.initialism {
    font-size: 90%;
}

blockquote {
    padding: 0.7142857145rem 1.428571429rem;
    margin: 0 0 1.428571429rem;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee;
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.428571429;
    color: #777777;
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: "\2014 \00A0";
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eeeeee;
    border-left: 0;
}

.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
    content: "";
}

.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
    content: "\00A0 \2014";
}

address {
    margin-bottom: 1.428571429rem;
    font-style: normal;
    line-height: 1.428571429;
}

body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: black;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

h2, .h2 {
    font-size: 32px;
    font-size: 3.2rem;
    color: black;
    letter-spacing: -0.77px;
    line-height: 1;
}

.unorg-home-hero h2, .unorg-home-hero .h2 {
    margin-top: 0.6rem;
    margin-bottom: 1.4rem;
    width: 100%;
}

.unorg-home-hero h2::after, .unorg-home-hero .h2::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.75rem;
    border-top: 3px solid #009edb;
    width: 33%;
}

.section h2, .section .h2 {
    font-size: 40px;
    font-size: 4rem;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454545;
    letter-spacing: -0.1px;
    padding: 0 3.5rem;
    margin-bottom: 2.331rem;
    line-height: 1;
    text-align: center;
}

.section h2::after, .section .h2::after {
    content: '';
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 1.0501050105rem;
    border-top: 3px solid #009edb;
    width: 100%;
}

.section.purposes h2, .section.purposes .h2 {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

.section.purposes h2::after, .section.purposes .h2::after {
    content: '';
    display: block;
    margin-left: 2px;
    margin-right: 0;
    text-align: left;
    margin-top: 1.0501050105rem;
    border-top: 3px solid #009edb;
    width: 20%;
}

.main-bodies h2, .main-bodies .h2 {
    padding: 0 7rem !important;
}

h3, .h3 {
    font-size: 22px;
    font-size: 2.2rem;
    color: black;
    letter-spacing: -0.5px;
    line-height: 1.05;
}

.front-wrapper h3, .front-wrapper .h3 {
    margin-top: 0.6rem;
    margin-bottom: 1.4rem;
    width: 100%;
}

.front-wrapper h3::after, .front-wrapper .h3::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.1rem;
    border-top: 3px solid #009edb;
    width: 33%;
}

.front-wrapper .lead-story h3, .front-wrapper .lead-story .h3 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: -0.77px;
    line-height: 1.1667;
}

.front-wrapper .watch-and-listen h3, .front-wrapper .watch-and-listen .h3 {
    font-size: 27px;
    font-size: 2.7rem;
    margin-bottom: 1.4rem;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454545;
    letter-spacing: -1px;
    line-height: 1.296;
}

.front-wrapper .watch-and-listen h3::before, .front-wrapper .watch-and-listen .h3::before {
    font-size: 31.995px;
    font-size: 3.1995rem;
    font-family: "FontAwesome" !important;
    content: "???";
    float: left;
    margin-top: -0.2rem;
    margin-right: 1.1020408163rem;
    color: #999999;
}

.front-wrapper .watch-and-listen h3::after, .front-wrapper .watch-and-listen .h3::after {
    content: none !important;
    display: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

.front-wrapper .watch-and-listen h3 a, .front-wrapper .watch-and-listen .h3 a {
    color: #454545;
}

.front-wrapper .watch-and-listen .live-now h3::before, .front-wrapper .watch-and-listen .live-now .h3::before {
    font-size: 31.995px;
    font-size: 3.1995rem;
    font-family: "FontAwesome" !important;
    content: "???";
    float: left;
    margin-top: -0.2rem;
    margin-right: 1.1020408163rem;
    color: #999999;
}

.heading-block h3, h3.subheading, .heading-block .h3, .h3.subheading {
    font-size: 24px;
    font-size: 2.4rem;
    color: #5e5e5e;
    letter-spacing: 0.55px;
    line-height: 1.05;
}

.heading-block h3::after, h3.subheading::after, .heading-block .h3::after, .h3.subheading::after {
    content: none !important;
    display: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

.heading-block h3 a, h3.subheading a, .heading-block .h3 a, .h3.subheading a {
    color: #5e5e5e;
}

.section.sdgs .heading-block h3, .section.sdgs h3.subheading, .section.sdgs .heading-block .h3, .section.sdgs .h3.subheading {
    text-align: center;
}

h4, .h4 {
    color: black;
}

.front-wrapper h4, .front-wrapper .h4 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: -0.5px;
    line-height: 1.05;
    margin-top: 0.6rem;
    margin-bottom: 1.4rem;
    width: 100%;
}

.front-wrapper h4::after, .front-wrapper .h4::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.1rem;
    border-top: 3px solid #009edb;
    width: 25%;
}

.front-wrapper .purposes h4, .front-wrapper .purposes .h4 {
    font-size: 22px;
    font-size: 2.2rem;
    color: black;
    margin-top: 1.3rem;
}

.front-wrapper .purposes h4::after, .front-wrapper .purposes .h4::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.1rem;
    border-top: 3px solid #009edb;
    width: 7%;
}

.front-wrapper .purposes h4::after, .front-wrapper .purposes .h4::after {
    margin-left: 0;
    border-top: 3px solid #ababab;
}

.front-wrapper .subheading h4, .front-wrapper .main-bodies h4, .front-wrapper .subheading .h4, .front-wrapper .main-bodies .h4 {
    font-size: 24px;
    font-size: 2.4rem;
    color: #222222;
    letter-spacing: 0.55px;
    line-height: 1.04;
    text-align: center;
}

.front-wrapper .subheading h4::after, .front-wrapper .main-bodies h4::after, .front-wrapper .subheading .h4::after, .front-wrapper .main-bodies .h4::after {
    content: none !important;
    display: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

.front-wrapper .facts h4, .front-wrapper .facts .h4 {
    font-size: 22px;
    font-size: 2.2rem;
    color: white;
    letter-spacing: 0.5px;
    line-height: 1.1818;
    text-align: left;
    text-shadow: 0 0 0.1rem rgb(0, 0, 0, 0.5);
    padding: 0.2rem 0 0.4rem 1.7rem;
    border-left: 0.5rem solid rgb(255, 255, 255, 0.3);
}

.front-wrapper .facts h4::after, .front-wrapper .facts .h4::after {
    content: none !important;
    display: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

.front-wrapper .facts h4 a, .front-wrapper .facts .h4 a {
    color: white;
}

.front-wrapper .priorities h4, .front-wrapper .sdgs h4, .front-wrapper .priorities .h4, .front-wrapper .sdgs .h4 {
    margin-top: 2.1rem;
}

.front-wrapper .watch-and-listen h4::after, .front-wrapper .watch-and-listen .h4::after {
    content: none !important;
    display: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

.watch-and-listen .view-display-id-block_1 h4, .watch-and-listen .view-display-id-block_1 .h4 {
    width: 80%;
}

.front-wrapper .home-footer h4, .front-wrapper .home-footer .h4 {
    font-size: 20px;
    font-size: 2rem;
    color: #454545;
    letter-spacing: 0.95px;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 1.4rem;
}

.front-wrapper .home-footer h4::after, .front-wrapper .home-footer .h4::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.1rem;
    border-top: 3px solid #009edb;
    width: 15%;
}

.facts h5, .facts .h5 {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: white;
    letter-spacing: 1px;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 0.1rem rgb(0, 0, 0, 0.5);
}

.facts h5 a, .facts .h5 a {
    color: white;
}

.live-now h5, .live-now .h5 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #333333;
    letter-spacing: 0;
    line-height: 1;
    padding-left: 0.2rem;
    padding-bottom: 1.3rem;
    margin-bottom: 0.5rem;
    border: none;
    border-bottom: solid;
    border-width: 0.3rem;
    border-color: #ededed;
}

.gray-bg .live-now h5, .gray-bg .live-now .h5 {
    border-color: #e3e3e3;
}

.live-now h5 a, .live-now .h5 a {
    color: #333333;
}

.sdgs h5, .sdgs .h5 {
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 400;
    color: #555555;
    letter-spacing: 0.1px;
    line-height: 1.05;
    margin-top: 0;
}

h5.social-media-heading, .h5.social-media-heading {
    font-size: 17px;
    font-size: 1.7rem;
    color: #c4c4c4;
    letter-spacing: 0.8px;
    line-height: 1.05;
    display: inline-block;
    margin-right: 2.5rem;
}

h5.social-media-heading a, .h5.social-media-heading a {
    color: #c4c4c4;
}

span.category, .video-embed-description {
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.1667;
    color: #4d4d4d;
    letter-spacing: 0.77px;
    text-transform: uppercase;
    display: block;
    margin-top: 1.2rem;
    margin-bottom: 0.8rem;
}

.unorg-home-hero span.category, .unorg-home-hero .video-embed-description {
    margin-top: 0.6rem;
    margin-bottom: 1rem;
}

.bottom-rows span.category, .second-row .vertical_square_row span.category, .bottom-rows .video-embed-description, .second-row .vertical_square_row .video-embed-description {
    margin-top: 0.6rem;
}

.live-now span.category, .live-now .video-embed-description {
    padding-left: 0.2rem;
    margin-top: 0.7rem;
}

p {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #454545;
    letter-spacing: -0.35px;
}

p .intro {
    font-size: 17px;
    font-size: 1.7rem;
    color: #333333;
}

.front-wrapper .heading-block p {
    font-size: 17px;
    font-size: 1.7rem;
    text-align: center;
    color: #333333;
    line-height: 1.47;
    margin-bottom: 0.8rem;
}

.front-wrapper .purposes p {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.47;
    margin-bottom: 0.8rem;
}

.front-wrapper .purposes .heading-block p {
    text-align: left;
    padding-left: 0.2rem;
}

.front-wrapper p, .front-wrapper .section-body .card p, .front-wrapper .in-pictures .section-body p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #454545;
}

.front-wrapper .unorg-home-hero p, .front-wrapper .lead-story p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #333333;
    line-height: 1.4375;
}

.front-wrapper .section-body p {
    font-size: 15px;
    font-size: 1.5rem;
    color: #454545;
    line-height: 1.6;
}

.front-wrapper .main-bodies .section-body p {
    text-align: center;
}

.front-wrapper .sdgs .heading-block p {
    padding: 0 3.4rem !important;
}

.front-wrapper .facts .section-body p {
    font-size: 17px;
    font-size: 1.7rem;
    color: white;
    letter-spacing: 0.55px;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 0.1rem rgb(0, 0, 0, 0.5);
}

.front-wrapper .watch-and-listen .view-display-id-block_1 p {
    width: 90%;
}

.front-wrapper .heading-block ul {
    font-size: 17px;
    font-size: 1.7rem;
    color: #333333;
    line-height: 1.47;
    letter-spacing: -0.45px;
    margin-bottom: 0.8rem;
}

.front-wrapper .heading-block ul li::before {
    font-size: 11.003236246px;
    font-size: 1.1003236246rem;
    font-family: "FontAwesome" !important;
    content: "\f111";
    float: left;
    margin-left: 0.6000705965rem;
    margin-right: 1.4003294893rem;
    padding-top: 0.5rem;
    color: #c4c4c4;
}

.front-wrapper .purposes .heading-block ul {
    padding-left: 0.2rem;
}

.home-footer ul {
    font-size: 14px;
    font-size: 1.4rem;
    color: #454545;
    letter-spacing: -0.35px;
    line-height: 1.35;
    margin-bottom: 2rem;
}

.home-footer ul li {
    margin-bottom: 1rem;
    padding-left: 2.38rem;
}

.home-footer ul li::before {
    font-size: 10px;
    font-size: 1rem;
    font-family: "FontAwesome" !important;
    content: "\f111";
    float: left;
    margin-left: -2.198rem;
    padding-top: 0.3000428633rem;
    color: #c4c4c4;
}

.home-footer ul li a {
    padding: 0;
    display: inline;
    color: #454545;
    background-color: transparent;
}

.home-footer ul li a:hover {
    background-color: transparent;
    text-decoration: underline;
    text-transform: none;
}

.image-caption {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -0.03rem;
    line-height: 1.364;
    color: #454545;
}

.front-wrapper .image-caption {
    font-size: 13px;
    font-size: 1.3rem;
}

.front-wrapper .unorg-home-hero .image-caption {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 1.0rem;
    display: block;
}

.photo-credit {
    font-size: 11px;
    font-size: 1.1rem;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0.04rem;
    line-height: 1.364;
    color: #666666;
}

.photo-credit::before {
    content: '';
    margin-left: 0.1rem;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
    border-left: 3px solid #999999;
}

.front-wrapper .photo-credit {
    font-size: 11.7px;
    font-size: 1.17rem;
}

.front-wrapper .in-pictures .photo-credit::before {
    content: '';
    margin-left: 0.1rem;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
}

.photo-credit .photo-title {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #4d4d4d;
    letter-spacing: 0.07rem;
    text-transform: uppercase;
    margin-right: 0.7rem;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    color: #454545;
    text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, .h1 a:focus, .h2 a:focus, .h3 a:focus, .h4 a:focus, .h5 a:focus, .h6 a:focus {
    color: #454545;
    text-decoration: none;
}

.name.navbar-brand {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #555555;
    font-size: 27.9724770642px;
    font-size: 2.7972477064rem;
    margin-top: 16.8475998092px;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0.027em;
}

.front-wrapper header#navbar .navbar-header .navbar-brand {
    font-weight: 700;
    color: #666666;
    font-size: 27.006116208px;
    font-size: 2.7006116208rem;
    margin-top: 21.8475998092px;
}

header#navbar .navbar-header .navbar-brand:hover, header#navbar .navbar-header .navbar-brand:focus {
    text-decoration: none;
}

body.i18n-zh-hans {
    line-height: 1.6428571433rem;
}

body.i18n-zh-hans h2, body.i18n-zh-hans .h2 {
    font-size: 40.25px;
    font-size: 4.025rem;
    line-height: 1.15;
}

body.i18n-zh-hans .unorg-home-hero h2::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 2.0125rem;
    border-top: 3px solid #009edb;
    width: 33%;
}

body.i18n-zh-hans .section h2 {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 1.15;
}

body.i18n-zh-hans .section h2::after {
    content: '';
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 1.2076207621rem;
    border-top: 3px solid #009edb;
    width: 20%;
}

body.i18n-zh-hans .section.purposes h2::after {
    content: '';
    display: block;
    margin-left: 2px;
    margin-right: 0;
    text-align: left;
    margin-top: 1.2076207621rem;
    border-top: 3px solid #009edb;
    width: 20%;
}

body.i18n-zh-hans .main-bodies h2 {
    padding: 0 8.05rem !important;
}

body.i18n-zh-hans h3, body.i18n-zh-hans .h3 {
    font-size: 25.3px;
    font-size: 2.53rem;
    line-height: 1.2075;
}

body.i18n-zh-hans .front-wrapper h3::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.3025rem;
    border-top: 3px solid #009edb;
    width: 33%;
}

body.i18n-zh-hans .front-wrapper .lead-story h3 {
    font-size: 34.5px;
    font-size: 3.45rem;
    line-height: 1.341705;
}

body.i18n-zh-hans .front-wrapper .watch-and-listen h3 {
    font-size: 31.05px;
    font-size: 3.105rem;
    line-height: 1.4904;
}

body.i18n-zh-hans .front-wrapper .watch-and-listen h3::before {
    font-size: 36.79425px;
    font-size: 3.679425rem;
    font-family: "FontAwesome" !important;
    content: "???";
    float: left;
    margin-top: -0.2rem;
    margin-right: 1.2673469388rem;
    color: #999999;
}

body.i18n-zh-hans .front-wrapper .watch-and-listen .live-now h3::before {
    font-size: 36.79425px;
    font-size: 3.679425rem;
    font-family: "FontAwesome" !important;
    content: "???";
    float: left;
    margin-top: -0.2rem;
    margin-right: 1.2673469388rem;
    color: #999999;
}

body.i18n-zh-hans .heading-block h3, body.i18n-zh-hans h3.subheading {
    font-size: 27.6px;
    font-size: 2.76rem;
    line-height: 1.2075;
}

body.i18n-zh-hans .front-wrapper h4 {
    font-size: 25.3px;
    font-size: 2.53rem;
    line-height: 1.2075;
}

body.i18n-zh-hans .front-wrapper h4::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.265rem;
    border-top: 3px solid #009edb;
    width: 25%;
}

body.i18n-zh-hans .front-wrapper .purposes h4 {
    font-size: 25.3px;
    font-size: 2.53rem;
}

body.i18n-zh-hans .front-wrapper .purposes h4::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.265rem;
    border-top: 3px solid #009edb;
    width: 7%;
}

body.i18n-zh-hans .front-wrapper .subheading h4, body.i18n-zh-hans .front-wrapper .main-bodies h4 {
    font-size: 27.6px;
    font-size: 2.76rem;
    line-height: 1.196;
}

body.i18n-zh-hans .front-wrapper .facts h4 {
    font-size: 25.3px;
    font-size: 2.53rem;
    line-height: 1.1818;
}

body.i18n-zh-hans .front-wrapper .home-footer h4 {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.265;
}

body.i18n-zh-hans .front-wrapper .home-footer h4::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.265rem;
    border-top: 3px solid #009edb;
    width: 15%;
}

body.i18n-zh-hans .facts h5 {
    font-size: 18.4px;
    font-size: 1.84rem;
    line-height: 1.4375;
}

body.i18n-zh-hans .live-now h5 {
    font-size: 20.7px;
    font-size: 2.07rem;
    line-height: 1.15;
}

body.i18n-zh-hans .sdgs h5 {
    font-size: 21.85px;
    font-size: 2.185rem;
    line-height: 1.2075;
}

body.i18n-zh-hans h5.social-media-heading {
    font-size: 19.55px;
    font-size: 1.955rem;
    line-height: 1.2075;
}

body.i18n-zh-hans span.category, body.i18n-zh-hans .video-embed-description {
    font-size: 13.8px;
    font-size: 1.38rem;
    line-height: 1.341705;
}

body.i18n-zh-hans p {
    text-align: justify;
}

body.i18n-zh-hans p .intro {
    font-size: 19.55px;
    font-size: 1.955rem;
}

body.i18n-zh-hans .front-wrapper .heading-block p {
    font-size: 19.55px;
    font-size: 1.955rem;
    line-height: 1.6905;
}

body.i18n-zh-hans .front-wrapper p, body.i18n-zh-hans .front-wrapper .section-body .card p, body.i18n-zh-hans .front-wrapper .in-pictures .section-body p {
    font-size: 16.1px;
    font-size: 1.61rem;
    line-height: 1.61;
}

body.i18n-zh-hans .front-wrapper .unorg-home-hero p, body.i18n-zh-hans .front-wrapper .lead-story p {
    font-size: 18.4px;
    font-size: 1.84rem;
    line-height: 1.653125;
    text-indent: 2em;
}

body.i18n-zh-hans .front-wrapper .section-body p {
    font-size: 17.25px;
    font-size: 1.725rem;
    line-height: 1.84;
}

body.i18n-zh-hans .front-wrapper .facts .section-body p {
    font-size: 19.55px;
    font-size: 1.955rem;
    line-height: 1.15;
}

body.i18n-zh-hans .front-wrapper .purposes p {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.6905;
}

body.i18n-zh-hans em {
    font-style: normal;
}

body.i18n-zh-hans ul {
    list-style: none;
}

body.i18n-zh-hans ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

body.i18n-zh-hans .front-wrapper .heading-block ul {
    font-size: 19.55px;
    font-size: 1.955rem;
    line-height: 1.6905;
}

body.i18n-zh-hans .front-wrapper .heading-block ul li::before {
    font-size: 12.6537216828px;
    font-size: 1.2653721683rem;
    font-family: "FontAwesome" !important;
    content: "\f111";
    float: left;
    margin-left: 0.690081186rem;
    margin-right: 1.6103789127rem;
    padding-top: 0.575rem;
    color: #c4c4c4;
}

body.i18n-zh-hans .home-footer ul {
    font-size: 16.1px;
    font-size: 1.61rem;
    line-height: 1.5525;
}

body.i18n-zh-hans .home-footer ul li {
    padding-left: 2.737rem;
}

body.i18n-zh-hans .home-footer ul li::before {
    font-size: 11.5px;
    font-size: 1.15rem;
    font-family: "FontAwesome" !important;
    content: "\f111";
    float: left;
    margin-left: -2.5277rem;
    padding-top: 0.3450492928rem;
    color: #c4c4c4;
}

@media (min-width: 992px) {
    body.front .bottom-rows .col-md-8 {
        width: 61.6%;
    }
}

@media (min-width: 992px) {
    body.front .bottom-rows .col-md-4 {
        width: 38.4%;
    }
}

body.front .bottom-rows:nth-of-type(1) {
    padding-top: 0 !important;
    border-top: none !important;
}

body.front .bottom-rows .card-text {
    padding-left: 1px;
}

body.front .bottom-rows.section-top-border~.bottom-rows.section-top-border {
    padding-top: 0 !important;
    border-top: none !important;
}

body.front .bottom-rows.bottommargin-sm~.bottom-rows.bottommargin-sm, body.front .section.in-pictures .bottom-rows.views-row-1~.bottom-rows.bottommargin-sm, .section.in-pictures body.front .bottom-rows.views-row-1~.bottom-rows.bottommargin-sm, body.front .section.in-pictures .bottom-rows.views-row-2~.bottom-rows.bottommargin-sm, .section.in-pictures body.front .bottom-rows.views-row-2~.bottom-rows.bottommargin-sm, body.front .section.in-pictures .bottom-rows.views-row-3~.bottom-rows.bottommargin-sm, .section.in-pictures body.front .bottom-rows.views-row-3~.bottom-rows.bottommargin-sm, body.front .section.in-pictures .bottom-rows.views-row-4~.bottom-rows.bottommargin-sm, .section.in-pictures body.front .bottom-rows.views-row-4~.bottom-rows.bottommargin-sm, body.front .section.in-pictures .bottom-rows.bottommargin-sm~.bottom-rows.views-row-1, .section.in-pictures body.front .bottom-rows.bottommargin-sm~.bottom-rows.views-row-1, body.front .section.in-pictures .bottom-rows.views-row-1~.bottom-rows.views-row-1, .section.in-pictures body.front .bottom-rows.views-row-1~.bottom-rows.views-row-1, body.front .section.in-pictures .bottom-rows.views-row-2~.bottom-rows.views-row-1, .section.in-pictures body.front .bottom-rows.views-row-2~.bottom-rows.views-row-1, body.front .section.in-pictures .bottom-rows.views-row-3~.bottom-rows.views-row-1, .section.in-pictures body.front .bottom-rows.views-row-3~.bottom-rows.views-row-1, body.front .section.in-pictures .bottom-rows.views-row-4~.bottom-rows.views-row-1, .section.in-pictures body.front .bottom-rows.views-row-4~.bottom-rows.views-row-1, body.front .section.in-pictures .bottom-rows.bottommargin-sm~.bottom-rows.views-row-2, .section.in-pictures body.front .bottom-rows.bottommargin-sm~.bottom-rows.views-row-2, body.front .section.in-pictures .bottom-rows.views-row-1~.bottom-rows.views-row-2, .section.in-pictures body.front .bottom-rows.views-row-1~.bottom-rows.views-row-2, body.front .section.in-pictures .bottom-rows.views-row-2~.bottom-rows.views-row-2, .section.in-pictures body.front .bottom-rows.views-row-2~.bottom-rows.views-row-2, body.front .section.in-pictures .bottom-rows.views-row-3~.bottom-rows.views-row-2, .section.in-pictures body.front .bottom-rows.views-row-3~.bottom-rows.views-row-2, body.front .section.in-pictures .bottom-rows.views-row-4~.bottom-rows.views-row-2, .section.in-pictures body.front .bottom-rows.views-row-4~.bottom-rows.views-row-2, body.front .section.in-pictures .bottom-rows.bottommargin-sm~.bottom-rows.views-row-3, .section.in-pictures body.front .bottom-rows.bottommargin-sm~.bottom-rows.views-row-3, body.front .section.in-pictures .bottom-rows.views-row-1~.bottom-rows.views-row-3, .section.in-pictures body.front .bottom-rows.views-row-1~.bottom-rows.views-row-3, body.front .section.in-pictures .bottom-rows.views-row-2~.bottom-rows.views-row-3, .section.in-pictures body.front .bottom-rows.views-row-2~.bottom-rows.views-row-3, body.front .section.in-pictures .bottom-rows.views-row-3~.bottom-rows.views-row-3, .section.in-pictures body.front .bottom-rows.views-row-3~.bottom-rows.views-row-3, body.front .section.in-pictures .bottom-rows.views-row-4~.bottom-rows.views-row-3, .section.in-pictures body.front .bottom-rows.views-row-4~.bottom-rows.views-row-3, body.front .section.in-pictures .bottom-rows.bottommargin-sm~.bottom-rows.views-row-4, .section.in-pictures body.front .bottom-rows.bottommargin-sm~.bottom-rows.views-row-4, body.front .section.in-pictures .bottom-rows.views-row-1~.bottom-rows.views-row-4, .section.in-pictures body.front .bottom-rows.views-row-1~.bottom-rows.views-row-4, body.front .section.in-pictures .bottom-rows.views-row-2~.bottom-rows.views-row-4, .section.in-pictures body.front .bottom-rows.views-row-2~.bottom-rows.views-row-4, body.front .section.in-pictures .bottom-rows.views-row-3~.bottom-rows.views-row-4, .section.in-pictures body.front .bottom-rows.views-row-3~.bottom-rows.views-row-4, body.front .section.in-pictures .bottom-rows.views-row-4~.bottom-rows.views-row-4, .section.in-pictures body.front .bottom-rows.views-row-4~.bottom-rows.views-row-4 {
    margin-bottom: 4rem !important;
}

@media (min-width: 992px) {
    .unorg-home-hero .col-md-9 {
        width: 73.5%;
    }
}

.unorg-home-hero .col-md-3 {
    justify-content: space-between;
}

@media (min-width: 992px) {
    .unorg-home-hero .col-md-3 {
        width: 26.5%;
    }
}

.unorg-home-hero .photo-info-wrapper {
    padding-bottom: 15px;
}

@media (min-width: 992px) {
    .second-row .col-md-8 {
        width: 63.1%;
    }
}

@media (min-width: 992px) {
    .second-row .col-md-4 {
        width: 36.9%;
        padding-left: 1px;
    }
}

.section {
    padding-bottom: 60px;
}

.section .heading-block.bottommargin-sm, .section.in-pictures .heading-block.views-row-1, .section.in-pictures .heading-block.views-row-2, .section.in-pictures .heading-block.views-row-3, .section.in-pictures .heading-block.views-row-4 {
    margin-bottom: 4rem !important;
}

.section .container-fluid .heading-block {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 62%;
}

.section.purposes .views-field-body {
    display: none;
}

.section.main-bodies .subtitle {
    display: none;
}

.section.main-bodies .section-body .views-row {
    margin-bottom: 3.5rem;
    padding-top: 16.3rem;
    background: url(../images/main-bodies-1-ga.svg) center top no-repeat;
    background-size: 19em 10.9em;
}

.section.main-bodies .section-body .views-row-2 {
    background-image: url(../images/main-bodies-2-sc.svg);
}

.section.main-bodies .section-body .views-row-3 {
    background-image: url(../images/main-bodies-3-ecosoc.svg);
}

.section.main-bodies .section-body .views-row-4 {
    background-image: url(../images/main-bodies-4-trustee.svg);
    clear: left;
}

.section.main-bodies .section-body .views-row-5 {
    background-image: url(../images/main-bodies-5-icj.svg);
}

.section.main-bodies .section-body .views-row-6 {
    background-image: url(../images/main-bodies-6-unhq.svg);
}

.section.sdgs .sdg-colors-top-banner {
    width: 100%;
}

.section.sdgs .sdg-colors-top-banner div {
    height: 0.6rem;
    width: 5.8823%;
    float: left;
    box-shadow: 0 0.2rem 0.4rem 0 rgb(0, 0, 0, 0.5);
}

.section.sdgs .sdg-colors-top-banner div.sdg-1 {
    background-color: #E8203A;
}

.section.sdgs .sdg-colors-top-banner div.sdg-2 {
    background-color: #DDA63A;
}

.section.sdgs .sdg-colors-top-banner div.sdg-3 {
    background-color: #4C9F38;
}

.section.sdgs .sdg-colors-top-banner div.sdg-4 {
    background-color: #C5192D;
}

.section.sdgs .sdg-colors-top-banner div.sdg-5 {
    background-color: #FF3A21;
}

.section.sdgs .sdg-colors-top-banner div.sdg-6 {
    background-color: #26BDE2;
}

.section.sdgs .sdg-colors-top-banner div.sdg-7 {
    background-color: #FCC30B;
}

.section.sdgs .sdg-colors-top-banner div.sdg-8 {
    background-color: #A21942;
}

.section.sdgs .sdg-colors-top-banner div.sdg-9 {
    background-color: #FF6924;
}

.section.sdgs .sdg-colors-top-banner div.sdg-10 {
    background-color: #DD1367;
}

.section.sdgs .sdg-colors-top-banner div.sdg-11 {
    background-color: #FF9F24;
}

.section.sdgs .sdg-colors-top-banner div.sdg-12 {
    background-color: #BF8B2E;
}

.section.sdgs .sdg-colors-top-banner div.sdg-13 {
    background-color: #3F7E44;
}

.section.sdgs .sdg-colors-top-banner div.sdg-14 {
    background-color: #0A97D9;
}

.section.sdgs .sdg-colors-top-banner div.sdg-15 {
    background-color: #00689D;
}

.section.sdgs .sdg-colors-top-banner div.sdg-16 {
    background-color: #56C22B;
}

.section.sdgs .sdg-colors-top-banner div.sdg-17 {
    background-color: #19486A;
}

.section.sdgs .heading-block {
    padding-top: 7.2rem;
    background: url(../images/sdg-wheel.svg) center top no-repeat;
    background-size: 7.4rem auto;
}

.section.sdgs .card~.card~.card~.card {
    background-color: #e4effb;
    background-clip: content-box;
}

.section.sdgs .card~.card~.card~.card h4 {
    text-transform: uppercase;
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    margin-bottom: 0;
}

.section.sdgs .card~.card~.card~.card h4::after {
    content: none !important;
    display: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}

.section.sdgs .card~.card~.card~.card .views-field-body {
    padding: 0 1.6rem 3.2rem 1.6rem;
}

.section.facts {
    padding-bottom: 0;
}

.section.facts .card {
    text-align: center;
    background-color: #515870;
    padding: 3.7rem 3.7rem 2rem 3.7rem;
}

.section.facts .card .un-facts-heading {
    height: 15.2rem;
}

.section.facts .card .views-field-body {
    padding-top: 2.6rem;
}

.section.facts .card~.card {
    background-color: #576F9E;
}

.section.facts .card~.card~.card {
    background-color: #2F658C;
}

.section.facts .card~.card~.card~.card {
    background-color: #6B6B6B;
}

.section.watch-and-listen .podcasts {
    background: white;
    padding: 2rem 2rem 2.4rem 2rem;
}

.section.watch-and-listen .podcasts audio {
    margin-top: 2rem;
}

.section.watch-and-listen .live-now {
    margin-top: 0.2rem;
    padding: 0.1rem 0 1.2rem 1.7rem;
    border: none;
    border-left: solid;
    border-width: 0.3rem;
    border-color: #c4c4c4;
}

.gray-bg .section.watch-and-listen .live-now {
    border-top-color: #e3e3e3;
}

.section.in-pictures .views-row-3 {
    clear: both;
}

.section.in-pictures h4 {
    display: none;
}

.section.in-pictures .views-field-php {
    float: right;
}

.section.in-pictures .views-field-php .photo-credit {
    margin-top: 1.4rem;
    margin-right: 1.1rem;
}

.section.in-pictures span.category {
    margin-top: 1.55rem;
}

.section.in-pictures .views-field-body {
    clear: both;
    padding-top: 1.2rem;
    padding-right: 1.1rem;
}

.section-link {
    padding-top: 3.5rem;
    text-align: center;
}

.main-bodies .section-link {
    padding-top: 1.3rem;
}

.home-footer .divider {
    border: none;
    border-top: solid;
    border-width: 0.3rem;
    border-color: #ededed;
    margin: 0 1.4rem 2.5rem 1.4rem;
}

.gray-bg .home-footer .divider {
    border-color: #e3e3e3;
}

.navbar-topbrand {
    color: #555555;
    line-height: 1;
    letter-spacing: 0.027em;
}

#navbar .navbar-header.navbar-topheader, .layout-welcome {
    padding-top: 0;
    padding-bottom: 0;
    width: 50% !important;
    float: left;
}

ul.nav li.dropdown:hover>ul.dropdown-menu {
    display: block;
}

footer.container {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

ul.menu--main {
    background: #4d4d4d;
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
    margin-top: 15px;
    width: 100%;
}

ul.menu--main li {
    background: #4d4d4d;
    padding: 0;
    margin: 0;
    font-size: 13px;
    float: left;
}

ul.menu--main li a {
    border-right: 1px solid #fff;
    color: white;
    text-decoration: none;
    padding: 9.75px 13px;
    line-height: 1.3rem;
}

.sp-slide>.sp-layer[data-show-transition="right"] {
    font-size: 36px !important;
    line-height: 1.2em;
    font-weight: 300;
    min-height: 105.33px;
    min-width: 640px;
}

.sp-slide>.sp-layer[data-show-transition="left"] {
    font-size: 20px !important;
    font-weight: 400;
    text-shadow: 0 1px 3px rgb(0, 0, 0, 0.3);
}

.sp-white {
    color: white !important;
    background: rgb(12, 113, 195, 0.73) !important;
}

.block-views-blockhome-top-slider-block-1 {
    position: relative;
    padding: 0;
    background: none !important;
}

.testimonial_content {
    background-color: #f5f5f5;
    padding: 30px;
}

.testimonial_potrait {
    display: block;
    float: left;
    position: relative;
    width: 90px;
    height: 90px;
    margin-right: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 90px;
}

.testimonial_potrait img {
    width: 90px;
    height: 90px;
    border-radius: 90px;
}

.testimonial_desc {
    padding: 30px;
    line-height: 1.5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.testimonial_label p {
    letter-spacing: 0.02em;
    color: #4d4d4d;
    padding-left: 1px;
    font-size: 18.2px;
    text-transform: uppercase;
    margin-top: 0;
    line-height: 1.3em;
    border-bottom: 3px solid #00adef;
    padding-bottom: 7px;
    font-weight: 700;
    text-align: left;
}

.navbar-default {
    background-color: white;
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

.language-switcher #language-switcher {
    border-top: none;
    padding: 0;
    float: right;
}

.language-switcher .language-title {
    float: right;
    margin-right: 11.2px;
    line-height: 1.2;
}

.language-switcher button.navbar-toggle {
    margin-top: 0;
    border: none;
    padding: 0;
    background: transparent;
    border-radius: 0;
    margin-right: 2px;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 0;
        padding: 9px 10px;
        background-color: transparent;
        background-image: none;
        border: transparent solid 1px;
        border-radius: 0;
    }
    header#sitebrand {
        padding-top: 39.7301012822px;
        padding-bottom: 39.7301012822px;
        width: 100%;
    }
    .home-footer .region h2, .home-footer .h4 {
        font-size: 20px;
        font-size: 2rem;
        color: #454545;
        letter-spacing: 0.95px;
        line-height: 1.1;
        text-transform: uppercase;
        margin-bottom: 1.4rem;
        padding: 0;
        text-align: inherit;
    }
    .home-footer .region h2::after, .home-footer .h4::after {
        content: '';
        display: block;
        margin-left: 1px;
        margin-top: 1.1rem;
        border-top: 3px solid #009edb;
    }
    .footer-fluid .region section.block {
        padding: 0;
    }
    .row .sameheight {
        display: flex;
        flex-wrap: wrap;
    }
    body .main-container .content .row:first-of-type h2.block-title:first-of-type::after {
        content: '';
        display: block;
        margin-left: 1px;
        margin-top: 1.5rem;
        border-top: 3px solid #00a1d9;
        width: 100%;
        padding: 0.5rem;
        margin-bottom: 1.5rem;
    }
    body .main-container .content .row h2.block-title::after {
        content: '';
        display: block;
        margin-top: 0.5rem;
        border-top: 3px solid #00a1d9;
        width: 33%;
    }
    .content a {
        color: #337ab7;
        text-decoration: none;
    }
    .content a:hover, .content a:focus {
        color: #23527c;
        text-decoration: underline;
    }
    h2.block-title {
        color: #777777;
    }
    .whitespaceblock {
        display: block;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    figure {
        padding: 0;
        padding-top: 0.5em;
        border: 0;
        background-color: transparent;
        text-align: left;
        color: #ccc;
        font-style: italic;
        line-height: 1.3em;
    }
    figure.align-left {
        padding-right: 2rem;
    }
    figure.align-right {
        padding-left: 2rem;
    }
    figcaption {
        margin: 0;
        padding: 0 4px 5px;
        font-size: 12px;
    }
}

@media screen and (max-width: 736px) {
    .heroblock .image .caption {
        top: 10%;
    }
    .heroblock .image .caption .caption-cont h1 {
        font-size: 3rem;
    }
    .block-facets.block-facet-blockservice-line-area-of-work .facets-widget-links ul li {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 800px;
    }
}

.heroblock .image .subtitle {
    padding-bottom: 3em;
    padding-top: 3em;
}

.region-sidebar-first, .region-content {
    padding-top: 1em;
}

.form-group {
    margin-bottom: 15px !important;
}

.btn-info, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background-color: #009edb;
    border-color: #009edb;
}

.flotrt {
    float: right;
}

.ui-accordion-content a {
    color: #337ab7 !important;
}

.ui-accordion-content a.cd-readmore {
    padding: 10px;
    color: white !important;
    margin-right: 5px;
    border-radius: 5px;
    background: #aaa;
}

.ui-accordion-content a.cd-quickview {
    padding: 10px;
    color: white !important;
    margin-right: 5px;
    border-radius: 5px;
    background-color: #009edb;
}

.views-field, .pending-notification-head {
    padding: 5px 0;
}

.views-field .views-label {
    font-weight: bold;
    padding-right: 5px;
    float: left;
}

.entry-content {
    padding-top: 30px;
}

td .field--item {
    float: left;
}

td .field--item:after {
    content: " , ";
    right: 3px;
    position: relative;
}

td .field--item:last-child:after {
    content: none;
}

td .field--item:first-child:before {
    content: none;
}

.view-cd-demand .views-label {
    float: left;
}

.view-cd-demand .views-field {
    padding-bottom: 10px;
}

#show_chart {
    width: inherit;
    height: inherit;
}

.attachment .view-project-maps.view-display-id-attachment_1 {
    display: none;
}

td .field--type-datetime {
    float: none !important;
}

td .field--type-datetime::after {
    content: none !important;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #009edb !important;
    background-image: none !important;
}

.project-maps-filter {
    padding: 20px 0;
}

.project-maps-filter .form-type-select label {
    display: block;
}

.project-map-padd {
    padding-top: 10px;
}

.chosen-container {
    width: 100% !important;
    height: auto;
    padding: 5px;
}

.chosen-choices {
    padding: 0 !important;
    border: none !important;
    background-image: none !important;
}

.chosen-container-active .chosen-choices {
    box-shadow: none !important;
    border: none !important;
}

.chosen-choices {
    margin-top: 1px;
    border-top: 1px solid #aaa;
}

.chosen-container .chosen-drop {
    margin-left: -4px;
    border-top: 1px solid #aaa;
}

#edit-actions button {
    margin-right: 10px;
}

.page-header {
    border-bottom: none;
}

.overlay-box {
    position: relative;
    display: inline-block;
}

.overlay-box .overlay-text {
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    text-align: center;
    width: 100%;
}

.overlay-box .overlay-text h1 {
    font-size: 5rem;
    color: #fff;
    line-height: 70px;
}

.ui-accordion-content .views-field-body {
    word-break: break-word;
}

.modal-header {
    background-color: #e5e5e5;
}

.ui-accordion .ui-accordion-header {
    border-radius: 5px;
    font-size: 18px;
}

.block-facets .facets-widget-links ul li {
    line-height: 2em;
}

section.block-facets {
    margin-bottom: 2em !important;
}

section.block-facets h3 {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    background-color: rgb(0, 0, 0, 0.03);
    border-bottom: 2px solid #33b5e5;
    margin-bottom: 0;
    padding: 10px;
    margin: 0;
    line-height: 1.2;
}

.block-facets.block-facet-blockservice-line-area-of-work .facets-widget-links ul li {
    float: left;
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    list-style-type: none;
}

.region-sidebar-first .facets-widget-dropdown .form-control {
    border: none;
}

.region-sidebar-first .facets-widget-dropdown .form-control::after {
    border: none;
    content: "";
    color: #00ADEF;
    position: absolute;
    right: 6px;
    top: 6px;
    border-style: solid;
    border-width: 0.1em 0.1em 0 0;
    display: inline-block;
    transform: rotate(135deg);
    height: 0.6em;
    width: 0.6em;
    cursor: pointer;
}

.block-facets.block-facet-blockservice-line-area-of-work .facets-widget-links ul li a {
    display: block;
    line-height: 20.8px;
    margin: 0 0 2em;
    padding-top: 95px;
    text-align: center;
}

.block-facet-blockservice-line-area-of-work .facets-widget-links ul li:nth-child(1) a {
    background: url(/modules/contrib/cdmoalter/image/evidentpolicy.png) no-repeat scroll;
    background-position: top center;
    background-position: bottom 85% center;
}

.block-facet-blockservice-line-area-of-work .facets-widget-links ul li:nth-child(2) a {
    background: url(/modules/contrib/cdmoalter/image/administration.png) no-repeat scroll;
    background-position: top center;
    background-position: bottom 85% center;
}

.block-facet-blockservice-line-area-of-work .facets-widget-links ul li:nth-child(3) a {
    background: url(/modules/contrib/cdmoalter/image/moi.png) no-repeat scroll;
    background-position: top center;
    background-position: bottom 85% center;
}

.block-facet-blockservice-line-area-of-work .facets-widget-links ul li:nth-child(4) a {
    background: url(/modules/contrib/cdmoalter/image/policycohorence.png) no-repeat scroll;
    background-position: top center;
    background-position: bottom 85% center;
}

.block-facet-blockservice-line-area-of-work .facets-widget-links ul li:nth-child(5) a {
    background: url(/modules/contrib/cdmoalter/image/social.png) no-repeat scroll;
    background-position: top center;
    background-position: bottom 85% center;
}

.block-facet-blockformat .chosen-choices li.search-choice, .block-facet-blockowner .chosen-choices li.search-choice, .block-facet-blocklanguages .chosen-choices li.search-choice {
    min-height: 24px;
    line-height: 24px;
    border-radius: 0;
    border: none;
    background-color: #00ADEF;
    color: white;
    white-space: normal;
    margin-right: 5px;
    background-image: none;
}

.form-item-search-api-fulltext label {
    display: none;
}

#edit-description--description {
    float: right;
    font-size: 14px;
}

#edit-description--description .help-msg {
    font-size: 15px;
    font-weight: bolder;
    color: red;
}

.js-form-item-roles-administrator {
    display: none;
}

form #edit-to.panel, form #edit-to.collapse-processed {
    display: none;
}

#views-form-demand-notifications-page-1 .form-submit {
    background-color: #009edb;
    border-color: #009edb;
    color: white;
}

.map-disclaim {
    color: #757575;
    padding-top: 10px;
}

.form-item-items-per-page label {
    display: none;
}

.block-facets.block-facet-blockservice-line-area-of-work .facets-widget-links ul {
    padding-left: 0;
    padding-top: 20px;
}

.heroblock .image img {
    width: 100%;
}

.heroblock .image .caption {
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 20%;
    text-align: center;
    width: 100%;
}

.heroblock .image .caption .caption-cont h1 {
    font-size: 5rem;
    color: #fff;
    line-height: 70px;
}

.sp-image {
    margin-top: 0;
}

#un-preview-to .form-textarea-wrapper {
    margin-left: 100px;
    overflow: auto;
    padding: 2px;
}

.term-tree-list .selected {
    font-weight: initial;
    display: inline-flex;
}

.term-tree-list .selected a:after {
    content: ',';
    margin: 0;
}

.term-tree-list .selected .term .selected a:after {
    content: ',';
    margin: 0;
}

.term-tree-list .selected .term li.selected:last-child a:after {
    content: ' ';
}

input.ui-button.pagerer-page-button {
    display: none;
}

.database-content .field {
    display: flex;
    padding: 5px 0;
}

.database-content .field--label {
    font-weight: bold;
    flex: 2;
    color: #0a8ec1;
    padding: 5px;
}

.database-content .field--item, .database-content .field--items {
    word-break: break-all;
    flex: 2.5;
}

.database-content .field:nth-child(even) {
    background-color: #f3f3f3;
}

.database-content .panel-heading .panel-title {
    color: #0a8ec1;
    font-size: 14px;
    font-weight: bold;
}

.database-content .panel-heading {
    padding-left: 5px;
}

.database-content .panel {
    padding-top: 10px;
    border: none;
}

.close {
    padding: 0 5px 5px 5px !important;
    background: #00adef !important;
}

.menu--language-switcher.nav li {
    display: inline;
    float: left;
}

.menu--language-switcher.nav li span {
    padding: 0.7rem 1.2rem 1rem 1.2rem;
    margin: 0;
}

.footer-standard {
    padding-top: 35px;
    padding-bottom: 36px;
}

.menu--main ul.dropdown-menu {
    min-width: max-content;
}

.layout {
    clear: both;
}

.region section.block {
    padding: 10px 0;
}

.layout__region {
    padding-left: 15px;
    padding-right: 15px;
}

#brand-bar .brandbar-header a.navbar-brand:before {
    font-family: FontAwesome;
    color: black;
    content: "\f015";
    font-size: 19.46px;
    margin-right: 8.4px;
    float: left;
}

header#navbar .navbar-header .navbar-btn::after {
    content: '';
    display: block;
    margin-top: 0.3041284404rem;
    height: 7.1509174312rem;
    border-right: 1px solid black;
}

.navbar-brand-sitename-and-slogan {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #4d4d4d;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0.027em;
    font-size: 2.7rem;
    margin-top: 1.2rem;
    display: table;
}

.navbar-brand-sitename-and-slogan a {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color: #4d4d4d;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

/** After upgrade to D9.4.8 **/

.toolbar-oriented .toolbar-bar {
  z-index: 1035;
}

.ui-dialog.ui-corner-all {
    z-index: 9999 !important;
}


/* Fellowship Menu */

.page-node-type-fellowship .page-header {
    padding-bottom: 9px;
    margin: 1rem 0 1rem;
    border-bottom: 1px solid #eeeeee;
}
.page-node-type-fellowship h1{
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 3.3rem;
    letter-spacing: -0.02em;
    color: #000;
}
.page-node-type-fellowship .views-field,
.block-views-blocktitle-view-block-1,
.page-node-type-fellowship .region-content,
.page-node-type-fellowship  .region section.block {
    padding: 0;
}
.page-node-type-fellowship .region-content{
    padding-bottom: 2rem;
}


.page-node-type-fellowship ul.sf-menu.sf-vertical {
    width: 100%;
}

.page-node-type-fellowship .tb-megamenu .nav > li > a.fellowship-menu{
    background-color: #f2f2f2 !important;
    color: black !important;
}


.page-node-type-fellowship .region-sidebar-second{
    background-color: #f2f2f2;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
.page-node-type-fellowship .region-sidebar-second ul.sf-menu .menuparent:hover{
    color: #35939a; 
    text-decoration: none;
  }
.page-node-type-fellowship .region-sidebar-second h2{
    margin-top: 0;
    color: black;
}
.page-node-type-fellowship .region-sidebar-second h2::after{
  content: '';
  display: block;
  margin-left: 1px;
  margin-top: 1rem;
  border-top: #00a1d9 solid 3px;
  width: 33%;
}

  .page-node-type-fellowship  .region-sidebar-second nav .nav > li,
  .page-node-type-fellowship .region-sidebar-second ul.sf-menu li, 
  .page-node-type-fellowship  .region-sidebar-second li.sf-depth-2,
  .page-node-type-fellowship  .region-sidebar-second li.sf-depth-3,
  .page-node-type-fellowship  .sidebarmenuig .views-row{
    font-weight: 700;
    line-height: 1.1;
    display: block;
  }
  .page-node-type-fellowship  .region-sidebar-second nav li,
  .page-node-type-fellowship  .region-sidebar-second ul.sf-menu li,
  .page-node-type-fellowship  .region-sidebar-second ul.sf-menu li.sf-depth-2,
  .page-node-type-fellowship  .region-sidebar-second ul.sf-menu li.sf-depth-3{
    border-bottom: 1px solid #e1e1e1;
    float: none;
  }
  .page-node-type-fellowship  ul.sf-menu a, 
  .page-node-type-fellowship ul.sf-menu span.nolink,
  .page-node-type-fellowship .sidebarmenuig a{
    padding: .7em 0 .7em 0;
  }
  .page-node-type-fellowship .sidebarmenuig a{
    display: block;
  }
  .page-node-type-fellowship .region-sidebar-second a.is-active{
    color: #35939a;
    text-decoration: none;
  }
  .region-sidebar-second ul.sf-menu li.sf-depth-2 a,
  .region-sidebar-second ul.sf-menu li.sf-depth-3 a{
    padding: .7em .7em .7em .7em;
  }
  .region-sidebar-second ul.sf-menu .menuparent{
    cursor: pointer;
  }
  
  .region-sidebar-second li.sf-depth-2,
  .region-sidebar-second li.sf-depth-3,
  .well{
    background-color: #f2f2f2;
  }


.field--type-text-with-summary .file{
    display: initial;
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
    width: fit-content;
}

.file.icon-before .glyphicon-file:before{
    content: inherit;
}
.file.icon-before .file-icon{
    background-size: 25px !important;
    padding: 20px 35px 0 0;
}
.file--application-pdf.icon-before .file-icon{
background: url(../image/icons/icon_pdf.svg) no-repeat 3px 5px;
}
.file--mime-text-csv.icon-before .file-icon{
    background: url(../image/icons/icon_csv.svg) no-repeat 3px 5px;
}
.file--x-office-document.icon-before .file-icon{
    background: url(../image/icons/icon_doc.svg) no-repeat 3px 5px;
}
.file--x-office-presentation.icon-before .file-icon{
    background: url(../image/icons/icon_ppt.svg) no-repeat 3px 5px;
}
.file--x-office-spreadsheet.icon-before .file-icon{
    background: url(../image/icons/icon_xls.svg) no-repeat 3px 5px;
}
.file-link{
    font-size: 14px;
    font-weight: normal;
}

.file-icon{
    height: 44px;
}

.file-icon .icon.glyphicon{
    display: none;
}

@media only screen and (max-width: 768px) {
    .page-node-type-fellowship .main-content-row {
      display: flex;
      flex-direction: column-reverse;
    }

    ul.sf-accordion.sf-expanded{
        margin-top: 20px !important;

    }

    .sf-accordion-toggle a::after {
        content: "\f0c9";
        font-size: 2.7rem;
        vertical-align: middle;
        line-height: 35px;
        color: #00a1d9;
        margin-left: 1.5rem;
        position: absolute;
        font-family: "Font Awesome 5 Free";
      }
    .sf-accordion-toggle a{
        font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
        font-weight: 700;
        line-height: 1.1;
        font-size: 30px;
    }
    .sf-accordion-toggle a::after {
        content: "";
        display: inline-block;
        width: 32px;  /* Adjust as needed */
        height: 32px; /* Adjust as needed */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333333' d='M8.12 19.88L16 12 8.12 4.12l1.77-1.77L19.54 12l-9.65 9.65-1.77-1.77z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        vertical-align: middle;
        margin-left: 8px; /* Space between text and icon */
    }
    .sf-accordion-toggle a.sf-expanded::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333333' d='M4.12 8.12L12 16l7.88-7.88 1.77 1.77L12 19.54 2.35 9.89l1.77-1.77z'/%3E%3C/svg%3E");
    }
    ul#superfish-ageing-menu-accordion{
        margin-top: 1rem;
    }
    .block-superfish h2.block-title{
        display: none;
    }
    .sf-accordion-toggle a:hover{
        color: #000;
        text-decoration: none;
    }
    .sf-accordion-toggle a:active{
        color: #000;
        text-decoration: none;
    }

}