@charset "UTF-8";
/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font: 400 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Lists */
ul, ol { margin-left: 30px; }

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

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

/** Links */
a { color: #2a7ae2; text-decoration: none; }

a:visited { color: #1756a9; }

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

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

/** Clearfix */
.footer-col-wrapper:after, .wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }

.icon > svg path { fill: #828282; }

/** Site header */
.site-header { border-top: 5px solid #424242; border-bottom: 1px solid #e8e8e8; min-height: 56px; position: relative; }

.site-title { font-size: 26px; font-weight: 300; line-height: 56px; letter-spacing: -1px; margin-bottom: 0; float: left; }

.site-title, .site-title:visited { color: #424242; }

.site-nav { float: right; line-height: 56px; }

.site-nav .menu-icon { display: none; }

.site-nav .page-link { color: #111; line-height: 1.5; }

.site-nav .page-link:not(:last-child) { margin-right: 20px; }

@media screen and (max-width: 600px) { .site-nav { position: absolute; top: 9px; right: 15px; background-color: #fdfdfd; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; } .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; } .site-nav .menu-icon > svg { width: 18px; height: 15px; } .site-nav .menu-icon > svg path { fill: #424242; } .site-nav .trigger { clear: both; display: none; } .site-nav:hover .trigger { display: block; padding-bottom: 5px; } .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px; } .site-nav .page-link:not(:last-child) { margin-right: 0; } }

/** Site footer */
.site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; }

.footer-heading { font-size: 18px; margin-bottom: 15px; }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; }

.footer-col { float: left; margin-bottom: 15px; padding-left: 15px; }

.footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }

.footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }

.footer-col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); } .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

@media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

/** Page content */
.page-content { padding: 30px 0; }

.page-heading { font-size: 20px; }

.post-list { margin-left: 0; list-style: none; }

.post-list > li { margin-bottom: 30px; }

.post-meta { font-size: 14px; color: #828282; }

.post-link { display: block; font-size: 24px; }

/** Posts */
.post-header { margin-bottom: 30px; }

.post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; }

@media screen and (max-width: 800px) { .post-title { font-size: 36px; } }

.post-content { margin-bottom: 30px; }

.post-content h2 { font-size: 32px; }

@media screen and (max-width: 800px) { .post-content h2 { font-size: 28px; } }

.post-content h3 { font-size: 26px; }

@media screen and (max-width: 800px) { .post-content h3 { font-size: 22px; } }

.post-content h4 { font-size: 20px; }

@media screen and (max-width: 800px) { .post-content h4 { font-size: 18px; } }

/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlighter-rouge .highlight { background: #eef; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

/*! Bootstrap v4.6.0 (https://getbootstrap.com/) Copyright 2011-2021 The Bootstrap Authors Copyright 2011-2021 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

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

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; }

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

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

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

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; }

a:hover { color: #0056b3; text-decoration: underline; }

a:not([href]):not([class]) { color: inherit; text-decoration: none; }

a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; text-align: -webkit-match-parent; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus:not(:focus-visible) { outline: 0; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

[role="button"] { cursor: pointer; }

select { word-wrap: normal; }

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

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }

h1, .h1 { font-size: 2.5rem; }

h2, .h2 { font-size: 2rem; }

h3, .h3 { font-size: 1.75rem; }

h4, .h4 { font-size: 1.5rem; }

h5, .h5 { font-size: 1.25rem; }

h6, .h6 { font-size: 1rem; }

.lead { font-size: 1.25rem; font-weight: 300; }

.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }

.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }

.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }

.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

small, .small { font-size: 0.875rem; font-weight: 400; }

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

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

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

.list-inline-item { display: inline-block; }

.list-inline-item:not(:last-child) { margin-right: 0.5rem; }

.initialism { font-size: 90%; text-transform: uppercase; }

.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }

.blockquote-footer { display: block; font-size: 0.875rem; color: #6c757d; }

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

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

.img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; }

.figure { display: inline-block; }

.figure-img { margin-bottom: 0.5rem; line-height: 1; }

.figure-caption { font-size: 90%; color: #6c757d; }

code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; }

a > code { color: inherit; }

kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; }

kbd kbd { padding: 0; font-size: 100%; font-weight: 700; }

pre { display: block; font-size: 87.5%; color: #212529; }

pre code { font-size: inherit; color: inherit; word-break: normal; }

.pre-scrollable { max-height: 340px; overflow-y: scroll; }

.container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container-sm, .container { max-width: 540px; } }

@media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } }

@media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } }

@media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } }

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

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

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

.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.row-cols-1 > * { flex: 0 0 100%; max-width: 100%; }

.row-cols-2 > * { flex: 0 0 50%; max-width: 50%; }

.row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.row-cols-4 > * { flex: 0 0 25%; max-width: 25%; }

.row-cols-5 > * { flex: 0 0 20%; max-width: 20%; }

.row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-3 { flex: 0 0 25%; max-width: 25%; }

.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-6 { flex: 0 0 50%; max-width: 50%; }

.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-9 { flex: 0 0 75%; max-width: 75%; }

.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-12 { flex: 0 0 100%; max-width: 100%; }

.order-first { order: -1; }

.order-last { order: 13; }

.order-0 { order: 0; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-6 { order: 6; }

.order-7 { order: 7; }

.order-8 { order: 8; }

.order-9 { order: 9; }

.order-10 { order: 10; }

.order-11 { order: 11; }

.order-12 { order: 12; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } }

@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } }

@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } }

@media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } }

.table { width: 100%; margin-bottom: 1rem; color: #212529; }

.table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }

.table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }

.table tbody + tbody { border-top: 2px solid #dee2e6; }

.table-sm th, .table-sm td { padding: 0.3rem; }

.table-bordered { border: 1px solid #dee2e6; }

.table-bordered th, .table-bordered td { border: 1px solid #dee2e6; }

.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); }

.table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; }

.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; }

.table-hover .table-primary:hover { background-color: #9fcdff; }

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; }

.table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; }

.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; }

.table-hover .table-secondary:hover { background-color: #c8cbcf; }

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; }

.table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; }

.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; }

.table-hover .table-success:hover { background-color: #b1dfbb; }

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; }

.table-info, .table-info > th, .table-info > td { background-color: #bee5eb; }

.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; }

.table-hover .table-info:hover { background-color: #abdde5; }

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; }

.table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; }

.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; }

.table-hover .table-warning:hover { background-color: #ffe8a1; }

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; }

.table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; }

.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; }

.table-hover .table-danger:hover { background-color: #f1b0b7; }

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; }

.table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; }

.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; }

.table-hover .table-light:hover { background-color: #ececf6; }

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; }

.table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; }

.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; }

.table-hover .table-dark:hover { background-color: #b9bbbe; }

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; }

.table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; }

.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; }

.table-dark { color: #fff; background-color: #343a40; }

.table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; }

.table-dark.table-bordered { border: 0; }

.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); }

.table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } }

@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } }

@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } }

@media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.table-responsive > .table-bordered { border: 0; }

.form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .form-control { transition: none; } }

.form-control::-ms-expand { background-color: transparent; border: 0; }

.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; }

.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.form-control::placeholder { color: #6c757d; opacity: 1; }

.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }

input.form-control[type="date"], input.form-control[type="time"], input.form-control[type="datetime-local"], input.form-control[type="month"] { appearance: none; }

select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }

.form-control-file, .form-control-range { display: block; width: 100%; }

.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }

.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }

.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }

.form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; }

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; }

.form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }

.form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

select.form-control[size], select.form-control[multiple] { height: auto; }

textarea.form-control { height: auto; }

.form-group { margin-bottom: 1rem; }

.form-text { display: block; margin-top: 0.25rem; }

.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }

.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }

.form-check { position: relative; display: block; padding-left: 1.25rem; }

.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; }

.form-check-label { margin-bottom: 0; }

.form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; }

.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }

.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875rem; color: #28a745; }

.valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; }

.form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip { left: 5px; }

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; }

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; }

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; }

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875rem; color: #dc3545; }

.invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; }

.form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip { left: 5px; }

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; }

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; }

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; }

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.form-inline { display: flex; flex-flow: row wrap; align-items: center; }

.form-inline .form-check { width: 100%; }

@media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } }

.btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .btn { transition: none; } }

.btn:hover { color: #212529; text-decoration: none; }

.btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.btn.disabled, .btn:disabled { opacity: 0.65; }

.btn:not(:disabled):not(.disabled) { cursor: pointer; }

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

.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; }

.btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; }

.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary.active:not(:disabled):not(.disabled):focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; }

.btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }

.btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary.active:not(:disabled):not(.disabled), .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; }

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary.active:not(:disabled):not(.disabled):focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }

.btn-success { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; }

.btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn-success:not(:disabled):not(.disabled):active, .btn-success.active:not(:disabled):not(.disabled), .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; }

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success.active:not(:disabled):not(.disabled):focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; }

.btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn-info:not(:disabled):not(.disabled):active, .btn-info.active:not(:disabled):not(.disabled), .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; }

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info.active:not(:disabled):not(.disabled):focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; }

.btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; }

.btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; }

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning.active:not(:disabled):not(.disabled), .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; }

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning.active:not(:disabled):not(.disabled):focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; }

.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger.active:not(:disabled):not(.disabled), .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; }

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger.active:not(:disabled):not(.disabled):focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; }

.btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-light:not(:disabled):not(.disabled):active, .btn-light.active:not(:disabled):not(.disabled), .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; }

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light.active:not(:disabled):not(.disabled):focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; }

.btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; }

.btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; }

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark.active:not(:disabled):not(.disabled), .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; }

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark.active:not(:disabled):not(.disabled):focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-outline-primary { color: #007bff; border-color: #007bff; }

.btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; }

.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; }

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary.active:not(:disabled):not(.disabled), .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; }

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-secondary { color: #6c757d; border-color: #6c757d; }

.btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; }

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary.active:not(:disabled):not(.disabled), .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-outline-success { color: #28a745; border-color: #28a745; }

.btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; }

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success.active:not(:disabled):not(.disabled), .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-info { color: #17a2b8; border-color: #17a2b8; }

.btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; }

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info.active:not(:disabled):not(.disabled), .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning { color: #ffc107; border-color: #ffc107; }

.btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; }

.btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; }

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning.active:not(:disabled):not(.disabled), .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; }

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-danger { color: #dc3545; border-color: #dc3545; }

.btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; }

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger.active:not(:disabled):not(.disabled), .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; }

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light.active:not(:disabled):not(.disabled), .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark { color: #343a40; border-color: #343a40; }

.btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; }

.btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; }

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark.active:not(:disabled):not(.disabled), .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; }

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-link { font-weight: 400; color: #007bff; text-decoration: none; }

.btn-link:hover { color: #0056b3; text-decoration: underline; }

.btn-link:focus, .btn-link.focus { text-decoration: underline; }

.btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; }

.btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }

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

.btn-block + .btn-block { margin-top: 0.5rem; }

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

.fade { transition: opacity 0.15s linear; }

@media (prefers-reduced-motion: reduce) { .fade { transition: none; } }

.fade:not(.show) { opacity: 0; }

.collapse:not(.show) { display: none; }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }

@media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } }

.dropup, .dropright, .dropdown, .dropleft { position: relative; }

.dropdown-toggle { white-space: nowrap; }

.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after { margin-left: 0; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }

.dropdown-menu-left { right: auto; left: 0; }

.dropdown-menu-right { right: 0; left: auto; }

@media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } }

@media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } }

@media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } }

@media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } }

.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after { margin-left: 0; }

.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; }

.dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after { margin-left: 0; }

.dropright .dropdown-toggle::after { vertical-align: 0; }

.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }

.dropleft .dropdown-toggle::after { display: none; }

.dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after { margin-left: 0; }

.dropleft .dropdown-toggle::before { vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; }

.dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; }

.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; }

.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; }

.dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; }

.dropdown-menu.show { display: block; }

.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; }

.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; }

.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }

.btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; }

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; }

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; }

.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }

.btn-toolbar .input-group { width: auto; }

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; }

.dropleft .dropdown-toggle-split::before { margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }

.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; }

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; }

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; }

.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }

.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; }

.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; }

.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; }

.input-group > .custom-file .custom-file-input:focus { z-index: 4; }

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group > .custom-file { display: flex; align-items: center; }

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group.has-validation > .form-control:nth-last-child(n + 3), .input-group.has-validation > .custom-select:nth-last-child(n + 3), .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group-prepend, .input-group-append { display: flex; }

.input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; }

.input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; }

.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; }

.input-group-prepend { margin-right: -1px; }

.input-group-append { margin-left: -1px; }

.input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; }

.input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; }

.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); }

.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); }

.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }

.input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; }

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; color-adjust: exact; }

.custom-control-inline { display: inline-flex; margin-right: 1rem; }

.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; }

.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; }

.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; }

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; }

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; }

.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; }

.custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% / 50% 50% no-repeat; }

.custom-checkbox .custom-control-label::before { border-radius: 0.25rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }

.custom-radio .custom-control-label::before { border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }

.custom-switch { padding-left: 2.25rem; }

.custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; }

.custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } }

.custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); }

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }

.custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; }

.custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-select:focus::-ms-value { color: #495057; background-color: #fff; }

.custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; }

.custom-select:disabled { color: #6c757d; background-color: #e9ecef; }

.custom-select::-ms-expand { display: none; }

.custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; }

.custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; }

.custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; }

.custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; }

.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; }

.custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; }

.custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; }

.custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); }

.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; }

.custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; }

.custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; }

.custom-range:focus { outline: 0; }

.custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-range::-moz-focus-outer { border: 0; }

.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } }

.custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; }

.custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; }

.custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } }

.custom-range::-moz-range-thumb:active { background-color: #b3d7ff; }

.custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; }

.custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } }

.custom-range::-ms-thumb:active { background-color: #b3d7ff; }

.custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; }

.custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; }

.custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; }

.custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; }

.custom-range:disabled::-webkit-slider-runnable-track { cursor: default; }

.custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; }

.custom-range:disabled::-moz-range-track { cursor: default; }

.custom-range:disabled::-ms-thumb { background-color: #adb5bd; }

.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } }

.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }

.nav-link { display: block; padding: 0.5rem 1rem; }

.nav-link:hover, .nav-link:focus { text-decoration: none; }

.nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; }

.nav-tabs { border-bottom: 1px solid #dee2e6; }

.nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; }

.nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; }

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }

.nav-pills .nav-link { border-radius: 0.25rem; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; }

.nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; }

.nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; }

.tab-content > .tab-pane { display: none; }

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

.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }

.navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }

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

.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }

.navbar-nav .dropdown-menu { position: static; float: none; }

.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }

.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }

.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; }

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

.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50% / 100% 100% no-repeat; }

.navbar-nav-scroll { max-height: 75vh; overflow-y: auto; }

@media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } }

@media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } }

@media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } }

@media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } }

@media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } }

@media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } }

@media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } }

@media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } }

.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; }

.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; }

.navbar-expand .navbar-nav { flex-direction: row; }

.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }

.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }

.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; }

.navbar-expand .navbar-nav-scroll { overflow: visible; }

.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; }

.navbar-expand .navbar-toggler { display: none; }

.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); }

.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand { color: #fff; }

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }

.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; }

.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-text a { color: #fff; }

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; }

.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }

.card > hr { margin-right: 0; margin-left: 0; }

.card > .list-group { border-top: inherit; border-bottom: inherit; }

.card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }

.card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; }

.card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; }

.card-title { margin-bottom: 0.75rem; }

.card-subtitle { margin-top: -0.375rem; margin-bottom: 0; }

.card-text:last-child { margin-bottom: 0; }

.card-link:hover { text-decoration: none; }

.card-link + .card-link { margin-left: 1.25rem; }

.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

.card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); }

.card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; }

.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); }

.card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; }

.card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck .card { margin-bottom: 15px; }

@media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } }

.card-group > .card { margin-bottom: 15px; }

@media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } }

.card-columns .card { margin-bottom: 0.75rem; }

@media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } }

.accordion { overflow-anchor: none; }

.accordion > .card { overflow: hidden; }

.accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; }

.accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; }

.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; }

.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; }

.breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }

.breadcrumb-item.active { color: #6c757d; }

.pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; }

.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; }

.page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; }

.page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }

.page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; }

.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }

.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }

.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .badge { transition: none; } }

a.badge:hover, a.badge:focus { text-decoration: none; }

.badge:empty { display: none; }

.btn .badge { position: relative; top: -1px; }

.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; }

.badge-primary { color: #fff; background-color: #007bff; }

a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; }

a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.badge-secondary { color: #fff; background-color: #6c757d; }

a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; }

a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.badge-success { color: #fff; background-color: #28a745; }

a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; }

a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.badge-info { color: #fff; background-color: #17a2b8; }

a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; }

a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.badge-warning { color: #212529; background-color: #ffc107; }

a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; }

a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.badge-danger { color: #fff; background-color: #dc3545; }

a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; }

a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-light { color: #212529; background-color: #f8f9fa; }

a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; }

a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.badge-dark { color: #fff; background-color: #343a40; }

a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; }

a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; }

@media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } }

.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; }

.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }

.alert-heading { color: inherit; }

.alert-link { font-weight: 700; }

.alert-dismissible { padding-right: 4rem; }

.alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; }

.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }

.alert-primary hr { border-top-color: #9fcdff; }

.alert-primary .alert-link { color: #002752; }

.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }

.alert-secondary hr { border-top-color: #c8cbcf; }

.alert-secondary .alert-link { color: #202326; }

.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }

.alert-success hr { border-top-color: #b1dfbb; }

.alert-success .alert-link { color: #0b2e13; }

.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }

.alert-info hr { border-top-color: #abdde5; }

.alert-info .alert-link { color: #062c33; }

.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }

.alert-warning hr { border-top-color: #ffe8a1; }

.alert-warning .alert-link { color: #533f03; }

.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }

.alert-danger hr { border-top-color: #f1b0b7; }

.alert-danger .alert-link { color: #491217; }

.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; }

.alert-light hr { border-top-color: #ececf6; }

.alert-light .alert-link { color: #686868; }

.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; }

.alert-dark hr { border-top-color: #b9bbbe; }

.alert-dark .alert-link { color: #040505; }

@keyframes progress-bar-stripes { from { background-position: 1rem 0; }
  to { background-position: 0 0; } }

.progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; }

.progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; }

@media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } }

.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }

.progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; }

@media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } }

.media { display: flex; align-items: flex-start; }

.media-body { flex: 1; }

.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; }

.list-group-item-action { width: 100%; color: #495057; text-align: inherit; }

.list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; }

.list-group-item-action:active { color: #212529; background-color: #e9ecef; }

.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); }

.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }

.list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }

.list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; }

.list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; }

.list-group-item + .list-group-item { border-top-width: 0; }

.list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; }

.list-group-horizontal { flex-direction: row; }

.list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }

.list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; }

.list-group-horizontal > .list-group-item.active { margin-top: 0; }

.list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; }

.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }

@media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } }

@media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } }

@media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } }

@media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } }

.list-group-flush { border-radius: 0; }

.list-group-flush > .list-group-item { border-width: 0 0 1px; }

.list-group-flush > .list-group-item:last-child { border-bottom-width: 0; }

.list-group-item-primary { color: #004085; background-color: #b8daff; }

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; }

.list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; }

.list-group-item-secondary { color: #383d41; background-color: #d6d8db; }

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; }

.list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; }

.list-group-item-success { color: #155724; background-color: #c3e6cb; }

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; }

.list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; }

.list-group-item-info { color: #0c5460; background-color: #bee5eb; }

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; }

.list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; }

.list-group-item-warning { color: #856404; background-color: #ffeeba; }

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; }

.list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; }

.list-group-item-danger { color: #721c24; background-color: #f5c6cb; }

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; }

.list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; }

.list-group-item-light { color: #818182; background-color: #fdfdfe; }

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; }

.list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; }

.list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; }

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; }

.list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; }

.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; }

.close:hover { color: #000; text-decoration: none; }

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; }

button.close { padding: 0; background-color: transparent; border: 0; }

a.close.disabled { pointer-events: none; }

.toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; }

.toast:not(:last-child) { margin-bottom: 0.75rem; }

.toast.showing { opacity: 1; }

.toast.show { display: block; opacity: 1; }

.toast.hide { display: none; }

.toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.toast-body { padding: 0.75rem; }

.modal-open { overflow: hidden; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }

.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); }

@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } }

.modal.show .modal-dialog { transform: none; }

.modal.modal-static .modal-dialog { transform: scale(1.02); }

.modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); }

.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; }

.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; }

.modal-dialog-scrollable .modal-body { overflow-y: auto; }

.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }

.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; }

.modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; }

.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; }

.modal-dialog-centered.modal-dialog-scrollable::before { content: none; }

.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.5; }

.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }

.modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }

.modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); }

.modal-footer > * { margin: 0.25rem; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } }

@media (min-width: 1200px) { .modal-xl { max-width: 1140px; } }

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }

.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; }

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; }

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; }

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; }

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }

.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; }

.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; }

.popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; }

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-0.5rem - 1px); }

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); }

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; }

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; }

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); }

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; }

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-0.5rem - 1px); }

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); }

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; }

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; }

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); }

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; }

.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }

.popover-header:empty { display: none; }

.popover-body { padding: 0.5rem 0.75rem; color: #212529; }

.carousel { position: relative; }

.carousel.pointer-event { touch-action: pan-y; }

.carousel-inner { position: relative; width: 100%; overflow: hidden; }

.carousel-inner::after { display: block; clear: both; content: ""; }

.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } }

.carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; }

.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); }

.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; }

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; }

@media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } }

.carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; }

@media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } }

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; }

.carousel-control-prev { left: 0; }

.carousel-control-next { right: 0; }

.carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50% / 100% 100% no-repeat; }

.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; }

.carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; }

@media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } }

.carousel-indicators .active { opacity: 1; }

.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }

@keyframes spinner-border { to { transform: rotate(360deg); } }

.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: .75s linear infinite spinner-border; }

.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }

@keyframes spinner-grow { 0% { transform: scale(0); }
  50% { opacity: 1;
    transform: none; } }

.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: .75s linear infinite spinner-grow; }

.spinner-grow-sm { width: 1rem; height: 1rem; }

@media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } }

.align-baseline { vertical-align: baseline !important; }

.align-top { vertical-align: top !important; }

.align-middle { vertical-align: middle !important; }

.align-bottom { vertical-align: bottom !important; }

.align-text-bottom { vertical-align: text-bottom !important; }

.align-text-top { vertical-align: text-top !important; }

.bg-primary { background-color: #007bff !important; }

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; }

.bg-secondary { background-color: #6c757d !important; }

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; }

.bg-success { background-color: #28a745 !important; }

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; }

.bg-info { background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; }

.bg-warning { background-color: #ffc107 !important; }

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; }

.bg-danger { background-color: #dc3545 !important; }

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; }

.bg-light { background-color: #f8f9fa !important; }

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; }

.bg-dark { background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; }

.bg-white { background-color: #fff !important; }

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

.border { border: 1px solid #dee2e6 !important; }

.border-top { border-top: 1px solid #dee2e6 !important; }

.border-right { border-right: 1px solid #dee2e6 !important; }

.border-bottom { border-bottom: 1px solid #dee2e6 !important; }

.border-left { border-left: 1px solid #dee2e6 !important; }

.border-0 { border: 0 !important; }

.border-top-0 { border-top: 0 !important; }

.border-right-0 { border-right: 0 !important; }

.border-bottom-0 { border-bottom: 0 !important; }

.border-left-0 { border-left: 0 !important; }

.border-primary { border-color: #007bff !important; }

.border-secondary { border-color: #6c757d !important; }

.border-success { border-color: #28a745 !important; }

.border-info { border-color: #17a2b8 !important; }

.border-warning { border-color: #ffc107 !important; }

.border-danger { border-color: #dc3545 !important; }

.border-light { border-color: #f8f9fa !important; }

.border-dark { border-color: #343a40 !important; }

.border-white { border-color: #fff !important; }

.rounded-sm { border-radius: 0.2rem !important; }

.rounded { border-radius: 0.25rem !important; }

.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }

.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-lg { border-radius: 0.3rem !important; }

.rounded-circle { border-radius: 50% !important; }

.rounded-pill { border-radius: 50rem !important; }

.rounded-0 { border-radius: 0 !important; }

.clearfix::after { display: block; clear: both; content: ""; }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: flex !important; }

.d-inline-flex { display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } }

@media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } }

@media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } }

@media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } }

@media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } }

.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }

.embed-responsive::before { display: block; content: ""; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9::before { padding-top: 42.8571428571%; }

.embed-responsive-16by9::before { padding-top: 56.25%; }

.embed-responsive-4by3::before { padding-top: 75%; }

.embed-responsive-1by1::before { padding-top: 100%; }

.embed-responsive-21by9::before { padding-top: 42.8571428571%; }

.embed-responsive-16by9::before { padding-top: 56.25%; }

.embed-responsive-4by3::before { padding-top: 75%; }

.embed-responsive-1by1::before { padding-top: 100%; }

.flex-row { flex-direction: row !important; }

.flex-column { flex-direction: column !important; }

.flex-row-reverse { flex-direction: row-reverse !important; }

.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-nowrap { flex-wrap: nowrap !important; }

.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.flex-fill { flex: 1 1 auto !important; }

.flex-grow-0 { flex-grow: 0 !important; }

.flex-grow-1 { flex-grow: 1 !important; }

.flex-shrink-0 { flex-shrink: 0 !important; }

.flex-shrink-1 { flex-shrink: 1 !important; }

.justify-content-start { justify-content: flex-start !important; }

.justify-content-end { justify-content: flex-end !important; }

.justify-content-center { justify-content: center !important; }

.justify-content-between { justify-content: space-between !important; }

.justify-content-around { justify-content: space-around !important; }

.align-items-start { align-items: flex-start !important; }

.align-items-end { align-items: flex-end !important; }

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

.align-items-baseline { align-items: baseline !important; }

.align-items-stretch { align-items: stretch !important; }

.align-content-start { align-content: flex-start !important; }

.align-content-end { align-content: flex-end !important; }

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

.align-content-between { align-content: space-between !important; }

.align-content-around { align-content: space-around !important; }

.align-content-stretch { align-content: stretch !important; }

.align-self-auto { align-self: auto !important; }

.align-self-start { align-self: flex-start !important; }

.align-self-end { align-self: flex-end !important; }

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

.align-self-baseline { align-self: baseline !important; }

.align-self-stretch { align-self: stretch !important; }

@media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } }

@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } }

@media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } }

@media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } }

.float-left { float: left !important; }

.float-right { float: right !important; }

.float-none { float: none !important; }

@media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } }

@media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } }

@media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } }

@media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } }

.user-select-all { user-select: all !important; }

.user-select-auto { user-select: auto !important; }

.user-select-none { user-select: none !important; }

.overflow-auto { overflow: auto !important; }

.overflow-hidden { overflow: hidden !important; }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: sticky !important; }

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

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

@supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

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

.w-25 { width: 25% !important; }

.w-50 { width: 50% !important; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

.h-25 { height: 25% !important; }

.h-50 { height: 50% !important; }

.h-75 { height: 75% !important; }

.h-100 { height: 100% !important; }

.h-auto { height: auto !important; }

.mw-100 { max-width: 100% !important; }

.mh-100 { max-height: 100% !important; }

.min-vw-100 { min-width: 100vw !important; }

.min-vh-100 { min-height: 100vh !important; }

.vw-100 { width: 100vw !important; }

.vh-100 { height: 100vh !important; }

.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1, .my-1 { margin-top: 0.25rem !important; }

.mr-1, .mx-1 { margin-right: 0.25rem !important; }

.mb-1, .my-1 { margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2, .my-2 { margin-top: 0.5rem !important; }

.mr-2, .mx-2 { margin-right: 0.5rem !important; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1, .py-1 { padding-top: 0.25rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }

.pb-1, .py-1 { padding-bottom: 0.25rem !important; }

.pl-1, .px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2, .py-2 { padding-top: 0.5rem !important; }

.pr-2, .px-2 { padding-right: 0.5rem !important; }

.pb-2, .py-2 { padding-bottom: 0.5rem !important; }

.pl-2, .px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.m-n1 { margin: -0.25rem !important; }

.mt-n1, .my-n1 { margin-top: -0.25rem !important; }

.mr-n1, .mx-n1 { margin-right: -0.25rem !important; }

.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }

.ml-n1, .mx-n1 { margin-left: -0.25rem !important; }

.m-n2 { margin: -0.5rem !important; }

.mt-n2, .my-n2 { margin-top: -0.5rem !important; }

.mr-n2, .mx-n2 { margin-right: -0.5rem !important; }

.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }

.ml-n2, .mx-n2 { margin-left: -0.5rem !important; }

.m-n3 { margin: -1rem !important; }

.mt-n3, .my-n3 { margin-top: -1rem !important; }

.mr-n3, .mx-n3 { margin-right: -1rem !important; }

.mb-n3, .my-n3 { margin-bottom: -1rem !important; }

.ml-n3, .mx-n3 { margin-left: -1rem !important; }

.m-n4 { margin: -1.5rem !important; }

.mt-n4, .my-n4 { margin-top: -1.5rem !important; }

.mr-n4, .mx-n4 { margin-right: -1.5rem !important; }

.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }

.ml-n4, .mx-n4 { margin-left: -1.5rem !important; }

.m-n5 { margin: -3rem !important; }

.mt-n5, .my-n5 { margin-top: -3rem !important; }

.mr-n5, .mx-n5 { margin-right: -3rem !important; }

.mb-n5, .my-n5 { margin-bottom: -3rem !important; }

.ml-n5, .mx-n5 { margin-left: -3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }

@media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }

@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }

@media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }

.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }

.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

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

.text-wrap { white-space: normal !important; }

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

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

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

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

@media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } }

@media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } }

@media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } }

@media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } }

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

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

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

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

.font-weight-lighter { font-weight: lighter !important; }

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

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

.font-weight-bolder { font-weight: bolder !important; }

.font-italic { font-style: italic !important; }

.text-white { color: #fff !important; }

.text-primary { color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; }

.text-secondary { color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; }

.text-success { color: #28a745 !important; }

a.text-success:hover, a.text-success:focus { color: #19692c !important; }

.text-info { color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus { color: #0f6674 !important; }

.text-warning { color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; }

.text-danger { color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; }

.text-light { color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus { color: #cbd3da !important; }

.text-dark { color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus { color: #121416 !important; }

.text-body { color: #212529 !important; }

.text-muted { color: #6c757d !important; }

.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.text-decoration-none { text-decoration: none !important; }

.text-break { word-break: break-word !important; word-wrap: break-word !important; }

.text-reset { color: inherit !important; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

@media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } }

/* SCSS mixins */
/* ----------------- General styles ----------------- */
html, body { min-height: 100%; }

body { font-family: ProximaNova, sans-serif; line-height: 1.777; letter-spacing: 0.5px; font-size: 1rem; }

a { color: #02569a; }

h1, h2, h3, h4, h5 { font-family: Avalon, sans-serif; font-weight: 300; margin: 0 auto 2rem; }

h1, .h1 { font-size: 1.5rem; text-align: center; }

@media (min-width: 768px) { h1, .h1 { font-size: 1.8rem; text-align: left; } }

@media (min-width: 992px) { h1, .h1 { font-size: 1.9rem; text-align: left; } }

@media (min-width: 1200px) { h1, .h1 { font-size: 2rem; text-align: left; } }

.results-section h1 { font-weight: 500; text-align: center; margin-bottom: 0; }

h2, .h2 { font-size: 1.6rem; margin-top: 1.5rem; }

h2.sub-header { font-size: 2.4rem; }

@media (min-width: 768px) { h2.sub-header { font-size: 2.8rem; } }

h3 { font-weight: 300; font-size: 1.3rem; margin-bottom: 1rem; margin-top: 0.5rem; width: 100%; float: left; }

h4 { margin-bottom: 1rem; font-size: 1.2rem; }

h5 { margin-bottom: 1rem; float: left; width: 100%; }

h6 { font-size: 1.1rem; }

.title-small { font-size: 1.2rem; }

.floatleft { float: left; width: 100%; }

.impact-highlights-cont .blue-button, div.page-content .blue-button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; font-family: inherit; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 3px; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: #0265b5; color: #fefefe; font-weight: 200; font-size: 0.75rem; text-transform: uppercase; }

.impact-highlights-cont .blue-button.white-button, div.page-content .blue-button.white-button { border: 1px solid #02569d57; background-color: white; color: #02569d; font-weight: bold; }

@media (min-width: 768px) { .impact-highlights-cont .blue-button.white-button, div.page-content .blue-button.white-button { font-weight: 200; } }

.impact-highlights-cont .blue-button:visited, .impact-highlights-cont .blue-button:hover, div.page-content .blue-button:visited, div.page-content .blue-button:hover { background-color: #02569a; color: #fefefe; text-decoration: none; }

.impact-highlights-cont .blue-button.big-blue, div.page-content .blue-button.big-blue { font-size: 0.9rem; min-width: 8rem; padding: 0.7rem 0; float: left; margin-top: 0.5rem; }

@media (min-width: 768px) { .impact-highlights-cont .blue-button.big-blue, div.page-content .blue-button.big-blue { margin-top: 0; float: right; } }

.impact-highlights-cont .blue-button.huge-blue, div.page-content .blue-button.huge-blue { font-size: 0.9rem; }

.impact-highlights-cont .blue-button.section-less-link, div.page-content .blue-button.section-less-link { display: none; }

.subpage .linkother { color: white; }

.page-content { padding: 22px 0; }

@media (min-width: 768px) { .page-content { padding: 10px 0; } }

.page-content .pageintro { background: linear-gradient(#f3f4f4 1%, #fbfafa); padding: 1rem; font-size: 1.1rem; margin: 0 0 1rem; letter-spacing: 0.5px; font-weight: 500; float: left; width: 100%; }

.page-content .pageintro.normal-text { font-weight: normal; }

.page-content .pageintro.vert { background: linear-gradient(to right, #f3f4f4 1%, white); }

.page-content .pageintro.bluetop { background: linear-gradient(#eaf9fd 1%, #fbfafa); margin-top: 1rem; }

.page-content .pageintrofootnote { font-size: 11px; text-align: right; margin: -1rem 0.5rem 1rem 0; float: right; width: 100%; font-style: italic; }

.page-content .pageintro-light-left, .page-content .pageintro-light { background: linear-gradient(#f3f4f4 1%, #fbfafa); padding: 1rem; font-size: 1.1rem; margin-top: 1rem; letter-spacing: 0.5px; font-weight: 100; float: right; width: 100%; margin-right: 0rem; }

@media (min-width: 768px) { .page-content .pageintro-light-left, .page-content .pageintro-light { margin-right: 1rem; width: 36%; } }

.page-content .pageintro-light-left.larger, .page-content .pageintro-light.larger { width: 100%; padding: 1rem; }

@media (min-width: 768px) { .page-content .pageintro-light-left.larger, .page-content .pageintro-light.larger { padding: 1.5rem; width: 42%; } }

@media (min-width: 768px) { .page-content .pageintro-light-left.larger-text, .page-content .pageintro-light.larger-text { width: 40%; margin: 0; font-size: 1.3rem; } }

.page-content .pageintro-light-left.intro-title, .page-content .pageintro-light.intro-title { font-size: 1.7rem; float: left; height: 370px; padding: 4rem 3rem 2rem; text-align: center; }

.page-content .pageintro-light-left a, .page-content .pageintro-light a { float: left; width: 100%; }

.page-content .pageintro-light-left { float: left; }

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

.img-frame { width: 100%; float: left; border: 1px solid #c4c4c4; padding: 0.4rem; }

.p-box { margin: 0 3rem 1rem; }

.p-box.large-p { font-weight: 100; font-size: 1.2rem; margin-top: 1rem; text-align: center; }

@media (min-width: 768px) { .p-box.large-p { text-align: left; padding: 2rem; } }

/* ----------------- Icons ------------------------ */
@font-face { font-family: "undpicons"; src: url("/fonts/undpicons.eot?2mrkab"); src: url("/fonts/undpicons.eot?2mrkab#iefix") format("embedded-opentype"), url("/fonts/undpicons.ttf?2mrkab") format("truetype"), url("/fonts/undpicons.woff?2mrkab") format("woff"), url("/fonts/undpicons.svg?2mrkab#undpicons") format("svg"); font-weight: normal; font-style: normal; }

.icon-ribbon:before { font-family: "undpicons" !important; content: "\e904"; }

.icon-pill:before { font-family: "undpicons" !important; content: "\e903"; }

.icon-lungs:before { font-family: "undpicons" !important; content: "\e900"; }

.icon-condom:before { font-family: "undpicons" !important; content: "\e901"; }

.icon-mosquito:before { font-family: "undpicons" !important; content: "\e902"; }

.site-header { z-index: 1000000; }

@media (min-width: 768px) { .site-header { min-height: 51px; } }

.site-header .search-block { display: none; }

@media (min-width: 992px) { .site-header .search-block { display: block; } }

.site-header .search-block svg { margin: 0.5rem 1rem; }

@media (min-width: 768px) { .site-header .search-block svg { margin: 1.2rem 0; color: #c3c3c3; font-size: 1.4rem; } }

@media (min-width: 768px) { .site-header .header-search { display: none; width: 87%; float: left; margin-right: 2rem; } }

@media (min-width: 768px) { .site-header .header-search form { width: 23rem; } }

@media (min-width: 768px) { .site-header .header-search form input { width: 98%; } }

@media (min-width: 768px) { .site-header .header-search form button { width: 35%; } }

/* --------------- MODALS ------------------------ */
.modal-footer { font-size: 1.2rem; }

.photo-credit { float: right; font-size: 0.7rem; width: 100%; color: grey; text-align: right; font-style: italic; }

/* --------------- TEMP REMOVE ------------------- */
.li-depth-2 { display: none; }

/* ----------------- Helpers ---------------------- */
.btn-primary:visited { color: white; }

.full-image { width: 100%; }

.center { text-align: center; }

.sourcetext { font-style: italic; margin-bottom: 2rem; list-style: none; }

.float-holder { float: left; width: 100%; }

.table { float: left; padding: 0; }

@media (min-width: 768px) { .table { padding: 0 2rem; } }

.table table { width: 100%; }

.table table th, .table table td { padding: 0.25rem; }

.margin-0 { margin: 0rem !important; }

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

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

.margin-bottom-1 { margin-bottom: 1rem !important; }

.margin-bottom-2 { margin-bottom: 2rem !important; }

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

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

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

.margin-top-1 { margin-top: 1rem !important; }

.margin-top-2 { margin-top: 2rem !important; }

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

.margin-top-4 { margin-top: 4rem !important; }

.margin-left-1 { margin-left: 1rem !important; }

@media (min-width: 768px) { .padding-0 { padding: 0 !important; } }

@media (min-width: 768px) { .padding-1 { padding: 1rem !important; } }

@media (min-width: 768px) { .padding-3 { padding: 3rem !important; } }

@media (min-width: 768px) { .padding-sides-0 { padding-left: 0 !important; padding-right: 0 !important; } }

@media (min-width: 768px) { .padding-top-0 { padding-top: 0rem !important; } }

@media (min-width: 768px) { .padding-top-1 { padding-top: 1rem !important; } }

@media (min-width: 768px) { .padding-top-2 { padding-top: 2rem !important; } }

@media (min-width: 768px) { .padding-top-3 { padding-top: 3rem !important; } }

@media (min-width: 768px) { .padding-top-4 { padding-top: 4rem !important; } }

@media (min-width: 768px) { .padding-top-5 { padding-top: 5rem !important; } }

@media (min-width: 768px) { .padding-bottom-3 { padding-bottom: 3rem !important; } }

@media (min-width: 768px) { .double-chart .results-country-graphs canvas { padding: 1rem; } }

i .fa-heart { color: red; font-size: 2rem; }

.box-floating-right { float: right; width: 30%; margin-top: 5px; }

.slidetoggle-block, .toggle-block { display: none; width: 100%; float: left; margin-bottom: 2rem; }

.submenu-toggle-block { display: none; width: 100%; float: left; }

.sitemap-page { padding: 4rem; }

.container-nopadding { padding: 0; }

.container-nopadding .row { margin: 0; }

.container-nopadding .row > div { padding: 0; }

.container-nopadding .row .container-fluid, .container-nopadding .row .container-sm, .container-nopadding .row .container-md, .container-nopadding .row .container-lg, .container-nopadding .row .container-xl { padding: 0; }

.lowercase { text-transform: lowercase; }

.image.fit.fit-70 { width: 69%; margin-right: 1%; float: left; }

.image.fit.fit-30 { width: 29.1%; float: left; }

.casestudy-box { border: 1px solid #ededed; float: left; padding: 0; box-shadow: 5px 5px 0px #f3f3f3; margin-top: 1rem; margin-bottom: 2rem; }

.casestudy-box .casestudy-title { font-size: 1.2rem; }

.casestudy-box .casestudy-title > span { float: left; }

.casestudy-box .casestudy-title .case-study { background-color: #bbebfb; text-align: center; padding: 0.4rem 0; font-size: 1rem; font-weight: bold; font-size: 0.9rem; width: 100%; height: auto; border-bottom: 3px solid #e0eaef; }

@media (min-width: 768px) { .casestudy-box .casestudy-title .case-study { height: 60px; width: 25%; } }

@media (min-width: 768px) { .casestudy-box .casestudy-title .case-study { width: 14%; font-size: 1rem; height: auto; } }

.casestudy-box .casestudy-title .case-study.bulb-icon { width: 7%; }

.casestudy-box .casestudy-title .case-study.bulb-icon img { width: 25px; }

.casestudy-box .casestudy-title .case-title { padding: 0.4rem 0.2rem 0.4rem 0.4rem; background-color: rgba(160, 200, 220, 0.12); overflow: scroll; height: auto; font-size: 1rem; width: 100%; border-bottom: 3px solid #e0eaef; font-weight: 500; }

@media (min-width: 768px) { .casestudy-box .casestudy-title .case-title { overflow: hidden; padding: 0.4rem 0 0.4rem 1rem; width: 86%; font-size: 1rem; height: auto; } }

.casestudy-box .casestudy-title .case-title.country-example-title { width: 100%; }

.casestudy-box .casestudy-title .case-title.bulb-title { width: 93%; }

.casestudy-box .left-block { padding: 0.5rem 0; }

.casestudy-box .additional { margin: 1rem; font-size: 1.3rem; border-top: 1px solid #dcd9d9; padding-top: 1rem; }

.casestudy-box .content-block { padding: 0.5rem 0.5rem 0; }

@media (min-width: 768px) { .casestudy-box .content-block { padding: 1rem 1rem 0; } }

.casestudy-box .content-block .left-block { padding: 0; }

@media (min-width: 768px) { .casestudy-box .content-block .left-block { padding: 0.5rem 0; } }

.casestudy-box .content-block div.toggle-content { margin-bottom: 0; padding-bottom: 0; padding: 0.5rem 1rem 1rem; }

@media (min-width: 768px) { .casestudy-box .content-block div.toggle-content { padding: 0.5rem 0 1rem; } }

.margin2-top { margin-top: 2rem; }

.arrow-boxes { float: left; }

.arrow-boxes > div { width: 45%; float: left; margin: 1rem; }

.arrow-boxes .arrow_box { position: relative; background: #88b7d5; padding: 1rem; color: white; text-align: center; font-size: 1.2rem; min-height: 90px; background: linear-gradient(to bottom, #88b7d5 40%, rgba(136, 183, 213, 0.7)); }

.arrow-boxes .arrow_box_right { background: linear-gradient(to left, #88b7d5 40%, rgba(136, 183, 213, 0.7)); }

.arrow-boxes .arrow_box_right:after, .arrow-boxes .arrow_box_right:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.arrow-boxes .arrow_box_right:after { border-color: rgba(136, 183, 213, 0); border-left-color: #88b7d5; border-width: 25px; margin-top: -25px; }

.arrow-boxes .arrow_box_right:before { border-color: rgba(194, 225, 245, 0); border-left-color: #c2e1f5; border-width: 26px; margin-top: -26px; }

.arrow-boxes .arrow_box_bottom { background: linear-gradient(to top, #88b7d5 40%, rgba(136, 183, 213, 0.7)); }

.arrow-boxes .arrow_box_bottom:after, .arrow-boxes .arrow_box_bottom:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.arrow-boxes .arrow_box_bottom:after { border-color: rgba(136, 183, 213, 0); border-top-color: #88b7d5; border-width: 25px; margin-left: -25px; }

.arrow-boxes .arrow_box_bottom:before { border-color: rgba(194, 225, 245, 0); border-top-color: #c2e1f5; border-width: 26px; margin-left: -26px; }

.arrow-boxes .arrow_box_left { background: linear-gradient(to right, #88b7d5 40%, rgba(136, 183, 213, 0.7)); }

.arrow-boxes .arrow_box_left:after, .arrow-boxes .arrow_box_left:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.arrow-boxes .arrow_box_left:after { border-color: rgba(136, 183, 213, 0); border-right-color: #88b7d5; border-width: 25px; margin-top: -25px; }

.arrow-boxes .arrow_box_left:before { border-color: rgba(194, 225, 245, 0); border-right-color: #c2e1f5; border-width: 26px; margin-top: -26px; }

/* ----------------- 404 ---------------------- */
.intro404 { width: 80%; margin-left: 10%; text-align: center; background: #fcfcfc; padding: 2rem; border: 1px solid #f3f3f3; }

/* ----------------- General Toggle Boxes ----------------------- */
.para-toggle-container .lightbox-img { width: 100%; float: left; border: 1px solid #c4c4c4; padding: 0.4rem; }

.para-toggle-container .image-caption { width: 100%; margin: 0; font-size: 0.8rem; }

.para-toggle-container.blue-fade-box { width: 100%; float: left; background: linear-gradient(#ddf4ff 40%, #fbfafa); margin-top: 0.5rem; margin-bottom: 1rem; }

@media (min-width: 768px) { .para-toggle-container.blue-fade-box { margin-bottom: 0rem; } }

.para-toggle-container.blue-fade-box h2 { float: left; margin: 0; border: 0; width: 100%; font-size: 1.2rem; padding: 0.5rem; }

@media (min-width: 768px) { .para-toggle-container.blue-fade-box h2 { padding: 1rem; width: 30%; font-size: 1.3rem; } }

.para-toggle-container.blue-fade-box .bluef-fade-more { background: linear-gradient(#f5f5f5 40%, #fbfafa); padding: 0.5rem 1rem; float: left; margin-bottom: 0; border-left: 1px solid white; min-height: 100px; width: 100%; }

@media (min-width: 768px) { .para-toggle-container.blue-fade-box .bluef-fade-more { width: 70%; min-height: 150px; } }

.para-toggle-container.blue-fade-box .bluef-fade-more h5 { margin: 0.5rem 0 0; overflow: hidden; }

.para-toggle-container.blue-fade-box .bluef-fade-more div, .para-toggle-container.blue-fade-box .bluef-fade-more span { float: left; width: 100%; overflow: hidden; }

.para-toggle-container.blue-fade-box .bluef-fade-more div.blue-fade-intro, .para-toggle-container.blue-fade-box .bluef-fade-more span.blue-fade-intro { font-size: 1rem; }

.para-toggle-container.blue-fade-box .bluef-fade-more div.blue-fade-intro p, .para-toggle-container.blue-fade-box .bluef-fade-more span.blue-fade-intro p { margin: 0.5rem 0 0; }

.para-toggle-container.blue-fade-box .bluef-fade-more div.blue-fade-less-link, .para-toggle-container.blue-fade-box .bluef-fade-more div.blue-fade-more-link, .para-toggle-container.blue-fade-box .bluef-fade-more span.blue-fade-less-link, .para-toggle-container.blue-fade-box .bluef-fade-more span.blue-fade-more-link { color: #1756a9; cursor: pointer; float: left; width: 100%; margin-top: 1rem; font-weight: bold; }

.para-toggle-container.blue-fade-box .bluef-fade-more div.hidden-list, .para-toggle-container.blue-fade-box .bluef-fade-more div.blue-fade-less-link, .para-toggle-container.blue-fade-box .bluef-fade-more div.blue-fade-more-toggle, .para-toggle-container.blue-fade-box .bluef-fade-more span.hidden-list, .para-toggle-container.blue-fade-box .bluef-fade-more span.blue-fade-less-link, .para-toggle-container.blue-fade-box .bluef-fade-more span.blue-fade-more-toggle { display: none; }

.para-toggle-container.blue-fade-box .bluef-fade-more div.blue-fade-more-toggle, .para-toggle-container.blue-fade-box .bluef-fade-more span.blue-fade-more-toggle { margin-top: 0; padding-top: 1rem; }

@media (min-width: 768px) { .para-toggle-container.blue-fade-box .bluef-fade-more div.blue-fade-more-toggle, .para-toggle-container.blue-fade-box .bluef-fade-more span.blue-fade-more-toggle { margin-top: 1rem; padding-top: 0; } }

.para-toggle-container.blue-fade-box .bluef-fade-more div.blue-fade-more-toggle p, .para-toggle-container.blue-fade-box .bluef-fade-more span.blue-fade-more-toggle p { margin-left: 0; margin-right: 0; }

.para-toggle-container.blue-fade-box .bluef-fade-more div.blue-fade-more-toggle h5 button, .para-toggle-container.blue-fade-box .bluef-fade-more span.blue-fade-more-toggle h5 button { font-size: 0.9rem; }

@media (min-width: 768px) { .para-toggle-container.titlesmall h2 { font-size: 1.1rem; } }

.para-toggle-container .card-header { padding: 0; }

.gfbox { float: right; background: rgba(160, 200, 220, 0.12); margin: 0 0 1rem 2rem; box-shadow: 5px 5px 0px #f3f3f3; border: 1px solid #f3f3f3; width: 100%; }

@media (min-width: 768px) { .gfbox { width: 350px; } }

.gfbox .gftitle { padding: 0.5rem; border-bottom: 3px solid skyblue; background: white; }

.gfbox .gftitle img { width: 60%; }

.gfbox .gfbox-content { padding: 1rem; }

.gfbox .gfbox-content p { margin: 0 0rem 1rem; }

@media (min-width: 768px) { .gfbox .gfbox-content p { margin: 0 1rem 1rem; } }

.gfbox .gfbox-content .gf-less-link { display: none; }

.gfbox .gfbox-content .gf-more-link { margin-bottom: 0; }

.gfbox .gf-intro, .gfbox .gf-more-toggle { margin-bottom: 1rem; }

.gfbox.innobox img { width: 25px; margin-right: 0.3rem; }

.gfbox.innobox img.full-image { width: 100%; }

.gfbox.innobox .blue-button { margin-bottom: 0; }

.gfbox.innobox.innolarge { width: 100%; margin-top: 1rem; }

.storypage .image { background-size: auto 100%; background-color: white !important; background-repeat: no-repeat; }

.storypage .image.carib-img-1 { background-image: url(/images/stories/carib/UNDP-Story-Caribbean-Beach.jpg); }

@media (min-width: 768px) { .storypage .image.carib-img-1 { background-position: -14rem; } }

.storypage .image.carib-img-2 { background-image: url(/images/stories/carib/UNDP-Story-Caribbean-Dionne-Paula.jpg); }

@media (min-width: 768px) { .storypage .image.carib-img-2 { background-position: -10rem; } }

@media (min-width: 992px) { .storypage .image.carib-img-2 { background-position: -3rem; } }

@media (min-width: 1200px) { .storypage .image.carib-img-2 { background-position: 0; } }

.storypage .image.carib-img-3 { background-image: url(/images/stories/carib/UNDP-Story-Caribbean-TAG-Chair-CVC-ED-and-UNDP-DRR.jpeg); }

@media (min-width: 768px) { .storypage .image.carib-img-3 { background-position: -33rem; } }

@media (min-width: 992px) { .storypage .image.carib-img-3 { background-position: -30rem; } }

@media (min-width: 1200px) { .storypage .image.carib-img-3 { background-position: -24rem; } }

.storypage .image.carib-img-4 { background-image: url(/images/stories/carib/UNDP-Story-Caribbean-KeyPopulations.jpg); }

@media (min-width: 768px) { .storypage .image.carib-img-4 { background-position: -24rem; } }

@media (min-width: 992px) { .storypage .image.carib-img-4 { background-position: -9rem; } }

@media (min-width: 1200px) { .storypage .image.carib-img-4 { background-position: -3rem; } }

.storypage .image.inno-img-1 { background-image: url(/images/stories/story1/diagnosing-malaria.jpg); }

@media (min-width: 768px) { .storypage .image.inno-img-1 { background-position: -21rem; } }

@media (min-width: 992px) { .storypage .image.inno-img-1 { background-position: -3rem; } }

@media (min-width: 1200px) { .storypage .image.inno-img-1 { background-position: -3rem; } }

.storypage .image.inno-img-2 { background-image: url(/images/stories/story1/evin_cover_2018_undp_in.jpg); }

@media (min-width: 768px) { .storypage .image.inno-img-2 { background-position: -21rem; } }

@media (min-width: 992px) { .storypage .image.inno-img-2 { background-position: -13rem; } }

@media (min-width: 1200px) { .storypage .image.inno-img-2 { background-position: -8rem; } }

.storypage .image.inno-img-3 { background-image: url(/images/stories/story1/solar-desert.jpg); }

.storypage .image.inno-img-4 { background-image: url(/images/stories/story1/pharmacist.jpg); }

@media (min-width: 768px) { .storypage .banner.style1 .image { width: 30%; } }

@media (min-width: 992px) { .storypage .banner.style1 .image { width: 50%; } }

@media (min-width: 768px) { .story-bottom-title, .story-bottom-links { width: 800px; } }

.gfbox-large { float: right; width: 100%; background: rgba(160, 200, 220, 0.12); box-shadow: 5px 5px 0px #f3f3f3; border: 1px solid #f3f3f3; margin: 2rem 0 1rem 2rem; }

@media (min-width: 768px) { .gfbox-large { margin: 2rem 0 2rem 2rem; } }

.gfbox-large .gftitle { padding: 0.5rem; border-bottom: 3px solid skyblue; background: white; }

.gfbox-large .gftitle img { width: 200px; }

.gfbox-large .gfbox-content { padding: 1rem; }

.gfbox-large .gfbox-content p { margin: 0 0rem 1rem; }

@media (min-width: 768px) { .gfbox-large .gfbox-content p { margin: 0 1rem 1rem; } }

.gfbox-large .gfbox-content .gf-less-link { display: none; }

.gfbox-large .gfbox-content .gf-more-link { margin-bottom: 0; margin-top: 1rem; }

@media (min-width: 768px) { .gfbox-large .gfbox-content .gf-more-link { margin-top: 0rem; } }

.gfbox-large .gf-intro { margin-bottom: 0; }

.gfbox-large .gf-more-toggle { margin-bottom: 1rem; }

.gfbox-large .gf-more-toggle p { margin: 1rem 0 1rem; }

@media (min-width: 768px) { .gfbox-large .gf-more-toggle p { margin: 0 1rem 1rem; } }

/* ----------------- Navigation ----------------- */
.search-nav { margin-top: 1rem; }

.search-nav .level-0 > .li-depth-2 { display: block; }

.search-nav .level-0 .li-depth-2 > .level-2 { display: block; }

.search-nav .level-0 .li-depth-2 { border-bottom: 0 !important; }

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

.sub-navblock.search-nav { margin-top: 1rem; }

#search-results-container { z-index: 100000; float: left; background: white; width: 100%; position: relative; }

#search-results-container .search-empty { margin-top: -225px; z-index: 10000; background: white; width: 100%; padding: 26px; height: 200px; text-align: center; }

#search-results li { border-bottom: 1px solid #f3f3f3; margin-bottom: 6px; padding-bottom: 5px; float: left; width: 100%; }

#search-results li a { width: 70%; float: left; }

#search-results div { float: left; margin-right: 0.7rem; min-width: 26%; }

#search-results div span { font-size: 12px; background: #dad4d4; padding: 2px 5px 0; border-radius: 13px; float: left; margin-top: 3px; margin-left: 2px; }

#search-results div span.about { background-color: #f58231; }

#search-results div span.capacities { background-color: #d5f5bd; }

#search-results div span.process { background-color: #f1b168; }

#search-results div span.focus { background-color: #81d6cd; }

#search-results div span.finances { background-color: #ababea; }

#search-results div span.psm { background-color: #f57695; }

#search-results div span.pm { background-color: #ffe119; }

#search-results div span.legal { background-color: #3cb44b; }

#search-results div span.his { background-color: #42d4f4; }

#search-results div span.innovation { background-color: #798fde; }

#search-results div span.solar { background-color: #f3c540; }

#search-results div span.ncds { background-color: #f032e6; }

#search-results div span.legal { background-color: #3cb44b; }

#search-results div span.transition { background-color: #bfef45; }

#search-results div span.results { background-color: #bfef45; }

#search-results div span.country { background-color: #ec9fde; }

header { letter-spacing: 0.7px; text-transform: uppercase; color: #0a0a0a; line-height: 1; text-decoration: none; }

header .navbar { background: #fefefe; padding: 0.5rem; box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.1); }

@media (min-width: 768px) { header .navbar { padding: 4px 1rem; } }

header .navbar > .container { padding: 0; }

header .navbar a { font-weight: 500; -webkit-font-smoothing: antialiased; color: #0a0a0a; font-size: 1rem; }

@media (min-width: 768px) { header .navbar a { font-size: 0.88rem; } }

header .navbar a:hover { color: #090909; }

header .navbar .dropdown .dropdown-toggle::after { display: none; }

header .navbar .dropdown.show .nav-link { border-bottom: 3px solid #02569a; margin-bottom: -3px; }

header .navbar .dropdown .dropdown-menu { border: 1px solid #eaeaea; border-radius: 0; position: absolute; box-shadow: 5px 10px 29px #bdbdbd; border-top: 0; margin-bottom: 0; margin-top: 3px; overflow: scroll; max-height: 400px; }

@media (min-width: 768px) { header .navbar .dropdown .dropdown-menu { overflow: hidden; margin-bottom: 0.5rem; } }

header .navbar .dropdown .dropdown-menu > li > .row { margin-right: 0; }

@media (min-width: 768px) { header .navbar .dropdown .dropdown-menu > li > .row { margin-right: -15px; } }

header .navbar .dropdown .dropdown-menu .menu-col { padding: 1rem; }

header .navbar .dropdown .dropdown-menu .menu-first-column { border-right: 1px solid #e6e6e6; height: 100%; padding: 1rem 0; }

header .navbar .dropdown .dropdown-menu hr { margin: 0.5rem 0; }

header .navbar .dropdown .dropdown-menu ul { margin-left: 0; }

header .navbar .dropdown .dropdown-menu li { margin-left: 1rem; }

@media (min-width: 768px) { header .navbar .dropdown .dropdown-menu li { margin-left: 1.5rem; } }

header .navbar .dropdown .dropdown-menu li.dropdown-header { margin: 0; padding-left: 0; }

header .navbar .dropdown .dropdown-menu li.dropdown-header a { padding: 1rem 1.5rem 0.5rem 0; margin-left: 0; margin-bottom: 0.2rem; color: #6484a4; text-transform: uppercase; font-size: 1rem; }

header .navbar .dropdown .dropdown-menu li.dropdown-header a:hover { text-decoration: none; color: #0a4b8c; }

header .navbar .dropdown .dropdown-menu li.dropdown-header a:hover::after { content: "→"; }

header .navbar .dropdown .dropdown-menu li.dropdown-header.drop-margin { margin-top: 0.4rem; }

header .navbar .dropdown .dropdown-menu li.dropdown-header.drop-margin-large { margin-top: 1.4rem; }

header .navbar .dropdown .dropdown-menu a { text-transform: none; font-weight: 300; }

header .navbar .dropdown .dropdown-menu a:hover { text-decoration: none; color: #0a4b8c; }

header .navbar .dropdown .dropdown-menu a:hover::after { content: "→"; }

header .navbar .dropdown .dropdown-menu .nav-funcapacities { text-align: center; text-align: left; padding-left: 1.5rem; padding-right: 0; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; padding-top: 1.3rem; }

header .navbar .dropdown .dropdown-menu .nav-funcapacities.funcapa1 { padding-top: 1rem; padding-bottom: 0; }

@media (min-width: 768px) { header .navbar .dropdown .dropdown-menu .nav-funcapacities.funcapa1 { padding-top: 1.3rem; } }

header .navbar .dropdown .dropdown-menu .nav-funcapacities.funcapa2 { padding-bottom: 1rem; padding-top: 0; }

@media (min-width: 768px) { header .navbar .dropdown .dropdown-menu .nav-funcapacities.funcapa2 { padding-bottom: 1rem; padding-top: 1.3rem; } }

header .navbar .dropdown .dropdown-menu .funcapacity { margin-top: 0.1rem; margin-left: 0; list-style: none; margin-bottom: 0.5rem; }

header .navbar .dropdown .dropdown-menu .funcapacity a { font-size: 1rem; }

header .navbar .dropdown .dropdown-menu .col-nopadding { padding: 0; }

header .navbar .dropdown .dropdown-menu .col-nopadding ul { margin: 0; padding: 0.5rem 1rem 1rem; }

@media (min-width: 768px) { header .navbar .dropdown .dropdown-menu .col-nopadding ul { padding: 1rem; margin-right: 1rem; } }

header .navbar .dropdown .dropdown-menu .col-nopadding .col-ulhighlight { background: #e4f6ff; padding: 1rem 1rem 1.5rem; margin: 0 1rem 0 0; }

header .navbar .dropdown.drop-about .dropdown-menu { padding-bottom: 0; }

@media (min-width: 992px) { header .navbar .dropdown.drop-about .dropdown-menu { width: 730px; margin-left: -250px; margin-top: 20px; padding: 0; } }

header .navbar .dropdown.drop-about .dropdown-menu .col-highlight { min-height: 115px; }

header .navbar .dropdown.drop-transition .dropdown-menu { margin-top: 3px; width: 100%; }

@media (min-width: 992px) { header .navbar .dropdown.drop-transition .dropdown-menu { width: 355px; margin-left: -49px; margin-top: 20px; padding: 0; } }

header .navbar .dropdown.drop-transition .dropdown-menu .row > div { padding: 1rem; }

@media (min-width: 992px) { header .navbar .dropdown.drop-cd .dropdown-menu { margin-top: 20px; padding: 0; width: 1080px; margin-left: -388px; } }

header .navbar .dropdown.drop-cd .dropdown-menu img { width: 15px; margin-right: 0.5rem; }

@media (min-width: 992px) { header .navbar .dropdown.drop-results .dropdown-menu { margin-top: 20px; padding: 0; width: 1109px; margin-left: -805px; } }

header .navbar .dropdown.drop-results .col-results { padding: 1rem; }

header .navbar .dropdown.drop-results .col-results-first { padding-right: 0; }

@media (min-width: 992px) { header .navbar .dropdown.drop-ce .dropdown-menu { margin-top: 20px; padding: 0; width: 1142px; margin-left: -655px; } }

header .navbar .dropdown.drop-ce .col-results { padding: 1rem; }

header .navbar .dropdown.drop-ce .col-results-first { padding-right: 0; }

header .navbar .dropdown .col-highlight { background: #f9f9f9; }

header .navbar .dropdown.lang-selector { background: #f3f3f3; padding: 5px; width: 85px; margin-right: 10px; text-align: center; display: none; }

header .navbar .dropdown.lang-selector span { display: inline-block; margin-top: 5px; font-size: 12px; }

header .navbar .dropdown.lang-selector span a { font-size: 12px; padding: 0; text-decoration: underline; }

header .navbar-brand { white-space: normal; width: 220px; margin-right: 0; }

@media (min-width: 768px) { header .navbar-brand { width: 310px; margin-right: 1rem; } }

@media (min-width: 992px) { header .navbar-brand { width: 210px; margin-right: 1rem; } }

@media (min-width: 1200px) { header .navbar-brand { width: 240px; margin-right: 1rem; } }

header .navbar-brand img { float: left; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; max-width: 100%; width: 30px; height: auto; display: none; }

header .navbar-brand span { white-space: normal; float: left; width: 260px; padding: 0.2rem 0.1rem 0.4rem; }

@media (min-width: 768px) { header .navbar-brand span { width: 230px; padding: 0.4rem 0 0.4rem 0.2rem; } }

header .navbar-brand span.sub-brand { color: grey; font-size: 0.6rem; padding: 0; }

@media (min-width: 768px) { header .navbar-brand span.sub-brand { padding: 0 0 0 0.2rem; } }

header .nav-searchform { display: none; }

header .nav-searchform input { margin-left: 1rem; }

header .navbar-collapse { justify-content: flex-end; }

header .navbar-nav { margin-left: 0; margin-top: 1rem; }

@media (min-width: 768px) { header .navbar-nav { margin-top: 0; } }

header .navbar-nav .nav-links { margin-left: 0; }

header .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; }

header .header-search { display: none; margin-top: 0.6rem; }

header .header-search label { float: left; }

header .header-search .label-text { display: none; }

header .header-search button, header .header-search #search-input { padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; margin-left: 1rem; }

header .header-search .field { width: 23rem; }

.readmore-container { float: left; width: 100%; }

.sustainable-procurement { float: left; width: 100%; }

.sustainable-procurement img { width: 100%; }

.focus-areas-solar img { float: left; margin-right: 1rem; }

.focus-areas-solar p { display: block; margin: 0 0 1rem; }

.focus-areas-solar a { margin-top: 1rem; }

.focus-areas-ncds { float: left; width: 100%; }

@media (min-width: 768px) { .focus-areas-ncds .left { width: 70%; float: left; } }

@media (min-width: 768px) { .focus-areas-ncds .right { width: 29%; float: left; } }

.focus-areas-ncds img { border: 1px solid #c4c4c4; padding: 0.4rem; }

#iphone-pwa { width: 96%; bottom: 15px; background: #f6f6f6; margin-left: 2%; position: fixed; color: black; padding: 5px 10px; display: none; border-radius: 10px; line-height: 23px; font-size: 13px; }

#iphone-pwa img.share { float: left; height: 26px; margin: 11px 10px 0 0; }

#iphone-pwa img.home { float: right; width: 27px; margin: 10px 0px; }

#iphone-pwa .down-arrow { width: 96%; bottom: 15px; background: #eaeaea; margin-left: 2%; position: fixed; color: black; padding: 5px 10px; display: none; border-radius: 10px; line-height: 23px; font-size: 13px; }

/* ----------------- Impact Highlight --------- */
.impacthighlight-html { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/* ----------------- Homepage ----------------- */
.home.subfocus { width: 97%; float: left; margin: 0; }

@media (min-width: 768px) { .home.subfocus { margin: 0 0 2rem 0; } }

.home.subfocus .home-themes { padding-top: 0; }

.home .home-header .header-link-holder { margin-bottom: 1rem; bottom: 0; position: absolute; right: 0; background: linear-gradient(to left, white 100%, transparent); margin: 0.5rem; padding: 0.6rem 1rem; opacity: 0.8; transition: 0.2s; cursor: pointer; display: none; border-radius: 0 0 4px; font-size: 0.9rem; width: 195px; }

@media (min-width: 992px) { .home .home-header .header-link-holder { display: block; line-height: 1.4rem; font-size: 1rem; background: no-repeat; color: white; line-height: 1.6; font-size: 1.2rem; width: 245px; } }

@media (min-width: 1200px) { .home .home-header .header-link-holder { display: block; width: 205px; background: no-repeat; color: white; line-height: 1.6; font-size: 1.2rem; width: 245px; } }

.home .home-header .header-link-holder:hover { box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); opacity: 1; }

.home .home-header .header-link-holder img { width: 55px; margin-top: 0; float: left; }

.home .home-header .padded-multiline { float: left; opacity: 0.85; margin: 0; text-align: center; width: 100%; line-height: 1; padding: 2px 0; cursor: pointer; position: absolute; bottom: 15px; left: 0; transition: 0.6s; }

@media (min-width: 768px) { .home .home-header .padded-multiline { margin: 9rem 0 0; } }

@media (min-width: 768px) { .home .home-header .padded-multiline { bottom: 10px; opacity: 1; padding: 2px 0; text-align: left; line-height: 1.4; margin: 12rem 0 0 1rem; width: 90%; } }

@media (min-width: 992px) { .home .home-header .padded-multiline { width: 49%; margin: 0 0 0.1rem 0.5rem; width: 180px; } }

@media (min-width: 1200px) { .home .home-header .padded-multiline { width: 59%; margin: 0 0 2px 10px; width: 280px; } }

.home .home-header .padded-multiline:hover { box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); opacity: 1; }

.home .home-header .padded-multiline span { background-color: white; color: #1d1d1d; display: inline; padding: 0.6rem 0.5rem; padding: 0.6rem 1rem; /* Needs prefixing */ box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height: 1.5; font-size: 1.2rem; }

@media (min-width: 768px) { .home .home-header .padded-multiline span { font-size: 1.8rem; transition: 0.5s; } }

@media (min-width: 992px) { .home .home-header .padded-multiline span { font-size: 1.5rem; line-height: 1.1; font-size: 2.2rem; padding: 10px; margin-left: 1rem; background: none; color: #f1f1f1; font-weight: normal; font-size: 2.4rem; box-shadow: 0 0 10px #3e3e3e; transition: 0.5s; } }

@media (min-width: 1200px) { .home .home-header .padded-multiline span { font-size: 1.5rem; line-height: 1.1; font-size: 2.2rem; padding: 10px; margin-left: 1rem; background: none; color: #f1f1f1; font-weight: normal; font-size: 2.4rem; box-shadow: 0 0 10px #3e3e3e; transition: 0.5s; } }

.home .home-header > div { padding: 12rem 3rem 3rem 30rem; padding: 0; text-align: right; background: white; }

@media (min-width: 768px) { .home .home-header > div { background: #f3f3f3; } }

.home .home-header > div span { font-family: ProximaNova, sans-serif; }

.home .home-header > div::after { background-image: url(/images/home-header.jpg); background-position: 0 0; display: block; height: 264px; width: 100%; content: ""; font-size: 2rem; box-shadow: 10px 10px 10px #f3f3f3; border-radius: 0; background-size: 207%; background-repeat: no-repeat; padding: 0; background-position-x: 95%; }

@media (min-width: 768px) { .home .home-header > div::after { background-position-x: 0; background-size: 100%; padding: 12rem 4rem 8rem; border-radius: 0 0 4px 4px; margin-top: 0; height: 120px; width: 100%; } }

.home .home-header > div.headerimage2::after { background-image: url(/images/home-header2.jpg); background-position-y: -38px; background-size: 231%; background-position-x: -70px; }

@media (min-width: 768px) { .home .home-header > div.headerimage2::after { background-size: 106%; } }

@media (min-width: 992px) { .home .home-header > div.headerimage2::after { background-size: 106%; } }

.home .home-header > div.headerimage3::after { background-image: url(/images/home-header9a.jpg); background-position-y: 0; background-size: 205%; background-position-x: -10px; }

@media (min-width: 992px) { .home .home-header > div.headerimage3::after { background-size: 150%; } }

@media (min-width: 1200px) { .home .home-header > div.headerimage3::after { background-size: 100%; } }

.home .home-header > div.headerimage4::after { background-image: url(/images/home-header7a.jpg); background-position-x: -198px; height: 210px; background-position-y: -30px; }

@media (min-width: 576px) { .home .home-header > div.headerimage4::after { background-position-x: 0; background-size: 100%; height: 196px; } }

@media (min-width: 768px) { .home .home-header > div.headerimage4::after { background-size: 100%; padding: 8rem 4rem 8rem; background-position-y: 0px; } }

@media (min-width: 992px) { .home .home-header > div.headerimage4::after { background-size: 100%; background-position-y: -43px; } }

@media (min-width: 1200px) { .home .home-header > div.headerimage4::after { background-size: 100%; background-position-y: -57px; height: 324px; } }

.home .home-header > div.headerimage5::after { background-image: url(/images/home-header8a.jpg); background-size: 150%; background-position-x: -180px; background-position-y: -35px; }

@media (min-width: 768px) { .home .home-header > div.headerimage5::after { background-position-x: -80px; background-size: 115%; } }

@media (min-width: 992px) { .home .home-header > div.headerimage5::after { background-size: 109%; } }

@media (min-width: 1200px) { .home .home-header > div.headerimage5::after { background-size: 107%; } }

.home .home-header > div.headerimage6::after { background-image: url(/images/home-header6a.jpg); }

@media (min-width: 768px) { .home .home-capacities-title { margin-top: 2rem; } }

.home .home-themes { padding-top: 0; }

@media (min-width: 768px) { .home .home-themes { padding-top: 0.5rem; } }

.home .home-themes.focus-landing { padding-top: 0; margin: 0 1rem 2rem; }

.home .home-themes a:hover { text-decoration: none; }

@media (min-width: 768px) { .home .home-themes h2 { margin: 0rem 0 1rem 1rem; } }

.home .home-themes .home-focusareas { margin-bottom: 2rem; }

.home .home-themes .home-focusareas > div { padding-left: 4px; padding-right: 4px; padding-top: 0.7rem; border-color: #ececec !important; }

.home .home-themes .home-focusareas > div:hover { box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); }

.home .home-themes .home-focusareas > div:hover .home-themebox { cursor: pointer; top: -5px; }

@media (min-width: 768px) { .home .home-themes .home-focusareas .narrow { flex: 0 0 20%; max-width: 20%; } }

@media (min-width: 768px) { .home .home-themes .home-focusareas .narrow .home-themebox-image { padding: 0.5rem 0.6rem; } }

@media (min-width: 1200px) { .home .home-themes .home-focusareas .narrow .home-themebox-image { padding: 1rem 0.5rem; } }

.home .home-themes .home-themebox { margin: 0; box-shadow: 0px 0px 40px #ededed; position: relative; top: 0; transition: top ease 0.5s; text-decoration: none; }

.home .home-themes .home-themebox:hover { cursor: pointer; top: -10px; }

.home .home-themes .home-themebox .home-themebox-image { background: #f3f3f3; padding: 1.5rem 4rem; color: #cecece; text-align: center; }

@media (min-width: 768px) { .home .home-themes .home-themebox .home-themebox-image { padding: 0.5rem 0.6rem; } }

@media (min-width: 1200px) { .home .home-themes .home-themebox .home-themebox-image { padding: 1rem 0.5rem; } }

.home .home-themes .home-themebox .home-themebox-text { padding: 0rem 0.5rem 0; }

.home .home-themes .home-themebox .home-themebox-text h3 { font-family: ProximaNova, sans-serif; color: #02569a; margin-bottom: 0.5rem; margin-top: 1rem; }

@media (min-width: 768px) { .home .home-themes .home-themebox .home-themebox-text h3 { margin-bottom: 0.5rem; margin-top: 0rem; } }

@media (min-width: 992px) { .home .home-themes .home-themebox .home-themebox-text h3 { margin-bottom: 0.5rem; } }

@media (min-width: 1200px) { .home .home-themes .home-themebox .home-themebox-text h3 { margin-bottom: 1rem; margin-top: 1rem; } }

@media (min-width: 768px) { .home .home-themes .home-themebox .home-themebox-text .small-title { font-size: 0.9rem; } }

.home .home-themes .home-themebox h3 { font-size: 1rem; text-align: center; padding-top: 0.5rem; }

@media (min-width: 768px) { .home .home-themes .home-themebox h3 { min-height: 4rem; } }

.home .home-themes .home-themebox h3.subpage { min-height: 0; }

@media (min-width: 768px) { .home .home-themes .home-themebox h3.shorter-text { padding-top: 1rem; } }

.home .home-themes.themes2 h2 { text-align: center; font-size: 1.8rem; }

@media (min-width: 768px) { .home .home-themes.themes2 h2 { font-size: 2rem; font-weight: 100; } }

.home .home-themes.themes2 .home-focusareas > div.bright { border-bottom: 1px solid #d2d2d2; }

@media (min-width: 768px) { .home .home-themes.themes2 .home-focusareas > div.bright { border-right: 1px solid #d2d2d2; border-bottom: 0; } }

@media (min-width: 768px) { .home .home-themes.themes2 .home-focusareas > div.bleft { border-left: 1px solid #d2d2d2; } }

.home .home-themes.themes2 .home-focusareas > div.homepleft { margin-left: 17%; }

.home .home-themes.themes2 .home-focusareas > div.bbottom { border-bottom: 1px solid #d2d2d2; }

.home .home-themes.themes2 .home-themebox .home-themebox-image { background: none; padding: 1rem; float: left; width: 21%; }

@media (min-width: 768px) { .home .home-themes.themes2 .home-themebox .home-themebox-image { width: 30%; display: none; } }

@media (min-width: 992px) { .home .home-themes.themes2 .home-themebox .home-themebox-image { display: block; } }

.home .home-themes.themes2 .home-themebox .home-themebox-text { width: 70%; float: left; }

@media (min-width: 768px) { .home .home-themes.themes2 .home-themebox .home-themebox-text { width: 100%; } }

@media (min-width: 992px) { .home .home-themes.themes2 .home-themebox .home-themebox-text { width: 70%; } }

.home .home-themes.themes2 .home-themebox .home-themebox-text.sub-themebox { width: 100%; }

.home .home-themes.themes2 .sub-header { display: none; }

@media (min-width: 768px) { .home .home-themes.themes2 .sub-header { display: block; } }

.home .home-aboutundp { background: linear-gradient(to right, #eaf5ff, #eaf5ff26); background: -ms-linear-gradient(right, #eaf5ff, #eaf5ff); padding-top: 1.5rem; padding-bottom: 1.5rem; margin-bottom: 0.625rem; margin-top: 1rem; }

@media (min-width: 768px) { .home .home-aboutundp { margin-top: 4rem; padding-top: 3.5rem; } }

.home .home-aboutundp h2 { margin-bottom: 1rem; font-size: 1.5rem; }

@media (min-width: 768px) { .home .home-aboutundp h2 { font-size: 2rem; font-weight: 100; } }

.home .home-aboutundp p { letter-spacing: 0; font-weight: 100; font-size: 1rem; }

.home .home-partners h2 { margin-bottom: 1rem; font-size: 1.5rem; text-align: center; margin-top: 2rem; }

@media (min-width: 768px) { .home .home-partners h2 { margin-top: 0; font-size: 2rem; font-weight: 100; } }

.home .home-partners .blue-button { margin-top: 0.8rem; }

@media (min-width: 768px) { .home .home-partners .partner-intro { padding: 3rem 1rem 1rem; } }

@media (min-width: 992px) { .home .home-partners .partner-intro { padding: 3rem 4rem 1rem; } }

@media (min-width: 1200px) { .home .home-partners .partner-intro { padding: 3rem 6rem 1rem; } }

.home .home-more-partners .blue-button { margin-bottom: 0; font-size: 1rem; }

.home .home-partner-logos { background: linear-gradient(to right, #fafafa, #f6faff69); background: -ms-linear-gradient(right, #fafafa, #fafafa); padding: 2rem 0 0; margin-bottom: 1rem; margin-top: 1rem; }

.home .home-partner-logos .home-partner { text-align: center; }

.home .home-partner-logos .home-partner-gf img { padding-top: 0.5rem; width: 100%; max-width: 265px; margin-bottom: 2rem; }

@media (min-width: 768px) { .home .home-partner-logos .home-partner-gf img { max-width: 200px; margin-bottom: 0; } }

.home .home-partner-logos .home-partner-unaids img { width: 100%; padding-top: 0.5rem; max-width: 180px; margin-bottom: 2rem; }

@media (min-width: 768px) { .home .home-partner-logos .home-partner-unaids img { max-width: 160px; margin-bottom: 0; } }

.home .home-partner-logos .home-partner-who img { width: 80px; }

.home .home-partner-logos .blue-button { margin-bottom: 0; }

.home .home-transition { background-color: #ebfcff; background-position: 40%; background-repeat: no-repeat; background-size: 100%; color: #3a3a3a; padding-bottom: 1.5rem; margin-bottom: 0.625rem; margin-top: 0; padding-top: 0.5rem; }

@media (min-width: 768px) { .home .home-transition { margin-top: 4rem; background-image: none; padding-top: 1.5rem; padding-bottom: 0; } }

.home .home-transition h2 { margin-bottom: 1.5rem; }

@media (min-width: 768px) { .home .home-transition h2 { margin-bottom: 2rem; } }

.home .home-transition p { letter-spacing: 0.5px; font-weight: 100; font-size: 1rem; }

@media (min-width: 768px) { .home .home-transition p { font-size: 1.2rem; } }

.home .home-results { padding-top: 1rem; text-align: center; }

@media (min-width: 768px) { .home .home-results { text-align: left; } }

.home .home-results h2 { margin: 0.5rem 0 1rem 1rem; }

@media (min-width: 768px) { .home .home-results h2 { margin: 2.5rem 0 1rem 1rem; font-size: 2.2rem; font-weight: 100; } }

.home .home-results .columns { padding: 3rem 1rem 0; background: linear-gradient(to right, #fafafa, #f6faff69); text-align: center; position: relative; top: 0; transition: 0.2s; margin-bottom: 0.2rem; }

@media (min-width: 768px) { .home .home-results .columns { margin-bottom: 0; } }

.home .home-results .columns:hover { -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); margin-top: -3px; }

.home .home-results .home-resultsinfo { margin: 1rem 0; }

.home .home-results .home-resultsinfo .home-resultstext { color: #5f5f5f; font-size: 1rem; }

@media (min-width: 768px) { .home .home-results .home-resultsinfo .home-resultstext { font-size: 1.2rem; padding-left: 0; } }

.home .home-results .home-resultsinfo .home-resultsbutton { text-align: center; }

.home .home-results .home-resultsinfo .home-resultsbutton a { margin: 1rem; font-size: 1rem; }

@media (min-width: 768px) { .home .home-results .home-resultsinfo .home-resultsbutton a { font-size: 1.2rem; } }

.home .home-results .stat { line-height: 1; font-size: 2.5rem; }

@media (min-width: 768px) { .home .home-results .stat { font-size: 2.8rem; } }

.home .home-results .title p { color: #0265b5; padding: 0.5rem 0 1.5rem; font-weight: 400; letter-spacing: 2px; font-size: 1.2rem; }

@media (min-width: 768px) { .home .home-results .title p { padding: 2rem 1rem; font-weight: 300; font-size: 1.3rem; } }

.home .participate { margin-bottom: 2rem; margin-top: 2rem; }

@media (min-width: 768px) { .home .participate { margin-top: 0; } }

.home .participate .home-participate-links { text-align: center; }

.home .participate h2 { margin-bottom: 1rem; }

@media (min-width: 768px) { .home .participate h2 { margin-bottom: 1rem; font-size: 2rem; margin-top: 2rem; font-weight: 100; } }

.home .participate h3 { margin-bottom: 1.5rem; }

.home .participate .home-twitterfeed { overflow: hidden; margin-top: 0; }

.home .participate .home-participate-twitter { margin-bottom: 1.5rem; }

.home .participate .home-participate-facebook { background: linear-gradient(to right, #fafafa, #f6faff69); margin-top: 0rem; margin-bottom: 1rem; padding: 1rem 1.5rem 3rem; border-radius: 10px; }

@media (min-width: 768px) { .home .participate .home-participate-facebook { padding: 0.5rem 1.5rem 1.5rem; } }

.home .participate .home-participate-facebook .fb-like > span { width: 100% !important; }

.home .participate .home-participate-facebook .fb_iframe_widget { float: none; clear: both; text-align: left; display: block; }

.home .participate .home-participate-facebook iframe { width: 227px !important; }

@media (min-width: 768px) { .home .participate .home-participate-facebook iframe { width: 380px !important; } }

.home .participate .all-tweets img { width: 40px; }

.home .current-fluid { background: linear-gradient(to right, #fafafa, #f6faff69); background: -ms-linear-gradient(right, #fafafa, #fafafa); padding: 0; margin-top: 1rem; }

@media (min-width: 768px) { .home .current-fluid { padding: 2rem 0; margin-top: 4rem; } }

.home .current-container { margin: 0rem auto 1rem; padding-top: 1rem; }

@media (min-width: 768px) { .home .current-container { padding-top: 0; } }

.home .current-container h3 { text-align: center; font-size: 1.5rem; }

@media (min-width: 768px) { .home .current-container h3 { font-size: 1.3rem; text-align: left; } }

.home .current-container .current-activities { padding-top: 2rem; }

@media (min-width: 768px) { .home .current-container .current-activities { padding-top: 0; } }

.home .current h3 { float: none; margin-left: 0; margin-bottom: 1rem; padding: 0; color: #444444; }

.home .current .current-activities img { width: 100%; border: 4px solid #eaeaea; padding: 5px; }

.home .current .current-activities a { text-align: center; float: left; margin-top: 0.5rem; font-size: 0.9rem; }

.home .current .current-activities .current-col { padding-left: 5px; padding-right: 5px; }

.home .current .current-activities span { float: left; width: 100%; }

.home .current .current-activities span.label { font-size: 0.6rem; color: grey; text-transform: uppercase; margin-top: 0.3rem; }

.home .home-events, .home .home-activity1, .home .home-activity2, .home .home-stories { background: url(/images/sections/focus/solar/UNDP-ZMB-SDG3-solar-health_005-MedicalStoresLimited-thumb.jpg); background-size: 100%; float: left; border: 1px solid #efefef; margin-top: 0.6rem; position: relative; top: 0; transition: 0.2s; background-repeat: no-repeat; margin-bottom: 1rem; }

@media (min-width: 768px) { .home .home-events, .home .home-activity1, .home .home-activity2, .home .home-stories { margin-bottom: 0; } }

@media (min-width: 1200px) { .home .home-events, .home .home-activity1, .home .home-activity2, .home .home-stories { background-position: 0px -40px; } }

.home .home-events:hover, .home .home-activity1:hover, .home .home-activity2:hover, .home .home-stories:hover { -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); margin-top: 5px; margin-bottom: 4px; }

.home .home-events h4, .home .home-activity1 h4, .home .home-activity2 h4, .home .home-stories h4 { background: white; float: left; width: 100%; margin: 11rem 0rem 0rem; padding: 0.5rem; }

@media (min-width: 768px) { .home .home-events h4, .home .home-activity1 h4, .home .home-activity2 h4, .home .home-stories h4 { padding: 0.5rem 0.5rem 0; margin: 8rem 0rem 0rem; padding: 0; } }

@media (min-width: 992px) { .home .home-events h4, .home .home-activity1 h4, .home .home-activity2 h4, .home .home-stories h4 { padding: 1rem 1rem 0; margin: 10rem 0rem 0rem; } }

.home .home-events p, .home .home-activity1 p, .home .home-activity2 p, .home .home-stories p { background: white; float: left; margin: 0rem; padding: 0.4rem 0.5rem 1rem; font-size: 0.9rem; }

@media (min-width: 992px) { .home .home-events p, .home .home-activity1 p, .home .home-activity2 p, .home .home-stories p { padding: 0.4rem 1rem 1rem; } }

.home .home-events p span, .home .home-activity1 p span, .home .home-activity2 p span, .home .home-stories p span { float: left; width: 100%; }

.home .home-events p a, .home .home-activity1 p a, .home .home-activity2 p a, .home .home-stories p a { float: left; margin: 0.5rem 0 0; }

@media (min-width: 768px) { .home .home-stories, .home .home-events { min-height: 300px; } }

@media (min-width: 992px) { .home .home-stories, .home .home-events { min-height: 315px; } }

.home .all-activities { float: left; width: 100%; margin: 1rem 0; }

.home .home-activity1 { background: white; margin-bottom: 0; }

.home .home-activity1 .img-holder { background-size: 100%; background-position: 0 0; background: url(/images/homepage/UNDP-eVIN-Gavi-mobile-thumb.jpg); }

.home .home-activity2 { background: white; }

.home .home-activity2 .img-holder { background-size: 100%; background-position: 0 0; background: url(/images/homepage/UNDP-Case-Africa-Judges-Forum-Thumb.jpg); }

.home .home-activities { background: white; }

.home .home-activities a { margin: 0; float: left; }

.home .home-activities .img-holder { float: left; margin: 0; background-position: 0 0; background-repeat: no-repeat; width: 33%; height: 144px; background-size: 242%; }

@media (min-width: 992px) { .home .home-activities .img-holder { width: 40%; height: 151px; } }

@media (min-width: 1200px) { .home .home-activities .img-holder { height: 151px; background-size: 130%; } }

.home .home-activities .act-text { float: left; margin: 0; height: 100%; padding: 0.5rem 0.8rem; width: 67%; }

@media (min-width: 768px) { .home .home-activities .act-text { width: 60%; } }

.home .home-activities p { padding: 0; color: #212529; line-height: 1.5; margin-top: 0.5rem; }

.home .home-activities h4 { margin: 0; padding: 0; color: #212529; font-size: 1rem; }

@media (min-width: 992px) { .home .home-activities h4 { font-size: 1.2rem; } }

.home .home-activities span { color: white; margin: 0.5rem 0 0; }

.home .home-events { background: url(/images/events/WAD2019_generic.gif); background-repeat: no-repeat; background-size: 140%; background-position: -18px -22px; margin-top: 0; }

@media (min-width: 768px) { .home .home-events { margin-top: 0.6rem; } }

.home .home-events a { margin-bottom: 0; margin-top: 1rem; }

.home .home-events h4 { padding: 0.5rem 0.5rem 0; }

@media (min-width: 992px) { .home .home-events h4 { margin-top: 11rem; } }

@media (min-width: 1200px) { .home .home-events h4 { margin-top: 13rem; } }

.home .home-events > p { margin-bottom: 0; width: 100%; }

.home .home-events span { font-size: 0.9rem; float: left; color: white; }

.home .home-events img { opacity: 0.2; margin-top: -0.5rem; transition: 0.3s; }

.home-tweet-right .twitter-tweet { float: right; }

.social-media-intro p { font-size: 1.2rem; text-align: center; padding: 2rem 1rem; background: white; box-shadow: 0 0 10px whitesmoke; margin-top: 1rem; }

.home-social-all { text-align: center; padding-top: 1rem; width: 90%; }

.covid-title { text-align: center; margin-bottom: 26px; background: #f3f3f3; padding: 10px; }

.covid-subtitle { background: #edfee1; margin-top: -1.8rem; padding: 10px; font-size: 16px; text-align: center; font-weight: 400; }

.covid-offer { float: left; width: 100%; background: white; padding: 1rem 2rem 0; }

.covid-response { float: left; width: 100%; margin-bottom: 2rem; }

.covid-response > div { float: left; width: 100%; width: 100%; float: left; width: 100%; padding: 10px 10px 0 150px; min-height: 135px; }

@media (min-width: 768px) { .covid-response > div { min-height: 173px; padding: 0px 10px 0 183px; } }

.covid-response > div h2 { color: white; margin: 0 0 5px 0; }

@media (min-width: 768px) { .covid-response > div h2 { margin: 14px 0 7px 0; font-weight: 100; font-size: 17px; } }

.covid-response > div p { margin: 0 -11px 0 9px; padding: 6px 10px; float: left; width: 98%; }

.covid-response > div p .toggle-block { display: none; margin-bottom: 7px; }

.covid-response > div p .toggle-block-trigger { color: #5e5d5d; cursor: pointer; font-size: 14px; }

.covid-response > div h3 { color: white; height: 50px; margin: 2px 0 0 43px; font-size: 13px; }

@media (min-width: 768px) { .covid-response > div h3 { margin: 24px 0 0 85px; font-size: 17px; } }

@media (min-width: 992px) { .covid-response > div h3 { margin: 16px 0 0 51px; font-size: 12px; } }

@media (min-width: 1200px) { .covid-response > div h3 { margin: 21px 0 0 68px; font-size: 15px; } }

.covid-response > div > div { float: left; height: 41px; width: 129%; overflow: hidden; }

@media (min-width: 768px) { .covid-response > div > div { height: 38px; background-size: 80%; width: 100%; } }

@media (min-width: 992px) { .covid-response > div > div { height: 52px; } }

@media (min-width: 1200px) { .covid-response > div > div { height: 66px; } }

.covid-response .covid-step1 { background-image: url(/images/covid/undp-response-3-1.jpg); background-repeat: no-repeat; background-size: 455px; }

@media (min-width: 768px) { .covid-response .covid-step1 { background-size: 520px; } }

.covid-response .covid-step1 > div { background-image: url(/images/covid/prepare-undp.jpg); background-repeat: no-repeat; background-size: 120%; height: 35px; width: 130%; overflow: hidden; }

@media (min-width: 768px) { .covid-response .covid-step1 > div { width: 100%; background-size: 80%; height: 55px; } }

@media (min-width: 992px) { .covid-response .covid-step1 > div { height: 49px; } }

@media (min-width: 1200px) { .covid-response .covid-step1 > div { height: 62px; } }

.covid-response .covid-step1 > div h3 { font-size: 15px; color: white; float: left; width: 100%; margin: 6px 0 0 43px; }

@media (min-width: 576px) { .covid-response .covid-step1 > div h3 { font-size: 18px; margin: 21px 0 0 85px; } }

@media (min-width: 992px) { .covid-response .covid-step1 > div h3 { margin: 14px 0 0 58px; font-size: 16px; } }

@media (min-width: 1200px) { .covid-response .covid-step1 > div h3 { margin: 19px 0 0 69px; font-size: 16px; } }

.covid-response .covid-step1 p { background: #fceacb; margin: 0 -9px 0 1px; padding: 9px 10px; float: left; border-radius: 0 0 10px 10px; width: 129.6%; font-size: 14px; }

@media (min-width: 768px) { .covid-response .covid-step1 p { width: 79.6%; } }

.covid-response .covid-step2 { background-image: url(/images/covid/undp-response-3-2.jpg); background-repeat: no-repeat; background-size: 455px; }

@media (min-width: 768px) { .covid-response .covid-step2 { background-size: 520px; } }

.covid-response .covid-step2 > div { background-image: url(/images/covid/response-undp.jpg); background-repeat: no-repeat; background-size: 130%; }

@media (min-width: 768px) { .covid-response .covid-step2 > div { background-size: 80%; } }

.covid-response .covid-step2 p { background: #fbe0dd; padding: 9px 10px; float: left; width: 79.3%; border-radius: 0 0 10px 10px; margin: 0 -9px 0 5px; font-size: 14px; }

@media (min-width: 992px) { .covid-response .covid-step2 p { margin: 0 -9px 0 1px; } }

@media (min-width: 1200px) { .covid-response .covid-step2 p { margin: 0 -9px 0 2px; } }

.covid-response .covid-step3 { background-image: url(/images/covid/undp-response-3-3.jpg); background-repeat: no-repeat; background-size: 455px; }

@media (min-width: 768px) { .covid-response .covid-step3 { background-size: 520px; } }

.covid-response .covid-step3 > div { background-image: url(/images/covid/recover-undp.jpg); background-repeat: no-repeat; background-size: 140%; height: 38px; width: 129%; overflow: hidden; }

@media (min-width: 768px) { .covid-response .covid-step3 > div { width: 100%; background-size: 80%; height: 33px; } }

@media (min-width: 992px) { .covid-response .covid-step3 > div { height: 45px; } }

@media (min-width: 1200px) { .covid-response .covid-step3 > div { height: 57px; } }

.covid-response .covid-step3 h2 { margin-top: 5px; }

@media (min-width: 768px) { .covid-response .covid-step3 h2 { margin: 20px 0 6px 0; } }

.covid-response .covid-step3 h3 { color: white; float: left; width: 100%; margin: 5px 0 0 48px; font-size: 12px; }

@media (min-width: 768px) { .covid-response .covid-step3 h3 { margin: 24px 0 0 85px; font-size: 16px; } }

@media (min-width: 992px) { .covid-response .covid-step3 h3 { margin: 15px 0 0 52px; font-size: 11px; } }

@media (min-width: 1200px) { .covid-response .covid-step3 h3 { margin: 18px 0 0 69px; font-size: 14px; } }

.covid-response .covid-step3 p { background: #dbe9f3; padding: 9px 10px; float: left; border-radius: 0 0 10px 10px; width: 128.3%; margin: 0 -9px 0 1px; font-size: 14px; }

@media (min-width: 992px) { .covid-response .covid-step3 p { width: 79.2%; margin: 0 -15px 0 2px; } }

@media (min-width: 1200px) { .covid-response .covid-step3 p { margin: 0 -11px 0 3px; } }

.toggle-block-trigger2:hover { text-decoration: underline; cursor: pointer; }

.social-media .timeline-TweetList-tweet { border-top: 1px solid rgba(15, 70, 100, 0.12); width: 33%; float: left; }

.social-media .SandboxRoot.env-bp-970 .timeline-Tweet-text { font-size: 18px; line-height: 30px; font-weight: 300; }

.home.subpage-menu .home-themes.themes2 .home-themebox .home-themebox-text { width: 100%; padding: 0; }

.home.subpage-menu .home-themes.themes2 .home-themebox .home-themebox-text h3 { margin-bottom: 0.5rem; margin-top: 0; font-size: 0.9rem; }

.button-holder-full { margin: 3rem 0 0; width: 100%; }

.button-holder-full .blue-button { float: none; font-size: 1rem; }

.center-tableau { margin: 0 auto; }

.themes2 h2 { text-align: center; }

.timeline-Body, a.twitter-timeline { border-top: none !important; }

/* ----------------- Sub page ----------------- */
.modal-dialog { flex: 100% !important; margin-left: 0; margin-right: 0; }

.breadcrumb-holder { height: 8rem; padding: 0; height: 0; background: #f5f5f5; overflow: visible; margin-top: 0.4rem; }

@media (min-width: 768px) { .breadcrumb-holder { height: 40px; } }

.breadcrumb-holder .col-sm-12 { height: 0; }

.breadcrumb-holder .breadcrumb-text { float: left; margin-left: -40rem; padding-right: 0; font-size: 0.7rem; }

@media (min-width: 768px) { .breadcrumb-holder .breadcrumb-text { margin-left: 0; font-size: 0.8rem; padding-right: 1rem; } }

.breadcrumb-holder .breadcrump-holder { display: none; }

@media (min-width: 768px) { .breadcrumb-holder .breadcrump-holder { display: block; } }

.breadcrumb-holder .breadcrumb-opa { margin: 0.8rem 0 0; width: 100%; padding: 0.5rem; height: 2em; text-align: left; display: none; }

@media (min-width: 768px) { .breadcrumb-holder .breadcrumb-opa { display: block; } }

.breadcrumb-holder .breadcrumb-text { position: relative; top: -2.9rem; margin: 0; background: transparent; text-align: left; float: right; font-size: 0.8rem; padding-right: 3rem; }

.breadcrumb-holder .breadcrumb-text li { margin-left: 1rem; }

.breadcrumb-holder .breadcrumb-text li::after { content: ">"; margin-left: 1rem; color: #7488a2; }

.breadcrumb-holder .breadcrumb-text li:last-child { content: ""; }

.breadcrumb-holder .breadcrumb-text li.last-item::after { content: ""; }

.breadcrumb-holder .breadcrumb-text li a { color: #7488a2; }

.breadcrumb-holder .breadcrumb-text li a:hover { color: #4171b0; text-decoration: none; }

.source-text { font-size: 0.78rem; float: right; margin-top: 0.5rem; color: grey; list-style: none !important; }

.results-main-tableau { margin-top: 2rem; text-align: center; }

.results-main-tableau .h3 { font-size: 1rem; }

.results-main-tableau .tableauPlaceholder { margin: 0 auto; }

#preview { position: absolute; border: 1px solid #ccc; background: #333; padding: 5px; display: none; color: #fff; }

.mc-banner .mc-layout__bannerContent iframe { margin-top: 80px; }

@media (min-width: 768px) { .mc-banner .mc-layout__bannerContent iframe { margin-top: auto; } }

#PopupSignupForm_0 .mc-modal { margin-top: 77px; }

@media (min-width: 768px) { #PopupSignupForm_0 .mc-modal { margin-top: auto; } }

.mailchimp-holder { padding: 1rem; background: #f3f3f3; width: 47%; margin: 0 auto 1rem; }

.mailchimp-holder p { float: left; width: 40%; padding-top: 0.8rem; }

.mailchimp-holder .mc-field-group { margin-top: 1rem; }

.mailchimp-holder .email { margin-bottom: 0.5rem; padding: 0.1rem 0.5rem; }

.review-overlay { position: fixed; background: white; width: 100%; left: 0; height: 100%; top: 76px; bottom: 0; right: 0; z-index: 10000; border-top: 1px solid #d7d7d7; text-align: center; }

.review-overlay .content-in-review { border: 0; font-weight: 200; margin-top: 6rem; font-size: 1.7rem; margin-bottom: 2rem; }

.review-overlay hr { width: 10%; text-align: center; margin: 0 auto; }

.review-overlay h2 { margin-bottom: 2.5rem; }

.subpage .ui-accordion .ui-accordion-content { padding: 0.5em; padding: 1em 2.2em; }

@media (min-width: 768px) { .subpage .ui-accordion .ui-accordion-content { padding: 1em 2.2em; } }

.subpage .left-34 { margin-right: 2%; float: left; margin-bottom: 0rem; margin-top: 1rem; width: 100%; }

@media (min-width: 768px) { .subpage .left-34 { width: 34%; } }

@media (min-width: 992px) { .subpage .left-34 { margin-top: 1.5rem; } }

.subpage .left-34 span { font-family: "Benton Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; float: left; font-size: 1.1rem; text-align: center; padding: 0.3rem 1.4rem 0; }

@media (min-width: 576px) { .subpage .left-34 span { padding: 1rem 1.4rem 0; } }

@media (min-width: 1200px) { .subpage .left-34 span { padding: 2.6rem 1.4rem 0; } }

.subpage .left-62 { margin-right: 2%; float: left; margin-top: 1.5rem; margin-bottom: 0rem; width: 100%; }

@media (min-width: 768px) { .subpage .left-62 { width: 62%; } }

.subpage .faqs-holder .faqs-intro { margin-bottom: 1rem; }

@media (min-width: 768px) { .subpage .faqs-holder .faqs-intro p { width: 55%; margin: 0; float: left; font-weight: 500; } }

@media (min-width: 768px) { .subpage .faqs-holder .faqs-intro img { width: 42%; float: right; } }

.subpage .faqs-holder h2 { border: 0; border-bottom: 1px solid grey; background: #d0e5ff; padding: 0.4rem; font-weight: 100; font-size: 1.4rem; }

.subpage .faqs-holder h2 img { width: 30px; opacity: 0.8; margin-right: 0.5rem; }

.subpage .faqs-holder h3.subtitle { float: left; margin-top: 1rem; }

.subpage .faqs-holder > div { float: left; width: 100%; }

.subpage .faqs-holder .ui-accordion h3 { color: #525252; }

.subpage .faqs-holder .ui-accordion h3.ui-accordion-header { background: linear-gradient(to right, rgba(10, 71, 157, 0.08), #f6faff); border: 0; border-radius: 0; padding: 0.8rem; }

.subpage .faqs-holder .ui-accordion h3.ui-accordion-header.ui-state-active { border-bottom: 1px solid #bfbfbf; }

.subpage .faqs-holder .ui-accordion .ui-accordion-content { width: 100%; margin-top: 1rem; float: left; }

.subpage .faqs-holder .ui-accordion .ui-widget-content a { color: #02569a; }

.subpage .faqs-holder .faqs-intro { margin-bottom: 1rem; }

@media (min-width: 768px) { .subpage .faqs-holder .faqs-intro p { width: 55%; margin: 0; float: left; font-weight: 500; } }

@media (min-width: 768px) { .subpage .faqs-holder .faqs-intro img { width: 42%; float: right; } }

.subpage .faqs-holder h2 { border: 0; border-bottom: 1px solid grey; background: #d0e5ff; padding: 0.4rem; font-weight: 100; font-size: 1.4rem; }

.subpage .faqs-holder h2 img { width: 30px; opacity: 0.8; margin-right: 0.5rem; }

.subpage .faqs-holder h3.subtitle { float: left; margin-top: 1rem; }

.subpage .faqs-holder > div { float: left; width: 100%; }

.subpage .faqs-holder .ui-accordion h3 { color: #525252; }

.subpage .faqs-holder .ui-accordion h3.ui-accordion-header { background: linear-gradient(to right, rgba(10, 71, 157, 0.08), #f6faff); border: 0; border-radius: 0; padding: 0.8rem; }

.subpage .faqs-holder .ui-accordion h3.ui-accordion-header.ui-state-active { border-bottom: 1px solid #bfbfbf; }

.subpage .faqs-holder .ui-accordion .ui-accordion-content { border: 0; }

.subpage .faqs-holder .ui-accordion .ui-widget-content a { color: #02569a; }

.subpage .graph-title { text-align: center; border-bottom: 1px solid #e2e2e2; padding-bottom: 0.5rem; }

.subpage .middle-image { width: 100%; float: left; }

@media (min-width: 768px) { .subpage .middle-image img { width: 70%; margin-left: 13%; } }

.subpage .superlarge { width: 100%; text-align: center; margin-bottom: 1rem; }

.subpage .superlarge img { border: 1px solid #c4c4c4; padding: 0.4rem; text-align: center; width: 80%; }

.subpage .solar-hr { float: left; width: 100%; margin: 1.5rem 0 2rem; }

.subpage .image-text-box { float: left; width: 100%; padding-top: 1rem; }

.subpage .image-text-box a { float: right; margin-left: 2rem; margin-right: 2rem; }

.subpage .image-text-box a img { width: 355px; }

.subpage .image-text-box p { padding: 1rem; font-size: 1.2rem; font-weight: 100; font-family: Avalon, sans-serif; text-align: center; font-style: italic; }

.subpage h5 { margin-top: 1rem; }

.subpage .sub-contentblock ul { width: 94%; float: left; }

@media (min-width: 768px) { .subpage .sub-contentblock ul { width: 94%; } }

.subpage .sub-contentblock ul.half-ul { float: left; width: 45%; margin-right: 1%; }

.subpage .sub-contentblock ul li { float: left; width: 100%; }

.subpage .solar-case-presentation { float: left; }

.subpage .solar-case-presentation .solar-titleholder { text-align: center; padding: 3rem 0; }

@media (min-width: 768px) { .subpage .solar-case-presentation .solar-titleholder { padding: 6rem 0; } }

.subpage .solar-case-presentation p { font-size: 0.9rem; color: grey; }

.subpage .fullpage-bg-block1 { background: #e3f2fd; padding: 1rem 0; margin: 2rem 0; }

.subpage .fullpage-bg-block1 .smallquote { margin-bottom: 0.8rem; font-weight: bold; font-style: italic; }

.subpage .fullpage-bg-block1 .img-holder { text-align: center; margin-top: 1rem; }

.subpage .half-block-bg1 { background: #f3f3f3; padding: 1rem; }

.subpage .regional-sub-recipients { margin-top: 1rem; }

.subpage .regional-sub-recipients h2 { text-align: center; }

.subpage .regional-sub-recipients .img-holder { text-align: center; }

@media (min-width: 768px) { .subpage .regional-sub-recipients .img-holder { min-height: 140px; } }

.subpage .tableau-holder { margin-bottom: 1rem; }

@media (min-width: 768px) { .subpage .tableau-holder.cvccoin .tableauPlaceholder { margin-left: 3rem; } }

.subpage .tableau-holder h3 { text-align: center; margin-top: 1rem; font-weight: 400; }

.subpage .subpage-title { border-bottom: 1px solid #f3f3f3; margin-top: 0; background: #f3f3f345; padding-top: 0.5rem; text-align: center; }

.subpage .subpage-title h1 { padding-top: 0.5rem; padding-bottom: 0.5rem; float: left; width: 100%; text-align: center; margin: 0; }

@media (min-width: 768px) { .subpage .subpage-title h1 { margin: 0 1rem; } .subpage .subpage-title h1.titlespace { margin: 0.5rem 1rem; } }

.subpage .subpage-title h2 { font-size: 0.9rem; border: 0; margin: 0; }

.subpage p { margin: 0 0 1rem; }

@media (min-width: 768px) { .subpage p { margin: 0 1rem 1rem; } }

.subpage .focus-area-box { float: left; width: 100%; }

.subpage .focus-area-box p a.blue-button.big-blue { float: left; padding: 10px 10px; }

.subpage .events-main .post-slide .post-content { min-height: 160px; }

.subpage .events-main .post-slide .post-img { height: 185px; }

.subpage .events-main .post-slide .post-description { padding: 0; margin: 0 0 1rem; }

.subpage .his-accordion .card-header { padding: 0.3rem; }

.subpage .his-accordion h5 { font-size: 1.4rem; margin-top: 0; }

.subpage .his-accordion h5 button { font-size: 1rem; font-weight: 100; color: #0056b3; }

.subpage .his-nav-step-holder { float: left; width: 100%; }

.subpage .his-nav-step-holder > div { float: left; width: 100%; }

.subpage .his-nav-step-holder > div.his-nav-step-1 span { background: #51a9c2; }

.subpage .his-nav-step-holder > div.his-nav-step-2 span { background: #97d8de; }

.subpage .his-nav-step-holder > div.his-nav-step-3 span { background: #a7d174; }

.subpage .his-nav-step-holder > div.his-nav-step-4 span { background: #f6ce6a; }

.subpage .his-nav-step-holder > div.his-nav-step-5 span { background: #9a6692; }

.subpage .his-nav-step-holder > div.his-nav-step-6 span { background: #f1895c; }

.subpage .his-nav-step-holder > div.his-nav-step-7 span { background: #6a7981; }

.subpage .his-nav-step-holder > div span { float: left; width: 50px; height: 50px; margin-right: 1rem; border-radius: 50px; padding: 6px 0 0 17px; font-size: 1.5rem; color: white; }

.subpage .lightbox-text-float { float: left; margin: 0 0 1rem; }

@media (min-width: 768px) { .subpage .lightbox-text-float { margin: 1rem 0 1rem; } }

.subpage .lightbox-text-float.nomargin { margin-bottom: 0; }

.subpage .lightbox-text-float > div { float: left; width: 100%; margin-right: 2%; }

@media (min-width: 768px) { .subpage .lightbox-text-float > div { width: 64%; } }

.subpage .lightbox-text-float.reverse > div { float: right; }

.subpage .lightbox-text-float p { float: left; width: 100%; margin: 0 0 1rem; }

.subpage .lightbox-text-float img { width: 100%; float: left; border: 1px solid #c4c4c4; padding: 0.4rem; }

@media (min-width: 768px) { .subpage .lightbox-text-float img { width: 32%; } }

.subpage .lightbox-text-float.light-largetext > div, .subpage .lightbox-text-float.light-large > div { float: left; margin-right: 2%; padding: 1rem; width: 100%; }

@media (min-width: 768px) { .subpage .lightbox-text-float.light-largetext > div, .subpage .lightbox-text-float.light-large > div { width: 49%; } }

.subpage .lightbox-text-float.light-largetext > div p, .subpage .lightbox-text-float.light-large > div p { width: 100%; float: left; margin-right: 2%; font-weight: 100; font-family: Avalon, sans-serif; padding-top: 2rem 0.5rem; text-align: center; font-style: italic; font-size: 1.1rem; }

@media (min-width: 768px) { .subpage .lightbox-text-float.light-largetext > div p, .subpage .lightbox-text-float.light-large > div p { font-size: 1.2rem; line-height: 1.9rem; } }

.subpage .lightbox-text-float.light-largetext img, .subpage .lightbox-text-float.light-large img { width: 100%; }

@media (min-width: 768px) { .subpage .lightbox-text-float.light-largetext img, .subpage .lightbox-text-float.light-large img { width: 49%; } }

.subpage .lightbox-text-float.light-largetext.reverse > div, .subpage .lightbox-text-float.light-large.reverse > div { float: right; }

@media (min-width: 768px) { .subpage .lightbox-text-float.light-largetext.solomiddle, .subpage .lightbox-text-float.light-large.solomiddle { padding-left: 20%; padding-right: 20%; } }

.subpage .lightbox-text-float.light-largetext.solomiddle img, .subpage .lightbox-text-float.light-large.solomiddle img { border: 0; width: 100%; }

@media (min-width: 768px) { .subpage .lightbox-text-float.light-largetext.solomiddle img, .subpage .lightbox-text-float.light-large.solomiddle img { width: 100%; } }

.subpage .lightbox-text-float.light-largetext.solomiddle span, .subpage .lightbox-text-float.light-large.solomiddle span { font-size: 0.9rem; padding: 0 1rem; float: left; color: grey; }

.subpage .lightbox-text-float.light-largetext.solomiddle.full, .subpage .lightbox-text-float.light-large.solomiddle.full { padding: 0; }

.subpage .lightbox-text-float.light-largetext.solomiddle.fullwidth, .subpage .lightbox-text-float.light-large.solomiddle.fullwidth { padding-left: 0; padding-right: 0; }

.subpage .lightbox-text-float.light-largetext.largefont > div p, .subpage .lightbox-text-float.light-large.largefont > div p { font-size: 1.6rem; }

.subpage .lightbox-text-float.light-largetext img { width: 60%; margin-left: 20%; }

@media (min-width: 768px) { .subpage .lightbox-text-float.light-largetext img { margin-left: 0; width: 20%; } }

.subpage .lightbox-text-float.light-largetext > div { width: 100%; }

@media (min-width: 768px) { .subpage .lightbox-text-float.light-largetext > div { width: 77%; } }

.subpage .lightbox-text-float.text-right div { float: right; text-align: left; }

.subpage .lightbox-text-float.shadebg { background: linear-gradient(#daf3ff 1%, rgba(246, 250, 255, 0.44)); }

.subpage .lightbox-text-float.shadebg .lightbox-large-text { font-style: normal; font-size: 1.1rem; font-weight: 400; }

.subpage .lightbox-text-float.shadebg .lightbox-large-text .type { width: 100%; float: left; font-size: 1rem; font-weight: bold; margin: 0; }

@media (min-width: 1200px) { .subpage .lightbox-text-float.shadebg .lightbox-large-text .type { margin: 1rem 0; } }

.subpage .lightbox-text-float.shadebg .lightbox-large-text .title { float: left; width: 100%; font-size: 1rem; }

.subpage .lightbox-text-float.shadebg .lightbox-large-text .lightbox-small-text { font-size: 1rem; }

.subpage .lightbox-text-float.shadebg img { border: 0; margin: 0; padding: 0; }

.subpage .programme-process-holder { float: left; width: 100%; margin-bottom: 2rem; }

.subpage .programme-process-holder .programme-process { width: 100%; position: relative; }

.subpage .programme-process-holder .programme-process .programme-step { float: left; width: 100%; margin-top: 0.5rem; background: #f3f3f3; padding: 0.5rem 1rem 0.5rem 0.5rem; z-index: 10; }

.subpage .programme-process-holder .programme-process .programme-step > div { float: left; width: 90%; }

.subpage .programme-process-holder .programme-process .programme-step > div span { height: 30px; width: 30px; border-radius: 15px; background: lightblue; padding: 5px 10px; margin-right: 0.5rem; }

.subpage .programme-process-holder .programme-process .programme-step-stakeholder { position: absolute; background: lightblue; height: 711px; right: 0; width: 35px; z-index: 1000; opacity: 0.7; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-orientation: upright; text-align: center; margin-right: 0rem; padding: 0 4px; }

@media (min-width: 768px) { .subpage .programme-process-holder .programme-process .programme-step-stakeholder { padding: 0 1rem; margin-right: 1rem; height: 460px; width: 62px; } }

.subpage .programme-process-holder .programme-process.faq-holder { height: 402px; width: 62px; font-size: 0.9rem; }

.subpage .pagequote { font-weight: 100; font-family: Arial; font-style: italic; border-left: 12px solid #f3f3f3; padding: 1rem; float: left; background: linear-gradient(-90deg, #fbfbfb, #f3f3f399); margin: 0; width: 100%; font-size: 1rem; }

@media (min-width: 768px) { .subpage .pagequote { font-size: 1.1rem; } }

@media (min-width: 992px) { .subpage .pagequote { font-size: 1.1rem; } }

@media (min-width: 1200px) { .subpage .pagequote { font-size: 1.1rem; } }

.subpage .pagequote.small { font-size: 1.1rem; }

.subpage .pagequote span { font-style: normal; font-weight: 600; margin-left: 1rem; }

.subpage .pagequote span::before { content: "\2014"; }

@media (min-width: 768px) { .subpage .pagequote { margin: 0.5rem 2rem 1.5rem; } }

.subpage .read-tb-highlights { text-align: center; margin: 2rem 0 0; font-weight: bold; font-size: 1.2rem; }

.finances-sub-header .finances-sub-titleholder { padding: 0 1rem; float: left; width: 100%; }

.finances-sub-header ul { float: left; width: 94%; }

@media (min-width: 768px) { .finances-sub-header ul { width: 100%; float: none; } }

.finances-sub-header h1 { margin: 0 0 0.5rem; text-align: left; }

.finances-sub-header h2.subheader { margin: 0; font-size: 1rem; margin-bottom: 1rem; border: 0; }

.finances-sub-header .hasdone-title { margin-top: 0rem; }

.about-sdg-holder img { width: 100%; float: left; }

@media (min-width: 768px) { .about-sdg-holder img { width: 25%; } }

.about-sdg-holder .span.blue-fade-less-link { margin-top: 0; }

.about-sdg-holder p { padding: 0 1rem; }

@media (min-width: 768px) { .about-sdg-holder p { padding: 0; } }

.about-sdg-holder h4 { padding: 1.5rem 1rem 0; text-align: center; margin-bottom: 1rem; }

.about-sdg-holder .para-toggle-container.blue-fade-box { background: transparent; }

.about-sdg-holder .para-toggle-container.blue-fade-box.sdg1 { background: #eb1c2d1f; }

.about-sdg-holder .para-toggle-container.blue-fade-box.sdg3 { background: #279b4830; }

.about-sdg-holder .para-toggle-container.blue-fade-box.sdg5 { background: #ef402b30; }

.about-sdg-holder .para-toggle-container.blue-fade-box.sdg16 { background: #02558b24; }

.about-sdg-holder .para-toggle-container.blue-fade-box.sdg17 { background: #18366730; }

.about-sdg-holder .para-toggle-container.blue-fade-box .bluef-fade-more { width: 100%; background: transparent; border: 0; }

@media (min-width: 768px) { .about-sdg-holder .para-toggle-container.blue-fade-box .bluef-fade-more { width: 75%; } }

.about-sdg-holder .para-toggle-container.blue-fade-box span.blue-fade-less-link, .about-sdg-holder .para-toggle-container.blue-fade-box span.blue-fade-more-link { text-align: center; margin-top: 0; }

.thumb-large img { border: 3px solid #f3f3f3; padding: 0.5rem; }

.annual-report-download { float: right; margin-left: 1rem; width: 46%; }

@media (min-width: 768px) { .annual-report-download { width: 20%; } }

.cd-status-ss { border: 2px solid #437290; box-shadow: 1px 1px 21px grey; }

.internal-landing { margin-bottom: 4rem; }

.slidetoggle-block-trigger { cursor: pointer; }

.internal-small-button { display: none; font-size: 0.8rem; padding: 0.2rem 0.5rem; margin-left: 2rem; float: right; }

.cd-status-sample img { float: left; width: 100%; z-index: 1; margin-bottom: 3rem; height: 200px; }

.cd-status-sample .unhide-cd-status { margin-top: -10rem; float: left; z-index: 100; position: relative; width: 33%; margin-left: 33%; }

.internal-country-listing { float: left; width: 100%; border-top: 1px solid #f3f3f3; padding-left: 0.4rem; margin-top: 0px; margin-bottom: 5px; padding-top: 6px; padding-bottom: 6px; }

.internal-country-title { float: left; width: 20%; font-size: 1.2rem; }

.internal-country-title img { border-radius: 5px; margin-right: 0.5rem; width: 19%; float: left; margin-top: 0.4rem; }

.internal-country-title a { width: 77%; float: left; font-size: 1.1rem; }

.internal-country-plans { float: left; width: 74%; padding-top: 0.3rem; }

.internal-country-filerow { float: left; width: 100%; }

.internal-country-file { width: 50%; float: left; font-size: 0.9rem; }

.internal-country-file img { width: 25px; }

.internal-country-filedate { float: left; width: 13%; font-size: 0.9rem; color: #3e3e3e; margin-top: 0.1rem; }

.internal-country-filestatus { float: left; width: 6%; }

.internal-country-listingheading { float: left; width: 100%; background: #e4e4e4; padding: 0.3rem 0.5rem; font-weight: bold; color: #424242; }

.listingheading-country { float: left; width: 20%; }

.listingheading-files { float: left; width: 56%; }

.listingheading-updated { float: left; width: 10%; }

.listingheading-status { float: left; }

.internal-country-regionheading { float: left; width: 100%; padding: 0 0.5rem; background: whitesmoke; font-weight: bold; color: #424242; }

.internal-country-listing .internal-country-file { width: 75%; }

.afriga-regional-news img { width: 100%; }

.internal-country-top { float: left; width: 100%; margin: 2rem 0; }

.internal-country-top .internal-country-toptitle { float: left; width: 60%; text-align: center; }

.internal-country-top .internal-country-toptitle h3 { float: left; width: 100%; margin-bottom: 0; margin-top: 2rem; font-size: 1.1rem; }

.internal-country-top .internal-country-toptitle h2 { float: left; width: 100%; }

.internal-country-top img { float: right; width: 34%; border-radius: 1rem; }

.internal-country-details { float: left; width: 100%; margin-top: 2rem; }

.internal-country-details .listingheading-files { width: 68%; }

.internal-country-details .internal-country-listing .internal-country-file { width: 68%; }

.internal-country-details .internal-country-listing .internal-country-filedate { width: 12%; }

.internal-country-details .internal-country-plans { width: 100%; }

.badge-draft { color: #111; background-color: #ffc107; }

.badge-implementation { color: #fff; background-color: #28a745; }

.badge-final { color: #fff; background-color: #17a2b8; }

.titlespace a { position: fixed; left: 3rem; }

.general-resource-holder p { float: left; }

.general-resource-holder li { list-style: none; float: left; width: 100%; padding-bottom: 0.5rem; }

.general-resource-holder li .guidance-link-holder { float: left; width: calc(100% - 5.5rem); }

.general-resource-holder li .guidance-link-holder a { float: left; }

.general-resource-holder li .guidance-link-holder span { font-size: 0.9rem; float: left; margin-left: 1rem; color: #6f6f6f; font-style: italic; }

.general-resource-holder li .badge-holder { float: left; margin-right: 0.4rem; }

.general-resource-holder li .badge-holder .badge { min-width: 55px; margin-right: 0.5rem; float: left; margin-top: 0.1rem; width: auto; border-radius: 20px; color: #012524; font-weight: 400; }

h2 { margin: 0rem 0rem 0.5rem; font-size: 1.3rem; padding-bottom: 0.6rem; float: left; width: 100%; font-weight: 400; }

@media (min-width: 768px) { h2 { margin: 1rem 0rem 1rem; font-size: 1.3rem; } }

@media (min-width: 992px) { h2 { margin: 1rem 0rem 1rem; font-size: 1.4rem; } }

@media (min-width: 1200px) { h2 { margin: 1rem 0rem 1rem; font-size: 1.5rem; } }

h2.blue-border { border-bottom: 2px solid skyblue; float: left; width: 100%; }

h2.submain { margin-top: 0; }

h2.big-heading { font-size: 1.5rem; font-weight: 100; border-bottom: 0; margin-top: 4rem; }

h2.huge-heading { font-size: 1.8rem; font-weight: 100; border-bottom: 0; margin-top: 4rem; padding: 1rem 6rem 0 3rem; }

h2.blueheading { border-bottom: 1px solid #dcdcdc; background: #ddf2fb; padding: 0.2rem 0.4rem; }

h2.categoryheadingbig, h2.categoryheading, h2.categoryheadingsmall { border-bottom: 0; background: linear-gradient(to right, rgba(10, 71, 157, 0.08), #f6faffa3); padding: 0.5rem; color: #565656; font-weight: 100; border-bottom: 2px solid #ecf1f7; font-size: 1.3rem; margin: 1rem 0rem 1rem; }

@media (min-width: 768px) { h2.categoryheadingbig, h2.categoryheading, h2.categoryheadingsmall { margin: 2rem 0rem 1rem; font-size: 1.6rem; } }

h2.categoryheadingbig a, h2.categoryheading a, h2.categoryheadingsmall a { color: #565656; }

h2.categoryheadingbig a:hover, h2.categoryheading a:hover, h2.categoryheadingsmall a:hover { text-decoration: none; }

@media (min-width: 768px) { h2.categoryheadingsmall { font-size: 1.3rem; } }

h2.categoryheadingbig { background: #feedd2; }

h2.internalheading { margin: 0 0 1rem; color: black; font-size: 1.5rem; font-weight: 500; }

.float-left { float: left; width: 100%; }

.strategy-buttons { float: left; width: 100%; }

.strategy-buttons > div { background: linear-gradient(to right, #9ae2ff 0%, #d5f3ff 100%); padding: 1rem; float: left; width: 48%; margin-right: 1%; transition: 0.2s; color: #4b4b4b; font-size: 1rem; cursor: pointer; opacity: 0.8; }

.strategy-buttons > div:hover { box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); margin-top: -2px; opacity: 1; }

.strategy-buttons > div span { width: 100%; float: left; font-size: 0.8rem; font-weight: bold; text-align: left; }

.strategy-buttons > div.undp-strategy { width: 40%; }

.strategy-buttons > div.hdd-strategy { width: 58%; }

.strategy-buttons > div svg, .strategy-buttons > div i { font-size: 14px; }

.level-0 > .li-depth-2 > a, .level-0 > .li-depth-2 > span { display: none !important; }

.results-story h2 { margin-top: 0; }

.sub-header > div { background: #f3f3f3; padding: 10rem 3rem 3rem 30rem; text-align: right; font-size: 2rem; color: #cecece; }

.eight-left { float: left; width: 100%; }

@media (min-width: 768px) { .eight-left { width: 63%; margin-left: 1rem; } }

.float { float: left; }

.nine-left { float: left; width: 100%; }

@media (min-width: 768px) { .nine-left { width: 69% !important; margin-left: 0rem !important; } }

.three-right { float: left; margin-top: 0.5rem; margin-bottom: 1rem; margin-right: 0; width: 100%; }

@media (min-width: 768px) { .three-right { width: 30% !important; } }

.three-right img { width: 100%; float: left; border: 1px solid #c4c4c4; padding: 0.4rem; }

.five-right, .five-left, .four-left, .four-right { float: right; margin-top: 0.5rem; margin-left: 1rem; width: 100%; margin-bottom: 2rem; }

@media (min-width: 768px) { .five-right, .five-left, .four-left, .four-right { margin-bottom: 3rem; width: 32%; } }

.five-right img, .five-left img, .four-left img, .four-right img { width: 100%; float: left; border: 1px solid #c4c4c4; padding: 0.4rem; }

.five-right p.caption-text, .five-left p.caption-text, .four-left p.caption-text, .four-right p.caption-text { font-size: 0.8rem; color: grey; margin: 0.5rem; float: left; }

.five-right.float-left, .five-left.float-left, .four-left.float-left, .four-right.float-left { float: left; margin-top: 0; }

.five-right span, .five-left span, .four-left span, .four-right span { font-size: 0.8rem; }

.four-left-float { float: left; margin-top: 0.5rem; margin-bottom: 1rem; margin-right: 1rem; width: 100%; }

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

.four-left-float img { width: 100%; float: left; border: 1px solid #c4c4c4; padding: 0.4rem; }

.four-left-float span { text-align: center; float: left; width: 100%; font-size: 0.8rem; }

.middle-giga, .middle-large { width: 60%; margin-left: 20%; float: left; margin-top: 1.5rem; margin-bottom: 0rem; }

.middle-giga img, .middle-large img { width: 100%; float: left; border: 1px solid #c4c4c4; padding: 0.4rem; }

.middle-giga { width: 90%; margin-left: 5%; }

.half-left { margin-right: 2%; float: left; margin-top: 1.5rem; margin-bottom: 0rem; width: 100%; }

@media (min-width: 768px) { .half-left { width: 48%; } }

.left-62 img, .left-34 img, .half-left img { width: 100%; float: left; border: 1px solid #c4c4c4; padding: 0.4rem; }

.middle-large-title { text-align: center; padding: 0 1rem 1rem; margin-bottom: 0; font-weight: 100; font-size: 1.6rem; margin-top: 3rem; border-bottom: 0px solid #dcdcdc; }

.five-left { float: left; width: 48%; }

.five-right { float: right; width: 48%; }

.sub-maincontent { margin-top: 1rem; }

@media (min-width: 768px) { .sub-maincontent { margin-top: 2rem; margin-bottom: 1rem; } }

.sub-maincontent.version2 { margin-bottom: 0; }

.sub-maincontent iframe { max-width: 100%; }

.sub-maincontent .longintro { margin-bottom: 1rem; }

@media (min-width: 768px) { .sub-maincontent .longintro { margin-bottom: 0; } }

.sub-maincontent .longintro .results-country-summary h3 { padding: 0; font-size: 1.2rem; line-height: 2rem; }

@media (min-width: 768px) { .sub-maincontent .longintro .results-country-summary h3 { line-height: 2.6rem; padding: 0; font-size: 1.5rem; } }

.show-xl { display: none; }

@media (min-width: 1200px) { .show-xl { display: block; } }

.annual-reprot-results { float: left; width: 100%; }

.annual-reprot-results > div { width: 100%; float: left; padding: 0.5rem; margin-bottom: 0.5rem; border-radius: 0 0 0 30px; }

.annual-reprot-results .ar-res-1 { background: #f2d980; }

.annual-reprot-results .ar-res-2 { background: #f5ca7e; }

.annual-reprot-results .ar-res-3 { background: #f6b46f; }

.annual-reprot-results .ar-res-4 { background: #c9d387; }

.annual-reprot-results .ar-res-5 { background: #84b3b5; }

.annual-reprot-results .ar-res-6 { background: #3bb4d7; }

.annual-reprot-results .ar-result-block { font-size: 1.7rem; font-weight: bold; }

.annual-reprot-results .ar-result-desc { font-size: 1rem; }

.annual-rep-introbox { background: linear-gradient(rgba(10, 71, 157, 0.08), #f6faffa3); }

.annual-rep-introbox-cont { display: none; }

.ar-statsb { margin-top: 2rem; }

.ar-statsb img { width: 100%; float: left; margin-bottom: 1rem; }

.sub-navblock { display: none; margin: 0 0 1rem; padding-top: 0; z-index: 100; padding-left: 0; padding-right: 0; }

@media (min-width: 768px) { .sub-navblock { display: block; } }

.sub-navblock .show-more-countries, .sub-navblock .show-more-subnav { font-style: italic; }

.sub-navblock .active { font-weight: bold; }

.sub-navblock .level-0 { margin: 0 0 0 0.5rem; }

.sub-navblock .level-0 li { padding: 0 0 0 0.5rem; float: left; width: 100%; }

.sub-navblock .level-0 li ul { display: none; margin-left: 0rem; }

.sub-navblock .level-0 > li { border-bottom: 1px solid #eeeeee; padding: 0 0.1rem 0 0; }

@media (min-width: 992px) { .sub-navblock .level-0 > li { padding: 0 0.1rem 0 0; } }

.sub-navblock .level-0 > li > a { padding: 0.4rem 0 0.3rem; }

.sub-navblock .level-0 span { float: right; padding: 0 0.5rem; color: grey; cursor: pointer; width: 10%; display: block; }

.sub-navblock .li-depth-0 > a { border-bottom: 0; padding-left: 0.4rem; width: 97%; display: none; }

.sub-navblock .level-3 { border-left: 1px solid #e6e6e6; }

.sub-navblock .level-3 li a { font-size: 0.8rem; }

.sub-navblock .li-depth-4 span { padding: 0 0.5rem; }

@media (min-width: 768px) { .sub-navblock .li-depth-3 ul { margin-left: 0.3rem; } }

@media (min-width: 992px) { .sub-navblock .li-depth-3 ul { margin-left: 1rem; } }

.sub-navblock > ul { border-right: 0px solid #e6e6e6; width: 100%; padding: 0 0.5rem 0 0; margin: 0; }

.sub-navblock li { list-style: none; margin-bottom: 0; transition: margin 0.3s; }

.sub-navblock li a { font-size: 0.9rem; color: #9b9b9b; width: 85%; padding: 0.1rem; float: left; transition: margin 0.3s; }

.sub-navblock li a:hover { text-decoration: none; }

.sub-navblock li a.selected { color: #0056b3; font-weight: bold; }

.sub-navblock .page-resources-sidebar { margin-top: 2rem; display: none; width: 98%; }

.sub-navblock .page-resources-sidebar > div { background: linear-gradient(#ddf5ff 1%, #fcfeff); float: left; }

.sub-navblock .page-resources-sidebar h3 { font-size: 1.4rem; margin: 1rem 0 1rem 0; float: left; }

.sub-navblock .page-resources-sidebar ul { margin: 1rem; }

.sub-navblock .page-resources-sidebar li { margin-top: 0.4rem; }

.sub-navblock .page-resources-sidebar li a { font-size: 0.8rem; color: #0265b5; width: 97%; display: inline-block; padding: 0.1rem; }

.sub-navblock .page-resources-sidebar li a:hover { color: #02569a; }

.sub-navblock .page-resources-sidebar li span { float: left; margin: 0.2rem 0.2rem 0 0; }

.sub-navblock .page-resources-sidebar #page-resources-ul { text-align: left; padding: 0.2rem 0.4rem; }

.sub-navblock .page-resources-sidebar #page-resources-ul img { width: 42%; float: left; margin-right: 1rem; }

.sub-navblock .page-resources-sidebar #page-resources-ul p { padding-top: 0.5rem; font-size: 0.9rem; margin-right: 0.5rem; }

.sub-content-summary-top { float: left; width: 100%; margin-top: 1.5rem; }

.sub-content-summary-top p { width: 50%; float: left; }

.sub-content-summary-top .placeholder-block { width: 46%; float: right; background: #f3f3f3; padding: 6rem; }

.innogrid .innoitem { padding: 1rem; }

.innogrid .innoitem.bbottom { border-bottom: 1px solid #d2d2d2; }

.innogrid .innoitem.bright { border-right: 1px solid #d2d2d2; }

.innogrid .innoitem.bbottomsmall { border-bottom: 1px solid #d2d2d2; }

@media (min-width: 768px) { .innogrid .innoitem.bbottomsmall { border-bottom: 0; } }

.innogrid .innoitem h2 { font-size: 1.2rem; font-weight: 400; text-align: center; margin-top: 0.5rem; }

.innogrid .innoitem .innoimg { float: left; width: 100%; }

.innogrid .innoitem .innoimg img { margin: 0 0 1rem; border: 1px solid #d2d2d2; width: 30%; height: 106px; float: right; }

.innogrid .innoitem .innoimg p { width: 66%; float: left; }

.innogrid .innoitem hr { margin: 1rem auto 1rem; width: 71%; }

.section-toggle-container h2, .para-toggle-container h2 { margin: 0; font-weight: 200; }

.section-toggle-container .section-more-toggle, .section-toggle-container .section-less-link, .section-toggle-container .para-less-link, .section-toggle-container .para-more-toggle, .para-toggle-container .section-more-toggle, .para-toggle-container .section-less-link, .para-toggle-container .para-less-link, .para-toggle-container .para-more-toggle { display: none; }

.section-toggle-container p, .para-toggle-container p { margin: 0 0rem 1rem; }

@media (min-width: 768px) { .section-toggle-container p, .para-toggle-container p { margin: 0 1rem 1rem; } }

.psm-figures { margin-bottom: 2rem; }

.psm-proc-total-graphs { float: left; width: 100%; }

.psm-proc-total-graphs h3 { font-size: 1.5rem; margin: 1rem 0 0; }

.psm-proc-total-graphs h4 { font-size: 1rem; color: #ad0f0f; margin: 0.5rem 0 0; float: left; width: 100%; }

.psm-procurement-total-proc-holder { margin-top: 1rem; text-align: center; }

.psm-procurement-total-proc-holder > div { float: left; width: 100%; }

@media (min-width: 768px) { .psm-procurement-total-proc-holder > div { width: 50%; } }

.psm-procurement-total-proc-holder > div .img-fluid { max-width: 95%; }

.psm-procurement-total-proc-holder > div h5 { margin-top: 1rem; font-size: 1rem; font-weight: 500; }

.psm-procurement-total-proc-holder > div h6 { font-size: 0.9rem; }

.psm-procurement-total-proc-holder > img { width: 70%; margin-bottom: 1rem; }

.world-aids-day-afg { padding: 0rem 4rem 1rem; }

.hivday-knowyourstatus, .hivday-keyfacts { background: #fdf6f7; margin-top: 2rem; padding: 2rem 0; }

.hivday-knowyourstatus h2, .hivday-keyfacts h2 { font-size: 2rem; text-align: center; }

.hivday-knowyourstatus .hiv-stats-holder, .hivday-keyfacts .hiv-stats-holder { float: left; width: 100%; }

.hivday-knowyourstatus .hiv-stats-holder .hiv-stat, .hivday-keyfacts .hiv-stats-holder .hiv-stat { float: left; margin: 1rem 1rem; padding: 2rem; background: white; width: 46%; text-align: center; font-weight: normal; font-size: 1.4rem; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.hivday-knowyourstatus .hiv-factsheet, .hivday-keyfacts .hiv-factsheet { text-align: center; margin-top: 1rem; float: left; width: 100%; }

.hivday-2018 { margin-top: 3rem; }

.hivday-2018 h2 { text-align: center; margin-top: 2rem; }

.hivday-2018 p { text-align: center; margin: 1rem 3rem; }

.guidance-block { float: left; width: 100%; }

.guidance-block .guidance-content > div { float: left; width: 100%; background: #f3f3f378; margin-bottom: 1rem; padding: 0.8rem 0.8rem 0; border-left: 8px solid #ececec; }

.guidance-block .guidance-content > div.search-block { float: left; width: 100%; background: none; margin-bottom: 1rem; padding: 0; border-left: 0; }

.guidance-block .guidance-content > div.guidance-globalfund { background: rgba(160, 200, 220, 0.12); float: right; width: 100%; border-left: 1px solid #f3f3f3; padding: 0; margin-top: 1rem; }

.guidance-block .guidance-content > div ul { margin-left: 0; float: left; width: 100%; margin-bottom: 0; }

.guidance-block .guidance-content > div b { font-weight: bold; }

.guidance-block .guidance-content > div .badge-holder { float: left; }

.guidance-block .guidance-content > div .badge-holder.imgthumb { margin-top: 0.4rem; bottom: 0; float: none; position: absolute; }

.guidance-block .guidance-content > div .badge-holder.bagde-narrow { width: 20%; }

.guidance-block .guidance-content > div .badge-holder .badge { margin-right: 0.5rem; float: left; margin-top: 0.1rem; min-width: 68px; font-size: 0.8rem; width: auto; border-radius: 20px; color: #012524; font-weight: 400; }

.guidance-block .guidance-content > div .badge-holder .badge.file { color: white; }

.guidance-block .guidance-content > div .badge-holder .badge.Programme { background-color: #c2f5e9; }

.guidance-block .guidance-content > div .badge-holder .badge.Human { background-color: #d1f7c4; }

.guidance-block .guidance-content > div .badge-holder .badge.Strategic { background-color: #cfdfff; }

.guidance-block .guidance-content > div .badge-holder .badge.PSM { background-color: #ffeab6; }

.guidance-block .guidance-content > div .badge-holder .badge.Regulations { background-color: #ffcab6; }

.guidance-block .guidance-content > div .badge-holder .badge.Assurance { background-color: #c2f5e9; }

.guidance-block .guidance-content > div .badge-holder .badge.Waste { background-color: #d1f7c4; }

.guidance-block .guidance-content > div .badge-holder .badge.Sustainable { background-color: #ffdce5; }

.guidance-block .guidance-content > div .badge-holder .badge.Studies { background-color: #ede2fe; }

.guidance-block .guidance-content > div .badge-holder .badge.Transition { background-color: #ffdce5; }

.guidance-block .guidance-content > div .badge-holder .badge.Systems { background-color: #ede2fe; }

.guidance-block .guidance-content > div .badge-holder .badge.Legal { background-color: #cfdfff; }

.guidance-block .guidance-content > div .badge-holder .badge.Populations { background-color: #d0f0fd; }

.guidance-block .guidance-content > div .badge-holder .badge.Enabling { background-color: #c2f5e9; }

.guidance-block .guidance-content > div .badge-holder .badge.Gender { background-color: #ede2fe; }

.guidance-block .guidance-content > div .badge-holder .badge.Identifying { background-color: #ffdaf6; }

.guidance-block .guidance-content > div .badge-holder .badge.Environment { background-color: #d1f7c4; }

.guidance-block .guidance-content > div .badge-holder .badge.About { background-color: #fee2d5; }

.guidance-block .guidance-content > div .badge-holder .badge.Partners { background-color: #ffdce5; }

.guidance-block .guidance-content > div .badge-holder .badge.Capacity { background-color: #ffdaf6; }

.guidance-block .guidance-content > div .badge-holder .badge.Innovation { background-color: #ffdaf6; }

.guidance-block .guidance-content > div .badge-holder .badge.Communicable { background-color: #d0f0fd; }

.guidance-block .guidance-content > div .badge-holder .badge.Solar { background-color: #fff79a; }

.guidance-block .guidance-content > div .guidance-link-holder { float: left; width: calc(100% - 6rem); margin-left: 0.4rem; }

.guidance-block .guidance-content > div .guidance-link-holder > span { display: none; }

@media (min-width: 768px) { .guidance-block .guidance-content > div .guidance-link-holder > span { display: blocK; } }

.guidance-block .guidance-content > div .guidance-link-holder.imgthumb { float: left; position: relative; height: 90px; margin-top: 0.2rem; overflow: hidden; }

.guidance-block .guidance-content > div .guidance-link-holder .multifileblock { float: left; margin-top: 0.2rem; }

.guidance-block .guidance-content > div .guidance-link-holder .multifileblock .mdivider { float: left; margin: -0.4rem 1rem; width: 0.7rem; font-size: 1.2rem; }

.guidance-block .guidance-content > div .guidance-link-holder a { float: left; line-height: 19px; }

.guidance-block .guidance-content > div .guidance-link-holder .rec-title { font-size: 1rem; }

.guidance-block .guidance-content > div li { list-style: none; float: left; width: 100%; margin-bottom: 0.5rem; padding-bottom: 0.5rem; }

.guidance-block .guidance-content > div li.imgholder-li { float: left; margin-right: 1%; margin-bottom: 0; min-height: 125px; width: 100%; }

@media (min-width: 768px) { .guidance-block .guidance-content > div li.imgholder-li { width: 49%; } }

.guidance-block .guidance-content > div li.imgholder-li.fullwidth { width: 100%; }

.guidance-block .guidance-content > div li.imgholder-li > div:hover { background: #efefef; }

.guidance-block .guidance-content > div li span { font-size: 0.9rem; float: left; width: 100%; }

.guidance-block .guidance-content > div li span.reference { color: #444444; }

.guidance-block .guidance-content > div li .badge-info:hover { background: #0e8b9e; }

.guidance-block .guidance-content > div li .skyblue { background-color: skyblue; }

.guidance-block .guidance-content > div li .skyblue:hover { background: #70b7d4; }

.guidance-block .guidance-content > div li .otherbadge { background: #67d2ff; }

.guidance-block .guidance-content > div li .otherbadge:hover { background: #53ccff; }

.guidance-block .guidance-content > div li .guidance-imageholder { margin-top: 0; border-bottom: 1px solid #e8e8e8; float: left; width: 100%; padding-bottom: 0.5rem; border-top: 1px solid #e8e8e8; padding-top: 0.5rem; background: #f3f3f3; }

.guidance-block .guidance-content > div li .guidance-imageholder.search-img { padding: 0.5rem; background: #fbfbfb; }

.guidance-block .guidance-content > div li .guidance-imageholder .badge-holder { margin-top: 0.4rem; width: 100%; float: left; }

.guidance-block .guidance-content > div li .guidance-imageholder img { width: 72px; float: left; margin-right: 0.6rem; }

.guidance-block .guidance-content > div li .guidance-imageholder img.imgthumb { width: 66px; float: left; margin-right: 7px; }

.iframe-holder { float: left; width: 100%; position: relative; }

.iframe-holder .sub-holder { margin: 0 auto; width: 80%; }

.hasdone-title { padding: 0.3rem 0.5rem; background: #87ceeb30; border-bottom: 2px solid skyblue; float: left; width: 100%; margin: 1rem 0 0; font-size: 1.2rem; }

@media (min-width: 768px) { .hasdone-title { font-size: 1.3rem; margin: 1rem 0rem 1rem; padding-top: 0.5rem; } }

.hasdone-title a { float: right; font-size: 0.8rem; padding: 0.3rem; }

.offer-title { padding: 0.2rem 0.5rem; background: #87ceeb30; border-bottom: 2px solid skyblue; }

.readmore-background { border: 1px solid #e3eff3; background: #f7f7f7; padding-top: 0.5rem; margin-bottom: 1rem; }

.readmore-backgroundtitle { border: 1px solid #e3eff3; background: #f7f7f7; padding-top: 0; margin-bottom: 1rem; }

.readmore-backgroundtitle h3 { margin-top: 0; }

.guidance-title { padding: 0.2rem 0.5rem; background: #9ef94730; border-bottom: 2px solid #93eb87; font-weight: 200; font-size: 1.2rem; }

@media (min-width: 768px) { .guidance-title { font-size: 1.6rem; } }

.guidance-title.guidance-small { font-size: 1.2rem; }

.youtube-embed { float: left; width: 100%; font-family: "Benton Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 0; margin-top: 1rem; background: white; }

@media (min-width: 992px) { .youtube-embed { background: linear-gradient(#daf3ff 1%, rgba(246, 250, 255, 0.44)); } }

.youtube-embed .youtube-title { float: left; font-weight: 300; padding: 1rem 1.5rem; width: 95%; font-size: 1.5rem; }

@media (min-width: 1200px) { .youtube-embed .youtube-title { font-size: 2rem; width: 30%; } }

.youtube-embed .youtube-title.small-youtube-title { font-size: 1.6rem; text-align: center; }

.youtube-embed .youtube-iframe { float: none; position: relative; text-align: center; }

@media (min-width: 1200px) { .youtube-embed .youtube-iframe { float: right; text-align: right; } }

.youtube-embed .youtube-iframe iframe { padding: 0; margin: 0; }

@media (min-width: 1200px) { .youtube-embed .youtube-iframe iframe { float: right; } }

.youtube-embed p { float: left; margin-top: 1rem; color: #464646; margin-bottom: 3rem; }

.youtube-embed.youtube-reverse .youtube-title { margin: 0; float: none; padding: 0rem 1rem 1rem 0; }

@media (min-width: 992px) { .youtube-embed.youtube-reverse .youtube-title { padding: 1rem; text-align: center; } }

@media (min-width: 1200px) { .youtube-embed.youtube-reverse .youtube-title { float: right; } }

.youtube-embed.youtube-smalltext .youtube-title { font-size: 1.5rem; width: 35%; }

.subpage-list-toggle { margin-top: 0.5rem; width: 100%; float: left; background: #add8e61f; padding: 1rem 1rem 0; }

.subpage-list-toggle.grey-gradient { background: linear-gradient(-90deg, #fbfbfb, #f3f3f399); }

.subpage-list-toggle.float-65 { float: right; width: 100%; }

@media (min-width: 768px) { .subpage-list-toggle.float-65 { width: 65%; } }

.subpage-list-toggle.float-48 { margin-right: 1%; float: right; min-height: 280px; width: 100%; }

@media (min-width: 768px) { .subpage-list-toggle.float-48 { width: 48%; } }

.subpage-list-toggle.float-48.margin-left { margin-left: 1rem; margin-bottom: 1rem; }

.subpage-list-toggle li { display: none; }

.subpage-list-toggle .li-show { display: list-item; }

.subpage-list-toggle .li-show-more { color: #1756a9; cursor: pointer; }

.content-block { float: left; width: 100%; padding: 0.5rem 0 0; }

@media (min-width: 768px) { .content-block { padding: 0.5rem 1rem 0; } }

.content-block .left-block { width: 100%; float: left; font-size: 1rem; padding: 0.3rem 0; }

@media (min-width: 768px) { .content-block .left-block { padding: 0.3rem 0.8rem; width: 75%; padding: 0; } .content-block .left-block.full { width: 100%; } .content-block .left-block p { margin-left: 0; } }

.content-block .left-block img { float: left; margin: 0 1rem 0.3rem 0; }

.content-block .left-block img.partners-unv { width: 200px; margin: 0.5rem 1rem 0.5rem 0; }

.content-block .right-block { font-size: 1.5rem; text-align: center; width: 100%; float: none; margin: 0rem 1.5rem 0 0; }

@media (min-width: 768px) { .content-block .right-block { margin: 0rem 1.5rem 0 0.8rem; float: right; padding: 1rem 1.5rem; width: 24%; padding: 1.5rem; margin: 0; } .content-block .right-block.full { width: 100%; } }

.content-block .toggle-content { float: left; width: 100%; margin-bottom: 1rem; padding: 0; }

@media (min-width: 768px) { .content-block .toggle-content { padding: 1rem 0.8rem; padding: 0 0; } }

.content-block .toggle-content p { margin-left: 0; margin-right: 0; }

.content-block .toggle-content .partners-country-box h4 { background: #f3f3f3; padding: 0.5rem 0.7rem; margin-bottom: 0; font-size: 1.3rem; font-weight: 400; }

.content-block .toggle-content .partners-country-box p { background: aliceblue; padding: 1rem; }

.content-block .toggle-content .pagequote { margin-top: 0; }

.content-block .toggle-content .box-logo img { float: left; margin-right: 2rem; }

.content-block .impact-img-holder { float: left; margin: 0; width: 100%; text-align: center; }

.content-block .impact-img-holder img { float: none; margin: 0 auto; width: 80%; }

/* ----------------- Related pages -------------- */
.related-holder { float: left; width: 100%; }

.related-holder .post-slide .post-content { min-height: auto; }

.related-holder .post-slide .post-content .blue-button { margin-bottom: 0; }

.related-block { border-top: 13px solid #f2f2f2; padding-top: 1rem; float: left; width: 100%; margin-top: 0; }

@media (min-width: 768px) { .related-block { margin-top: 2rem; } }

.related-block .row { margin-top: 1rem; }

.post-slide { margin: 0 0 1rem; position: relative; background: #fff; border: 1px solid #e4e4e4; }

.post-slide .blue-button { margin-bottom: 0; }

.post-slide .post-img { position: relative; overflow: hidden; height: 92px; }

.post-slide .post-img img { width: 100%; height: auto; }

.post-slide .over-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.6); transition: all 0.3s ease; }

.post-slide:hover .over-layer { opacity: 1; }

.post-slide .post-link { margin: 0; padding: 0; position: relative; top: 45%; text-align: center; }

.post-slide .post-link li { display: inline-block; list-style: none; margin: -9px 0 0; }

.post-slide .post-link li a { color: #fff; font-size: 39px; }

.post-slide .post-link li a:hover { color: #02569a; text-decoration: none; }

.post-slide .post-date { position: absolute; top: 10%; left: 4%; }

.post-slide .date { display: inline-block; border-radius: 3px 0 0 3px; padding: 5px 10px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; background: #333; float: left; }

.post-slide .month { display: inline-block; border-radius: 0 3px 3px 0; padding: 5px 13px; color: #111; font-size: 20px; font-weight: bold; background: #02569a; }

.post-slide .post-content { padding: 1rem; background-color: #f5f5f6; margin-bottom: 0; min-height: 222px; }

.post-slide .post-title { margin: 0 0 15px 0; }

.post-slide .post-title a { font-size: 1.2rem; font-weight: 400; color: #333; display: inline-block; transition: all 0.3s ease 0s; }

.post-slide .post-title a:hover { text-decoration: none; color: #02569a; }

.post-slide .post-description { font-size: 14px; line-height: 22px; color: #444444; padding: 0 0 10px 0; }

.post-slide .read-more { color: #333; font-size: 14px; font-weight: bold; text-transform: uppercase; position: relative; transition: color 0.2s linear; }

.post-slide .read-more:hover { text-decoration: none; color: #02569a; }

.post-slide .read-more:after { content: ""; position: absolute; width: 30%; display: block; border: 1px solid #02569a; transition: all 0.3s ease; }

.post-slide .read-more:hover:after { width: 100%; }

@media only screen and (max-width: 479px) { .post-slide .month { font-size: 14px; } .post-slide .date { font-size: 14px; } }

div.clanky .row { padding-top: 35px; }

.page-resources-ul li { list-style: none; }

.results-main-topintro .post-slide .post-img { position: relative; overflow: hidden; height: 190px; }

.focus-landing-psm .pageintro-light-left { margin: 0; width: 100%; }

@media (min-width: 768px) { .focus-landing-psm .pageintro-light-left { width: 45%; } }

.focus-landing-psm .psm-circ-nav { width: 100%; }

@media (min-width: 768px) { .focus-landing-psm .psm-circ-nav { width: 50%; } }

.focus-landing-finances .finances-circ-nav { margin-left: -7rem; }

@media (min-width: 768px) { .focus-landing-finances .finances-circ-nav { margin-left: -11rem; } }

.focus-landing-finances .pageintro-light.larger { margin: 0; width: 100%; }

@media (min-width: 768px) { .focus-landing-finances .pageintro-light.larger { width: 55%; } }

.text-center { margin: 2rem 0; float: left; width: 100%; }

.gfbox { float: right; background: rgba(160, 200, 220, 0.12); margin: 0 0 1rem 2rem; box-shadow: 5px 5px 0px #f3f3f3; border: 1px solid #f3f3f3; width: 100%; }

@media (min-width: 768px) { .gfbox { width: 350px; } }

.gfbox .gftitle { padding: 0.5rem; border-bottom: 3px solid skyblue; background: white; }

.gfbox .gftitle img { width: 60%; }

.gfbox .gfbox-content { padding: 1rem; }

.gfbox .gfbox-content p { margin: 0 0rem 1rem; }

@media (min-width: 768px) { .gfbox .gfbox-content p { margin: 0 0 1rem; } }

.gfbox .gfbox-content .gf-less-link { display: none; }

.gfbox .gfbox-content .gf-more-link { margin-bottom: 0; }

.gfbox .gf-intro, .gfbox .gf-more-toggle { margin-bottom: 1rem; }

.gfbox.innobox img { width: 25px; margin-right: 0.3rem; }

.gfbox.innobox img.full-image { width: 100%; }

.gfbox.innobox .blue-button { margin-bottom: 0; }

.gfbox.innobox.innolarge { width: 100%; margin-top: 1rem; margin-bottom: 2rem; }

.gfbox-large { float: right; width: 100%; background: rgba(160, 200, 220, 0.12); box-shadow: 5px 5px 0px #f3f3f3; border: 1px solid #f3f3f3; margin: 2rem 0 1rem 2rem; }

@media (min-width: 768px) { .gfbox-large { margin: 2rem 0 2rem 2rem; } }

.gfbox-large .gftitle { padding: 0.5rem; border-bottom: 3px solid skyblue; background: white; }

.gfbox-large .gftitle img { width: 200px; }

.gfbox-large .gftitle p { float: right; }

.gfbox-large .gfbox-content { padding: 1rem; }

.gfbox-large .gfbox-content p { margin: 0 0rem 1rem; }

@media (min-width: 768px) { .gfbox-large .gfbox-content p { margin: 0 0 1rem; } }

.gfbox-large .gfbox-content .gf-less-link { display: none; }

.gfbox-large .gfbox-content .gf-more-link { margin-bottom: 0; margin-top: 1rem; }

@media (min-width: 768px) { .gfbox-large .gfbox-content .gf-more-link { margin-top: 0rem; } }

.gfbox-large .gf-intro { margin-bottom: 0; }

.gfbox-large .gf-more-toggle { margin-bottom: 1rem; }

.gfbox-large .gf-more-toggle p { margin: 1rem 0 1rem; }

@media (min-width: 768px) { .gfbox-large .gf-more-toggle p { margin: 0 1rem 1rem; } }

#info-exp-container, #info-perf-container { height: 350px; margin-bottom: 2rem; }

.regional-video-holder { margin-top: 2rem; margin-bottom: 2rem; }

.proc-sub-proc-cols { margin-top: 2rem; float: left; width: 100%; }

.zim-case-content { margin-top: 1rem; }

.circle-holder { float: left; width: 100%; text-align: center; }

.circle-holder > div { margin: 0 auto; float: none; }

.circle-holder h5 { font-size: 1rem; margin-bottom: 0.5rem; font-weight: 400; }

.circle-holder .source { font-size: 0.9rem; font-weight: normal; }

.solar-intro { float: left; width: 100%; }

.solar-intro .pageintro { float: left; width: 100%; }

@media (min-width: 768px) { .solar-intro .pageintro { width: 70%; } }

.solar-intro img { width: 80%; float: right; margin-right: 10%; }

@media (min-width: 768px) { .solar-intro img { width: 28%; margin-right: 0; } }

.solar-intro .readmore-container { width: 70%; }

.solar-intro .readmore-container h3 { margin: 0; }

.solar-top { float: left; width: 100%; margin-bottom: 0; }

.solar-top > div { margin-left: 0; background: #e2f3f9; font-size: 1.2rem; padding: 1rem; float: left; text-align: center; margin-bottom: 1%; width: 100%; }

@media (min-width: 768px) { .solar-top > div { width: 49%; width: 27%; } }

.solar-top > div.large { width: 100%; }

@media (min-width: 768px) { .solar-top > div.large { width: 43%; margin-left: 1.5%; margin-right: 1.5%; } }

.solar-header img { padding: 0.5rem; border: 1px solid #e4e4e4; margin-bottom: 1rem; }

.solar-sdg-links { float: left; width: 100%; margin-bottom: 1rem; }

.solar-sdg-links > div { width: 47%; margin-left: 0.5rem; float: left; margin-bottom: 0.5rem; }

@media (min-width: 768px) { .solar-sdg-links > div { width: 18%; margin-left: 0.5rem; float: left; } }

.solar-sdg-links > div img { width: 100%; }

.ncd-briefs { float: left; width: 100%; margin-top: 2rem; }

.ncd-briefs .ncd-briefs-2 { text-align: center; }

.ncd-briefs .ncd-briefs-2 > div { padding-left: 10px; padding-right: 10px; margin-bottom: 1rem; }

.ncd-briefs .ncd-briefs-2 a { font-size: 0.9rem; font-weight: bold; background: #e8f5f9; width: 100%; float: left; }

.ncd-briefs .ncd-briefs-2 a:hover { background: #d3e7ec; text-decoration: none; }

.sectoral-subtitle { text-align: left; margin: 0; float: left; width: 100%; font-size: 1.5rem; margin-top: 1rem; text-align: center; }

@media (min-width: 768px) { h4.sectoral-subtitle { font-size: 1.2rem; } }

.ncd-download-section { float: left; width: 100%; padding: 2rem 0rem 0rem; margin: 1rem 0rem; }

.ncd-download-section p { background: #f3f3f3; padding: 0.5rem; margin: 0.5rem; float: left; }

.addthis_inline_share_toolbox { text-align: center; margin-top: 2rem; }

.page-divider { margin: 3rem 0 2rem; }

.reference-tooltip { padding: 3px 8px; font-size: 9px; border-radius: 13px; background: lightblue; border: none; margin: -4px 0.3rem 0 0; width: auto !important; float: none !important; }

.reference { width: 100%; float: left; font-size: 0.9rem; color: grey; padding-left: 2rem; }

.results-proc-value .proc-value-title { font-size: 1.2rem; padding: 1rem 1rem 0; font-weight: 100; font-family: Avalon, sans-serif; margin-bottom: 1rem; }

@media (min-width: 768px) { .results-proc-value .proc-value-title { font-size: 1.5rem; padding: 5rem 1rem 0; } }

.results-procurement-valueformoney { margin-top: 3rem; }

.results-proc-sustainable { margin-top: 3rem; }

.results-proc-sustainable h2 { text-align: center; }

.results-proc-sustainable .results-proc-bg { background: #eefbff; }

.results-proc-sustainable .results-proc-content { padding: 0rem 0rem; }

@media (min-width: 768px) { .results-proc-sustainable .results-proc-content { padding: 0rem 2rem; } }

.results-proc-sustainable .results-proc-content img { text-align: center; }

.results-proc-sustainable .results-proc-content h3 { font-size: 1.2rem; margin: 1rem 0rem 1rem; background: none; }

.results-proc-sustainable .results-proc-content.innovation-evin .img-holder, .results-proc-sustainable .results-proc-content.innovation-solar .img-holder { min-height: 220px; }

.results-proc-sustainable .results-proc-content.innovation-evin .img-holder { text-align: center; padding-top: 6rem; }

.results-proc-sustainable .results-proc-content.innovation-solar .img-holder { text-align: center; }

/* ----------------- Focus areas ----------------- */
.psm-sub h2 { font-size: 1.8rem; border-bottom: 2px solid skyblue; margin-top: 2rem; float: left; width: 100%; }

.his-circ-nav, .psm-circ-nav { width: 65%; height: 450px; float: left; padding: 1rem 0rem; margin: 2rem 1rem 2rem -3rem; }

@media (min-width: 768px) { .his-circ-nav, .psm-circ-nav { margin: 0rem 1rem 2rem -4rem; } }

.his-circ-nav > div, .psm-circ-nav > div { width: 150px; height: 180px; position: absolute; background-repeat: no-repeat; opacity: 0.8; color: white; background-position: 0px 0px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; z-index: 100; background-size: 100%; }

@media (min-width: 768px) { .his-circ-nav > div, .psm-circ-nav > div { background-size: 100%; } }

.his-circ-nav > div:hover, .psm-circ-nav > div:hover { opacity: 1; font-style: none; }

.his-circ-nav > div a, .psm-circ-nav > div a { color: white; float: left; }

.his-circ-nav > div a:hover, .psm-circ-nav > div a:hover { text-decoration: none; }

.his-circ-nav .psm-nav-0, .psm-circ-nav .psm-nav-0 { z-index: 10; height: 300px; border-radius: 300px; border: 39px solid #f3f3f3; width: 300px; padding: 2.5rem 0rem 0 0rem; text-align: center; margin: 39px 68px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-0, .psm-circ-nav .psm-nav-0 { margin: 53px 169px; } }

.his-circ-nav .psm-nav-0.cd-lp-0, .psm-circ-nav .psm-nav-0.cd-lp-0 { margin: 35px 0 0 82px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-0.cd-lp-0, .psm-circ-nav .psm-nav-0.cd-lp-0 { margin: 53px 150px; } }

.his-circ-nav .psm-nav-0.cd-lp-0 a, .psm-circ-nav .psm-nav-0.cd-lp-0 a { padding: 11px 9px 0 0px; font-size: 1.1rem; text-align: center; margin-left: 37px; width: 160px; height: 160px; margin-top: -8px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-0.cd-lp-0 a, .psm-circ-nav .psm-nav-0.cd-lp-0 a { padding: 2rem 0rem; margin-left: 17%; font-size: 1rem; line-height: 1.6rem; font-size: 1.2rem; } }

.his-circ-nav .psm-nav-0.ri-0, .psm-circ-nav .psm-nav-0.ri-0 { margin: 0 0 0 240px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-0.ri-0, .psm-circ-nav .psm-nav-0.ri-0 { border: 56px solid #f3f3f3; margin: 56px 156px; height: 330px; width: 330px; } }

.his-circ-nav .psm-nav-0.ri-0 a, .psm-circ-nav .psm-nav-0.ri-0 a { padding: 51px 24px 0 67px; font-size: 1.1rem; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-0.ri-0 a, .psm-circ-nav .psm-nav-0.ri-0 a { padding: 2rem 0rem; margin-left: 20%; font-size: 1rem; line-height: 1.2rem; } }

.his-circ-nav .psm-nav-0 a, .psm-circ-nav .psm-nav-0 a { color: #143d8c; font-size: 1rem; float: left; width: 60%; padding: 0.1rem 0; background: linear-gradient(to right, #def1fd 41%, #b6e2f5 77%); margin-bottom: 0.2rem; border-radius: 95px; margin-top: 0rem; padding: 0.4rem; margin-left: 28%; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-0 a, .psm-circ-nav .psm-nav-0 a { padding: 0.5rem; margin-left: 20%; } }

.his-circ-nav .psm-nav-0 a:hover, .psm-circ-nav .psm-nav-0 a:hover { background: #d2ebff; text-decoration: none; }

.his-circ-nav .psm-nav-1, .psm-circ-nav .psm-nav-1 { background-image: url(/images/sections/focus/psm/1.png); margin: 10px 0 0 183px; height: 129px; background-position-x: -6px; width: 135px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-1, .psm-circ-nav .psm-nav-1 { margin: 0 0 0 272px; height: 129px; width: 150px; } }

@media (min-width: 992px) { .his-circ-nav .psm-nav-1:hover, .psm-circ-nav .psm-nav-1:hover { margin-left: 274px; margin-top: 3px; } }

.his-circ-nav .psm-nav-1.his-nav-1, .psm-circ-nav .psm-nav-1.his-nav-1 { padding: 50px 0 0 50px; }

.his-circ-nav .psm-nav-1.cd-nav-1 a, .psm-circ-nav .psm-nav-1.cd-nav-1 a { padding: 33px 0 0 43px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-1.cd-nav-1 a, .psm-circ-nav .psm-nav-1.cd-nav-1 a { padding: 37px 0 0 52px; } }

.his-circ-nav .psm-nav-1.cd-lp-1, .psm-circ-nav .psm-nav-1.cd-lp-1 { margin: -5px 0 0 184px; height: 156px; width: 164px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-1.cd-lp-1, .psm-circ-nav .psm-nav-1.cd-lp-1 { margin: 6px 0 0 250px; height: 160px; width: 154px; } }

.his-circ-nav .psm-nav-1.cd-lp-1 a, .psm-circ-nav .psm-nav-1.cd-lp-1 a { padding: 40px 24px 0 48px; font-size: 1rem; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-1.cd-lp-1 a, .psm-circ-nav .psm-nav-1.cd-lp-1 a { padding: 36px 64px 0 43px; font-size: 1rem; line-height: 1.2rem; width: 123%; } }

.his-circ-nav .psm-nav-1.ri-1, .psm-circ-nav .psm-nav-1.ri-1 { margin: 0 0 0 240px; height: 160px; width: 190px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-1.ri-1, .psm-circ-nav .psm-nav-1.ri-1 { margin: 7px 0 0 233px; height: 155px; width: 179px; } }

.his-circ-nav .psm-nav-1.ri-1 a, .psm-circ-nav .psm-nav-1.ri-1 a { padding: 51px 24px 0 67px; font-size: 1.1rem; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-1.ri-1 a, .psm-circ-nav .psm-nav-1.ri-1 a { padding: 50px 78px 0 65px; font-size: 1.2rem; line-height: 1.2rem; width: 123%; } }

.his-circ-nav .psm-nav-1 a, .psm-circ-nav .psm-nav-1 a { padding: 53px 0 0 55px; }

.his-circ-nav .psm-nav-2, .psm-circ-nav .psm-nav-2 { background-image: url(/images/sections/focus/psm/2.png); margin: 58px 0 0 279px; width: 128px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-2, .psm-circ-nav .psm-nav-2 { width: 150px; margin: 61px 0 0 373px; background-size: 100%; } }

@media (min-width: 992px) { .his-circ-nav .psm-nav-2:hover, .psm-circ-nav .psm-nav-2:hover { margin-top: 64px; margin-left: 371px; } }

.his-circ-nav .psm-nav-2.his-nav-2, .psm-circ-nav .psm-nav-2.his-nav-2 { padding: 90px 50px 0 37px; }

.his-circ-nav .psm-nav-2.cd-nav-2 a, .psm-circ-nav .psm-nav-2.cd-nav-2 a { padding: 63px 0 0 26px; font-size: 1rem; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-2.cd-nav-2 a, .psm-circ-nav .psm-nav-2.cd-nav-2 a { padding: 78px 0 0 35px; } }

@media (min-width: 768px) { .his-circ-nav .psm-nav-2.ri-2, .psm-circ-nav .psm-nav-2.ri-2 { width: 164px; margin: 86px 0 0 396px; background-size: 100%; height: 194px; } }

.his-circ-nav .psm-nav-2.ri-2 a, .psm-circ-nav .psm-nav-2.ri-2 a { padding: 63px 0 0 26px; font-size: 1rem; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-2.ri-2 a, .psm-circ-nav .psm-nav-2.ri-2 a { padding: 90px 10px 0 18px; font-size: 1.2rem; line-height: 1.4rem; text-align: center; } }

.his-circ-nav .psm-nav-2 a, .psm-circ-nav .psm-nav-2 a { padding: 90px 0 0 26px; font-size: 0.9rem; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-2 a, .psm-circ-nav .psm-nav-2 a { padding: 93px 0 0 26px; font-size: 1rem; } }

.his-circ-nav .psm-nav-3, .psm-circ-nav .psm-nav-3 { background-image: url(/images/sections/focus/psm/3.png); margin: 205px 0 0 254px; width: 135px; background-size: 133px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-3, .psm-circ-nav .psm-nav-3 { margin: 224px 0 0 328px; width: 280px; background-size: 158px; } }

@media (min-width: 992px) { .his-circ-nav .psm-nav-3:hover, .psm-circ-nav .psm-nav-3:hover { margin: 225px 0 0 324px; } }

.his-circ-nav .psm-nav-3:hover .green-proc, .psm-circ-nav .psm-nav-3:hover .green-proc { opacity: 0.8; }

.his-circ-nav .psm-nav-3.his-nav-3, .psm-circ-nav .psm-nav-3.his-nav-3 { padding: 52px 10px 10px 25px; }

.his-circ-nav .psm-nav-3.cd-nav-3 a, .psm-circ-nav .psm-nav-3.cd-nav-3 a { padding: 37px 50px 6px 21px; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-3.cd-nav-3 a, .psm-circ-nav .psm-nav-3.cd-nav-3 a { padding: 47px 156px 6px 21px; } }

.his-circ-nav .psm-nav-3.cd-lp-3, .psm-circ-nav .psm-nav-3.cd-lp-3 { margin: 199px 0 0 258px; width: 148px; background-size: 171px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-3.cd-lp-3, .psm-circ-nav .psm-nav-3.cd-lp-3 { margin: 225px 0 0 323px; width: 196px; background-size: 165px; } }

.his-circ-nav .psm-nav-3.cd-lp-3 a, .psm-circ-nav .psm-nav-3.cd-lp-3 a { padding: 49px 15px 7px 13px; font-size: 1rem; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-3.cd-lp-3 a, .psm-circ-nav .psm-nav-3.cd-lp-3 a { padding: 52px 60px 6px 17px; font-size: 1rem; line-height: 1.2rem; } }

.his-circ-nav .psm-nav-3.ri-3, .psm-circ-nav .psm-nav-3.ri-3 { margin: 158px 0 0 266px; width: 196px; background-size: 192px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-3.ri-3, .psm-circ-nav .psm-nav-3.ri-3 { margin: 262px 0 0 320px; width: 210px; background-size: 184px; } }

.his-circ-nav .psm-nav-3.ri-3 a, .psm-circ-nav .psm-nav-3.ri-3 a { padding: 58px 48px 6px 28px; font-size: 1.2rem; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-3.ri-3 a, .psm-circ-nav .psm-nav-3.ri-3 a { padding: 64px 104px 6px 33px; font-size: 1.2rem; line-height: 1.2rem; } }

.his-circ-nav .psm-nav-3 a, .psm-circ-nav .psm-nav-3 a { padding: 44px 0 6px 15px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-3 a, .psm-circ-nav .psm-nav-3 a { padding: 60px 0 6px 26px; } }

.his-circ-nav .psm-nav-3 .green-proc, .psm-circ-nav .psm-nav-3 .green-proc { background: linear-gradient(to right, #74ae34 50%, #7ad50e 103%); padding: 1.7rem 0 0 0rem; display: block; font-size: 0.8rem; border-radius: 0 5px 5px 0; border-radius: 60px; height: 100px; width: 100px; opacity: 0.8; text-align: center; margin: 0.4rem 0 0 2rem; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-3 .green-proc, .psm-circ-nav .psm-nav-3 .green-proc { margin: -1.6rem 0 0 6rem; } }

.his-circ-nav .psm-nav-4, .psm-circ-nav .psm-nav-4 { background-image: url(/images/sections/focus/psm/4.png); margin: 243px 0 0 132px; width: 138px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-4, .psm-circ-nav .psm-nav-4 { margin: 257px 0 0 203px; width: 150px; } }

@media (min-width: 992px) { .his-circ-nav .psm-nav-4:hover, .psm-circ-nav .psm-nav-4:hover { margin: 255px 0 0 200px; } }

.his-circ-nav .psm-nav-4.his-nav-4, .psm-circ-nav .psm-nav-4.his-nav-4 { padding: 28px 45px 0 14px; text-align: center; font-size: 14px; }

.his-circ-nav .psm-nav-4.cd-nav-4 a, .psm-circ-nav .psm-nav-4.cd-nav-4 a { padding: 36px 52px 0 11px; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-4.cd-nav-4 a, .psm-circ-nav .psm-nav-4.cd-nav-4 a { padding: 36px 52px 0 18px; } }

@media (min-width: 768px) { .his-circ-nav .psm-nav-4.ri-4, .psm-circ-nav .psm-nav-4.ri-4 { margin: 257px 0 0 138px; width: 180px; } }

.his-circ-nav .psm-nav-4.ri-4 a, .psm-circ-nav .psm-nav-4.ri-4 a { padding: 36px 52px 0 11px; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-4.ri-4 a, .psm-circ-nav .psm-nav-4.ri-4 a { padding: 56px 52px 0 12px; font-size: 1.2rem; line-height: 1.4rem; } }

.his-circ-nav .psm-nav-4 a, .psm-circ-nav .psm-nav-4 a { padding: 48px 0 0 30px; }

.his-circ-nav .psm-nav-4 .solar-proc, .psm-circ-nav .psm-nav-4 .solar-proc { background: linear-gradient(to right, #e2780c 50%, #ffd400 103%); padding: 2rem 1rem 0 1rem; margin: 1.8rem 0 0 1rem; display: block; font-size: 0.8rem; border-radius: 0 5px 5px 0; border-radius: 60px; height: 100px; width: 100px; opacity: 0.8; text-align: center; }

.his-circ-nav .psm-nav-5, .psm-circ-nav .psm-nav-5 { background-image: url(/images/sections/focus/psm/5.png); margin: 145px 0 0 51px; width: 110px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-5, .psm-circ-nav .psm-nav-5 { margin: 141px 0 0 118px; width: 136px; } }

@media (min-width: 992px) { .his-circ-nav .psm-nav-5:hover, .psm-circ-nav .psm-nav-5:hover { margin: 138px 0 0 116px; } }

.his-circ-nav .psm-nav-5.his-nav-5, .psm-circ-nav .psm-nav-5.his-nav-5 { padding: 41px 28px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-5.cd-nav-5, .psm-circ-nav .psm-nav-5.cd-nav-5 { margin: 136px 0 0 109px; width: 141px; height: 229px; } }

.his-circ-nav .psm-nav-5.cd-nav-5 a, .psm-circ-nav .psm-nav-5.cd-nav-5 a { padding: 35px 0 0 20px; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-5.cd-nav-5 a, .psm-circ-nav .psm-nav-5.cd-nav-5 a { padding: 44px 0 0 31px; } }

.his-circ-nav .psm-nav-5.cd-lp-5, .psm-circ-nav .psm-nav-5.cd-lp-5 { height: 202px; margin: 109px 0 0 42px; width: 138px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-5.cd-lp-5, .psm-circ-nav .psm-nav-5.cd-lp-5 { margin: 116px 0 0 104px; width: 133px; height: 202px; } }

.his-circ-nav .psm-nav-5.cd-lp-5 a, .psm-circ-nav .psm-nav-5.cd-lp-5 a { padding: 28px 21px 0 19px; font-size: 1rem; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-5.cd-lp-5 a, .psm-circ-nav .psm-nav-5.cd-lp-5 a { padding: 38px 36px 1px 29px; font-size: 1rem; line-height: 1.2rem; } }

.his-circ-nav .psm-nav-5.ri-5, .psm-circ-nav .psm-nav-5.ri-5 { margin: 81px 0 0 104px; width: 157px; height: 202px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-5.ri-5, .psm-circ-nav .psm-nav-5.ri-5 { margin: 86px 0 0 109px; width: 158px; height: 197px; } }

.his-circ-nav .psm-nav-5.ri-5 a, .psm-circ-nav .psm-nav-5.ri-5 a { padding: 42px 0 0 1px; font-size: 1.2rem; text-align: center; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-5.ri-5 a, .psm-circ-nav .psm-nav-5.ri-5 a { padding: 58px 121px 0px 22px; font-size: 1rem; line-height: 1.2rem; } }

.his-circ-nav .psm-nav-5 a, .psm-circ-nav .psm-nav-5 a { padding: 63px 0 0 26px; }

.his-circ-nav .psm-nav-6, .psm-circ-nav .psm-nav-6 { background-image: url(/images/sections/focus/psm/6.png); margin: 22px 0 0 52px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-6, .psm-circ-nav .psm-nav-6 { margin: 22px 0 0 142px; } }

@media (min-width: 992px) { .his-circ-nav .psm-nav-6:hover, .psm-circ-nav .psm-nav-6:hover { margin: 21px 0 0 144px; } }

.his-circ-nav .psm-nav-6:hover .circ-wastemgnt, .psm-circ-nav .psm-nav-6:hover .circ-wastemgnt { opacity: 0.8; }

.his-circ-nav .psm-nav-6.his-nav-6, .psm-circ-nav .psm-nav-6.his-nav-6 { padding: 44px; font-size: 14px; }

.his-circ-nav .psm-nav-6.cd-nav-6 a, .psm-circ-nav .psm-nav-6.cd-nav-6 a { padding: 49px 0 0 50px; }

.his-circ-nav .psm-nav-6 a, .psm-circ-nav .psm-nav-6 a { padding: 51px 0 0 78px; }

.his-circ-nav .psm-nav-6 .circ-wastemgnt, .psm-circ-nav .psm-nav-6 .circ-wastemgnt { font-size: 0.8rem; padding: 0; background: linear-gradient(to left, #586a74 33%, #252525 100%); padding: 1.6rem 1rem 1rem 1rem; opacity: 0.8; border-radius: 80px; height: 100px; text-align: center; width: 100px; margin: -48px 0 0 -114px; }

@media (min-width: 768px) { .his-circ-nav .psm-nav-6 .circ-wastemgnt, .psm-circ-nav .psm-nav-6 .circ-wastemgnt { margin: -12px 0 0 -162px; } }

.his-circ-nav.cd-process-sub-nav, .psm-circ-nav.cd-process-sub-nav { height: 390px; margin: 0rem 1rem 0rem -4rem; }

@media (min-width: 768px) { .his-circ-nav.cd-process-sub-nav, .psm-circ-nav.cd-process-sub-nav { margin: 0rem 1rem 0rem -4rem; } }

.his-circ-nav.transition-sub-nav, .psm-circ-nav.transition-sub-nav { margin: 0 1rem 2rem 0; width: 50%; }

.his-circ-nav.transition-sub-nav .psm-nav-1, .psm-circ-nav.transition-sub-nav .psm-nav-1 { margin: 0 0 0 192px; height: 129px; width: 150px; }

.his-circ-nav.transition-sub-nav .psm-nav-1:hover, .psm-circ-nav.transition-sub-nav .psm-nav-1:hover { margin-left: 197px; }

.his-circ-nav.transition-sub-nav .psm-nav-2, .psm-circ-nav.transition-sub-nav .psm-nav-2 { width: 150px; margin: 61px 0 0 293px; background-size: 100%; }

.his-circ-nav.transition-sub-nav .psm-nav-2:hover, .psm-circ-nav.transition-sub-nav .psm-nav-2:hover { margin-left: 298px; }

.his-circ-nav.transition-sub-nav .psm-nav-3, .psm-circ-nav.transition-sub-nav .psm-nav-3 { margin: 224px 0 0 248px; width: 280px; background-size: 158px; }

.his-circ-nav.transition-sub-nav .psm-nav-3:hover, .psm-circ-nav.transition-sub-nav .psm-nav-3:hover { margin-top: 229px; }

.his-circ-nav.transition-sub-nav .psm-nav-4, .psm-circ-nav.transition-sub-nav .psm-nav-4 { margin: 257px 0 0 123px; width: 150px; }

.his-circ-nav.transition-sub-nav .psm-nav-4:hover, .psm-circ-nav.transition-sub-nav .psm-nav-4:hover { margin-left: 118px; }

.his-circ-nav.transition-sub-nav .psm-nav-5.cd-nav-5, .psm-circ-nav.transition-sub-nav .psm-nav-5.cd-nav-5 { margin: 136px 0 0 29px; width: 141px; height: 229px; }

.his-circ-nav.transition-sub-nav .psm-nav-5.cd-nav-5:hover, .psm-circ-nav.transition-sub-nav .psm-nav-5.cd-nav-5:hover { margin-top: 131px; }

.his-circ-nav.transition-sub-nav .psm-nav-6, .psm-circ-nav.transition-sub-nav .psm-nav-6 { margin: 22px 0 0 62px; }

.his-circ-nav.transition-sub-nav .psm-nav-6:hover, .psm-circ-nav.transition-sub-nav .psm-nav-6:hover { margin-top: 17px; }

.his-circ-nav.transition-sub-nav .psm-nav-2.cd-nav-2 a, .psm-circ-nav.transition-sub-nav .psm-nav-2.cd-nav-2 a { padding: 71px 0 0 45px; }

.his-circ-nav.transition-sub-nav .psm-nav-5.cd-nav-5 a, .psm-circ-nav.transition-sub-nav .psm-nav-5.cd-nav-5 a { padding: 42px 20px 0 20px; }

.his-circ-nav.transition-sub-nav .psm-nav-6.cd-nav-6 a, .psm-circ-nav.transition-sub-nav .psm-nav-6.cd-nav-6 a { padding: 36px 0 0 49px; }

.his-circ-nav { margin-bottom: 0; margin-left: -4rem; }

@media (min-width: 768px) { .his-circ-nav { margin-left: -5rem; } }

.his-circ-nav div { cursor: pointer; }

.cd-nav-holder { float: left; width: 100%; margin-top: 0; }

@media (min-width: 768px) { .cd-nav-holder { margin-top: 2rem; } }

.cd-nav-holder .psm-circ-nav-small { margin-top: 0; height: 211px; padding-left: 3rem; }

@media (min-width: 768px) { .cd-nav-holder .psm-circ-nav-small { margin-top: auto; height: auto; padding-left: auto; } }

.cd-nav-holder .psm-circ-nav-small .psm-nav-1 a { padding: 23px 0 0 33px; }

.cd-nav-holder .psm-circ-nav-small .psm-nav-2 a { padding: 52px 0 0 20px; }

.cd-nav-holder .psm-circ-nav-small .psm-nav-3 a { padding: 32px 38px 0 20px; text-align: center; }

.cd-nav-holder .psm-circ-nav-small .psm-nav-4 a { padding: 23px 16px 0 0px; text-align: center; }

.cd-nav-holder .psm-circ-nav-small .psm-nav-5 a { padding: 28px 0 0 13px; text-align: center; }

.cd-nav-holder .psm-circ-nav-small .psm-nav-6 { height: 82px; }

.cd-nav-holder .psm-circ-nav-small .psm-nav-6 a { padding: 29px 0 0 24px; }

.psm-circ-nav-small { width: 100%; float: left; margin-top: 0rem; min-height: 250px; padding-left: 2rem; }

@media (min-width: 768px) { .psm-circ-nav-small { padding-left: 0; } }

.psm-circ-nav-small > div { width: 85px; background-size: 100%; height: 119px; position: absolute; background-repeat: no-repeat; opacity: 0.2; color: white; }

.psm-circ-nav-small > div:hover { opacity: 1; }

.psm-circ-nav-small > div.highlight { opacity: 1; background-color: transparent; }

.psm-circ-nav-small > div a { color: white; float: left; font-size: 0.7rem; }

.psm-circ-nav-small > div a:hover { text-decoration: none; }

.psm-circ-nav-small .psm-nav-1 { background-image: url(/images/sections/focus/psm/1.png); margin-left: 71px; width: 95px; height: 150px; }

.psm-circ-nav-small .psm-nav-1 a { padding: 33px 0 0 33px; }

.psm-circ-nav-small .psm-nav-2 { background-image: url(/images/sections/focus/psm/2.png); margin: 20px 0 0 140px; width: 99px; }

.psm-circ-nav-small .psm-nav-2 a { padding: 60px 0 0 13px; }

.psm-circ-nav-small .psm-nav-3 { background-image: url(/images/sections/focus/psm/3.png); margin: 126px 0 0 120px; width: 104px; }

.psm-circ-nav-small .psm-nav-3 a { padding: 43px 0 0 13px; }

.psm-circ-nav-small .psm-nav-4 { background-image: url(/images/sections/focus/psm/4.png); margin: 152px 0 0 41px; width: 96px; height: 85px; }

.psm-circ-nav-small .psm-nav-4 a { padding: 32px 0 0 20px; }

.psm-circ-nav-small .psm-nav-5 { background-image: url(/images/sections/focus/psm/5.png); margin: 82px 0 0 -15px; }

.psm-circ-nav-small .psm-nav-5 a { padding: 42px 0 0 13px; }

.psm-circ-nav-small .psm-nav-6 { background-image: url(/images/sections/focus/psm/6.png); margin: 13px 0 0 0; width: 92px; }

.psm-circ-nav-small .psm-nav-6 a { padding: 29px 0 0 41px; }

.psm-chart-cont { margin-bottom: 3rem; float: left; width: 100%; }

.psm-chart-cont h3 { font-weight: 400; font-size: 1.2rem; margin-bottom: 1rem; }

.psm-chart-cont .chart-left { width: 100%; float: left; }

@media (min-width: 768px) { .psm-chart-cont .chart-left { width: 55%; } }

.psm-chart-cont .chart-left p { font-size: 1.2rem; color: #356d8c; font-weight: 500; margin-bottom: 0; }

.psm-chart-cont .chart-left p.psm-small { font-size: 0.9rem; margin-bottom: 1.5rem; color: #969696; }

.psm-chart-cont .chart-right { background: whitesmoke; padding: 1rem 0 2rem; margin-top: 4rem; width: 100%; float: left; }

@media (min-width: 768px) { .psm-chart-cont .chart-right { width: 45%; } }

.psm-chart-cont .chart-right h3 { margin: 0 1rem 1rem; }

.psm-chart-cont .chart-right .small-chart-holder { margin-top: -1rem; float: left; width: 100%; }

.psm-chart-cont .chart-right .small-chart-holder > div { float: left; width: 70%; }

.psm-chart-cont .chart-right .small-chart-holder span { width: 30%; float: left; margin-top: 3.5rem; font-size: 1.2rem; color: grey; }

.psm-chart-cont .chart-right .small-chart-holder.small-chart { float: left; width: 100%; margin-top: -1rem; }

.psm-chart-cont .chart-right .small-chart-holder.small-chart > div { width: 5rem; height: 5rem; }

.psm-chart-cont .chart-right .small-chart-holder.small-chart canvas { height: 150px; width: 150px; }

.psm-chart-cont .chart-right .small-chart-holder.small-chart span { margin-top: 2.5rem; }

.psm-chart-cont .chart-right .chart-right-left { float: left; width: 55%; }

.psm-chart-cont .chart-right .chart-right-left canvas { width: 70%; float: left; }

.psm-chart-cont .chart-right .chart-right-left .span { float: left; font-size: 1.4rem; color: grey; }

.psm-chart-cont .chart-right .chart-right-right { float: left; width: 45%; }

.psm-chart-cont .chart-right .chart-right-right canvas { width: 70%; float: left; }

.psm-chart-cont .chart-right .chart-right-right .span { width: 30%; float: left; font-size: 1rem; color: grey; }

.psm-chart-cont .chart-right .chart-left-footer { float: left; width: 100%; text-align: center; padding: 1rem 1rem 0; }

.psm-chart-cont .chart-right .chart-left-footer p { border-top: 1px solid darkgrey; padding-top: 0.6rem; font-size: 0.8rem; }

.psm-chart-cont .psm-chart-bottom { float: left; width: 100%; margin-top: 2rem; }

.psm-chart-cont .psm-chart-bottom .psm-partner-title { float: left; padding: 0; width: 100%; }

@media (min-width: 768px) { .psm-chart-cont .psm-chart-bottom .psm-partner-title { padding: 3rem 0 0 0; width: 55%; } }

.psm-chart-cont .psm-chart-bottom .psm-partner-title p { font-size: 1.2rem; color: #356d8c; font-weight: 500; }

.psm-chart-cont .psm-chart-bottom .psm-partner-chart { float: left; height: 180px; width: 100%; }

@media (min-width: 768px) { .psm-chart-cont .psm-chart-bottom .psm-partner-chart { width: 45%; } }

.proc-page-top { min-height: 200px; margin-bottom: 1rem; }

.proc-page-top.proc-subpage .pageintro-light { width: 96%; margin-top: 0rem; }

.proc-page-top.proc-subpage .procdesc { padding: 0; }

.proc-page-top .procdesc { font-size: 1.1rem; padding: 2rem 0 0rem 0; }

@media (min-width: 768px) { .proc-page-top .procdesc { padding: 2rem 3rem 0rem 0; } }

.proc-page-top .procdesc.large-desc { padding-top: 0; }

.finances-circ-nav { width: 66%; float: left; padding: 1rem 0rem; margin: 0rem 4rem 0 -7rem; z-index: 1; height: 390px; }

@media (min-width: 768px) { .finances-circ-nav { height: 450px; } }

.finances-circ-nav > div { width: 130px; background-size: 100%; position: absolute; background-repeat: no-repeat; opacity: 0.8; color: white; background-position: 0px 0px; transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; z-index: 100; text-align: center; height: 127px; }

@media (min-width: 768px) { .finances-circ-nav > div { height: 180px; } }

.finances-circ-nav > div:hover { opacity: 1; }

.finances-circ-nav > div a { color: white; float: left; font-size: 0.9rem; }

.finances-circ-nav > div a:hover { text-decoration: none; font-weight: normal; }

.finances-circ-nav .fin-nav-0 { z-index: 10; height: 300px; border-radius: 300px; border: 39px solid #f3f3f3; width: 300px; margin: 53px 169px; padding: 3rem 0rem 0 0rem; text-align: center; }

.finances-circ-nav .fin-nav-0 a { color: grey; font-size: 1rem; float: left; width: 100%; padding: 0.1rem 0; background: #f3f3f3; margin-bottom: 0.2rem; }

.finances-circ-nav .fin-nav-1 { background-image: url(/images/sections/focus/finances/finance-cycle-step1.png); margin-left: 279px; width: 113px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-1 { margin-left: 367px; width: 134px; } }

.finances-circ-nav .fin-nav-1:hover { margin-left: 355px; margin-top: 5px; }

.finances-circ-nav .fin-nav-1.his2-nav-1 { padding: 40px 24px 41px 30px; }

.finances-circ-nav .fin-nav-1 a { padding: 52px 24px 41px 34px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-1 a { padding: 59px 24px 41px 42px; } }

.finances-circ-nav .fin-nav-2 { background-image: url(/images/sections/focus/finances/finance-cycle-step2.png); margin: 77px 0 0 334px; width: 117px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-2 { margin: 89px 0 0 426px; width: 150px; } }

.finances-circ-nav .fin-nav-2:hover { margin-top: 86px; margin-left: 415px; }

.finances-circ-nav .fin-nav-2.his2-nav-2 { padding: 65px 24px 30px 39px; }

.finances-circ-nav .fin-nav-2 a { padding: 49px 24px 30px 24px; font-size: 0.8rem; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-2 a { padding: 65px 24px 30px 39px; font-size: 0.9rem; } }

.finances-circ-nav .fin-nav-3 { background-image: url(/images/sections/focus/finances/finance-cycle-step3.png); margin: 209px 0 0 307px; width: 138px; background-size: 100%; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-3 { margin: 247px 0 0 389px; width: 280px; background-size: 158px; } }

.finances-circ-nav .fin-nav-3:hover { margin: 238px 0 0 381px; }

.finances-circ-nav .fin-nav-3:hover .green-proc { opacity: 0.8; }

.finances-circ-nav .fin-nav-3.his2-nav-3 { padding: 42px 125px 72px 15px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-3.his2-nav-3 { padding: 42px 166px 72px 15px; } }

.finances-circ-nav .fin-nav-3 a { padding: 40px 48px 58px 17px; width: 137px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-3 a { padding: 55px 48px 58px 16px; width: 153px; } }

.finances-circ-nav .fin-nav-4 { background-image: url(/images/sections/focus/finances/finance-cycle-step4.png); margin: 240px 0 0 193px; width: 139px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-4 { margin: 274px 0 0 261px; width: 150px; } }

.finances-circ-nav .fin-nav-4:hover { margin: 268px 0 0 254px; }

.finances-circ-nav .fin-nav-4.his2-nav-4 { padding: 31px 44px 56px 19px; line-height: 1.5rem; }

.finances-circ-nav .fin-nav-4 a { padding: 52px 31px 56px 14px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-4 a { padding: 52px 31px 56px 19px; } }

.finances-circ-nav .fin-nav-5 { background-image: url(/images/sections/focus/finances/finance-cycle-step5.png); margin: 173px 0 0 104px; width: 124px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-5 { margin: 197px 0 0 147px; width: 145px; } }

.finances-circ-nav .fin-nav-5:hover { margin: 187px 0 0 135px; }

.finances-circ-nav .fin-nav-5.his2-nav-5 { padding: 40px 34px 68px 30px; line-height: 1.4rem; }

.finances-circ-nav .fin-nav-5 a { padding: 31px 22px 63px 20px; font-size: 0.8rem; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-5 a { padding: 31px 34px 68px 30px; font-size: 0.9rem; } }

.finances-circ-nav .fin-nav-6 { background-image: url(/images/sections/focus/finances/finance-cycle-step6.png); margin: 76px 0 0 101px; width: 113px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-6 { margin: 79px 0 0 138px; width: 150px; } }

.finances-circ-nav .fin-nav-6:hover { margin: 76px 0 0 140px; }

.finances-circ-nav .fin-nav-6.his2-nav-6 { padding: 31px 18px 43px 29px; line-height: 1.3rem; }

.finances-circ-nav .fin-nav-6 a { padding: 40px 20px 43px 27px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-6 a { padding: 53px 20px 43px 38px; } }

.finances-circ-nav .fin-nav-7 { background-image: url(/images/sections/focus/finances/finance-cycle-step7.png); margin: -8px 0 0 150px; width: 136px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-7 { margin: -8px 0 0 209px; width: 169px; } }

.finances-circ-nav .fin-nav-7:hover { margin: -8px 0 0 205px; }

.finances-circ-nav .fin-nav-7:hover .circ-wastemgnt { opacity: 0.8; }

.finances-circ-nav .fin-nav-7.his2-nav-7 { padding: 36px 21px 24px 35px; line-height: 1.4rem; }

.finances-circ-nav .fin-nav-7 a { padding: 32px 21px 24px 35px; }

@media (min-width: 768px) { .finances-circ-nav .fin-nav-7 a { padding: 42px 21px 24px 47px; } }

.fin-nav-desc { padding: 0rem 1rem 0 1rem; }

@media (min-width: 768px) { .fin-nav-desc { padding: 0rem 1rem 0 2rem; } }

.fin-nav-desc p { font-size: 1.3rem; padding-left: 0rem; padding-right: 0rem; }

@media (min-width: 768px) { .fin-nav-desc p { padding-left: 0; padding-right: 1rem; } }

.fin-nav-desc h5 { margin-bottom: 2rem; font-size: 1.7rem; }

.fin-nav-subnav .finances-circ-nav { margin: -2rem 4rem 0 0rem; height: 320px; }

.fin-nav-subnav .finances-circ-nav > div { opacity: 0.2; }

.fin-nav-subnav .finances-circ-nav > div:hover { opacity: 1; }

.fin-nav-subnav .finances-circ-nav > div.highlight { opacity: 1; background-color: transparent; }

.fin-nav-subnav .finances-circ-nav .fin-nav-1 { margin: 13px 0 0px 161px; width: 94px; height: 93px; }

.fin-nav-subnav .finances-circ-nav .fin-nav-1 a { padding: 43px 24px 41px 22px; }

.fin-nav-subnav .finances-circ-nav .fin-nav-2 { margin: 68px 0 0 194px; width: 111px; height: 121px; }

.fin-nav-subnav .finances-circ-nav .fin-nav-2 a { padding: 54px 24px 30px 25px; line-height: 1rem; font-size: 0.8rem; }

.fin-nav-subnav .finances-circ-nav .fin-nav-3 { margin: 169px 0 0 179px; width: 117px; height: 109px; background-size: 109px; }

.fin-nav-subnav .finances-circ-nav .fin-nav-3 a { padding: 37px 62px 58px 0px; font-size: 0.8rem; line-height: 1rem; }

.fin-nav-subnav .finances-circ-nav .fin-nav-4 { margin: 181px 0 0 101px; width: 109px; padding: 0; height: 101px; }

.fin-nav-subnav .finances-circ-nav .fin-nav-4 a { padding: 36px 0 0 11px; font-size: 0.8rem; }

.fin-nav-subnav .finances-circ-nav .fin-nav-5 { margin: 136px 0 0 34px; height: 117px; width: 97px; }

.fin-nav-subnav .finances-circ-nav .fin-nav-5 a { font-size: 0.8rem; padding: 44px 19px 0 19px; line-height: 1rem; }

.fin-nav-subnav .finances-circ-nav .fin-nav-6 { margin: 68px 0 0 32px; width: 86px; height: 109px; }

.fin-nav-subnav .finances-circ-nav .fin-nav-6 a { padding: 34px 13px 47px 14px; font-size: 0.8rem; }

.fin-nav-subnav .finances-circ-nav .fin-nav-7 { margin: 10px 0 0 70px; width: 106px; height: 105px; }

.fin-nav-subnav .finances-circ-nav .fin-nav-7 a { padding: 27px 21px 23px 30px; font-size: 0.8rem; line-height: 1rem; }

.pm-nav-subnav { display: none; }

@media (min-width: 768px) { .pm-nav-subnav { display: block; } }

.pm-nav-subnav .finances-circ-nav { margin: 0rem 4rem 0 0rem; height: 515px; }

.pm-nav-subnav .finances-circ-nav > div { height: 180px; opacity: 0.9; }

.pm-nav-subnav .finances-circ-nav > div:hover { opacity: 1; }

.pm-nav-subnav .finances-circ-nav > div.highlight { opacity: 1; background-color: transparent; }

.pm-nav-subnav .finances-circ-nav .fin-nav-1 { margin-left: 350px; width: 167px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-1:hover { margin-top: 2px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-1 a { padding: 46px 24px 41px 38px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-2 { margin: 93px 0 0 413px; width: 193px; height: 231px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-2:hover { margin-top: 95px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-2 a { padding: 85px 24px 30px 39px; font-size: 0.9rem; }

.pm-nav-subnav .finances-circ-nav .fin-nav-3 { margin: 283px 0 0 385px; width: 352px; background-size: 210px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-3:hover { margin-top: 285px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-3 a { padding: 60px 23px 58px 16px; width: 182px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-4 { margin: 310px 0 0 225px; width: 213px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-4:hover { margin-top: 312px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-4 a { padding: 42px 44px 56px 29px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-5 { margin: 220px 0 0 86px; width: 196px; height: 228px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-5:hover { margin-top: 222px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-5 a { padding: 53px 34px 68px 30px; font-size: 0.9rem; }

.pm-nav-subnav .finances-circ-nav .fin-nav-6 { margin: 82px 0 0 79px; width: 177px; height: 191px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-6:hover { margin-top: 84px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-6 a { padding: 34px 30px 47px 36px; font-size: 0.9rem; }

.pm-nav-subnav .finances-circ-nav .fin-nav-7 { margin: -32px 0 0 158px; width: 223px; height: 174px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-7:hover { margin-top: -30px; }

.pm-nav-subnav .finances-circ-nav .fin-nav-7 a { padding: 37px 24px 22px 77px; font-size: 0.9rem; line-height: 1rem; }

.finances-top-holder { margin-top: 0rem; float: left; }

@media (min-width: 768px) { .finances-top-holder { display: flex; } }

/* ----------------- Results ----------------- */
.read-more-section .read-more { color: #0060a9; font-style: italic; cursor: pointer; margin-left: 0; }

@media (min-width: 768px) { .read-more-section .read-more { margin-left: 0; } }

.read-more-section .read-more-toggle { display: none; margin-top: 1rem; }

.read-more-section .read-more-toggle p { margin: 1rem 0 0 0; }

.keyresults-results-full { margin-top: 2rem; }

.keyresults-results-full h2 { text-align: center; }

.partnert-holder .readmore-container { margin-bottom: 2rem; }

.results-section .subpage-eventlogo { text-align: right; }

@media (min-width: 1200px) { .results-section .img-frame { width: 88%; } }

.results-section .results-country-graphs { margin-top: 0; }

.results-section .results-country-graphs p { text-align: center; margin-top: 1rem; font-size: 0.9rem; }

.results-section .results-country-graphs h3 { text-align: center; }

.results-section .related-repeat .post-slide .post-content { min-height: auto; }

.results-section .keyresults-capacitydev { margin-top: 2rem; padding: 0; }

@media (min-width: 768px) { .results-section .keyresults-capacitydev { padding-left: 15px; padding-right: 15px; } }

.results-section .keyresults-capacitydev .hasdone-title { margin: 0; font-size: 1.1rem; }

.results-section .keyresults-capacitydev .right-block { padding: 1.5rem 0; }

.results-section .results-story-holder { background: #f6f6f6; margin-top: 1rem; margin-bottom: 1rem; }

@media (min-width: 768px) { .results-section .results-story-holder { padding: 2rem 0 1rem; margin-top: 3rem; } }

.results-section .results-story-holder .results-story { padding-top: 1rem; }

@media (min-width: 768px) { .results-section .results-story-holder .results-story { padding-top: 0; } }

.results-section .results-story-holder .results-story .results-story-image { text-align: center; margin-bottom: 2rem; }

.results-section .results-story-holder .results-story .results-story-image p { margin: 0 0 1rem; }

.results-section .results-story-holder .results-story .read-more-section p { margin: 0 0 1rem; }

.results-section.results-sdg-holder { background: none; margin-top: 2rem; }

.results-section.results-sdg-holder p { margin: 0 0rem 1rem; }

.results-section.results-sdg-holder .results-sdg-bg { background: #f2f2f2; padding: 2rem 0; }

.results-story-image-2 { text-align: center; }

.results-story-image-2 img { width: 330px; }

.event-topdescription .results-summary.largetext p { padding: 3rem 2rem 0; font-size: 1.6rem; font-weight: 100; text-align: left; }

.results-quote { text-align: center; margin: 2rem auto; font-size: 1.3rem; font-weight: 100; font-family: Avalon, sans-serif; font-style: italic; width: 100%; }

@media (min-width: 768px) { .results-quote { width: 80%; } }

.results-quote.smaller-margin { margin: 1.5rem auto; }

.sub-navblock { padding-top: 0; }

.results-title { border-bottom: 1px solid #f3f3f3; margin-top: 0; background: #f3f3f345; padding-top: 0.5rem; text-align: center; }

.results-title h1 { margin-bottom: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; float: left; width: 100%; text-align: center; }

.results-title span { font-weight: 100; color: grey; text-transform: uppercase; float: left; width: 100%; text-align: center; margin: 0; font-size: 0.8rem; padding-bottom: 0.2rem; }

/* ----------------- Results main ----------------- */
.lives-saved { text-align: center; }

@media (min-width: 1200px) { .lives-saved { padding-left: 4rem; } }

.lives-saved i { font-size: 4rem; }

.results-summary p { text-align: center; padding: 0rem 0rem 1rem; font-size: 1.2rem; }

@media (min-width: 768px) { .results-summary p { padding: 2rem 3rem 0; font-size: 1.2rem; } }

@media (min-width: 992px) { .results-summary p { padding: 2rem 3rem 0; font-size: 1.2rem; } }

@media (min-width: 1200px) { .results-summary p { padding: 2rem 3rem 0; font-size: 1.3rem; } }

.results-summary.largetext p { padding: 0rem 0rem 0; font-size: 1.2rem; font-weight: 100; }

@media (min-width: 768px) { .results-summary.largetext p { padding: 3rem 3rem 0; font-size: 1.7rem; font-weight: 100; } }

.results-summary.results-main p { text-align: center; font-size: 1.2rem; padding: 1rem 0rem 0 0; }

@media (min-width: 768px) { .results-summary.results-main p { padding: 0; margin: 0; font-size: 1.3rem; } }

@media (min-width: 992px) { .results-summary.results-main p { font-size: 1.2rem; } }

@media (min-width: 1200px) { .results-summary.results-main p { font-size: 1.3rem; } }

.results-main-box { margin-bottom: 2rem; margin-top: 3rem; }

.results-main-box.results-main-hiv .sub-stats { text-align: center; }

.results-main-box .results-main-hiv-title { text-align: center; background: #ffc4c4; border-bottom: 2px solid #dd868e; font-weight: bold; background: transparent; border-bottom: 0; margin-bottom: 1rem; }

.results-main-box.results-main-tb .sub-stats { text-align: center; }

.results-main-box .results-main-tb-title { text-align: center; background: #c4eaff; border-bottom: 2px solid #04bebf; font-weight: bold; background: transparent; border-bottom: 0; margin-bottom: 1rem; }

.results-main-box.results-main-malaria .sub-stats { text-align: center; }

.results-main-box .results-main-malaria-title { text-align: center; background: #bdfacb; background: transparent; border-bottom: 2px solid #04bf66; font-weight: bold; border-bottom: 0; margin-bottom: 1rem; }

.results-main-box h2 { margin: 0.5rem 0 0; font-weight: 500; border: 0; font-size: 1.5rem; }

@media (min-width: 768px) { .results-main-box h2 { font-size: 1.7rem; } }

.results-main-box .sub-stats i { font-size: 2.5rem; }

.results-main-box .sub-stats h3 { font-size: 1.3rem; font-weight: 500; margin-bottom: 0.4rem; }

@media (min-width: 768px) { .results-main-box .sub-stats h3 { margin-bottom: 1rem; } }

.results-main-box .sub-stats .sub-stats-col { padding-bottom: 2rem; padding: 0rem 1rem 2rem; background: linear-gradient(to right, #fafafa, #f6faff69); text-align: center; position: relative; top: 0; transition: 0.2s; margin-bottom: 0.2rem; }

.results-main-box .sub-stats .sub-stats-col:hover { -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); margin-top: -3px; margin-bottom: 6px; }

.results-main-box .sub-stats .sub-stats-col > div { margin: 1rem 0; }

@media (min-width: 768px) { .results-main-box .sub-stats .sub-stats-col > div { margin: 2rem; } }

.results-main-box .sub-stats .icon-ribbon, .results-main-box .sub-stats .icon-male-and-female, .results-main-box .sub-stats .icon-people-alt { font-size: 2.5rem; }

@media (min-width: 768px) { .results-main-box .sub-stats .icon-ribbon, .results-main-box .sub-stats .icon-male-and-female, .results-main-box .sub-stats .icon-people-alt { font-size: 3rem; } }

.results-main-box .sub-stats .icon-ribbon.opac, .results-main-box .sub-stats .icon-male-and-female.opac, .results-main-box .sub-stats .icon-people-alt.opac { opacity: 0.4; }

.grant-performance { background: #f8f8f8; margin-top: 3rem; padding: 0 1rem 1rem; padding-bottom: 2rem; padding: 0rem 1rem 2rem; background: linear-gradient(to right, #fafafa, #f6faff69); text-align: center; position: relative; top: 0; transition: 0.2s; margin-bottom: 0.2rem; }

@media (min-width: 768px) { .grant-performance { padding: 0 0 3rem; } }

.grant-performance .resultmain-canvas-holde { width: 700px; }

.grant-performance h2 { text-align: center; font-size: 1.78rem; font-weight: 200; border: 0; margin: 2rem 0 0; }

@media (min-width: 768px) { .grant-performance h2 { margin: 2rem 0 0; } }

.grant-performance p { padding: 2rem 0 0; }

@media (min-width: 768px) { .grant-performance p { padding: 2rem 2rem 0rem; } }

.grant-performance img { width: 60%; }

.grant-performance .grant-pferformance-image { text-align: center; }

@media (min-width: 768px) { .grant-performance .grant-pferformance-image { padding-top: 3rem; text-align: left; } }

/* ----------------- Results countries ----------------- */
.extra-result { margin-top: 2rem; }

.extra-result div.results-country-top { padding: 3rem; background: #eefbf5; }

.extra-result .story h3 { font-size: 1.3rem; text-align: center; padding-top: 1rem; font-weight: 600; margin-bottom: 1.5rem; }

.extra-result div.country-section-fadeintro { background: #eefbf5; }

.introcolumns { margin-top: 1rem; }

@media (min-width: 768px) { .introcolumns { margin-top: 4rem; } }

.introcolumns h5 { text-align: center; border-bottom: 1px solid #c7c7c7; padding-bottom: 0.5rem; }

.introcolumns .target-pop { background: #f3f3f3ad; padding-top: 1rem; margin-top: -1rem; }

.introcolumns .container { padding: 0; }

@media (min-width: 768px) { .introcolumns .container { padding-left: 15px; padding-right: 15px; } }

.keyresults-tb .col-sm-12, .keyresults-hiv .col-sm-12, .keyresults-malaria .col-sm-12 { padding-left: 0; padding-right: 0; }

.keyresults-tb .col-sm-12.extra-result, .keyresults-hiv .col-sm-12.extra-result, .keyresults-malaria .col-sm-12.extra-result { padding-left: 15px; padding-right: 15px; }

.keyresults-heading-title { margin-bottom: 1rem; border: 0; padding: 0.5rem; text-align: center; border-bottom: 2px solid #8a8a8a; font-weight: bold; background: transparent; }

.wad2019 .wad2019-top .top-wad-img { border-radius: 20px 0 0 20px; float: left; width: 100%; }

.wad2019 .wad2019-top .communities-sub { border-radius: 0 20px 20px 0; background: #f9f9f9; text-align: justify; }

.wad2019 .wad2019-top .communities-sub span { font-size: 1.2rem; padding: 1rem; float: left; font-weight: 600; }

.wad2019 .wad2019-top .communities-intro { margin: 3rem 0; text-align: justify; }

.wad2019 .wad2019-top .communities-intro h3 { font-weight: bold; }

.wad2019 .wad2019-top .communities-intro p { margin: 0; }

.wad2019 .wad2019-top .communities-intro img { width: 100%; float: left; margin-top: 2rem; }

.wad2019 .hivday-2019 h2 { text-align: center; }

.wad2019 .hivday-2019 .comm-images > div { padding: 0; margin: 0; }

.wad2019 .hivday-2019 .comm-images > div img { width: 100%; float: left; }

.wad2019 .hivday-2019 .hivday-content { text-align: justify; margin-top: 1rem; }

.wad2019 .hivday-2019 .hivday-content .wad-guidance { border-bottom: 2px solid #87c440; background: none; }

.wad2019 .wad-zim { padding: 2rem; background: #f6f9ff; margin-top: 3rem; }

.wad2019 .wad-zim h2 { font-size: 1.3rem; font-weight: bold; text-align: center; margin: 1rem 0 2rem; }

.wad2019 .wad-zim h2.bigger { font-size: 1.7rem; }

.wad2019 .wad-zim .read-more-toggle { display: none; }

.wad2019 .wad-zim .heart-image { width: 100%; }

.wad2019 .wad-zim .white-box-large { background: white; border-radius: 20px; padding: 2rem 0; text-align: justify; }

.wad2019 .wad-zim .white-box { padding: 10px; }

.wad2019 .wad-zim .white-box > div { background: white; border-radius: 50px; padding: 1rem 0; }

.wad2019 .wad-zim .white-box > div p { padding: 0 1rem; }

.wad2019 .wad-zim .white-box > div img { width: 33%; margin: 0 1rem; border: 1px solid #d6d6d6; }

.wad2019 .wad-zim .white-box .blue-button { font-size: 1rem; }

.wad2019 .wad-zim .white-box .read-more { color: #0065b5; cursor: pointer; }

.wad2019 .wad-zim .white-box .float-none { float: none; }

.wad2019 .wad-zim .big-zim { font-size: 1rem; }

.wad2019 .wad-zim .zim-launch .zim-cso-thumb { width: 71%; border: 1px solid #e4e4e4; }

.wad2019 .wad-zim .zim-launch h2 { font-size: 1.7rem; margin-bottom: 0; margin-top: 3rem; }

.wad2019 .wad-zim .zim-launch h3 { font-size: 1.3rem; text-align: center; margin-bottom: 2rem; }

.wad2019 .wad-zim .zim-launch p { text-align: justify; }

.wad2019 .wad-zim .zim-launch .go-to-web p { text-align: center; }

.wad2019 .wad-zim .green-box { background: #87c440; border-radius: 50px; }

.wad2019 .wad-zim .blue-box { background: #e7f4ff; border-radius: 50px; }

.wad2019 .wad-zim .orange-box { background: #f78e1e; border-radius: 50px; }

.wad2019 .wad-zim .green-title { border-bottom: 5px solid #87c440; }

.wad2019 .wad-zim .orange-title { border-bottom: 5px solid #f78e1e; }

.wad2019 .results-achieved { padding: 1rem 0 0; text-align: center; }

.other-countries { text-align: center; margin: 3rem 0 1rem; }

.ie-notification { width: 100%; float: left; }

.ie-notification h2 { font-size: 1.1rem; text-align: center; margin: 4rem auto; padding: 2rem; background: #ffcf78; width: 68%; float: none; }

.keyresults-hiv .keyresults-heading { background: #da05172b; margin-bottom: 0; border: 0; padding: 0.5rem; text-align: center; border-bottom: 2px solid #dd868e; font-weight: bold; background: transparent; }

.keyresults-hiv .results-country-top { background: linear-gradient(#efefef9e 3%, #fcfdff); background: linear-gradient(#f9d7da38 3%, #fcfdff); background: linear-gradient(#fbbec7 3%, #ffd9dc); background: white; box-shadow: 0 0 10px #ececec; }

.keyresults-hiv .results-country-top.smaller { background: linear-gradient(#fcfdff 3%, #efefef9e); background: linear-gradient(#fcfdff 3%, #f9d7da38); background: linear-gradient(#ffd9dc 3%, #fbbec7); background: white; box-shadow: 0 0 10px #ececec; }

.keyresults-hiv .country-section-fadeintro { background: linear-gradient(#efefef9e 3%, #fcfdff); background: linear-gradient(#f9d7da38 3%, #fcfdff); padding: 1rem; background: white; box-shadow: 0 0 10px #ececec; }

@media (min-width: 768px) { .keyresults-hiv .country-section-fadeintro { padding: 2rem 3rem 2rem; } }

.keyresults-tb .cd-sub-title { font-weight: 100; font-size: 1.2rem; border-bottom: 1px solid #e8e8e8; padding: 0rem 1rem 0.4rem; text-align: center; }

.keyresults-tb p { margin: 0 0rem 1rem; }

.keyresults-tb .read-more-section .read-more-toggle { margin-top: 1rem; }

.keyresults-tb .keyresults-heading { background: #e3f5ff; margin-bottom: 0; border: 0; padding: 0.5rem; text-align: center; border-bottom: 2px solid #04bebf; font-weight: bold; background: transparent; }

.keyresults-tb .results-country-top { background: linear-gradient(#e3f5ff94 3%, #fcfdff); background: white; box-shadow: 0 0 10px #ececec; }

.keyresults-tb .results-country-top.smaller { background: linear-gradient(#fcfdff 3%, #e3f5ff94); background: white; box-shadow: 0 0 10px #ececec; }

.keyresults-tb .country-section-fadeintro { background: linear-gradient(#efefef9e 3%, #fcfdff); background: linear-gradient(#e3f5ff8f 3%, #fcfdff); padding: 1rem 1rem; background: white; box-shadow: 0 0 10px #ececec; }

@media (min-width: 768px) { .keyresults-tb .country-section-fadeintro { padding: 2rem 3rem 2rem; } }

.keyresults-malaria .keyresults-heading { border: 0; background: #05c06630; margin-bottom: 0; padding: 0.5rem; text-align: center; background: transparent; border-bottom: 2px solid #04bf66; font-weight: bold; }

.keyresults-malaria .results-country-top { background: linear-gradient(#efefef9e 3%, #fcfdff); background: linear-gradient(#d4f4e33d 3%, #fcfdff); background: white; box-shadow: 0 0 10px #ececec; }

.keyresults-malaria .results-country-top.smaller { background: linear-gradient(#fcfdff 3%, #efefef9e); background: linear-gradient(#fcfdff 3%, #d4f4e33d); background: white; box-shadow: 0 0 10px #ececec; }

.keyresults-malaria .country-section-fadeintro { background: linear-gradient(#efefef9e 3%, #fcfdff); background: linear-gradient(#d4f4e33d 3%, #fcfdff); padding: 1rem 1rem; background: white; box-shadow: 0 0 10px #ececec; }

@media (min-width: 768px) { .keyresults-malaria .country-section-fadeintro { padding: 2rem 3rem 2rem; } }

.keyresults-malaria .country-section-fadeintro.solid-green { background: #eef7f2; }

@media (min-width: 768px) { .keyresults-malaria .country-section-fadeintro.solid-green { padding: 2rem 3rem; } }

.lightbox-holder { float: left; width: 100%; margin-top: 1rem; }

.lightbox-holder > div { width: 32%; margin-right: 1%; float: left; }

.keyresults-hiv.simpleversion .titleholder, .keyresults-tb.simpleversion .titleholder, .keyresults-malaria.simpleversion .titleholder { margin: 0; padding: 0; }

.keyresults-hiv.simpleversion .titleholder p, .keyresults-tb.simpleversion .titleholder p, .keyresults-malaria.simpleversion .titleholder p { background: #f9d7da75; float: left; width: 100%; margin: 0; }

.keyresults-hiv.simpleversion .results-country-top h3, .keyresults-tb.simpleversion .results-country-top h3, .keyresults-malaria.simpleversion .results-country-top h3 { text-align: center; color: black; font-size: 1.2rem; padding: 1rem 2rem 0; }

.country-section-fadeintro .read-more-section p { margin: 0 0 1rem; }

.solar-for-health .para-toggle-container.blue-fade-box .bluef-fade-more { min-height: auto; }

.solar-for-health h2 { margin: 2rem 0rem 1rem; }

.wad-angola { padding-top: 2rem; border-top: 1px solid #f3f3f3; margin-top: 2rem; }

@media (min-width: 768px) { .wad-angola h2 { width: 100%; float: left; padding: 1rem 1rem 0; } }

@media (min-width: 768px) { .wad-angola img { width: 100%; border-radius: 10px; float: left; } }

.country-related, .results-country-top { background: linear-gradient(#fcfdff 3%, #c1c1c138); padding: 3rem 1rem 1rem; text-align: center; }

.country-related.transparent, .results-country-top.transparent { background: transparent; }

.country-related.grad-to-right, .results-country-top.grad-to-right { background: linear-gradient(to right, #fcfdff 3%, #c1c1c138); }

.country-related.grad-to-left, .results-country-top.grad-to-left { background: linear-gradient(to left, #fcfdff 3%, #c1c1c138); }

.country-related.version2, .results-country-top.version2 { padding: 1rem 0.5rem 1rem; }

@media (min-width: 768px) { .country-related.version2, .results-country-top.version2 { padding: 1rem 1.5rem 1rem; margin-top: 0; } }

.country-related.version2.greenbg, .results-country-top.version2.greenbg { background: #daf3ddad; }

.country-related.version2.smaller, .results-country-top.version2.smaller { padding-top: 1rem; }

@media (min-width: 768px) { .country-related.version2.smaller, .results-country-top.version2.smaller { padding-top: 2rem; } }

.country-related.version2.smaller.circle, .results-country-top.version2.smaller.circle { padding-top: 1rem; }

.country-related.version2.smaller h3, .results-country-top.version2.smaller h3 { font-weight: 400; margin-bottom: 0.5rem; font-size: 1.2rem; }

@media (min-width: 768px) { .country-related.version2.smaller h3, .results-country-top.version2.smaller h3 { font-size: 1.4rem; font-weight: 100; } }

.country-related.version2.textblock, .results-country-top.version2.textblock { background: none; padding: 0rem 1.5rem 0; }

.country-related.version2.textblock p, .results-country-top.version2.textblock p { text-align: center; padding: 1rem 0rem 0; font-weight: normal; }

.country-related.version2 h3, .results-country-top.version2 h3 { font-weight: 400; color: #073252; font-size: 1.2rem; }

@media (min-width: 768px) { .country-related.version2 h3, .results-country-top.version2 h3 { font-size: 1.4rem; } }

.country-related.version2 h2, .results-country-top.version2 h2 { margin: -2.5rem 0 2rem; border-bottom: 2px solid black; padding-bottom: 1rem; }

.country-related.version2 h3, .results-country-top.version2 h3 { font-size: 1.4rem; text-align: center; color: black; font-weight: 100; }

.country-related.version2 p, .results-country-top.version2 p { font-weight: normal; font-size: 0.9rem; margin-top: 1rem; }

.country-related.version2 .circliful, .results-country-top.version2 .circliful { margin: 0 auto; }

.country-related.version2 .circliful.version2, .results-country-top.version2 .circliful.version2 { margin-top: 2rem; }

.country-related.version2 .country-graph-explanations, .results-country-top.version2 .country-graph-explanations { float: left; width: 100%; }

.country-related.version2 .country-graph-explanations p, .results-country-top.version2 .country-graph-explanations p { text-align: left; font-size: 0.8rem; color: grey; margin: 0 0 0 1rem; }

.country-related .results-country-summary h2, .country-related .results-country-summary h3, .results-country-top .results-country-summary h2, .results-country-top .results-country-summary h3 { text-align: center; }

.country-related .results-country-summary h2, .results-country-top .results-country-summary h2 { margin: -3rem 0 2rem; border-bottom: 1px solid black; padding: 0 0 1rem; }

.country-related .results-country-summary.version2 p, .results-country-top .results-country-summary.version2 p { text-align: center; font-size: 1.25rem; font-family: "Benton Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: 400; color: #0060a9; }

.country-related .results-country-summary.version2 img, .results-country-top .results-country-summary.version2 img { border: 3px solid #f3f3f3; padding: 0.5rem; }

.country-related .results-country-summary .summary-content, .results-country-top .results-country-summary .summary-content { text-align: center; padding: 0.5rem 0 0; }

@media (min-width: 768px) { .country-related .results-country-summary .summary-content, .results-country-top .results-country-summary .summary-content { padding: 0.5rem 3rem 0; } }

.country-related .results-country-summary .summary-content.summarybg, .results-country-top .results-country-summary .summary-content.summarybg { background: #f3f3f3; padding: 1rem 0 0.5rem; margin-bottom: 1rem; }

.country-related .results-country-summary .summary-content.large-content h3, .results-country-top .results-country-summary .summary-content.large-content h3 { margin-top: 0; padding: 0; font-size: 1.1rem; line-height: 2rem; }

@media (min-width: 768px) { .country-related .results-country-summary .summary-content.large-content h3, .results-country-top .results-country-summary .summary-content.large-content h3 { font-size: 1.4rem; line-height: 2.4rem; } }

.country-related .results-country-summary .summary-content h3, .results-country-top .results-country-summary .summary-content h3 { font-size: 1.2rem; margin-top: 1rem; line-height: 1.9rem; }

@media (min-width: 768px) { .country-related .results-country-summary .summary-content h3, .results-country-top .results-country-summary .summary-content h3 { font-size: 1.4rem; } }

.country-related .results-country-summary .country-secondaryimage h3, .results-country-top .results-country-summary .country-secondaryimage h3 { margin-top: 0; }

.country-related .results-country-summary .thumbnail, .results-country-top .results-country-summary .thumbnail { text-align: center; }

@media (min-width: 768px) { .country-related .results-country-summary .thumbnail, .results-country-top .results-country-summary .thumbnail { text-align: right; } }

.country-related .country-section-fadeintro, .results-country-top .country-section-fadeintro { padding: 1rem; background: linear-gradient(#c1c1c138 3%, #fcfdff); }

.country-related .country-section-fadeintro h3, .results-country-top .country-section-fadeintro h3 { text-align: center; margin-top: 1rem; font-weight: 400; }

.country-related .country-section-fadeintro .read-more-section, .results-country-top .country-section-fadeintro .read-more-section { margin: 0 0 1rem; }

.country-related .country-footer-nav, .results-country-top .country-footer-nav { margin-top: 0; display: flex; }

@media (min-width: 768px) { .country-related .country-footer-nav, .results-country-top .country-footer-nav { display: flex; } }

.country-related .country-footer-nav ul.dropdown-menu, .results-country-top .country-footer-nav ul.dropdown-menu { display: block; position: relative; border: 0; border-radius: 0; top: auto; float: left; width: 100%; }

.country-related .country-footer-nav ul.dropdown-menu .menu-first-column, .results-country-top .country-footer-nav ul.dropdown-menu .menu-first-column { margin-left: 15px; }

.country-related .country-footer-nav ul.dropdown-menu .dropdown-header, .results-country-top .country-footer-nav ul.dropdown-menu .dropdown-header { display: block; padding: 0.5rem 0; margin-bottom: 0; font-size: 0.8rem; color: #868e96; white-space: nowrap; margin-left: 0; }

.country-related .country-footer-nav ul.dropdown-menu .dropdown-header a, .country-related .country-footer-nav ul.dropdown-menu .dropdown-header span, .results-country-top .country-footer-nav ul.dropdown-menu .dropdown-header a, .results-country-top .country-footer-nav ul.dropdown-menu .dropdown-header span { padding: 1rem 1.5rem 0.5rem 0; margin-left: 0; margin-bottom: 0.2rem; color: #6484a4; text-transform: uppercase; font-size: 0.8rem; margin-left: 0; }

.country-related .country-footer-nav ul.dropdown-menu li, .results-country-top .country-footer-nav ul.dropdown-menu li { margin-left: 1.5rem; list-style-type: square; line-height: 1.3rem; }

.country-related .country-footer-nav ul.dropdown-menu li a, .results-country-top .country-footer-nav ul.dropdown-menu li a { font-size: 0.8rem; -webkit-font-smoothing: antialiased; color: #0a0a0a; text-transform: none; font-weight: 300; }

.country-related .country-footer-nav ul.dropdown-menu > li, .results-country-top .country-footer-nav ul.dropdown-menu > li { list-style-type: none; }

.country-related .keyresults-heading-transparent, .country-related .keyresults-heading, .results-country-top .keyresults-heading-transparent, .results-country-top .keyresults-heading { text-align: center; font-size: 1.7rem; border-bottom: 2px solid #87b8e2; padding: 0.5rem; background: #c6ddff38; margin-top: 3rem; font-weight: 400; }

.country-related .keyresults-heading-transparent.project-summary, .country-related .keyresults-heading.project-summary, .results-country-top .keyresults-heading-transparent.project-summary, .results-country-top .keyresults-heading.project-summary { margin-bottom: 0; }

.country-related .keyresults-heading-transparent, .results-country-top .keyresults-heading-transparent { background: transparent; }

.country-related .results-country-graphs, .results-country-top .results-country-graphs { padding: 0; }

@media (min-width: 768px) { .country-related .results-country-graphs, .results-country-top .results-country-graphs { padding: 0 2rem; } }

@media (min-width: 768px) { .country-related .results-country-graphs.margintop, .results-country-top .results-country-graphs.margintop { margin-top: 2rem; } }

.country-related .results-country-graphs h3, .results-country-top .results-country-graphs h3 { margin-bottom: 1rem; text-align: center; margin-bottom: 1rem; }

.country-related .results-country-graphs p, .results-country-top .results-country-graphs p { text-align: center; font-size: 0.9rem; }

.results-country-footer { background: #f3f3f3ad; margin-top: 2rem; padding: 2rem 0; }

.results-country-footer.row { margin-top: 2rem; }

.results-country-footer .country-resources { margin: 0; }

.results-country-footer .country-resources li { list-style: none; }

.results-country-footer h3 { margin-bottom: 1.5rem; border-bottom: 1px solid grey; padding-bottom: 0.5rem; }

.results-country-footer .portfolio-overview { padding: 0 1rem 1rem; }

@media (min-width: 768px) { .results-country-footer .portfolio-overview { padding: 0 2rem; } }

.results-country-footer .portfolio-overview .titlerow { font-weight: 500; margin-bottom: 1rem; font-size: 1.1rem; float: none; width: 100%; }

@media (min-width: 768px) { .results-country-footer .portfolio-overview .titlerow { font-size: 1.3rem; } }

.results-country-footer .rating-row .rating-question { background: #b0dbed; border: none; border-radius: 12px; color: white; font-size: 0.9rem; padding: 0.2rem 0.5rem 0; }

.results-country-footer .rating-row .popover-header { font-size: 0.8rem; }

/* ---------------- Vue placeholders ------------ */
[v-cloak] { text-align: center; float: left; clear: both; width: 100%; padding: 150px 0 250px; font-size: 2rem; display: block; }

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

.cloak-cont img { width: 120px; }

.db-facet-nav ul { margin-left: 0.2rem; }

.db-facet-nav ul input[type="checkbox"]:checked { background: #739bce; }

.db-facet-nav ul label { margin-bottom: 0; width: 100%; margin: -1px 2px 0px 0; padding: 5px 3px 0px 5px; border-bottom: 1px solid gainsboro; color: #3a3a3a; font-size: 13px; }

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

.browse-list li:nth-child(odd) { background: none; }

.browse-list li:nth-child(even) { background: #ebeef3; }

.browse-list span { font-size: 0.8rem; background: #f8b243; padding: 5px 7px; border-radius: 29px; color: black; width: 28px; height: 28px; float: right; text-align: center; margin-left: 7px; margin-top: 0px; font-size: 10px; margin-bottom: 2px; }

.search-input { width: 40%; margin-left: 30%; border-radius: 50px; border: 1px solid #f3f3f3; box-shadow: 0 0 10px #f3f3f3; padding: 15px; margin-top: 0rem; font-size: 20px; color: #f3f3f3; font-weight: lighter; padding-left: 2rem; }

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }

.pagination li { display: inline; }

.pagination > li:first-child a { border-radius: 10px 0 0 10px; }

.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; color: #3a3a3a; font-size: 18px; }

.pagination > li.active a { background: #f3f3f3; }

.pagination > li:last-child a { border-radius: 0 10px 10px 0; }

.db-facet-nav ul input[type="checkbox"] { box-sizing: border-box; padding: 0; -webkit-appearance: none; width: 21px; height: 21px; background: white; border-radius: 5px; border: 1px solid #bbb; float: left; margin-right: 5px; }

.results-country-resources { background: #ecf1f3; padding: 2rem 0; }

.results-country-resources h3 { margin: 0 0.5rem 1.5rem; border-bottom: 1px solid grey; padding-bottom: 0.5rem; }

.country-related { background: none; }

.country-related h2 { margin: 2rem 1rem 0rem; }

@media (min-width: 768px) { .country-related h2 { margin: 2rem 1rem 1rem; } }

.country-related .col-sm-2 { padding-left: 10px; padding-right: 10px; }

.country-related .col-sm-3 { margin-bottom: 1rem; }

.country-related .post-slide { margin: 0 0 1rem; }

.country-related .post-slide .post-title { margin: 0; min-height: 35px; }

@media (min-width: 768px) { .country-related .post-slide .post-title { min-height: 50px; } }

.country-related .post-slide .post-title a { font-weight: 400; }

.country-related .post-slide .blue-button { margin-bottom: 0; }

.full-stat-image img { width: 95%; padding: 0.5rem; margin: 2rem 2%; border: 1px solid #dedede; }

.uneven-columns { margin-top: 0rem; }

@media (min-width: 768px) { .uneven-columns { margin-top: 2rem; } }

.uneven-columns h3 { text-align: center; }

.uneven-columns .half-block-bg1 { margin-top: 1rem; }

@media (min-width: 768px) { .uneven-columns .half-block-bg1 { margin-top: -1rem; } }

.popover .ratingrow { margin-bottom: 0.5rem; float: left; width: 100%; }

.popover .ratingrow img { margin-right: 0.5rem; float: left; }

.popover .popover-header { background-color: #cee7ff; }

.impact-graphs { width: 100%; margin-left: 0; margin-top: 2rem; margin-bottom: 2rem; }

@media (min-width: 768px) { .impact-graphs { width: 75%; margin-left: 12.5%; } }

.impact-graphs h4 { font-size: 1.2rem; text-align: center; }

.event-tweetbox .ssk.ssk-text.ssk-twitter.ssk-xs { background: none; color: black; color: #505050; font-size: 40px; }

.event-tweetbox .ssk.ssk-text.ssk-twitter.ssk-xs::before { color: #02569a; background-color: white; font-size: 65px; }

.event-tweetbox .twitter-tweet { height: 205px !important; overflow: scroll !important; }

.event-perucase { margin: 4rem 0 3rem; }

.event-perucase h3 { margin: 0.5rem 1rem 2rem; }

.twitter-share, .facebook-share { background: #fff; color: #57cff4; cursor: pointer; display: inline-block; padding: 1em 2em; -webkit-border-radius: 6px; border-radius: 6px; }

.twitter-share:hover, .facebook-share:hover { position: relative; top: -1px; }

.event-social-box { background-image: url("/images/sections/results/UNDP-TwitterFacebook-OpacityBG.jpg"); background-size: 100%; background-position: 0 -33px; }

.event-social-box h2 { margin: 1rem 0rem 1rem; border-bottom: 0; font-size: 1.8rem; text-align: center; margin-top: 3rem; color: #616161; padding-bottom: 0; font-weight: 800; opacity: 0.3; }

.event-social-box .first-iframe { margin: 6rem 9rem 0rem 6rem; float: left; }

.event-social-box .second-iframe { margin: 6rem 0 1rem 0rem; float: left; }

.social-box { float: left; margin: 1rem; }

.social-box h3 { border-bottom: 1px solid #9b9b9b; padding-bottom: 0.4rem; color: #565656; margin-bottom: 0.5rem; }

.social-box .share-button { position: relative; display: inline-flex; align-items: center; padding: 3px 10px 2px 8px; margin: 5px; color: #fff; background-color: #333; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); text-decoration: none; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 15px; }

.social-box .share-button:hover { color: #fff; background-color: #4f4f4f; }

.social-box .share-button:active { top: 1px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.25); }

.social-box .share-button svg { fill: #ffffff; width: 19px; height: 19px; margin-right: 5px; }

.social-box .share-button.facebook { background-color: #4a66b7; }

.social-box .share-button.facebook:hover { background-color: #556fbb; }

.social-box .share-button.twitter { background-color: #1b95e0; }

.social-box .share-button.twitter:hover { background-color: #269ce5; }

#impacthighlight-html, .impacthighlight-html { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: -100px; }

@media (min-width: 576px) { #impacthighlight-html, .impacthighlight-html { background-position: 0; } }

@media (min-width: 768px) { #impacthighlight-html, .impacthighlight-html { background-repeat: no-repeat; background-position: 100px; } }

.highlight-right { background: white; padding: 0; }

.impactstory-content { float: left; width: 100%; }

.impactstory-content .results-section { height: 100vh; }

.impactstory-content .graph-holder { float: left; background: white; width: 100%; }

.impactstory-content .graph-holder .results-country-graphs { padding: 0.5rem 2rem 3rem; }

.impactstory-content .impact-highlights-cont .highlight-intro { color: black; font-size: 1.5rem; background: white; padding: 0.4rem 0.8rem; margin: 0; }

.impactstory-content .impact-highlights-cont .highlight-intro span { color: #3091e8; }

.impactstory-content .impact-highlights-cont .highlight-results-title { color: white; font-weight: 500; font-size: 3.5rem; font-family: Avalon, sans-serif; float: left; width: 100%; margin: 1rem 0 0; padding: 0; line-height: 1; text-align: right; }

.impactstory-content .impact-highlights-cont h2 { color: white; border-bottom: 0; text-align: center; font-weight: 600; font-size: 5rem; margin: 1rem 0rem 0.5rem; }

.impactstory-content .impact-highlights-cont .impact-v2 { padding-left: 0; }

.impactstory-content .impact-highlights-cont .impact-v2 h2 { font-size: 2rem; color: black; }

.impactstory-content .impact-highlights-cont .impact-v2 .highlight-intro { padding: 0.4rem 1.3rem; font-size: 1.1rem; }

.impactstory-content .impact-highlights-cont .impact-v2 .highlight-results-title { color: #404040; font-weight: 600; font-size: 1.4rem; font-family: Avalon, sans-serif; float: left; width: 100%; margin: 0.5rem 0 0; padding: 0; line-height: 1; text-align: center; }

.impactstory-content .impact-highlights-cont .impact-v2 h3.padded-multiline { width: 95%; margin: 0.5% 2.5% 0; }

.impactstory-content .impact-highlights-cont .impact-v2 h3.padded-multiline span { font-size: 1.3rem; padding: 0.5rem 0.5rem 0.3rem; }

.impactstory-content .impact-highlights-cont .impact-v2 h4 { font-size: 1.3rem; background-color: white; color: rgba(0, 0, 0, 0.878431); display: block; padding: 0; box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height: 1.5; font-family: ProximaNova, sans-serif; margin-left: -1rem; }

.impactstory-content .impact-highlights-cont .impact-v2 h4 span { width: 100%; float: left; color: grey; font-size: 0.8rem; }

.impactstory-content .impact-highlights-cont .impact-v2 .social-box { margin: 14rem 0 5rem; }

@media (min-width: 768px) { .impactstory-content .impact-highlights-cont .impact-v2 .social-box { margin: 0 0 4rem; } }

.impactstory-content .impact-highlights-cont .impact-v2 .social-box button, .impactstory-content .impact-highlights-cont .impact-v2 .social-box .share-button { clear: none; }

.impactstory-content .impact-highlights-cont h3.padded-multiline { color: white; float: left; opacity: 0.9; width: 100%; padding: 2px 0; text-align: left; margin: 0 0 0 0rem; line-height: 1.4; }

.impactstory-content .impact-highlights-cont h3.padded-multiline span { font-size: 2.2rem; background-color: white; color: rgba(0, 0, 0, 0.878431); display: block; padding: 0.8rem 0.8rem; box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height: 1.5; font-family: ProximaNova, sans-serif; }

.impactstory-content .impact-highlights-cont h3.padded-multiline span.red { background-color: #dfedff; }

.impactstory-content .impact-highlights-cont h3.padded-multiline span.green { background-color: #bfdafd; }

.impactstory-content .impact-highlights-cont h3.padded-multiline span.blue { background-color: #98c5ff; }

.impactstory-content .impact-highlights-cont .social-box { float: right; bottom: 0rem; right: 2rem; width: 100%; position: relative; }

@media (min-width: 768px) { .impactstory-content .impact-highlights-cont .social-box { position: absolute; } }

.impactstory-content .impact-highlights-cont .social-box .share-button { float: right; clear: both; font-size: 1rem; }

@media (min-width: 768px) { .impactstory-content .impact-highlights-cont .social-box .share-button { font-size: 1.4rem; } }

.impactstory-content .impact-highlights-cont .social-box .blue-button { padding: 0.8rem 1rem 0.5rem; font-weight: 500; float: right; margin-top: 0.28rem; margin-bottom: 0.5rem; margin-right: 0.4rem; font-size: 1.4rem; }

@media (min-width: 768px) { .impactstory-content .impact-highlights-cont .social-box .blue-button { font-size: 1.4rem; } }

.impactstory-content .impact-highlights-cont .social-box .blue-button a { color: white; }

.impactstory-content .impact-highlights-cont .social-box .blue-button a:hover { text-decoration: none; }

.rec-page-content { display: none; margin-bottom: 150px; }

.rec-page-content h1 { margin-bottom: 2rem; font-size: 1.8rem; text-align: center; }

.rec-page-content .text-center { margin: 0; }

/* ----------------- Footer ----------------- */
footer { background-color: #161616; }

footer.impact-footer { position: fixed; width: 100%; bottom: 0; }

footer .socialmedia-container { margin-top: 1.3rem; }

footer .socialmedia-container a { float: left; width: 100%; text-align: left; }

footer .socialmedia-container a:hover { text-decoration: none; }

footer .socialmedia-container a i { font-size: 2rem; }

footer .copyright, footer a { color: #cacaca; }

footer .copyright:hover, footer a:hover { color: #fff; }

footer .copyright:visited, footer a:visited { color: #cacaca; }

footer .global-footer { padding-top: 1rem; padding-bottom: 2rem; }

footer .global-footer #mc_embed_signup { margin-top: 2rem; }

footer .global-footer #mc_embed_signup #mc_embed_signup_scroll { float: left; width: 100%; }

footer .global-footer #mc_embed_signup #mc_embed_signup_scroll .mc-field-group { float: left; }

footer .global-footer #mc_embed_signup #mc_embed_signup_scroll .mc-field-group label { color: #cacaca; margin-bottom: 0; }

footer .global-footer #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .email { border: 0; border-radius: 4px; padding: 4px; background: #c5d3de; }

footer .global-footer #mc_embed_signup #mc_embed_signup_scroll .button { border: 0; font-family: ProximaNova, sans-serif; padding: 6px; margin-left: 6px; border-radius: 4px; background: #4176ad; text-shadow: none; }

footer hr { clear: both; max-width: 75rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; }

footer .global-footer .menu-header { font-size: 1rem; margin-top: 1rem; font-family: Lora, serif; color: #fefefe; }

footer .menu { padding: 0; margin: 0; list-style: none; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-direction: column; flex-wrap: nowrap; }

footer .menu .button, footer .menu a { line-height: 1; text-decoration: none; display: block; font-size: 0.8rem; padding: 0.3rem 0; }

@media (min-width: 768px) { footer .menu .button, footer .menu a { padding: 0.7rem 0; } }

footer .bottom-footer { background: black; padding: 0.5rem 1rem 0.5rem; }

footer .bottom-footer .bottom-menu { flex-direction: row; }

footer .bottom-footer .bottom-menu li { display: block; list-style: none; margin-left: 1.5rem; }

footer .bottom-footer .copyright { font-size: 0.8rem; }

footer .bottom-footer .copyright p { margin: 0.5rem 0 0; padding: 0; }

footer .global-footer #mc_embed_signup #mc_embed_signup_scroll .mc-field-group { width: 75%; float: left; margin-bottom: 1rem; }

@media (min-width: 768px) { footer .global-footer #mc_embed_signup #mc_embed_signup_scroll .mc-field-group { width: auto; margin-bottom: 0; } }

footer .global-footer #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .email { width: 94%; }

@media (min-width: 768px) { footer .global-footer #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .email { width: auto; } }

footer .global-footer #mc_embed_signup #mc_embed_signup_scroll #mce-responses { padding-top: 1.8rem; }

@media (min-width: 768px) { footer .global-footer #mc_embed_signup #mc_embed_signup_scroll #mce-responses { padding-top: 0; } }

.page-divider { float: left; width: 100%; margin: 2rem 0; }

/* ----------------- CD Toolkit ----------------- */
/* Header background */
.circliful { position: relative; }

.circle-text, .circle-info, .circle-text-half, .circle-info-half { width: 100%; position: absolute; text-align: center; display: inline-block; }

.circle-info, .circle-info-half { color: #999; }

.circliful .fa { margin: -10px 3px 0 3px; position: relative; bottom: 4px; }

.contentTitle { font-size: 24px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: "Lato", sans-serif; }

.featuredFontColor { color: #0060a9; }

.underline { position: relative; width: auto; }

.icon-user-females { font-size: 50px; }

.keyresults-holder .c-center i, .icon-microscope, .icon-sound-waves, .icon-mosquito, .svg-inline--fa, .icon-pill { font-size: 40px; }

@media (min-width: 768px) { .keyresults-holder.chad-tableu .tableauPlaceholder { margin-left: 4%; } }

.keyresults-holder.event-results { text-align: center; margin-top: 0; }

@media (min-width: 768px) { .keyresults-holder.event-results { margin-top: 1rem; } }

@media (min-width: 768px) { .keyresults-holder.event-results.margin-top-minus3 { margin-top: -3rem; } }

.keyresults-holder.event-results .version2 > div { margin-top: 2rem; }

.keyresults-holder.event-results h3 { margin: 0; }

.keyresults-holder.event-results .hlm-meeting-results .results-country-top i { float: left; }

.keyresults-holder.event-results .hlm-meeting-results .results-country-top h3 { font-size: 1rem; margin-top: 1rem; }

@media (min-width: 768px) { .keyresults-holder.event-results .hlm-meeting-results .results-country-top h3 { font-size: 1rem; } }

@media (min-width: 768px) { .keyresults-holder.event-results .hlm-meeting-results .results-country-top h3 { font-size: 1.1rem; } }

@media (min-width: 768px) { .keyresults-holder.event-results .hlm-meeting-results .results-country-top h3 { font-size: 1.2rem; } }

.keyresults-holder.event-results .hlm-meeting-results .results-country-top.firstblock { padding: 0 1rem; margin: 0; }

.keyresults-holder.event-results .hlm-meeting-results .results-country-top.chartholder { padding: 0; background: none; margin: 1rem 0 0; }

.keyresults-holder.event-results .hlm-meeting-results .circlechart { float: left; margin-top: 0 !important; }

.keyresults-holder .results-country-top { padding-top: 0; }

.keyresults-holder h2.categoryheading { margin-top: 0; }

.keyresults-holder .event-newbox p { margin: 0 0 0.5rem; font-size: 1.1rem; }

@media (min-width: 768px) { .keyresults-holder.chad-tableu .tableauPlaceholder { margin-left: 4%; } }

.keyresults-holder.event-results { text-align: center; margin-top: 0; }

@media (min-width: 768px) { .keyresults-holder.event-results { margin-top: 1rem; } }

@media (min-width: 768px) { .keyresults-holder.event-results.margin-top-minus3 { margin-top: -3rem; } }

.keyresults-holder.event-results h3 { margin: 0; }

.thumbnail img { border-radius: 10px; box-shadow: 0 0 15px #d8d8d8; }

.remarkable-results h2 { text-align: center; margin-bottom: 2rem; }

.remarkable-results h3.subtitle { width: 100%; text-align: center; margin: 0 0 0; font-size: 1.6rem; font-weight: 400; padding: 0.5rem; border-bottom: 1px solid grey; }

@media (min-width: 768px) { .remarkable-results h3.subtitle { margin: 0 0 2rem; } }

.image-caption { font-size: 0.9rem; font-style: italic; line-height: 1.2rem; margin-top: 0.2rem; }

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

.events-center h3 { font-weight: 400; font-size: 1.2em; }

@media (min-width: 768px) { .events-center h3 { font-size: 1.4em; } }

.events-center .events-circle-graph { text-align: center; font-size: 1.2rem; font-weight: bold; }

.events-center > div { margin-bottom: 0; padding: 1rem 0 0; }

@media (min-width: 768px) { .events-center > div { margin-bottom: 2rem; padding: 1rem 3rem; } }

.malaria-day-fullbg { background-image: url(/images/sections/results/events-malaria-day-2019-data-saves.jpg); background-size: 100%; border: 1rem solid white; background-repeat: no-repeat; }

.malaria-day-fullbg2 { background-image: url(/images/sections/results/cq5dam.web.1280.1280.jpeg); background-size: 100%; border: 1rem solid white; background-repeat: no-repeat; }

.malaria-day-fullbg2 { background-image: url(/images/sections/results/UNDP-GuineaBissau-results4-large.jpg); background-size: 100%; border: 1rem solid white; background-repeat: no-repeat; }

.keyresults-holder .event-result-block { padding: 1rem 2rem; margin: 0; }

@media (min-width: 768px) { .keyresults-holder .event-result-block { margin: 2rem 0 2rem; } }

.keyresults-holder .event-result-block .icon-mosquito, .keyresults-holder .event-result-block .icon-diagnostics { font-size: 60px; }

.keyresults-holder .event-result-block h3 { margin-top: 2rem; }

.results-project-description { padding: 0; }

@media (min-width: 768px) { .results-project-description { padding-left: 15px; padding-right: 15px; } }

.results-project-description h2 { background: none; }

.results-project-description div.country-section-fadeintro { background: none; }

.block-divider { padding: 0; height: 1px; border-top: 1px solid #bdddf9; margin: 0 0 2.5rem; }

.results-events-case { margin-top: 4rem; margin-bottom: 2rem; }

.results-events-case h3 { text-align: center; margin-top: 1rem; margin-bottom: 1rem; font-size: 1.6rem; font-weight: 400; }

.results-events-case.full-case { background: linear-gradient(#daf3ff 1%, #f6faff); padding-top: 3rem; padding-bottom: 3rem; margin-top: 0; }

.results-events-case.full-case h2 { text-align: center; border: 0; margin-bottom: 2rem; font-size: 1.9rem; }

.results-events-case.full-case h2.events-title { text-align: left; border-bottom: 1px solid #1e7294; color: #1e7294; margin-top: 0; }

.results-events-case.full-case h3 { text-align: left; margin-left: 1rem; margin-top: 0; font-size: 1.3rem; }

.results-events-case.full-case .results-story-image { margin-bottom: 3rem; }

.results-events-case.full-case .results-story-image img { border-radius: 10px; box-shadow: 0 0 15px #d8d8d8; }

.results-events-case.full-case .pagequote { background: none; border-left: 42px solid #c8e3f770; }

.side-image { float: left; }

.side-image .read-more-section { float: left; }

.side-image .read-more-section p { float: left; width: 100%; }

@media (min-width: 768px) { .side-image .read-more-section p { width: 64%; } }

.side-image .read-more-section img { float: right; width: 100%; }

@media (min-width: 768px) { .side-image .read-more-section img { width: 29%; } }

@media (min-width: 768px) { .nopadding { padding: 0 !important; } }

.readmore2-container div { float: left; width: 100%; }

@media (min-width: 768px) { .readmore2-container .short-intro { width: 70%; } }

.readmore2-container .link-box { background: linear-gradient(to right, #f3f8ff 1%, #daf3ff); font-size: 1.1rem; }

@media (min-width: 768px) { .readmore2-container .link-box { width: 23%; position: relative; font-size: 1.2rem; } .readmore2-container .link-box:hover { background-color: #daf3ff; -webkit-transition: background-color 500ms ease-out 1s; -ms-transition: background-color 500ms ease-out 1s; -moz-transition: background-color 500ms ease-out 1s; -o-transition: background-color 500ms ease-out 1s; transition: background-color 500ms ease-out 1s; } .readmore2-container .link-box::before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: white; border-left-color: #daf3ff; border-width: 26px; margin-top: -26px; } }

.readmore2-container .link-box a { text-decoration: none; padding: 1.5rem 1rem; float: left; }

.c-center { font-family: "Lato", sans-serif; text-align: center; }

.color-green, .color-green i { color: #04bf67 !important; }

.icon-mosquito:before { font-family: "undpicons" !important; content: "\e902"; }

.color-red, .color-red i { color: #da0517b5 !important; }

.color-blue, .color-blue i { color: #10c3c3 !important; }

.color-orange, .color-orange i { color: #d9631e !important; }

.color-green, .color-green i { color: #04bf67 !important; }

.color-yellow, .color-yellow i { color: #f28729 !important; }

@font-face { font-family: "icomoon"; font-style: normal; font-weight: 400; src: url(/fonts/helveticons.eot); src: url(/fonts/helveticons.eot?#iefix) format("embedded-opentype"), url(/fonts//helveticons.ttf) format("truetype"), url(/fonts/helveticons.svg#icomoon) format("svg"); }

[class^="icon-"], [class*=" icon-"] { *margin-right: 0.3em; font-family: icomoon; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 400; text-decoration: inherit; }

[class^="icon-"]:before, [class*=" icon-"]:before { display: inline-block; text-decoration: inherit; speak: none; }

.color-red, .color-red i { color: #d90416 !important; }

.color-blue, .color-blue i { color: #04bfbf !important; }

.color-orange, .color-orange i { color: #d9631e !important; }

.color-green, .color-green i { color: #04bf67 !important; }

.color-yellow, .color-yellow i { color: #f28729 !important; }

.color-pink, .color-pink i { color: #d9459c !important; }

i.x-large { font-size: 40px; }

i.large { font-size: 32px; }

i.medium { font-size: 24px; }

i.small { font-size: 14px; }

.icon-zoom-out:before { content: "\e000"; }

.icon-truck:before { content: "\e001"; }

.icon-zoom-in:before { content: "\e002"; }

.icon-zip:before { content: "\e003"; }

.icon-axis-rotation:before { content: "\e004"; }

.icon-yen-bag:before { content: "\e005"; }

.icon-axis-rotation-2:before { content: "\e006"; }

.icon-axis-rotation-3:before { content: "\e007"; }

.icon-wrench:before { content: "\e008"; }

.icon-wine-glass:before { content: "\e009"; }

.icon-wrong:before { content: "\e00a"; }

.icon-windows:before { content: "\e00b"; }

.icon-window-sizes:before { content: "\e00c"; }

.icon-window-popin:before { content: "\e00d"; }

.icon-wifi:before { content: "\e00e"; }

.icon-width:before { content: "\e00f"; }

.icon-weight:before { content: "\e010"; }

.icon-war:before { content: "\e011"; }

.icon-wand:before { content: "\e012"; }

.icon-wallet:before { content: "\e013"; }

.icon-wall-plug:before { content: "\e014"; }

.icon-voice:before { content: "\e016"; }

.icon-video:before { content: "\e017"; }

.icon-vcard:before { content: "\e018"; }

.icon-utilities:before { content: "\e019"; }

.icon-users:before { content: "\e01a"; }

.icon-users-alt:before { content: "\e01b"; }

.icon-user:before { content: "\e01c"; }

.icon-user-glasses:before { content: "\e01d"; }

.icon-user-females:before { content: "\e01e"; }

.icon-user-females-alt:before { content: "\e01f"; }

.icon-user-female:before { content: "\e020"; }

.icon-usb:before { content: "\e021"; }

.icon-usb-connector:before { content: "\e022"; }

.icon-unlocked:before { content: "\e023"; }

.icon-universal:before { content: "\e024"; }

.icon-undo:before { content: "\e025"; }

.icon-umbrella:before { content: "\e026"; }

.icon-umb-deploy:before { content: "\e027"; }

.icon-umb-contour:before, .traycontour:before { content: "\e028"; }

.icon-umb-settings:before, .traysettings:before { content: "\e029"; }

.icon-umb-users:before, .trayuser:before, .trayusers:before { content: "\e02a"; }

.icon-umb-media:before, .traymedia:before { content: "\e02b"; }

.icon-umb-content:before, .traycontent:before { content: "\e02c"; }

.icon-umb-developer:before, .traydeveloper:before { content: "\e02d"; }

.icon-umb-members:before, .traymember:before { content: "\e015"; }

.icon-umb-translation:before, .traytranslation:before { content: "\e1fd"; }

.icon-tv:before { content: "\e02e"; }

.icon-tv-old:before { content: "\e02f"; }

.icon-trophy:before { content: "\e030"; }

.icon-tree:before { content: "\e031"; }

.icon-trash:before { content: "\e032"; }

.icon-trash-alt:before { content: "\e033"; }

.icon-trash-alt-2:before { content: "\e034"; }

.icon-train:before { content: "\e035"; }

.icon-trafic:before { content: "\e036"; }

.icon-traffic-alt:before { content: "\e037"; }

.icon-top:before { content: "\e038"; }

.icon-tools:before { content: "\e039"; }

.icon-timer:before { content: "\e03a"; }

.icon-time:before { content: "\e03b"; }

.icon-t-shirt:before { content: "\e03c"; }

.icon-tab-key:before { content: "\e03d"; }

.icon-tab:before { content: "\e03e"; }

.icon-tactics:before { content: "\e03f"; }

.icon-tag:before { content: "\e040"; }

.icon-tags:before { content: "\e041"; }

.icon-takeaway-cup:before { content: "\e042"; }

.icon-target:before { content: "\e043"; }

.icon-temperatrure-alt:before { content: "\e044"; }

.icon-temperature:before { content: "\e045"; }

.icon-terminal:before { content: "\e046"; }

.icon-theater:before { content: "\e047"; }

.icon-theif:before { content: "\e048"; }

.icon-thought-bubble:before { content: "\e049"; }

.icon-thumb-down:before { content: "\e04a"; }

.icon-thumb-up:before { content: "\e04b"; }

.icon-thumbnail-list:before { content: "\e04c"; }

.icon-thumbnails-small:before { content: "\e04d"; }

.icon-thumbnails:before { content: "\e04e"; }

.icon-ticket:before { content: "\e04f"; }

.icon-sync:before { content: "\e050"; }

.icon-sweatshirt:before { content: "\e051"; }

.icon-sunny:before { content: "\e052"; }

.icon-stream:before { content: "\e053"; }

.icon-store:before { content: "\e054"; }

.icon-stop:before { content: "\e055"; }

.icon-stop-hand:before { content: "\e056"; }

.icon-stop-alt:before { content: "\e057"; }

.icon-stamp:before { content: "\e058"; }

.icon-stacked-disks:before { content: "\e059"; }

.icon-ssd:before { content: "\e05a"; }

.icon-squiggly-line:before { content: "\e05b"; }

.icon-sprout:before { content: "\e05c"; }

.icon-split:before { content: "\e05d"; }

.icon-split-alt:before { content: "\e05e"; }

.icon-speed-gauge:before { content: "\e05f"; }

.icon-speaker:before { content: "\e060"; }

.icon-sound:before { content: "\e061"; }

.icon-spades:before { content: "\e062"; }

.icon-sound-waves:before { content: "\e063"; }

.icon-shipping-box:before { content: "\e064"; }

.icon-shipping:before { content: "\e065"; }

.icon-shoe:before { content: "\e066"; }

.icon-shopping-basket-alt-2:before { content: "\e067"; }

.icon-shopping-basket:before { content: "\e068"; }

.icon-shopping-basket-alt:before { content: "\e069"; }

.icon-shorts:before { content: "\e06a"; }

.icon-shuffle:before { content: "\e06b"; }

.icon-sience:before { content: "\e06c"; }

.icon-simcard:before { content: "\e06d"; }

.icon-single-note:before { content: "\e06e"; }

.icon-sitemap:before { content: "\e06f"; }

.icon-sleep:before { content: "\e070"; }

.icon-slideshow:before { content: "\e071"; }

.icon-smiley-inverted:before { content: "\e072"; }

.icon-smiley:before { content: "\e073"; }

.icon-snow:before { content: "\e074"; }

.icon-sound-low:before { content: "\e075"; }

.icon-sound-medium:before { content: "\e076"; }

.icon-sound-off:before { content: "\e077"; }

.icon-shift:before { content: "\e078"; }

.icon-shield:before { content: "\e079"; }

.icon-sharing-iphone:before { content: "\e07a"; }

.icon-share:before { content: "\e07b"; }

.icon-share-alt:before { content: "\e07c"; }

.icon-share-alt-2:before { content: "\e07d"; }

.icon-settings:before { content: "\e07e"; }

.icon-settings-alt:before { content: "\e07f"; }

.icon-settings-alt-2:before { content: "\e080"; }

.icon-server:before { content: "\e081"; }

.icon-server-alt:before { content: "\e082"; }

.icon-sensor:before { content: "\e083"; }

.icon-security-camera:before { content: "\e084"; }

.icon-search:before { content: "\e085"; }

.icon-scull:before { content: "\e086"; }

.icon-script:before { content: "\e087"; }

.icon-script-alt:before { content: "\e088"; }

.icon-screensharing:before { content: "\e089"; }

.icon-school:before { content: "\e08a"; }

.icon-scan:before { content: "\e08b"; }

.icon-refresh:before { content: "\e08c"; }

.icon-remote:before { content: "\e08d"; }

.icon-remove:before { content: "\e08e"; }

.icon-repeat-one:before { content: "\e08f"; }

.icon-repeat:before { content: "\e090"; }

.icon-resize:before { content: "\e091"; }

.icon-reply-arrow:before { content: "\e092"; }

.icon-return-to-top:before { content: "\e093"; }

.icon-right-double-arrow:before { content: "\e094"; }

.icon-road:before { content: "\e095"; }

.icon-roadsign:before { content: "\e096"; }

.icon-rocket:before { content: "\e097"; }

.icon-rss:before { content: "\e098"; }

.icon-ruler-alt:before { content: "\e099"; }

.icon-ruler:before { content: "\e09a"; }

.icon-sandbox-toys:before { content: "\e09b"; }

.icon-satellite-dish:before { content: "\e09c"; }

.icon-save:before { content: "\e09d"; }

.icon-safedial:before { content: "\e09e"; }

.icon-safe:before { content: "\e09f"; }

.icon-redo:before { content: "\e0a0"; }

.icon-printer-alt:before { content: "\e0a1"; }

.icon-planet:before { content: "\e0a2"; }

.icon-paste-in:before { content: "\e0a3"; }

.icon-os-x:before { content: "\e0a4"; }

.icon-navigation-left:before { content: "\e0a5"; }

.icon-message:before { content: "\e0a6"; }

.icon-lock:before { content: "\e0a7"; }

.icon-layers-alt:before { content: "\e0a8"; }

.icon-record:before { content: "\e0a9"; }

.icon-print:before { content: "\e0aa"; }

.icon-plane:before { content: "\e0ab"; }

.icon-partly-cloudy:before { content: "\e0ac"; }

.icon-ordered-list:before { content: "\e0ad"; }

.icon-navigation-last:before { content: "\e0ae"; }

.icon-message-unopened:before { content: "\e0af"; }

.icon-location-nearby:before { content: "\e0b0"; }

.icon-laptop:before { content: "\e0b1"; }

.icon-reception:before { content: "\e0b2"; }

.icon-price-yen:before { content: "\e0b3"; }

.icon-piracy:before { content: "\e0b4"; }

.icon-parental-control:before { content: "\e0b5"; }

.icon-operator:before { content: "\e0b6"; }

.icon-navigation-horizontal:before { content: "\e0b7"; }

.icon-message-open:before { content: "\e0b8"; }

.icon-lab:before { content: "\e0b9"; }

.icon-location-near-me:before { content: "\e0ba"; }

.icon-receipt-yen:before { content: "\e0bb"; }

.icon-price-pound:before { content: "\e0bc"; }

.icon-pin-location:before { content: "\e0bd"; }

.icon-parachute-drop:before { content: "\e0be"; }

.icon-old-phone:before { content: "\e0bf"; }

.icon-merge:before { content: "\e0c0"; }

.icon-navigation-first:before { content: "\e0c1"; }

.icon-locate:before { content: "\e0c2"; }

.icon-keyhole:before { content: "\e0c3"; }

.icon-receipt-pound:before { content: "\e0c4"; }

.icon-price-euro:before { content: "\e0c5"; }

.icon-piggy-bank:before { content: "\e0c6"; }

.icon-paper-plane:before { content: "\e0c7"; }

.icon-old-key:before { content: "\e0c8"; }

.icon-navigation-down:before { content: "\e0c9"; }

.icon-megaphone:before { content: "\e0ca"; }

.icon-loading:before { content: "\e0cb"; }

.icon-keychain:before { content: "\e0cc"; }

.icon-receipt-euro:before { content: "\e0cd"; }

.icon-price-dollar:before { content: "\e0ce"; }

.icon-pie-chart:before { content: "\e0cf"; }

.icon-paper-plane-alt:before { content: "\e0d0"; }

.icon-notepad:before { content: "\e0d1"; }

.icon-navigation-bottom:before { content: "\e0d2"; }

.icon-meeting:before { content: "\e0d3"; }

.icon-keyboard:before { content: "\e0d4"; }

.icon-load:before { content: "\e0d5"; }

.icon-receipt-dollar:before { content: "\e0d6"; }

.icon-previous:before { content: "\e0d7"; }

.icon-pictures:before { content: "\e0d8"; }

.icon-notepad-alt:before { content: "\e0d9"; }

.icon-paper-bag:before { content: "\e0da"; }

.icon-name-badge:before { content: "\e0db"; }

.icon-medicine:before { content: "\e0dc"; }

.icon-list:before { content: "\e0dd"; }

.icon-key:before { content: "\e0de"; }

.icon-receipt-alt:before { content: "\e0df"; }

.icon-previous-media:before { content: "\e0e0"; }

.icon-pictures-alt:before { content: "\e0e1"; }

.icon-pants:before { content: "\e0e2"; }

.icon-nodes:before { content: "\e0e3"; }

.icon-music:before { content: "\e0e4"; }

.icon-readonly:before { content: "\e0e5"; }

.icon-presentation:before { content: "\e0e6"; }

.icon-pictures-alt-2:before { content: "\e0e7"; }

.icon-pannel-close:before { content: "\e0e8"; }

.icon-next:before { content: "\e0e9"; }

.icon-multiple-windows:before { content: "\e0ea"; }

.icon-medical-emergency:before { content: "\e0eb"; }

.icon-medal:before { content: "\e0ec"; }

.icon-link:before { content: "\e0ed"; }

.icon-linux-tux:before { content: "\e0ee"; }

.icon-junk:before { content: "\e0ef"; }

.icon-item-arrangement:before { content: "\e0f0"; }

.icon-iphone:before { content: "\e0f1"; }

.icon-lightning:before { content: "\e0f2"; }

.icon-map:before { content: "\e0f3"; }

.icon-multiple-credit-cards:before { content: "\e0f4"; }

.icon-next-media:before { content: "\e0f5"; }

.icon-panel-show:before { content: "\e0f6"; }

.icon-picture:before { content: "\e0f7"; }

.icon-power:before { content: "\e0f8"; }

.icon-re-post:before { content: "\e0f9"; }

.icon-rate:before { content: "\e0fa"; }

.icon-rain:before { content: "\e0fb"; }

.icon-radio:before { content: "\e0fc"; }

.icon-radio-receiver:before { content: "\e0fd"; }

.icon-radio-alt:before { content: "\e0fe"; }

.icon-quote:before { content: "\e0ff"; }

.icon-qr-code:before { content: "\e100"; }

.icon-pushpin:before { content: "\e101"; }

.icon-pulse:before { content: "\e102"; }

.icon-projector:before { content: "\e103"; }

.icon-play:before { content: "\e104"; }

.icon-playing-cards:before { content: "\e105"; }

.icon-playlist:before { content: "\e106"; }

.icon-plugin:before { content: "\e107"; }

.icon-podcast:before { content: "\e108"; }

.icon-poker-chip:before { content: "\e109"; }

.icon-poll:before { content: "\e10a"; }

.icon-post-it:before { content: "\e10b"; }

.icon-pound-bag:before { content: "\e10c"; }

.icon-power-outlet:before { content: "\e10d"; }

.icon-photo-album:before { content: "\e10e"; }

.icon-phone:before { content: "\e10f"; }

.icon-phone-ring:before { content: "\e110"; }

.icon-people:before { content: "\e111"; }

.icon-people-female:before { content: "\e112"; }

.icon-people-alt:before { content: "\e113"; }

.icon-people-alt-2:before { content: "\e114"; }

.icon-pc:before { content: "\e115"; }

.icon-pause:before { content: "\e116"; }

.icon-path:before { content: "\e117"; }

.icon-out:before { content: "\e118"; }

.icon-outbox:before { content: "\e119"; }

.icon-outdent:before { content: "\e11a"; }

.icon-page-add:before { content: "\e11b"; }

.icon-page-down:before { content: "\e11c"; }

.icon-page-remove:before { content: "\e11d"; }

.icon-page-restricted:before { content: "\e11e"; }

.icon-page-up:before { content: "\e11f"; }

.icon-paint-roller:before { content: "\e120"; }

.icon-palette:before { content: "\e121"; }

.icon-newspaper:before { content: "\e122"; }

.icon-newspaper-alt:before { content: "\e123"; }

.icon-network-alt:before { content: "\e124"; }

.icon-navigational-arrow:before { content: "\e125"; }

.icon-navigation:before { content: "\e126"; }

.icon-navigation-vertical:before { content: "\e127"; }

.icon-navigation-up:before { content: "\e128"; }

.icon-navigation-top:before { content: "\e129"; }

.icon-navigation-road:before { content: "\e12a"; }

.icon-navigation-right:before { content: "\e12b"; }

.icon-microscope:before { content: "\e12c"; }

.icon-mindmap:before { content: "\e12d"; }

.icon-molecular-network:before { content: "\e12e"; }

.icon-molecular:before { content: "\e12f"; }

.icon-mountain:before { content: "\e130"; }

.icon-mouse-cursor:before { content: "\e131"; }

.icon-mouse:before { content: "\e132"; }

.icon-movie-alt:before { content: "\e133"; }

.icon-map-marker:before { content: "\e134"; }

.icon-movie:before { content: "\e135"; }

.icon-map-loaction:before { content: "\e136"; }

.icon-map-alt:before { content: "\e137"; }

.icon-male-symbol:before { content: "\e138"; }

.icon-male-and-female:before { content: "\e139"; }

.icon-mailbox:before { content: "\e13a"; }

.icon-magnet:before { content: "\e13b"; }

.icon-loupe:before { content: "\e13c"; }

.icon-mobile:before { content: "\e13d"; }

.icon-logout:before { content: "\e13e"; }

.icon-log-out:before { content: "\e13f"; }

.icon-layers:before { content: "\e140"; }

.icon-left-double-arrow:before { content: "\e141"; }

.icon-layout:before { content: "\e142"; }

.icon-legal:before { content: "\e143"; }

.icon-lense:before { content: "\e144"; }

.icon-library:before { content: "\e145"; }

.icon-light-down:before { content: "\e146"; }

.icon-light-up:before { content: "\e147"; }

.icon-lightbulb-active:before { content: "\e148"; }

.icon-lightbulb:before { content: "\e149"; }

.icon-ipad:before { content: "\e14a"; }

.icon-invoice:before { content: "\e14b"; }

.icon-info:before { content: "\e14c"; }

.icon-infinity:before { content: "\e14d"; }

.icon-indent:before { content: "\e14e"; }

.icon-inbox:before { content: "\e14f"; }

.icon-inbox-full:before { content: "\e150"; }

.icon-inactive-line:before { content: "\e151"; }

.icon-imac:before { content: "\e152"; }

.icon-hourglass:before { content: "\e153"; }

.icon-home:before { content: "\e154"; }

.icon-grid:before { content: "\e155"; }

.icon-food:before { content: "\e156"; }

.icon-favorite:before { content: "\e157"; }

.icon-door-open-alt:before { content: "\e158"; }

.icon-diagnostics:before { content: "\e159"; }

.icon-contrast:before { content: "\e15a"; }

.icon-coins-dollar-alt:before { content: "\e15b"; }

.icon-circle-dotted-active:before { content: "\e15c"; }

.icon-cinema:before { content: "\e15d"; }

.icon-chip:before { content: "\e15e"; }

.icon-chip-alt:before { content: "\e15f"; }

.icon-chess:before { content: "\e160"; }

.icon-checkbox:before { content: "\e161"; }

.icon-checkbox-empty:before { content: "\e162"; }

.icon-checkbox-dotted:before { content: "\e163"; }

.icon-checkbox-dotted-active:before { content: "\e164"; }

.icon-check:before { content: "\e165"; }

.icon-chat:before { content: "\e166"; }

.icon-chat-active:before { content: "\e167"; }

.icon-chart:before { content: "\e168"; }

.icon-chart-curve:before { content: "\e169"; }

.icon-certificate:before { content: "\e16a"; }

.icon-categories:before { content: "\e16b"; }

.icon-cash-register:before { content: "\e16c"; }

.icon-car:before { content: "\e16d"; }

.icon-caps-lock:before { content: "\e16e"; }

.icon-candy:before { content: "\e16f"; }

.icon-circle-dotted:before { content: "\e170"; }

.icon-circuits:before { content: "\e171"; }

.icon-circus:before { content: "\e172"; }

.icon-client:before { content: "\e173"; }

.icon-clothes-hanger:before { content: "\e174"; }

.icon-cloud-drive:before { content: "\e175"; }

.icon-cloud-upload:before { content: "\e176"; }

.icon-cloud:before { content: "\e177"; }

.icon-cloudy:before { content: "\e178"; }

.icon-clubs:before { content: "\e179"; }

.icon-cocktail:before { content: "\e17a"; }

.icon-code:before { content: "\e17b"; }

.icon-coffee:before { content: "\e17c"; }

.icon-coin-dollar:before { content: "\e17d"; }

.icon-coin-pound:before { content: "\e17e"; }

.icon-coin-yen:before { content: "\e17f"; }

.icon-coin:before { content: "\e180"; }

.icon-coins-alt:before { content: "\e181"; }

.icon-console:before { content: "\e182"; }

.icon-connection:before { content: "\e183"; }

.icon-compress:before { content: "\e184"; }

.icon-company:before { content: "\e185"; }

.icon-command:before { content: "\e186"; }

.icon-coin-euro:before { content: "\e187"; }

.icon-combination-lock:before { content: "\e188"; }

.icon-combination-lock-open:before { content: "\e189"; }

.icon-comb:before { content: "\e18a"; }

.icon-columns:before { content: "\e18b"; }

.icon-colorpicker:before { content: "\e18c"; }

.icon-color-bucket:before { content: "\e18d"; }

.icon-coins:before { content: "\e18e"; }

.icon-coins-yen:before { content: "\e18f"; }

.icon-coins-yen-alt:before { content: "\e190"; }

.icon-coins-pound:before { content: "\e191"; }

.icon-coins-pound-alt:before { content: "\e192"; }

.icon-coins-euro:before { content: "\e193"; }

.icon-coins-euro-alt:before { content: "\e194"; }

.icon-coins-dollar:before { content: "\e195"; }

.icon-conversation-alt:before { content: "\e196"; }

.icon-conversation:before { content: "\e197"; }

.icon-coverflow:before { content: "\e198"; }

.icon-credit-card-alt:before { content: "\e199"; }

.icon-credit-card:before { content: "\e19a"; }

.icon-crop:before { content: "\e19b"; }

.icon-crosshair:before { content: "\e19c"; }

.icon-crown-alt:before { content: "\e19d"; }

.icon-crown:before { content: "\e19e"; }

.icon-cupcake:before { content: "\e19f"; }

.icon-curve:before { content: "\e1a0"; }

.icon-cut:before { content: "\e1a1"; }

.icon-dashboard:before { content: "\e1a2"; }

.icon-defrag:before { content: "\e1a3"; }

.icon-delete:before { content: "\e1a4"; }

.icon-delete-key:before { content: "\e1a5"; }

.icon-departure:before { content: "\e1a6"; }

.icon-desk:before { content: "\e1a7"; }

.icon-desktop:before { content: "\e1a8"; }

.icon-donate:before { content: "\e1a9"; }

.icon-dollar-bag:before { content: "\e1aa"; }

.icon-documents:before { content: "\e1ab"; }

.icon-document:before { content: "\e1ac"; }

.icon-document-dashed-line:before { content: "\e1ad"; }

.icon-dock-connector:before { content: "\e1ae"; }

.icon-dna:before { content: "\e1af"; }

.icon-display:before { content: "\e1b0"; }

.icon-disk-image:before { content: "\e1b1"; }

.icon-disc:before { content: "\e1b2"; }

.icon-directions:before { content: "\e1b3"; }

.icon-directions-alt:before { content: "\e1b4"; }

.icon-diploma:before { content: "\e1b5"; }

.icon-diploma-alt:before { content: "\e1b6"; }

.icon-dice:before { content: "\e1b7"; }

.icon-diamonds:before { content: "\e1b8"; }

.icon-diamond:before { content: "\e1b9"; }

.icon-diagonal-arrow:before { content: "\e1ba"; }

.icon-diagonal-arrow-alt:before { content: "\e1bb"; }

.icon-door-open:before { content: "\e1bc"; }

.icon-download-alt:before { content: "\e1bd"; }

.icon-download:before { content: "\e1be"; }

.icon-drop:before { content: "\e1bf"; }

.icon-eco:before { content: "\e1c0"; }

.icon-economy:before { content: "\e1c1"; }

.icon-edit:before { content: "\e1c2"; }

.icon-eject:before { content: "\e1c3"; }

.icon-employee:before { content: "\e1c4"; }

.icon-energy-saving-bulb:before { content: "\e1c5"; }

.icon-enter:before { content: "\e1c6"; }

.icon-equalizer:before { content: "\e1c7"; }

.icon-escape:before { content: "\e1c8"; }

.icon-ethernet:before { content: "\e1c9"; }

.icon-euro-bag:before { content: "\e1ca"; }

.icon-exit-fullscreen:before { content: "\e1cb"; }

.icon-eye:before { content: "\e1cc"; }

.icon-facebook-like:before { content: "\e1cd"; }

.icon-factory:before { content: "\e1ce"; }

.icon-font:before { content: "\e1cf"; }

.icon-folders:before { content: "\e1d0"; }

.icon-folder:before, .icon-folder-close:before { content: "\e1d1"; }

.icon-folder-outline:before { content: "\e1d2"; }

.icon-folder-open:before { content: "\e1d3"; }

.icon-flowerpot:before { content: "\e1d4"; }

.icon-flashlight:before { content: "\e1d5"; }

.icon-flash:before { content: "\e1d6"; }

.icon-flag:before { content: "\e1d7"; }

.icon-flag-alt:before { content: "\e1d8"; }

.icon-firewire:before { content: "\e1d9"; }

.icon-firewall:before { content: "\e1da"; }

.icon-fire:before { content: "\e1db"; }

.icon-fingerprint:before { content: "\e1dc"; }

.icon-filter:before { content: "\e1dd"; }

.icon-filter-arrows:before { content: "\e1de"; }

.icon-files:before { content: "\e1df"; }

.icon-file-cabinet:before { content: "\e1e0"; }

.icon-female-symbol:before { content: "\e1e1"; }

.icon-footprints:before { content: "\e1e2"; }

.icon-hammer:before { content: "\e1e3"; }

.icon-hand-active-alt:before { content: "\e1e4"; }

.icon-forking:before { content: "\e1e5"; }

.icon-hand-active:before { content: "\e1e6"; }

.icon-hand-pointer-alt:before { content: "\e1e7"; }

.icon-hand-pointer:before { content: "\e1e8"; }

.icon-handprint:before { content: "\e1e9"; }

.icon-handshake:before { content: "\e1ea"; }

.icon-handtool:before { content: "\e1eb"; }

.icon-hard-drive:before { content: "\e1ec"; }

.icon-help:before { content: "\e1ed"; }

.icon-graduate:before { content: "\e1ee"; }

.icon-gps:before { content: "\e1ef"; }

.icon-help-alt:before { content: "\e1f0"; }

.icon-height:before { content: "\e1f1"; }

.icon-globe:before { content: "\e1f2"; }

.icon-hearts:before { content: "\e1f3"; }

.icon-globe-inverted-europe-africa:before { content: "\e1f4"; }

.icon-headset:before { content: "\e1f5"; }

.icon-globe-inverted-asia:before { content: "\e1f6"; }

.icon-headphones:before { content: "\e1f7"; }

.icon-globe-inverted-america:before { content: "\e1f8"; }

.icon-hd:before { content: "\e1f9"; }

.icon-globe-europe---africa:before { content: "\e1fa"; }

.icon-hat:before { content: "\e1fb"; }

.icon-globe-asia:before { content: "\e1fc"; }

.icon-globe-alt:before { content: "\e1fd"; }

.icon-hard-drive-alt:before { content: "\e1fe"; }

.icon-glasses:before { content: "\e1ff"; }

.icon-gift:before { content: "\e200"; }

.icon-handtool-alt:before { content: "\e201"; }

.icon-geometry:before { content: "\e202"; }

.icon-game:before { content: "\e203"; }

.icon-fullscreen:before { content: "\e204"; }

.icon-fullscreen-alt:before { content: "\e205"; }

.icon-frame:before { content: "\e206"; }

.icon-frame-alt:before { content: "\e207"; }

.icon-camera-roll:before { content: "\e208"; }

.icon-bookmark:before { content: "\e209"; }

.icon-bill:before { content: "\e20a"; }

.icon-baby-stroller:before { content: "\e20b"; }

.icon-alarm-clock:before { content: "\e20c"; }

.icon-adressbook:before { content: "\e20d"; }

.icon-add:before { content: "\e20e"; }

.icon-activity:before { content: "\e20f"; }

.icon-untitled:before { content: "\e210"; }

.icon-glasses:before { content: "\e211"; }

.icon-camcorder:before { content: "\e212"; }

.icon-calendar:before { content: "\e213"; }

.icon-calendar-alt:before { content: "\e214"; }

.icon-calculator:before { content: "\e215"; }

.icon-bus:before { content: "\e216"; }

.icon-burn:before { content: "\e217"; }

.icon-bulleted-list:before { content: "\e218"; }

.icon-bug:before { content: "\e219"; }

.icon-brush:before { content: "\e21a"; }

.icon-brush-alt:before { content: "\e21b"; }

.icon-brush-alt-2:before { content: "\e21c"; }

.icon-browser-window:before { content: "\e21d"; }

.icon-briefcase:before { content: "\e21e"; }

.icon-brick:before { content: "\e21f"; }

.icon-brackets:before { content: "\e220"; }

.icon-box:before { content: "\e221"; }

.icon-box-open:before { content: "\e222"; }

.icon-box-alt:before { content: "\e223"; }

.icon-books:before { content: "\e224"; }

.icon-billboard:before { content: "\e225"; }

.icon-bills-dollar:before { content: "\e226"; }

.icon-bills-euro:before { content: "\e227"; }

.icon-bills-pound:before { content: "\e228"; }

.icon-bills-yen:before { content: "\e229"; }

.icon-bills:before { content: "\e22a"; }

.icon-binarycode:before { content: "\e22b"; }

.icon-binoculars:before { content: "\e22c"; }

.icon-bird:before { content: "\e22d"; }

.icon-birthday-cake:before { content: "\e22e"; }

.icon-blueprint:before { content: "\e22f"; }

.icon-block:before { content: "\e230"; }

.icon-bluetooth:before { content: "\e231"; }

.icon-boat-shipping:before { content: "\e232"; }

.icon-bomb:before { content: "\e233"; }

.icon-book-alt-2:before { content: "\e234"; }

.icon-bones:before { content: "\e235"; }

.icon-book-alt:before { content: "\e236"; }

.icon-book:before { content: "\e237"; }

.icon-bill-yen:before { content: "\e238"; }

.icon-award:before { content: "\e239"; }

.icon-bill-pound:before { content: "\e23a"; }

.icon-autofill:before { content: "\e23b"; }

.icon-bill-euro:before { content: "\e23c"; }

.icon-auction-hammer:before { content: "\e23d"; }

.icon-bill-dollar:before { content: "\e23e"; }

.icon-attachment:before { content: "\e23f"; }

.icon-bell:before { content: "\e240"; }

.icon-article:before { content: "\e241"; }

.icon-bell-off:before { content: "\e242"; }

.icon-art-easel:before { content: "\e243"; }

.icon-beer-glass:before { content: "\e244"; }

.icon-arrow-up:before { content: "\e245"; }

.icon-battery-low:before { content: "\e246"; }

.icon-arrow-right:before { content: "\e247"; }

.icon-battery-full:before { content: "\e248"; }

.icon-arrow-left:before { content: "\e249"; }

.icon-bars:before { content: "\e24a"; }

.icon-arrow-down:before { content: "\e24b"; }

.icon-barcode:before { content: "\e24c"; }

.icon-arrivals:before { content: "\e24d"; }

.icon-bar-chart:before { content: "\e24e"; }

.icon-application-window:before { content: "\e24f"; }

.icon-band-aid:before { content: "\e250"; }

.icon-application-window-alt:before { content: "\e251"; }

.icon-ball:before { content: "\e252"; }

.icon-application-error:before { content: "\e253"; }

.icon-badge-restricted:before { content: "\e254"; }

.icon-app:before { content: "\e255"; }

.icon-badge-remove:before { content: "\e256"; }

.icon-anchor:before { content: "\e257"; }

.icon-badge-count:before { content: "\e258"; }

.icon-alt:before { content: "\e259"; }

.icon-badge-add:before { content: "\e25a"; }

.icon-alert:before { content: "\e25b"; }

.icon-backspace:before { content: "\e25c"; }

.icon-alert-alt:before { content: "\e25d"; }

.icon-chevron-up:before { content: "\e128"; }

.icon-chevron-down:before { content: "\e0c9"; }

.sidebar-box { float: left; width: 100%; margin: 0 20px 0 0; max-height: 200px; position: relative; padding: 20px; overflow: hidden; }

.sidebar-box span { font-weight: bold; text-align: center; width: 100%; float: left; margin-bottom: 1rem; font-size: 1.2rem; font-style: italic; }

.sidebar-box .read-less, .sidebar-box .read-more { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0 0 0; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: -moz-linear-gradient(top, transparent, white); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, white)); }

.sidebar-box .read-less { padding: 1rem 0 0; }

.gray { background-color: #444; background-color: #595959; }

.red { background-color: red; }

.red .read-more { /* transparent doesn't work in this context, must use RGBa for both */ background-image: -moz-linear-gradient(top, rgba(255, 0, 0, 0), red); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 0, 0, 0)), color-stop(1, red)); }

/* CSS-Tricks Example by Chris Coyier http://css-tricks.com */
.button { border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -moz-linear-gradient(top, #3e779d, #65a9d7); padding: 5px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; /* overboard shadows for Opera (and why spec version listed first) */ box-shadow: black 0 1px 0, black 0 0 10px, black 0 0 20px, black 0 0 30px; -webkit-box-shadow: black 0 1px 0; -moz-box-shadow: black 0 1px 0; text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0; color: white; font-size: 14px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; }

.button:hover { border-top-color: #28597a; background: #28597a; color: #ccc; }

.button:active { border-top-color: #1b435e; background: #1b435e; }

.read-less { display: none; }

.ath-container { position: fixed; display: none; flex-direction: column; z-index: 1000; width: 100%; background-color: #eee; color: #000; padding: 1%; text-align: center; }

.ath-banner { display: flex; flex-direction: row; justify-content: center; position: relative; }

.ath-banner-title { width: calc(100% - 240px); text-align: center; font-size: 1rem; display: flex; align-items: center; justify-content: center; }

.ath-banner-cell-2x, .ath-banner-cell { width: 70px; margin: 5px; display: flex; align-items: center; justify-content: center; }

.ath-banner-cell-2x { width: 120px; }

.log-target { overflow-wrap: break-word; }

.banner-top-left { top: 0; left: 0; }

.banner-top-right { top: 0; right: 0; }

.banner-bottom-left { left: 0; bottom: 0; }

.banner-bottom-right { right: 0; bottom: 0; }

.banner-center { left: 25%; top: 25%; }

.banner-center-left { top: 25%; left: 0; }

.banner-center-right { top: 25%; right: 0; }

.banner-top-center { width: 50%; left: 25%; top: 12px; }

.banner-bottom-center { bottom: 12px; }

.ath-guidance img { position: absolute; bottom: 0; }

@media (min-width: 576px) { .banner-dialog-centered { min-height: calc(100% - 3.5rem); } .ath-banner-cell { width: 90px; margin: 3px; } }

@media (min-width: 768px) { .ath-banner-title { width: calc(100% - 360px); } .ath-banner-cell-2x, .ath-banner-cell { width: 120px; } .ath-banner-cell-2x { width: 160px; } }

@media (min-width: 992px) { .banner-lg { width: 50%; } .banner-lg-top-center { left: 25%; top: 12px; } .banner-lg-bottom-center { left: 25%; bottom: 12px; } .banner-bottom-center { width: 60%; left: 20%; } .ath-container img { left: 15%; } }

.edge-wrapper, .firefox-wrapper, .samsung-wrapper, .opera-home-screen-wrapper { opacity: 0; }

.firefox-wrapper, .samsung-wrapper, .opera-home-screen-wrapper { bottom: 21px; }

.opera-home-screen-wrapper { width: 100%; max-width: 483px; right: 6px; left: auto; }

.ipad-wrapper img { position: absolute; top: 0; }

.animated.delay-7s { animation-delay: 7s; }

.overlay-1 { z-index: 2020; }

.overlay-2 { z-index: 2040; }

.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; }

.ath-container p { margin: 0; padding: 0; position: relative; z-index: 2147483642; text-shadow: 0 0.1em 0 #fff; font-size: 1.1em; }

.content { font-size: 20px; }

/*# sourceMappingURL=main.css.map */