/*! Bootstrap v4.1.3 (https://getbootstrap.com/) Copyright 2011-2018 The Bootstrap Authors Copyright 2011-2018 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/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,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; }

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

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }

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,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 { outline: 0 !important; }

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

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

p, .article-body h4 { margin-top: 0; margin-bottom: 1rem; }

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

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

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

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

dt { font-weight: 700; }

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

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

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; -webkit-text-decoration-skip: objects; }

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

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

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

a:not([href]):not([tabindex]):focus { outline: 0; }

code, kbd, pre, 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: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

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

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

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

button, input { overflow: visible; }

button, select { text-transform: none; }

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

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

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

input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox; }

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-cancel-button, [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: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }

.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: 80%; font-weight: 400; }

.mark, mark { padding: .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: .5rem; }

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

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

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

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

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

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

.figure { display: inline-block; }

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

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

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

a > code { color: inherit; }

kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .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 { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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.333333%; }

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .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.333333%; }
  .offset-sm-2 { margin-left: 16.666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.333333%; }
  .offset-sm-5 { margin-left: 41.666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.333333%; }
  .offset-sm-8 { margin-left: 66.666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; } }

@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .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.333333%; }
  .offset-md-2 { margin-left: 16.666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.333333%; }
  .offset-md-5 { margin-left: 41.666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.333333%; }
  .offset-md-8 { margin-left: 66.666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; } }

@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .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.333333%; }
  .offset-lg-2 { margin-left: 16.666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.333333%; }
  .offset-lg-5 { margin-left: 41.666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.333333%; }
  .offset-lg-8 { margin-left: 66.666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.333333%; }
  .offset-lg-11 { margin-left: 91.666667%; } }

@media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .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.333333%; }
  .offset-xl-2 { margin-left: 16.666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.333333%; }
  .offset-xl-5 { margin-left: 41.666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.333333%; }
  .offset-xl-8 { margin-left: 66.666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.333333%; }
  .offset-xl-11 { margin-left: 91.666667%; } }

.table { width: 100%; margin-bottom: 1rem; background-color: transparent; }

.table td, .table th { padding: .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 .table { background-color: #fff; }

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

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

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

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

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

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

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

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

.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 > td, .table-secondary > th { background-color: #d6d8db; }

.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 > td, .table-success > th { background-color: #c3e6cb; }

.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 > td, .table-info > th { background-color: #bee5eb; }

.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 > td, .table-warning > th { background-color: #ffeeba; }

.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 > td, .table-danger > th { background-color: #f5c6cb; }

.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 > td, .table-light > th { background-color: #fdfdfe; }

.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 > td, .table-dark > th { background-color: #c6c8ca; }

.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 > td, .table-active > th { 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: #212529; border-color: #32383e; }

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

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

.table-dark td, .table-dark th, .table-dark thead th { border-color: #32383e; }

.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 { 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; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .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; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .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; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .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; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-xl > .table-bordered { border: 0; } }

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

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

.form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

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

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

.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::-moz-placeholder { color: #6c757d; opacity: 1; }

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

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

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(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }

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

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

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

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

.form-control-sm { height: calc(1.8125rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; }

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

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

textarea.form-control { height: auto; }

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

.form-text { display: block; margin-top: .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: .3rem; margin-left: -1.25rem; }

.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: .75rem; }

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

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

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

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: #28a745; }

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

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

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

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

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

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

.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: #71dd8a; }

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

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

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

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

.custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after { border-color: inherit; }

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

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

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

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

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: #dc3545; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { 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 .custom-select, .form-inline .input-group { 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; margin-top: 0; margin-right: .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; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

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

.btn:focus, .btn:hover { 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: .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 { box-shadow: 0 0 0 0.2rem rgba(0, 123, 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:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; }

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 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 { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 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:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; }

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 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 { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; }

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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 { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 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:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; }

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 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 { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 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:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; }

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 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 { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; }

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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 { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 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:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; }

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 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 { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 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:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; }

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

.btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; 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:not(:disabled):not(.disabled):active, .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:not(:disabled):not(.disabled):active: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; background-color: transparent; background-image: none; 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:not(:disabled):not(.disabled):active, .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:not(:disabled):not(.disabled):active: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; background-color: transparent; background-image: none; 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:not(:disabled):not(.disabled):active, .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:not(:disabled):not(.disabled):active: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; background-color: transparent; background-image: none; 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:not(:disabled):not(.disabled):active, .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:not(:disabled):not(.disabled):active: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; background-color: transparent; background-image: none; 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:not(:disabled):not(.disabled):active, .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:not(:disabled):not(.disabled):active: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; background-color: transparent; background-image: none; 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:not(:disabled):not(.disabled):active, .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:not(:disabled):not(.disabled):active: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; background-color: transparent; background-image: none; 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:not(:disabled):not(.disabled):active, .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:not(:disabled):not(.disabled):active: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; background-color: transparent; background-image: none; 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:not(:disabled):not(.disabled):active, .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:not(:disabled):not(.disabled):active: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; background-color: transparent; }

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

.btn-link.focus, .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none; }

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

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

.btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; }

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

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

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

.fade { transition: opacity .15s linear; }

@media screen and (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 .35s ease; }

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

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

.dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .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: .5rem 0; margin: .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: .25rem; }

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

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

.dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .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: .125rem; }

.dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .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: .125rem; }

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

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

.dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent; }

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

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

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

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

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

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

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

.dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; }

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

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

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

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

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

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

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

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; }

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

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

.btn-group > .btn:first-child { margin-left: 0; }

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

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

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

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

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

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

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .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 + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }

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

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { 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=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] { 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 > .custom-file, .input-group > .custom-select, .input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; }

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

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

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

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

.input-group > .custom-select:not(:first-child), .input-group > .form-control: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(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; }

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

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

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

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

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

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

.input-group-text { display: flex; align-items: center; padding: .375rem .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: .25rem; }

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

.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { height: calc(2.875rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; }

.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { height: calc(1.8125rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; }

.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), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { 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:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }

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

.custom-control-input { position: absolute; z-index: -1; opacity: 0; }

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

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

.custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; }

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

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

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

.custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #dee2e6; }

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

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

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

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

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

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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::before { background-color: #007bff; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

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

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

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

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

.custom-select::-ms-expand { opacity: 0; }

.custom-select-sm { height: calc(1.8125rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 75%; }

.custom-select-lg { height: calc(2.875rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 125%; }

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

.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; 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:focus ~ .custom-file-label::after { border-color: #80bdff; }

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

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

.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: .375rem .75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; }

.custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 .25rem .25rem 0; }

.custom-range { width: 100%; padding-left: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; 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: -.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none; }

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

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

.custom-range::-webkit-slider-runnable-track { width: 100%; height: .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; -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none; }

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

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

.custom-range::-moz-range-track { width: 100%; height: .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: .2rem; margin-left: .2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none; }

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

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

.custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .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-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

@media screen and (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: .5rem 1rem; }

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

.nav-link.disabled { color: #6c757d; }

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

.nav-tabs .nav-item { margin-bottom: -1px; }

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

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

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

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { 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: .25rem; }

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

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

.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: .5rem 1rem; }

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

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

.navbar-brand:focus, .navbar-brand:hover { 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: .5rem; padding-bottom: .5rem; }

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

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

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

.navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; }

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

@media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { 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: .5rem; padding-left: .5rem; }
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; }
  .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 { 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: .5rem; padding-left: .5rem; }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; }
  .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 { 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: .5rem; padding-left: .5rem; }
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; }
  .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 { 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: .5rem; padding-left: .5rem; }
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; }
  .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 { 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: .5rem; padding-left: .5rem; }

.navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; }

.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:focus, .navbar-light .navbar-brand:hover { 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:focus, .navbar-light .navbar-nav .nav-link:hover { 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 .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { 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;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); }

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

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

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

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { 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 .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { 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;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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:focus, .navbar-dark .navbar-text a:hover { 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: .25rem; }

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

.card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; }

.card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; }

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

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

.card-subtitle { margin-top: -.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: .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(.25rem - 1px) calc(.25rem - 1px) 0 0; }

.card-header + .list-group .list-group-item:first-child { border-top: 0; }

.card-footer { padding: .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(.25rem - 1px) calc(.25rem - 1px); }

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

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

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }

.card-img { width: 100%; border-radius: calc(.25rem - 1px); }

.card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); }

.card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px); }

.card-deck { display: flex; flex-direction: column; }

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

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

.card-group { display: flex; flex-direction: column; }

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

@media (min-width: 576px) { .card-group { 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:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0; }
  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0; }
  .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0; }
  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0; }
  .card-group > .card:only-child { border-radius: .25rem; }
  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { border-top-left-radius: .25rem; border-top-right-radius: .25rem; }
  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0; } }

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

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

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

.accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; }

.accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }

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

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

.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .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: .25rem; }

.page-link { position: relative; display: block; padding: .5rem .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: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.page-link:not(:disabled):not(.disabled) { cursor: pointer; }

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

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

.page-item.active .page-link { z-index: 1; 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: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }

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

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

.pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; }

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

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

.badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; }

.badge:empty { display: none; }

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

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

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

.badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #0062cc; }

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

.badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #545b62; }

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

.badge-success[href]:focus, .badge-success[href]:hover { color: #fff; text-decoration: none; background-color: #1e7e34; }

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

.badge-info[href]:focus, .badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #117a8b; }

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

.badge-warning[href]:focus, .badge-warning[href]:hover { color: #212529; text-decoration: none; background-color: #d39e00; }

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

.badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #bd2130; }

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

.badge-light[href]:focus, .badge-light[href]:hover { color: #212529; text-decoration: none; background-color: #dae0e5; }

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

.badge-dark[href]:focus, .badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #1d2124; }

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

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

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

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

.alert-heading { color: inherit; }

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

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

.alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .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; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; }

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

@media screen and (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: progress-bar-stripes 1s linear infinite; }

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

.media-body { flex: 1; }

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

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

.list-group-item-action:focus, .list-group-item-action:hover { 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: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); }

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

.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; }

.list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; }

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

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

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

.list-group-flush:first-child .list-group-item:first-child { border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; }

.list-group-item-primary { color: #004085; background-color: #b8daff; }

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { 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:focus, .list-group-item-secondary.list-group-item-action:hover { 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:focus, .list-group-item-success.list-group-item-action:hover { 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:focus, .list-group-item-info.list-group-item-action:hover { 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:focus, .list-group-item-warning.list-group-item-action:hover { 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:focus, .list-group-item-danger.list-group-item-action:hover { 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:focus, .list-group-item-light.list-group-item-action:hover { 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:focus, .list-group-item-dark.list-group-item-action:hover { 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:not(:disabled):not(.disabled) { cursor: pointer; }

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: #000; text-decoration: none; opacity: .75; }

button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; }

.modal-open { overflow: hidden; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; }

.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -25%); }

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

.modal.show .modal-dialog { transform: translate(0, 0); }

.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (.5rem * 2)); }

.modal-dialog-centered::before { display: block; height: calc(100vh - (.5rem * 2)); content: ""; }

.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: .3rem; outline: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: .5; }

.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: .3rem; border-top-right-radius: .3rem; }

.modal-header .close { padding: 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; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; }

.modal-footer > :not(:first-child) { margin-left: .25rem; }

.modal-footer > :not(:last-child) { margin-right: .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-centered { min-height: calc(100% - (1.75rem * 2)); }
  .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); }
  .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg { max-width: 800px; } }

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,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: .875rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: .9; }

.tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem; }

.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0; }

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0; }

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000; }

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem; }

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem; }

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000; }

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0; }

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0; }

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000; }

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem; }

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem; }

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .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,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: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; }

.popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem; }

.popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }

.bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem; }

.bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow { bottom: calc((.5rem + 1px) * -1); }

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { border-width: .5rem .5rem 0; }

.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); }

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after { bottom: 1px; border-top-color: #fff; }

.bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem; }

.bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow { left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0; }

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { border-width: .5rem .5rem .5rem 0; }

.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); }

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after { left: 1px; border-right-color: #fff; }

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem; }

.bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow { top: calc((.5rem + 1px) * -1); }

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { border-width: 0 .5rem .5rem .5rem; }

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); }

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after { top: 1px; border-bottom-color: #fff; }

.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7; }

.bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem; }

.bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow { right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0; }

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { border-width: .5rem 0 .5rem .5rem; }

.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); }

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after { right: 1px; border-left-color: #fff; }

.popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); }

.popover-header:empty { display: none; }

.popover-body { padding: .5rem .75rem; color: #212529; }

.carousel { position: relative; }

.carousel-inner { position: relative; width: 100%; overflow: hidden; }

.carousel-item { position: relative; display: none; align-items: center; width: 100%; backface-visibility: hidden; perspective: 1000px; }

.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; transition: transform .6s ease; }

@media screen and (prefers-reduced-motion: reduce) { .carousel-item-next, .carousel-item-prev, .carousel-item.active { transition: none; } }

.carousel-item-next, .carousel-item-prev { position: absolute; top: 0; }

.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); }

@supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } }

.active.carousel-item-right, .carousel-item-next { transform: translateX(100%); }

@supports (transform-style: preserve-3d) { .active.carousel-item-right, .carousel-item-next { transform: translate3d(100%, 0, 0); } }

.active.carousel-item-left, .carousel-item-prev { transform: translateX(-100%); }

@supports (transform-style: preserve-3d) { .active.carousel-item-left, .carousel-item-prev { transform: translate3d(-100%, 0, 0); } }

.carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; }

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translateX(0); }

@supports (transform-style: preserve-3d) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translate3d(0, 0, 0); } }

.carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; }

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; }

.carousel-control-prev { left: 0; }

.carousel-control-next { right: 0; }

.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; }

.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

.carousel-indicators { position: absolute; right: 0; bottom: 10px; 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 { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); }

.carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; }

.carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; }

.carousel-indicators .active { background-color: #fff; }

.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }

.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:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0062cc !important; }

.bg-secondary { background-color: #6c757d !important; }

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #545b62 !important; }

.bg-success { background-color: #28a745 !important; }

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #1e7e34 !important; }

.bg-info { background-color: #17a2b8 !important; }

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b !important; }

.bg-warning { background-color: #ffc107 !important; }

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #d39e00 !important; }

.bg-danger { background-color: #dc3545 !important; }

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130 !important; }

.bg-light { background-color: #f8f9fa !important; }

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5 !important; }

.bg-dark { background-color: #343a40 !important; }

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { 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 { 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-circle { border-radius: 50% !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 embed, .embed-responsive iframe, .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.857143%; }

.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; } }

.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; 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; }

.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-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-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-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-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-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; } }

.text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }

.text-justify { text-align: justify !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-normal { font-weight: 400 !important; }

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

.font-italic { font-style: italic !important; }

.text-white { color: #fff !important; }

.text-primary { color: #007bff !important; }

a.text-primary:focus, a.text-primary:hover { color: #0062cc !important; }

.text-secondary { color: #6c757d !important; }

a.text-secondary:focus, a.text-secondary:hover { color: #545b62 !important; }

.text-success { color: #28a745 !important; }

a.text-success:focus, a.text-success:hover { color: #1e7e34 !important; }

.text-info { color: #17a2b8 !important; }

a.text-info:focus, a.text-info:hover { color: #117a8b !important; }

.text-warning { color: #ffc107 !important; }

a.text-warning:focus, a.text-warning:hover { color: #d39e00 !important; }

.text-danger { color: #dc3545 !important; }

a.text-danger:focus, a.text-danger:hover { color: #bd2130 !important; }

.text-light { color: #f8f9fa !important; }

a.text-light:focus, a.text-light:hover { color: #dae0e5 !important; }

.text-dark { color: #343a40 !important; }

a.text-dark:focus, a.text-dark:hover { color: #1d2124 !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; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

@media print { *, ::after, ::before { 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; }
  blockquote, pre { border: 1px solid #adb5bd; page-break-inside: avoid; }
  thead { display: table-header-group; }
  img, tr { page-break-inside: avoid; }
  h2, h3, p, .article-body h4 { 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 td, .table-bordered th { border: 1px solid #dee2e6 !important; }
  .table-dark { color: inherit; }
  .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #dee2e6; }
  .table .thead-dark th { color: inherit; border-color: #dee2e6; } }

/*# sourceMappingURL=bootstrap.min.css.map */
/*! Bootstrap-select v1.13.2 (https://developer.snapappointments.com/bootstrap-select) Copyright 2012-2018 SnapAppointments, LLC Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */
select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.selectpicker { display: none !important; }

.bootstrap-select { width: 220px \0; /*IE9 and below*/ }

.bootstrap-select > .dropdown-toggle { position: relative; width: 100%; z-index: 1; text-align: right; white-space: nowrap; }

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #999; }

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active { color: rgba(255, 255, 255, 0.5); }

.bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; }

.bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; }

.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle { border-color: #b94a48; }

.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle { border-color: #28a745; }

.bootstrap-select.fit-width { width: auto !important; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; }

.bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; }

.bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; }

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; }

.bootstrap-select.form-control.input-group-btn { z-index: auto; }

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; }

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*="col-"] { float: none; display: inline-block; margin-left: 0; }

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*="col-"].dropdown-menu-right, .row .bootstrap-select[class*="col-"].dropdown-menu-right { float: right; }

.form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select { margin-bottom: 0; }

.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0; }

.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; }

.bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle { font-size: inherit; line-height: inherit; border-radius: inherit; }

.bootstrap-select.form-control-sm .dropdown-toggle { padding: 0.25rem 0.5rem; }

.bootstrap-select.form-control-lg .dropdown-toggle { padding: 0.5rem 1rem; }

.form-inline .bootstrap-select .form-control { width: 100%; }

.bootstrap-select.disabled, .bootstrap-select > .disabled { cursor: not-allowed; }

.bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus { outline: none !important; }

.bootstrap-select.bs-container { position: absolute; top: 0; left: 0; height: 0 !important; padding: 0 !important; }

.bootstrap-select.bs-container .dropdown-menu { z-index: 1060; }

.bootstrap-select .dropdown-toggle:before { content: ''; display: inline-block; }

.bootstrap-select .dropdown-toggle .filter-option { position: absolute; top: 0; left: 0; padding-top: inherit; padding-right: inherit; padding-bottom: inherit; padding-left: inherit; height: 100%; width: 100%; text-align: left; }

.bootstrap-select .dropdown-toggle .filter-option-inner { padding-right: inherit; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden; }

.bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; }

.input-group .bootstrap-select.form-control .dropdown-toggle { border-radius: inherit; }

.bootstrap-select[class*="col-"] .dropdown-toggle { width: 100%; }

.bootstrap-select .dropdown-menu { min-width: 100%; box-sizing: border-box; }

.bootstrap-select .dropdown-menu > .inner:focus { outline: none !important; }

.bootstrap-select .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; box-shadow: none; }

.bootstrap-select .dropdown-menu li { position: relative; }

.bootstrap-select .dropdown-menu li.active small { color: rgba(255, 255, 255, 0.5) !important; }

.bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed; }

.bootstrap-select .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.bootstrap-select .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; }

.bootstrap-select .dropdown-menu li a span.check-mark { display: none; }

.bootstrap-select .dropdown-menu li a span.text { display: inline-block; }

.bootstrap-select .dropdown-menu li small { padding-left: 0.5em; }

.bootstrap-select .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; box-sizing: border-box; }

.bootstrap-select .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option { position: static; display: inline; padding: 0; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { display: inline; }

.bootstrap-select.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; right: 15px; top: 5px; }

.bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 34px; }

.bootstrap-select .bs-ok-default:after { content: ''; display: block; width: 0.5em; height: 1em; border-style: solid; border-width: 0 0.26em 0.26em 0; transform: rotate(45deg); }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle { z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { bottom: auto; top: -4px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { bottom: auto; top: -4px; border-top: 6px solid white; border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { right: 12px; left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { right: 13px; left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after { display: block; }

.bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; }

.bs-actionsbox { width: 100%; box-sizing: border-box; }

.bs-actionsbox .btn-group button { width: 50%; }

.bs-donebutton { float: left; width: 100%; box-sizing: border-box; }

.bs-donebutton .btn-group button { width: 100%; }

.bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; }

.bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; }

/*# sourceMappingURL=bootstrap-select.css.map */
/* @see vendor/_breakpoint.scss */
/** CALC FUNCTIONS */
*, *::after, *::before { box-sizing: border-box; }

button, input, optgroup, select, textarea { font-size: inherit; font-family: inherit; font-weight: inherit; }

@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

html { background-color: #eee; color: #272727; }

body { background-color: #FFFFFF; }

.is-dark-theme { --theme-backdrop-color: #3f3f3f; --theme-text-color: #FFFFFF; }

.doc-themes-item > .wrapper { padding: 1.5rem; background-color: #FFFFFF; background-color: var(--theme-backdrop-color, #FFFFFF); color: #272727; color: var(--theme-text-color, #272727); }

.nacht { background-color: #27225A; }

.nacht-color { color: #27225A; }

.korall { background-color: #F35F50; }

.korall-color { color: #F35F50; }

.lachs { background-color: #FCAEA5; }

.lachs-color { color: #FCAEA5; }

.lachs-light { background-color: #FDD7D3; }

.lachs-light-color { color: #FDD7D3; }

.feuerwehr { background-color: #E8230D; }

.feuerwehr-color { color: #E8230D; }

.violett { background-color: #A345B4; }

.violett-color { color: #A345B4; }

.senf { background-color: #E3D05F; }

.senf-color { color: #E3D05F; }

.sonne { background-color: #FFF37E; }

.sonne-color { color: #FFF37E; }

.cyan { background-color: #00ADD7; }

.cyan-color { color: #00ADD7; }

.mint { background-color: #7BCEBE; }

.mint-color { color: #7BCEBE; }

.pistazie { background-color: #CBE7D1; }

.pistazie-color { color: #CBE7D1; }

.himmel { background-color: #90D9EC; }

.himmel-color { color: #90D9EC; }

.titan { background-color: #272727; }

.titan-color { color: #272727; }

.gray { background-color: #797979; }

.gray-color { color: #797979; }

.gray-glare { background-color: #F7F7F7; }

.gray-glare-color { color: #F7F7F7; }

.flieder { background-color: #C4AAD2; }

.flieder-color { color: #C4AAD2; }

.has-limited-width { padding-left: 240px; padding-left: var(--pp); padding-right: 240px; padding-right: var(--pp); }

@media (min-width: 1024px) { .has-limited-width { margin-left: auto; margin-right: auto; }
  .has-limited-width:not(.has-limited-wrapper), .has-limited-width.has-limited-wrapper > .wrapper { max-width: 1680px; } }

html { font-size: 16px; }

body { font-size: 1rem; line-height: 1.375em; }

main { overflow: hidden; }

.container { max-width: 1280px; padding-left: 30px; padding-right: 30px; }

.container-large { max-width: 1680px; }

.text-dark, body { color: #272727; }

.bg-dark { background-color: #272727; }

section { overflow: hidden; }

section.module { margin: 0 auto 4rem; max-width: 1440px; }

@media (min-width: 768px) { section.module { margin: 0 auto 6rem; } }

.markdown { margin-bottom: 6rem; }

.row { justify-content: center; }

.w-90 { width: 90% !important; }

.clipContent { overflow: hidden; }

.margin-zero { margin: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }

@media (min-width: 768px) { #page_simple .hero__text { /* position: absolute; bottom: 0; */ } }

h1, h2, h3, h4, h5, h6, p, .article-body h4, blockquote, table, caption, tbody, tfoot, thead, address, big, dl, ol, ul, form, fieldset, legend, img { margin-top: initial; }

/*  Variable spacing @link https://utopia.fyi/space/calculator?c=320,18,1.125,1680,21,1.25,9,1,&s=0.75|0.5,1.5|2|2.5|3|3.5|4|6|8,s-l|2xl-5xl */
:root { --space-2xs: clamp(0.56rem, calc(0.53rem + 0.15vw), 0.69rem); --space-xs: clamp(0.88rem, calc(0.85rem + 0.15vw), 1.00rem); --space-s: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.31rem); --space-m: clamp(1.69rem, calc(1.61rem + 0.37vw), 2.00rem); --space-l: clamp(2.25rem, calc(2.16rem + 0.44vw), 2.63rem); --space-xl: clamp(2.81rem, calc(2.69rem + 0.59vw), 3.31rem); --space-2xl: clamp(3.38rem, calc(3.24rem + 0.66vw), 3.94rem); --space-3xl: clamp(3.94rem, calc(3.78rem + 0.81vw), 4.63rem); --space-4xl: clamp(4.50rem, calc(4.32rem + 0.88vw), 5.25rem); --space-5xl: clamp(6.75rem, calc(6.49rem + 1.32vw), 7.88rem); --space-6xl: clamp(9.00rem, calc(8.65rem + 1.76vw), 10.50rem); /* One-up pairs */ --space-2xs-xs: clamp(0.56rem, calc(0.46rem + 0.51vw), 1.00rem); --space-xs-s: clamp(0.88rem, calc(0.77rem + 0.51vw), 1.31rem); --space-s-m: clamp(1.13rem, calc(0.92rem + 1.03vw), 2.00rem); --space-m-l: clamp(1.69rem, calc(1.47rem + 1.10vw), 2.63rem); --space-l-xl: clamp(2.25rem, calc(2.00rem + 1.25vw), 3.31rem); --space-xl-2xl: clamp(2.81rem, calc(2.55rem + 1.32vw), 3.94rem); --space-2xl-3xl: clamp(3.38rem, calc(3.08rem + 1.47vw), 4.63rem); --space-3xl-4xl: clamp(3.94rem, calc(3.63rem + 1.54vw), 5.25rem); --space-4xl-5xl: clamp(4.50rem, calc(3.71rem + 3.97vw), 7.88rem); --space-5xl-6xl: clamp(6.75rem, calc(5.87rem + 4.41vw), 10.50rem); /* Custom pairs */ --space-s-l: clamp(1.13rem, calc(0.77rem + 1.76vw), 2.63rem); --space-l-4xl: clamp(2.25rem, calc(1.54rem + 3.53vw), 5.25rem); --space-2xl-4xl: clamp(3.38rem, calc(2.93rem + 2.21vw), 5.25rem); --space-2xl-5xl: clamp(3.38rem, calc(2.32rem + 5.29vw), 7.88rem); --space-2xl-6xl: clamp(3.38rem, calc(1.70rem + 8.38vw), 10.50rem); }

.stack > * + * { margin-top: var(--stack-space, 1em); }

@media screen and (min-width: 768px) { .grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 2.5rem; } }

.auto-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--auto-grid-min-size, 16rem)), 1fr)); gap: var(--auto-grid-gap, 2.5rem); }

.splitter { display: flex; flex-direction: column; gap: 2.5rem; }

.splitter > * { flex: 1; }

@media screen and (min-width: 768px) { .splitter { flex-direction: row; } }

.is-visually-hidden:not(:focus):not(:active) { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); overflow: hidden; white-space: nowrap; }

@font-face { font-family: "Benton Sans"; src: url("../fonts/BentonSans-Thin.woff") format("woff"), url("../fonts/BentonSans-Thin.woff2") format("woff2"); font-weight: 100; font-style: normal; font-display: swap; }

@font-face { font-family: "Benton Sans"; src: url("../fonts/BentonSans-Light.woff") format("woff"), url("../fonts/BentonSans-Light.woff2") format("woff2"); font-weight: 200; font-style: normal; font-display: swap; }

@font-face { font-family: "Benton Sans"; src: url("../fonts/BentonSans-Book.woff") format("woff"), url("../fonts/BentonSans-Book.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: "Benton Sans"; src: url("../fonts/BentonSans-Bold.woff") format("woff"), url("../fonts/BentonSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Benton Sans"; src: url("../fonts/BentonSans-Black.woff") format("woff"), url("../fonts/BentonSans-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }

@font-face { font-family: "Noe Display"; src: url("../fonts/NoeDisplay-Black.woff") format("woff"), url("../fonts/NoeDisplay-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }

@font-face { font-family: "Noe Display"; src: url("../fonts/NoeDisplay-BlackItalic.woff") format("woff"), url("../fonts/NoeDisplay-BlackItalic.woff2") format("woff2"); font-weight: 900; font-style: italic; font-display: swap; }

@font-face { font-family: "Noe Text"; src: url("../fonts/NoeText-Regular.woff") format("woff"), url("../fonts/NoeText-Regular.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: "Noe Text"; src: url("../fonts/NoeText-MediumItalic.woff") format("woff"), url("../fonts/NoeText-MediumItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }

:root { --fs: 16px; --fs-smallest: 0.75rem; --fs-small: 0.875rem; --fs-large: 1.25rem; --fs-largest: 1.5rem; --lh: 1.625; --lh-smallest: 1.42857; --lh-small: 1.42857; --lh-large: 1.4; --lh-largest: 1.33333; }

@media (max-width: 1023px) { :root { --fs: 16px; --fs-smallest: 0.75rem; --fs-small: 0.875rem; --fs-large: 1.25rem; --fs-largest: 1.5rem; } }

@media (max-width: 1023px) { :root { --lh: 1.625; --lh-smallest: 1.625; --lh-small: 1.625; --lh-large: 1.625; --lh-largest: 1.625; } }

:root, html { font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.625; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media (max-width: 1023px) { :root, html { font-size: 16px; } }

sup { font-size: .5em !important; vertical-align: super !important; }

strong { font-weight: 700; }

.nowrap { white-space: nowrap; }

/* ------------------ */
/* ---- DF-FONTS ---- */
/* ------------------ */
.font-weight-normal, body { font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.font-weight-bold, b, strong { font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; }

.font-weight-black, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; }

.font-size-400 { font-size: 21px; }

.font-size-500 { font-size: 26.25px; }

.font-size-600 { font-size: 32.8125px; }

.font-size-700 { font-size: 41.01562px; }

.font-size-800 { font-size: 51.26953px; }

.font-size-900 { font-size: 64.08691px; }

.font-size-1000 { font-size: 80.10864px; }

.font-size-major { font-size: 156.46px; }

/*  Variable font sizes: @link https://utopia.fyi/type/calculator?c=320,18,1.125,1680,21,1.25,9,1,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */
:root { --step--1: clamp(1.00rem, calc(0.99rem + 0.06vw), 1.05rem); --step-0: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.31rem); --step-1: clamp(1.27rem, calc(1.18rem + 0.44vw), 1.64rem); --step-2: clamp(1.42rem, calc(1.28rem + 0.74vw), 2.05rem); --step-3: clamp(1.60rem, calc(1.38rem + 1.13vw), 2.56rem); --step-4: clamp(1.80rem, calc(1.47rem + 1.65vw), 3.20rem); --step-5: clamp(2.03rem, calc(1.56rem + 2.33vw), 4.01rem); --step-6: clamp(2.28rem, calc(1.64rem + 3.21vw), 5.01rem); --step-7: clamp(2.57rem, calc(1.70rem + 4.34vw), 6.26rem); --step-8: clamp(2.89rem, calc(1.72rem + 5.81vw), 7.82rem); --step-9: clamp(3.25rem, calc(1.71rem + 7.68vw), 9.78rem); }

/*  Line Heights: Big Screen:                 Small Screen: step-0: 1.714 step-1: 1.375 step-2: step-3: step-4: step-5: step-6: step-7: step-8: 1.0 step-9: 0.833 */
.text-highlight { --text-highlight-bg: #000000; --text-highlight-clr: #ffffff; display: inline-block; padding: .15em .15em 0; background-image: linear-gradient(var(--text-highlight-bg), var(--text-highlight-bg)); background-size: 100% 90%; color: var(--text-highlight-clr); line-height: 1; }

.text-marker { background-image: linear-gradient(to bottom, transparent 50%, #fbf19b 50%); background-size: 100% 100%; background-repeat: no-repeat; }

img.lozad { max-width: 100%; }

.imageSwap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.imageSwap .bg-effect { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 65%; background-size: cover; }

@media (min-width: 1200px) { .imageSwap .bg-effect { background-position: center; } }

.bg-effect-Fade { transition: background-image 60s; }

.chip { border-radius: 50%; }

figure, figure figcaption { font-size: 0.875rem; line-height: 1.42857em; }

@media (min-width: 768px) { figure, figure figcaption { font-size: 16px; line-height: 1.625em; } }

figure.small, figure figcaption.small { margin: 0 auto 1rem; max-width: 80%; }

figure img, figure figcaption img { margin-bottom: 1rem; width: 100%; }

figure figcaption, figure figcaption figcaption { max-width: 80%; text-align: center; margin: 0px auto; }

.fit-grid { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

@font-face { font-family: "df4"; src: url("../fonts/df4.eot"); src: url("../fonts/df4.eot#iefix") format("embedded-opentype"), url("../fonts/df4.ttf") format("truetype"), url("../fonts/df4.woff") format("woff"), url("../fonts/df4.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

/* @font-face { font-family: "df4"; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBqUAAAC8AAAAYGNtYXAXVtKUAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZqIIwHsAAAF4AAAHsGhlYWQgAGyzAAAJKAAAADZoaGVhE0sPmgAACWAAAAAkaG10eEZyBeIAAAmEAAAASGxvY2ENEAuYAAAJzAAAACZtYXhwABYApAAACfQAAAAgbmFtZaf6Gd8AAAoUAAABVnBvc3QAAwAAAAALbAAAACAAAwRuAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpDQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Q3//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAXwCrAyYABAAAEzMRIxEAq6sDJv05AscAAQCcAPcDZAJ6AAUAAAkCBwkBA0b+uv66HgFkAWQCev65AUce/psBZQAAAAABAUYAXALJAyQABQAAAQcJARcBAWQeAUf+uR4BZQMkHv66/roeAWQAAQCcAQYDZAKJAAUAAAkBFwkBNwIA/pweAUYBRh4Cif6bHgFH/rkeAAEBFf/aAyIDqwAmAAABNTQ2MzoBMTUjIgcOAQcGHQEjFTMUFRwBFRQxMzA1PAE1NDUzNyMCax4MDXO3PycnLAgIgIDWphG3AoBRHRKrFRU9JCQeWqpUWlqXMTAwMZdaWlSqAAADAEAAKwPEA3wADAARADAAABMiBhUUFjMxMjY1NCYDMxEjESEiBjE1IxYVFAYVBjEzETQ2MzIWFREzESYnLgEnJiOrMDs7MDM3N57V1QKrTVrVAgEB1TIkIzLVAREROicnLgN8PSopQTwqLT7+2f3WAio7OxBYWchRUAEqJDIyJP7WAR5BMjNEEREAAAEAIgBRA+YDVQBBAAABBiInPgE3DgEHLgEjIgYVFBYXJicuAScmJw4BFRQWFyImJzAUFRQWFw4BJx4BFw4BJx4BMzI3PgE3NjU8ATU+ATcD5hkuFhwRCh0/IBlKKlBwAgM9OThmLC0kChAvJhYtFllAFi0WE2M9PZdKQJhThmdniyQjIz0TAvMNDRMjIBAZBhwfcFAMFQkDDxA0IyQrFjIaM1UaDQ0CA0ZqEAYBAzpLBDAqCSksMjKeYmJgBw0GGisdAAACABH/vAP8A8AAGwA3AAABJy4BKwEiBgcGFB8BAwYUFxQWOwEyNjcTNjQnAS4BKwEiBgcBBhQXEx4BOwEyNjc2NCcDAT4BJwGzgAMHB9kHBwQDA3yiAwMGB9kHBwSqAwMCSQMIBucGCAP+qwMD2QQKBOYGCAMDA9UBTAcBAwIi6wMFBQMHCAfd/vMHCAcGBgUDARYGDQYBlQQFBgf9qwcIBv6ABwYFAwcIBwF3AkkJDgYAAAACAAD/wAQAA8AAcAChAAABIgcOAQcGFRQXHgEXFjMyNjc2Jic3PgE3NCYvASYGDwEuASc3OAExPgEvAS4BIyIGDwEOARcWFx4BFxYXHgEzMjY3FgYHDgEjIicuAScmNTQ3PgE3NjMyFx4BFxYVFAYHBhYXFjY3PgE1NCcuAScmIxMmJy4BJyYnJjY/AT4BNzAyMzIWHwEWBg8BBhQXHgEXFjY/AT4BHwEeAQcUBg8BDgECAGpdXYspKCgpi11dao14EBAFBgwNDgMLCkAaSBoNMFQmDRkEGUkJIhAQHw0rIAwXJi4uaTo6PwwfEBcqEAQEDBd3XWJVVn8lJCQlf1ZVYmJVVn8lJConBgQHBhEGLS0oKYtdXWqAPTg4ZC0tJg0LEysGEgoBAwYQBEAMBA0ZBwctaTcGEQYaDSYNQAYGAwgJJxY2A8AoKYtdXWpqXV2LKShTLSNGEw0MHxATHwpAGgUZDSZYLQwaSRlNCgsRDSYgVSA/OTpoLi4oCgcRDRArFi0xJCV/VlViYlVWfyUkJCV/VlViRok6BhEGBwQHQJJQal1diyko/O8mLS1kODg9FjYWJwYHBAYDRA0jEBYGEQY6Zi0HBAMZDQQMQAcOCQoSBisTCwAAAgBVABUDqwNrABQAHQAAARUUBiMhIiY9ASMVFBYzITI2PQEjLwEHESMRJwcXA4BHMP3uMEcrX0MCEkNfK5wesSqxHuQBK4AsPz8sgIA/V1c/gMYesQIN/fOxHuQAAAAAAQEG/8ACzwPAACQAACUmIg8BETQmIyIGFREnJiIHBhQfAR4BMx4BMzI2NzI2PwE2NCcCzwYSBrENCAkNsQYRBwYG1gEEAgEFAgIEAgIDAtUGBroGBrEDoggNDQj8XrEGBgcRBtYBAwEBAQEDAdYGEQcAAAACAAT/1QQAA3wACQAcAAATDgEVFBYXBQkBBTERFBYzMjY/AQUWMjc+ATcTAREGBwgFAWICa/wzAXEMCQULBIwBAAUKBQQHAan9ggHpBAkHBgsCiAJC/m3c/t4IDgYF740DAwIIBQMP/a0AAAADAAv/ywP1A7UAFgAyAE4AAAEiJi8BJjQ3NjIfAQE2MhcWFAcBDgEjEyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBgMiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYBlQEGAWsDAwMJA2QBOAMJAwMD/sACAwJraFtciCcnJyeIXFtoaFtciCcnJyeIXFtoY1hXgiYmJiaCV1hjY1hXgiYmJiaCV1gBIAEBawMJAwMDZQElAwMDCQP+1QEB/qsnJ4hcW2hoW1yIJycnJ4hcW2hoW1yIJycD1SYmgldYY2NYV4ImJiYmgldYY2NYV4ImJgAAAQByABUPiQNrACAAAAEwBw4BBwYxMzI3PgE3NjcmJy4BJyYrATAXHgEXFjEhFQ5VMTB2MTHkAjw8kD09BQU9PZA8PALkMTF2MDHyHQFrNjWANTZBQZ5EQwQEQ0SeQUE2NYA1NqoAAAABAAAAAQAAT5FguV8PPPUACwQAAAAAANisFB0AAAAA2KwUHQAA/7wPiQPAAAAACAACAAAAAAAAAAEAAAPA/8AAAA/HAAAAAA+JAAEAAAAAAAAAAAAAAAAAAAASBAAAAAAAAAAAAAAAAgAAAACrAAAEAACcBAABRgQAAJwEAAEVBAAAQAQAACIEAAARBAAAAAQAAFUEAAEGBAAABAQAAAsPxwByAAAAAAAKABQAHgAsAEIAVgBqAJwA4gFEAZ4CigK6AvQDKgOkA9gAAAABAAAAEgCiAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEAAwAAAAEAAAAAAAIABwA8AAEAAAAAAAMAAwAqAAEAAAAAAAQAAwBRAAEAAAAAAAUACwAJAAEAAAAAAAYAAwAzAAEAAAAAAAoAGgBaAAMAAQQJAAEABgADAAMAAQQJAAIADgBDAAMAAQQJAAMABgAtAAMAAQQJAAQABgBUAAMAAQQJAAUAFgAUAAMAAQQJAAYABgA2AAMAAQQJAAoANAB0ZGY0AGQAZgA0VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwZGY0AGQAZgA0ZGY0AGQAZgA0UmVndWxhcgBSAGUAZwB1AGwAYQByZGY0AGQAZgA0Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; font-style: normal; } */
[class^="icon-"]::before, [class*=" icon-"]::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "df4" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-chevron_long:before { content: "\e900"; }

.icon-chevron-down:before { content: "\e901"; }

.icon-chevron-right:before { content: "\e902"; }

.icon-chevron-up:before { content: "\e903"; }

.icon-logo-facebook:before { content: "\e904"; }

.icon-logo-linkedin:before { content: "\e905"; }

.icon-logo-twitter-bird:before { content: "\e906"; }

.icon-logo-xing:before { content: "\e907"; }

.icon-phone-circle:before, .icon-phone:before { content: "\e908"; }

.icon-save:before { content: "\e909"; }

.icon-arrow-down:before { content: "\e90a"; }

.icon-mail-to:before { content: "\e90b"; }

.icon-checklist:before { content: "\e90c"; }

.icon-arrow-long:before { content: "\e90d"; }

.icon-download-bold:before { content: "\e90e"; }

.icon-arrow-top-right:before { content: "\e90f"; }

.cc-image + .cc-image, .cc-image + .cc-text, .cc-text + .cc-image, .cc-text + .cc-highlight, .cc-highlight + .cc-text, .cc-testimonial + .cc-image, .cc-image + .cc-testimonial, .cc-testimonial + .cc-text, .cc-text + .cc-testimonial { margin-top: 4rem; }

@media (min-width: 992px) { .cc-image + .cc-image, .cc-image + .cc-text, .cc-text + .cc-image, .cc-text + .cc-highlight, .cc-highlight + .cc-text, .cc-testimonial + .cc-image, .cc-image + .cc-testimonial, .cc-testimonial + .cc-text, .cc-text + .cc-testimonial { margin-top: 6rem; } }

.cc-blockquote + .cc-text, .cc-text + .cc-blockquote { margin-top: 2rem; }

.cc-summary { padding: 2rem 0; background-color: #292930; }

@media (min-width: 768px) { .cc-summary { padding: 6rem; margin-top: 4rem; } }

.cc-summary h1, .cc-summary h4, .cc-summary ul li { color: #FFFFFF; }

.cc-summary h1 { text-align: center; line-height: 1.3em; margin-bottom: 4rem; font-weight: 700; }

.cc-summary h4 { font-size: 1.25rem; line-height: 1.4em; font-weight: 700; margin-bottom: 1rem; }

.cc-summary ul { padding: 0; }

.cc-summary ul li { list-style: none; position: relative; font-size: 1.25rem; line-height: 1.4em; font-weight: 100; padding: 0 0 .5rem 30px; }

.cc-summary ul li::before { color: #7BCEBE; transform: translateX(-30px); top: 2px; position: absolute; font-weight: 700; }

.cc-video { margin: 6rem auto; }

.cc-image.full img { margin-left: auto; margin-right: auto; display: block; }

.cc-image.hidden.hidden img { display: none; }

.cc-text iframe { margin: 4rem 0; }

blockquote { font-size: 1.5625rem; line-height: 1.44em; font-weight: 900; position: relative; }

blockquote p, blockquote .article-body h4, .article-body blockquote h4 { font-size: 1.5625rem; line-height: 1.44em; font-weight: 900; position: relative; margin: 0; }

blockquote::before { width: 10px; position: absolute; top: 5%; bottom: 5%; transform: translateX(-30px); content: ''; background-color: #7BCEBE; display: block; }

.button.is-secondary, .cta.is-secondary, a.button.is-secondary, .btn, input[type="submit"], button:not(.button), button:not(.button)[type="submit"], .btn.btn--ghost, .btn.accept, .button, .cta, .button.is-large, .btn.btn--cta.btn--big, .button.is-cta.is-secondary, .btn.btn--cta, .btn.btn--cta.btn--ghost, .button.is-cta, a.button, .btn.btn--solid { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #272727; color: #FFFFFF; font-size: 1rem; line-height: 1.375; font-weight: 700; display: inline-block; align-items: flex-start; vertical-align: middle; padding: 1em 1.5em; border: 3px solid transparent; border-radius: 0; text-align: center; transition-property: color, background, border; transition-duration: 0.3s; margin-top: 1rem; margin-top: var(--sp); }

.btn:hover, input:hover[type="submit"], button:hover:not(.button), .btn.btn--ghost:hover, .button:hover, .cta:hover, .btn.btn--cta.btn--big:hover, .btn.btn--cta:hover, .btn.btn--cta.btn--ghost:hover, .btn.btn--solid:hover { text-decoration: inherit; background-color: #7BCEBE; color: #FFFFFF; border-color: transparent; transition-duration: 0.1s; box-shadow: none; }

.btn:focus, input:focus[type="submit"], button:focus:not(.button), .btn.btn--ghost:focus, .button:focus, .cta:focus, .btn.btn--cta.btn--big:focus, .btn.btn--cta:focus, .btn.btn--cta.btn--ghost:focus, .btn.btn--solid:focus { text-decoration: inherit; outline: 0; box-shadow: 0 0 12px #7BCEBE; }

.btn:focus:not(:focus-visible), input:focus:not(:focus-visible)[type="submit"], button:focus:not(:focus-visible):not(.button), .button:focus:not(:focus-visible), .cta:focus:not(:focus-visible) { text-decoration: inherit; background-color: #7BCEBE; color: #FFFFFF; border-color: transparent; transition-duration: 0.1s; box-shadow: none; }

.btn:active, input:active[type="submit"], button:active:not(.button), .btn.btn--ghost:active, .button:active, .cta:active, .btn.btn--cta.btn--big:active, .btn.btn--cta:active, .btn.btn--cta.btn--ghost:active, .btn.btn--solid:active { text-decoration: inherit; }

.btn .icon, input[type="submit"] .icon, button:not(.button) .icon, .btn.btn--ghost .icon, .button .icon, .cta .icon, .btn.btn--cta.btn--big .icon, .btn.btn--cta .icon, .btn.btn--cta.btn--ghost .icon, .btn.btn--solid .icon { margin-top: -1em; margin-bottom: -1em; }

.btn[disabled], input[disabled][type="submit"], button[disabled]:not(.button), .btn.btn--ghost[disabled], .button[disabled], .cta[disabled], .btn.btn--cta.btn--big[disabled], .btn.btn--cta[disabled], .btn.btn--cta.btn--ghost[disabled], .btn.btn--solid[disabled], .disabled.btn, input.disabled[type="submit"], button.disabled:not(.button), .disabled.btn.btn--ghost, .disabled.button, .disabled.cta, .disabled.btn.btn--cta.btn--big, .disabled.btn.btn--cta, .disabled.btn.btn--cta.btn--ghost, .disabled.btn.btn--solid { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: rgba(39, 39, 39, 0.1) !important; color: #FFFFFF !important; cursor: default; }

.btn[disabled]:hover, input[disabled]:hover[type="submit"], button[disabled]:hover:not(.button), .button[disabled]:hover, .cta[disabled]:hover, .disabled.btn:hover, input.disabled:hover[type="submit"], button.disabled:hover:not(.button), .disabled.button:hover, .disabled.cta:hover { text-decoration: inherit; }

.btn[disabled]:focus, input[disabled]:focus[type="submit"], button[disabled]:focus:not(.button), .button[disabled]:focus, .cta[disabled]:focus, .disabled.btn:focus, input.disabled:focus[type="submit"], button.disabled:focus:not(.button), .disabled.button:focus, .disabled.cta:focus { text-decoration: inherit; }

.btn[disabled]:focus:not(:focus-visible), input[disabled]:focus:not(:focus-visible)[type="submit"], button[disabled]:focus:not(:focus-visible):not(.button), .button[disabled]:focus:not(:focus-visible), .cta[disabled]:focus:not(:focus-visible), .disabled.btn:focus:not(:focus-visible), input.disabled:focus:not(:focus-visible)[type="submit"], button.disabled:focus:not(:focus-visible):not(.button), .disabled.button:focus:not(:focus-visible), .disabled.cta:focus:not(:focus-visible) { text-decoration: inherit; }

.btn[disabled]:active, input[disabled]:active[type="submit"], button[disabled]:active:not(.button), .button[disabled]:active, .cta[disabled]:active, .disabled.btn:active, input.disabled:active[type="submit"], button.disabled:active:not(.button), .disabled.button:active, .disabled.cta:active { text-decoration: inherit; }

.button.is-secondary, .cta.is-secondary, a.button.is-secondary, .btn, input[type="submit"], button:not(.button), button:not(.button)[type="submit"], .btn.btn--ghost, .btn.accept { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border-color: #272727; color: #272727; }

.button.is-secondary:hover, .cta.is-secondary:hover, .btn:hover, input:hover[type="submit"], button:hover:not(.button), .btn.btn--ghost:hover { text-decoration: inherit; background-color: transparent; border-color: #7BCEBE; color: #272727; box-shadow: none; }

.button.is-secondary:focus, .cta.is-secondary:focus, .btn:focus, input:focus[type="submit"], button:focus:not(.button), .btn.btn--ghost:focus { text-decoration: inherit; }

.button.is-secondary:focus:not(:focus-visible), .cta.is-secondary:focus:not(:focus-visible), .btn:focus:not(:focus-visible), input:focus:not(:focus-visible)[type="submit"], button:focus:not(:focus-visible):not(.button) { text-decoration: inherit; background-color: transparent; border-color: #7BCEBE; color: #272727; box-shadow: none; }

.button.is-secondary:active, .cta.is-secondary:active, .btn:active, input:active[type="submit"], button:active:not(.button), .btn.btn--ghost:active { text-decoration: inherit; }

.button.is-secondary[disabled], .cta.is-secondary[disabled], .btn[disabled], input[disabled][type="submit"], button[disabled]:not(.button), .btn.btn--ghost[disabled], .disabled.button.is-secondary, .disabled.cta.is-secondary, .disabled.btn, input.disabled[type="submit"], button.disabled:not(.button), .disabled.btn.btn--ghost { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent !important; color: rgba(39, 39, 39, 0.1) !important; border-color: rgba(39, 39, 39, 0.1) !important; cursor: default; }

.button.is-secondary[disabled]:hover, .cta.is-secondary[disabled]:hover, .btn[disabled]:hover, input[disabled]:hover[type="submit"], button[disabled]:hover:not(.button), .disabled.button.is-secondary:hover, .disabled.cta.is-secondary:hover, .disabled.btn:hover, input.disabled:hover[type="submit"], button.disabled:hover:not(.button) { text-decoration: inherit; }

.button.is-secondary[disabled]:focus, .cta.is-secondary[disabled]:focus, .btn[disabled]:focus, input[disabled]:focus[type="submit"], button[disabled]:focus:not(.button), .disabled.button.is-secondary:focus, .disabled.cta.is-secondary:focus, .disabled.btn:focus, input.disabled:focus[type="submit"], button.disabled:focus:not(.button) { text-decoration: inherit; }

.button.is-secondary[disabled]:focus:not(:focus-visible), .cta.is-secondary[disabled]:focus:not(:focus-visible), .btn[disabled]:focus:not(:focus-visible), input[disabled]:focus:not(:focus-visible)[type="submit"], button[disabled]:focus:not(:focus-visible):not(.button), .disabled.button.is-secondary:focus:not(:focus-visible), .disabled.cta.is-secondary:focus:not(:focus-visible), .disabled.btn:focus:not(:focus-visible), input.disabled:focus:not(:focus-visible)[type="submit"], button.disabled:focus:not(:focus-visible):not(.button) { text-decoration: inherit; }

.button.is-secondary[disabled]:active, .cta.is-secondary[disabled]:active, .btn[disabled]:active, input[disabled]:active[type="submit"], button[disabled]:active:not(.button), .disabled.button.is-secondary:active, .disabled.cta.is-secondary:active, .disabled.btn:active, input.disabled:active[type="submit"], button.disabled:active:not(.button) { text-decoration: inherit; }

.btn.icon-save::before, input[type="submit"].icon-save::before, button.icon-save::before { font-size: 1.5rem; transform: translate3d(-10px, 4px, 0px); display: inline-block; }

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

@media (min-width: 768px) { form .btn, form input[type="submit"], form button { width: auto; } }

.btn--cta, input[type="submit"], button[type="submit"] { white-space: initial; }

@media (min-width: 992px) { .btn--cta, input[type="submit"], button[type="submit"] { width: auto; } }

@media (min-width: 992px) { .btn--cta.btn--ghost { width: auto; } }

.btn-link:hover, .markdown a:hover, .casebody a:hover, .home-section a:hover, .expert-author a:hover, .error-404 a:hover { color: #272727; background-color: rgba(123, 206, 190, 0.7); box-shadow: none; text-decoration: none; }

@media (min-width: 768px) { .btn-link[href^="tel:"], .markdown a[href^="tel:"], .casebody a[href^="tel:"], .home-section a[href^="tel:"], .expert-author a[href^="tel:"], .error-404 a[href^="tel:"] { box-shadow: none; } }

input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 3px solid #7BCEBE; background-color: #FFFFFF; height: 25px; width: 25px; position: absolute; padding: 0; margin: 0; transform: translateX(-35px); }

input[type="checkbox"].custom-select.is-valid, input[type="checkbox"].form-control.is-valid, input[type="checkbox"].was-validated input[type="checkbox"].custom-select:valid, input[type="checkbox"].form-control:valid { border-color: #7BCEBE; }

input[type="checkbox"]:checked::after { content: ""; width: 14px; height: 7px; position: absolute; top: 4px; left: 3px; border: 3px solid #272727; background: transparent; opacity: 1; transform: rotate(-45deg); border-top: none; border-right: none; }

input[type="checkbox"][disabled] { border-color: gainsboro; }

.bootstrap-select .dropdown-toggle { padding: 10px; background-color: #FFFFFF; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: initial; }

.bootstrap-select .dropdown-toggle:after { display: inline-block; width: 15px; height: 15px; content: ""; border: 3px solid #272727; border-right: 0; border-bottom: 0; transform: rotate(225deg); transition: transform 0.2s linear; }

.bootstrap-select .dropdown-toggle:focus { outline: 0; }

.bootstrap-select.show .dropdown-toggle:after { transform: translateY(8px) translateY(2px) rotate(45deg); }

.bootstrap-select .dropdown-toggle .filter-option { position: absolute; top: 3px; left: 0; height: 100%; width: 100%; }

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color: inherit; }

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

.bootstrap-select .dropdown-menu { border: 3px solid; border-radius: 0; top: -2px !important; border-top: 0; }

.bootstrap-select .dropdown-menu li a { padding-left: 10px; font-size: 1rem; }

.btn-light { color: #272727; }

.btn-light:hover { color: #272727; background-color: #FFFFFF; border-color: #272727; }

.dropdown-item { font-size: 1.125rem; line-height: 1.05556em; box-shadow: none; }

.dropdown-item.active, .dropdown-item:active { background-color: #7BCEBE; box-shadow: none; }

.dropdown-item:focus, .dropdown-item:hover { background-color: transparent; color: #272727; box-shadow: none; }

.dropdown-item:focus .text, .dropdown-item:hover .text { position: relative; }

.dropdown-item:focus .text::after, .dropdown-item:hover .text::after { width: 100%; height: 2px; background-color: #7BCEBE; bottom: -2px; left: 0; content: ""; position: absolute; }

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

.form-group.check, .form-check { margin: 0 0 2rem; padding-left: 35px; }

.form-check { align-items: center; display: flex; }

.button.is-tertiary, .btn.btn--second { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border-color: transparent; color: #272727; }

.button.is-tertiary:hover, .btn.btn--second:hover { text-decoration: inherit; background-color: transparent; border-color: transparent; color: #3da691; text-shadow: none; }

.button.is-tertiary:focus, .btn.btn--second:focus { text-decoration: inherit; box-shadow: none; text-shadow: 0 0 12px #7BCEBE; }

.button.is-tertiary:focus:not(:focus-visible), .btn.btn--second:focus:not(:focus-visible) { text-decoration: inherit; background-color: transparent; border-color: transparent; color: #3da691; text-shadow: none; }

.button.is-tertiary:active, .btn.btn--second:active { text-decoration: inherit; }

.button.is-quaternary { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 3px solid #F35F50; color: #FFFFFF; background-color: #F35F50; }

.button.is-quaternary:hover { text-decoration: inherit; color: #F35F50; background-color: transparent; border-color: #F35F50; }

.button.is-quaternary:focus { text-decoration: inherit; box-shadow: 0 0 12px #F35F50; text-shadow: none; }

.button.is-quaternary:focus:not(:focus-visible) { text-decoration: inherit; color: #F35F50; background-color: transparent; border-color: #F35F50; }

.button.is-quaternary:active { text-decoration: inherit; }

.button.is-round { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding: 1em 2em; border: 3px solid #000000; line-height: 1; color: #FFFFFF; background-color: #000000; border-radius: 3.375em; }

.button.is-round:hover { text-decoration: inherit; color: #000000; background-color: transparent; }

.button.is-round:focus { text-decoration: inherit; border-color: #000000; color: #000000; background-color: transparent; box-shadow: none; }

.button.is-round:focus:not(:focus-visible) { text-decoration: inherit; color: #000000; background-color: transparent; }

.button.is-round:active { text-decoration: inherit; }

.button.is-large, .btn.btn--cta.btn--big, .button.is-cta.is-secondary, .btn.btn--cta, .btn.btn--cta.btn--ghost, .button.is-cta { background-color: #7BCEBE; color: #272727; }

.button.is-large:hover, .btn.btn--cta.btn--big:hover, .btn.btn--cta:hover, .btn.btn--cta.btn--ghost:hover, .button.is-cta:hover { background-color: #CBE7D1; color: #272727; }

.button.is-large:focus, .btn.btn--cta.btn--big:focus, .btn.btn--cta:focus, .btn.btn--cta.btn--ghost:focus, .button.is-cta:focus { color: currentColor; }

.button.is-large, .btn.btn--cta.btn--big, .button.is-cta.is-secondary, .btn.btn--cta, .btn.btn--cta.btn--ghost { background-color: transparent; border-color: #7BCEBE; color: #272727; }

.button.is-large:hover, .btn.btn--cta.btn--big:hover, .button.is-cta.is-secondary:hover, .btn.btn--cta:hover, .btn.btn--cta.btn--ghost:hover { background-color: transparent; border-color: #CBE7D1; color: #272727; }

.button.is-large, .btn.btn--cta.btn--big { border-width: 4px; font-size: 1.25rem; padding: .8em 2em; text-transform: uppercase; }

.button.is-inverted { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #FFFFFF; border-color: #FFFFFF; color: #272727; }

.button.is-inverted:hover { text-decoration: inherit; background-color: #7BCEBE; border-color: transparent; color: #FFFFFF; }

.button.is-inverted:focus { text-decoration: inherit; }

.button.is-inverted:focus:not(:focus-visible) { text-decoration: inherit; background-color: #7BCEBE; border-color: transparent; color: #FFFFFF; }

.button.is-inverted:active { text-decoration: inherit; }

.button.is-inverted.is-secondary { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; }

.button.is-inverted.is-secondary:hover { text-decoration: inherit; background-color: transparent; border-color: #7BCEBE; color: #7BCEBE; }

.button.is-inverted.is-secondary:focus { text-decoration: inherit; }

.button.is-inverted.is-secondary:focus:not(:focus-visible) { text-decoration: inherit; background-color: transparent; border-color: #7BCEBE; color: #7BCEBE; }

.button.is-inverted.is-secondary:active { text-decoration: inherit; }

.button.is-inverted.is-cta { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #7BCEBE; border-color: transparent; color: #272727; }

.button.is-inverted.is-cta:hover { text-decoration: inherit; background-color: #CBE7D1; color: #272727; }

.button.is-inverted.is-cta:focus { text-decoration: inherit; }

.button.is-inverted.is-cta:focus:not(:focus-visible) { text-decoration: inherit; background-color: #CBE7D1; color: #272727; }

.button.is-inverted.is-cta:active { text-decoration: inherit; }

.is-inverted.button.is-large, .is-inverted.btn.btn--cta.btn--big, .button.is-inverted.is-cta.is-secondary, a.button.is-secondary.is-inverted { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border-color: #7BCEBE; color: #FFFFFF; }

.is-inverted.button.is-large:hover, .is-inverted.btn.btn--cta.btn--big:hover, .button.is-inverted.is-cta.is-secondary:hover, a.button.is-secondary.is-inverted:hover { text-decoration: inherit; background-color: transparent; border-color: #CBE7D1; }

.is-inverted.button.is-large:focus, .is-inverted.btn.btn--cta.btn--big:focus, .button.is-inverted.is-cta.is-secondary:focus, a.button.is-secondary.is-inverted:focus { text-decoration: inherit; color: #FFFFFF; }

.is-inverted.button.is-large:focus:not(:focus-visible), .is-inverted.btn.btn--cta.btn--big:focus:not(:focus-visible), .button.is-inverted.is-cta.is-secondary:focus:not(:focus-visible), a.button.is-secondary.is-inverted:focus:not(:focus-visible) { text-decoration: inherit; background-color: transparent; border-color: #CBE7D1; }

.is-inverted.button.is-large:active, .is-inverted.btn.btn--cta.btn--big:active, .button.is-inverted.is-cta.is-secondary:active, a.button.is-secondary.is-inverted:active { text-decoration: inherit; }

.button.is-inverted.is-tertiary { text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border-color: transparent; color: #FFFFFF; }

.button.is-inverted.is-tertiary:hover { text-decoration: inherit; background-color: transparent; border-color: transparent; color: #3da691; text-shadow: none; }

.button.is-inverted.is-tertiary:focus { text-decoration: inherit; box-shadow: none; text-shadow: 0 0 12px #7BCEBE; }

.button.is-inverted.is-tertiary:focus:not(:focus-visible) { text-decoration: inherit; background-color: transparent; border-color: transparent; color: #3da691; text-shadow: none; }

.button.is-inverted.is-tertiary:active { text-decoration: inherit; }

/* TODO implement button group instead of this hack */
.button + .button { margin-left: 1rem; }

.category, .home-section h2 { font-size: 0.875rem; line-height: 1.42857em; text-transform: uppercase; font-weight: 900; }

@media (min-width: 768px) { .category, .home-section h2 { font-size: 1.125rem; line-height: 1.44444em; } }

.field, .form-control { margin-top: 1rem; margin-top: var(--sp); display: inline-block; padding: 0.25em 0.75em; border: 3px solid #272727; border-radius: 0; outline: none; background-color: transparent; color: #272727; font-size: 16px; font-weight: 700; line-height: 1.375; transition-property: border; transition-duration: 0.3s; }

.field:focus, .form-control:focus { background-color: #FFFFFF; border-color: #7BCEBE; }

h1, .h1 { font-size: 1.5rem; line-height: 1.33333em; margin: 0 0 1rem; position: relative; }

@media (min-width: 768px) { h1, .h1 { letter-spacing: 1px; font-size: 3.125rem; line-height: 1.2em; margin: 0 0 2rem; } }

h1.line, .h1.line { text-transform: uppercase; margin: 0 auto 4rem; font-size: 1.5rem; line-height: 1.33333em; position: relative; }

@media (min-width: 992px) { h1.line, .h1.line { margin: 0 auto 9rem; font-size: 2.1875rem; line-height: 1.28571em; } }

h1.line::before, .h1.line::before { content: ''; background-color: #272727; height: 10px; position: absolute; width: 100%; bottom: -20px; }

@media (min-width: 992px) { h1.line::before, .h1.line::before { height: 20px; position: absolute; left: 0; } }

h2, .h2 { font-size: 1.5rem; line-height: 1.25em; font-weight: 300; margin: 0 0 2rem; }

h2.line, .h2.line { text-transform: uppercase; position: relative; display: inline-block; }

h2.line::before, .h2.line::before { content: ''; background-color: #272727; height: 10px; position: absolute; width: 100%; bottom: -20px; }

@media (min-width: 992px) { h2.line::before, .h2.line::before { height: 20px; position: absolute; left: 0; } }

h3, .h3 { font-size: 1.25rem; line-height: 1.4em; margin: 0 0 2rem; }

@media (min-width: 768px) { h3, .h3 { font-size: 1.75rem; line-height: 1.42857em; } }

h3.line, .h3.line { text-transform: uppercase; position: relative; display: inline-block; font-size: 1.125rem; line-height: 1.44444em; font-weight: 700; }

@media (min-width: 992px) { h3.line, .h3.line { font-size: 1.25rem; line-height: 1.4em; } }

h3.line::before, .h3.line::before { content: ''; background-color: #272727; height: 8px; position: absolute; width: 100%; bottom: -7px; }

@media (min-width: 992px) { h3.line::before, .h3.line::before { height: 10px; position: absolute; left: 0; bottom: -10px; } }

h4, .h4 { font-size: 1.5625rem; line-height: 1.44em; margin: 0 0 2rem; }

h5, .h5 { font-size: 1rem; line-height: 1.625em; margin: 0; }

.lighter-text { font-weight: 200; color: inherit; }

.heading { margin: 0; }

.headline { --stack-space: 1rem; }

.headline-kicker { display: block; font-size: 16px; line-height: 1; letter-spacing: 0; }

.headline-title { display: block; font-size: 1.5rem; font-weight: 900; line-height: 1.33333em; }

@media (min-width: 768px) { .headline-kicker { font-size: 1.125rem; }
  .headline-title { letter-spacing: 1px; font-size: 3.125rem; line-height: 1.2em; } }

.link, .btn-link, .markdown a, .casebody a, .home-section a, .expert-author a, .error-404 a { color: inherit; text-decoration: underline; text-decoration-color: #7BCEBE; background-color: transparent; box-shadow: 0.1em 0 0 transparent, -0.1em 0 0 transparent; transition-duration: 0.3s; transition-property: color, text-decoration-color, background-color, box-shadow; }

.link:hover, .btn-link:hover, .markdown a:hover, .casebody a:hover, .home-section a:hover, .expert-author a:hover, .error-404 a:hover { color: #272727; text-decoration-color: transparent; background-color: rgba(123, 206, 190, 0.7); box-shadow: 0.1em 0 0 rgba(123, 206, 190, 0.7), -0.1em 0 0 rgba(123, 206, 190, 0.7); transition-duration: 0.1s; }

.link:active, .btn-link:active, .markdown a:active, .casebody a:active, .home-section a:active, .expert-author a:active, .error-404 a:active { color: #3da691; background-color: transparent; text-decoration-color: #7BCEBE; box-shadow: none; }

.is-stand-alone.link, .is-stand-alone.btn-link, .markdown a.is-stand-alone, .casebody a.is-stand-alone, .home-section a.is-stand-alone, .expert-author a.is-stand-alone, .error-404 a.is-stand-alone { display: inline-block; }

.is-stand-alone.link::before, .is-stand-alone.btn-link::before, .markdown a.is-stand-alone::before, .casebody a.is-stand-alone::before, .home-section a.is-stand-alone::before, .expert-author a.is-stand-alone::before, .error-404 a.is-stand-alone::before, .is-stand-alone.link::after, .is-stand-alone.btn-link::after, .markdown a.is-stand-alone::after, .casebody a.is-stand-alone::after, .home-section a.is-stand-alone::after, .expert-author a.is-stand-alone::after, .error-404 a.is-stand-alone::after { content: ""; display: block; width: 100%; height: 0; }

.is-stand-alone.link::before, .is-stand-alone.btn-link::before, .markdown a.is-stand-alone::before, .casebody a.is-stand-alone::before, .home-section a.is-stand-alone::before, .expert-author a.is-stand-alone::before, .error-404 a.is-stand-alone::before { margin-top: 1rem; margin-top: var(--sp); }

p > .is-stand-alone.link::before, .article-body h4 > .is-stand-alone.link::before, p > .is-stand-alone.btn-link::before, .article-body h4 > .is-stand-alone.btn-link::before, .markdown p > a.is-stand-alone::before, .article-body .markdown h4 > a.is-stand-alone::before, .markdown .article-body h4 > a.is-stand-alone::before, .casebody p > a.is-stand-alone::before, .article-body .casebody h4 > a.is-stand-alone::before, .casebody .article-body h4 > a.is-stand-alone::before, .home-section p > a.is-stand-alone::before, .article-body .home-section h4 > a.is-stand-alone::before, .home-section .article-body h4 > a.is-stand-alone::before, .expert-author p > a.is-stand-alone::before, .article-body .expert-author h4 > a.is-stand-alone::before, .expert-author .article-body h4 > a.is-stand-alone::before, .error-404 p > a.is-stand-alone::before, .article-body .error-404 h4 > a.is-stand-alone::before, .error-404 .article-body h4 > a.is-stand-alone::before { margin-top: 0; }

.link[href^="tel:"], .btn-link[href^="tel:"], .markdown a[href^="tel:"], .casebody a[href^="tel:"], .home-section a[href^="tel:"], .expert-author a[href^="tel:"], .error-404 a[href^="tel:"] { color: #272727 !important; text-decoration: none !important; cursor: default !important; }

.email-link, .phone-link { display: inline-block; padding-left: 2em; position: relative; font-weight: 700; line-height: 1.714; }

.email-link::before, .phone-link::before { content: ""; width: 40px; height: 40px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-repeat: no-repeat; background-size: 80%; }

.email-link span, .phone-link span { display: inline-block; position: relative; }

.email-link span::after, .phone-link span::after { content: ""; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; background-color: transparent; transition: background-color 100ms ease-out; }

.email-link:hover span::after, .email-link:focus span::after, .phone-link:hover span::after, .phone-link:focus span::after { background-color: #8ECCBE; }

.email-link:active span::after, .phone-link:active span::after { background-color: #000000; }

.email-link::before { background-image: url("https://images.ctfassets.net/fscp9myrma8u/o9w4mZWRfkYuO5h330VpK/4ae3a05d5bbba08f52bb0d03b7c5b814/send-email.svg"); }

.phone-link { margin-top: 1.5rem; }

.phone-link::before { background-image: url("https://images.ctfassets.net/fscp9myrma8u/4EwHFzeiUtbdgj4g0TJCot/a588d090ad0f27e9986fd795a3c34613/phone-actions.svg"); }

.link[href^="tel:"], .btn-link[href^="tel:"], .markdown a[href^="tel:"], .casebody a[href^="tel:"], .home-section a[href^="tel:"], .expert-author a[href^="tel:"], .error-404 a[href^="tel:"] { background-color: transparent !important; box-shadow: none !important; }

a { color: inherit; text-decoration: inherit; }

a:hover { color: inherit; text-decoration: inherit; }

.btn-link.btn, .btn-link.cta-projects, .markdown a.btn, .markdown a.cta-projects, .casebody a.btn, .casebody a.cta-projects, .home-section a.btn, .home-section a.cta-projects, .expert-author a.btn, .expert-author a.cta-projects, .error-404 a.btn, .error-404 a.cta-projects { text-decoration: none; box-shadow: none; }

.btn-link.btn:hover, .btn-link.cta-projects:hover, .markdown a.btn:hover, .markdown a.cta-projects:hover, .casebody a.btn:hover, .casebody a.cta-projects:hover, .home-section a.btn:hover, .home-section a.cta-projects:hover, .expert-author a.btn:hover, .expert-author a.cta-projects:hover, .error-404 a.btn:hover, .error-404 a.cta-projects:hover { color: inherit; background-color: inherit; }

a[class^="icon-"]:hover { color: #7BCEBE; background-color: transparent; }

a[class^="icon-save"] { display: flex; align-items: center; font-size: 1.5rem; line-height: 1.25em; position: relative; }

a[class^="icon-save"]::before { margin: 0 10px 0 0; transform: translateX(-38px); font-weight: 900; }

.article-body a.is-external { overflow-wrap: anywhere; }

.article-body a.is-external:after { font-family: 'df4'; content: '\e90f'; display: inline-block; font-size: 1rem; padding: 0 0.2em; }

ul, ol { padding: 2rem 0 2rem 1rem; }

ul li, ol li { font-size: 1rem; line-height: 1.625em; margin-bottom: .5rem; }

@media (min-width: 768px) { ul li, ol li { font-size: 1.125rem; line-height: 1.66667em; } }

@media (min-width: 1200px) { ul li, ol li { font-size: 1.25rem; line-height: 1.7em; } }

.article-body ul, .article-body ol { padding: 0 0 1rem 1rem; }

.article-body ul.slick-dots, .article-body ol.slick-dots { padding: 0; }

.benefit-list li { list-style: none; position: relative; font-size: 1.25rem; line-height: 1.4em; font-weight: 700; padding: 0 0 .5rem 30px; }

.benefit-list li::before { color: #7BCEBE; transform: translateX(-30px); top: 2px; position: absolute; font-weight: 700; }

p, .article-body h4 { font-size: 1rem; line-height: 1.625em; }

@media (min-width: 768px) { p, .article-body h4 { font-size: 1.125rem; line-height: 1.66667em; } }

@media (min-width: 1200px) { p, .article-body h4 { font-size: 1.25rem; line-height: 1.7em; } }

input, select { border: 3px solid #272727; font-size: 1rem; border-radius: 0; color: #272727; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.form-control input, .form-control select { border: 3px solid #272727; color: #272727; font-size: 1rem; line-height: 1.375rem; border-radius: 0; }

.form-radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.form-radio label { cursor: pointer; padding-left: 30px; }

.form-radio input[type="radio"] { position: absolute; opacity: 0; z-index: 1; height: 25px; width: 25px; cursor: pointer; }

/* Create a custom radio button */
.form-radio .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #FFFFFF; border-radius: 50%; border: 2px solid #7BCEBE; cursor: pointer; }

.form-radio label { font-size: 16px; }

/* On mouse-over, add a grey background color */
.form-radio:hover input ~ .checkmark { background-color: #CBE7D1; }

/* When the radio button is checked, add a blue background */
.form-radio input:checked ~ .checkmark { background-color: #7BCEBE; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.form-radio:after { content: ""; position: absolute; display: none; }

/* Show the indicator (dot/circle) when checked */
.form-radio input:checked ~ .checkmark:after { display: block; }

/* Style the indicator (dot/circle) */
.form-radio input:checked ~ .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: #FFFFFF; }

/* Style the indicator (dot/circle) */
.form-radio input:checked ~ .checkmark:after { background: #7BCEBE; }

.form-control:focus { color: #272727; background-color: #FFFFFF; border-color: #7BCEBE; outline: 0; box-shadow: none; }

.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { color: #272727; background-color: #FFFFFF; border-color: #7BCEBE; outline: 0; box-shadow: none; }

.success-message { font-size: 1.5625rem; line-height: 1.44em; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; opacity: 0; max-height: 0; transition: all .2s ease-out; }

.success-message.visible { max-height: 200vh; opacity: 1; }

.form-row .form-group + .form-group { margin-top: 1rem; }

@media (min-width: 768px) { .form-row .form-group + .form-group { margin-top: 0; } }

#mc-embedded-subscribe-form, #mc_embed_unsubscribe { background-color: #F7F7F7; padding: 50px; margin: 200px auto 100px; }

/* FIX for BS Select*/
.bootstrap-select .dropdown-menu .inner li a.hidden { display: none; }

.revealableContent { border-bottom: 1px #000000 solid; }

.revealableContent-summary { font-size: var(--step-1); font-weight: bold; line-height: 1.2; background-color: #FFFFFF; transition: 0.1s; padding: var(--space-m-l) 0 var(--space-2xs) 0.5rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }

.revealableContent-summary::-webkit-details-marker { display: none; }

.revealableContent-summary::after { content: ""; display: block; flex-shrink: 0; margin-left: 1rem; width: 24px; height: 24px; background: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 stroke=%22%23000000%22 stroke-width=%222%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M9.5,12.5l6.5,7l6.5-7%22/%3E%3C/svg%3E") 50% 50% no-repeat; transform: scaleY(1); transition: 0.3s; }

.revealableContent-summary:hover::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 stroke=%22%237BCEBE%22 stroke-width=%222%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M9.5,12.5l6.5,7l6.5-7%22/%3E%3C/svg%3E"); }

.revealableContent-summary:focus { outline: none; }

.revealableContent-summary:focus::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 stroke=%22%237BCEBE%22 stroke-width=%222%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M9.5,12.5l6.5,7l6.5-7%22/%3E%3C/svg%3E"); }

.revealableContent-content { padding: 1rem 2rem 3rem 0.5rem; }

.revealableContent[open] .revealableContent-summary::after, .revealableContent-toggle:checked ~ .revealableContent-summary::after { background: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 stroke=%22%237BCEBE%22 stroke-width=%222%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M9.5,12.5l6.5,7l6.5-7%22/%3E%3C/svg%3E") 50% 50% no-repeat; transform: scaleY(-1); }

.revealableContent-toggle { display: none; }

.revealableContent:not(details):not([open]) .revealableContent-content { height: 0; overflow: hidden; }

.revealableContent-toggle:checked ~ .revealableContent-content { height: auto; overflow: visible; }

table { margin-bottom: 4rem; }

table tr td { padding: 0px 40px 10px 0; font-size: 1.25rem; line-height: 1.4em; }

.article-teaser { margin-bottom: -80px; opacity: 1; visibility: visible; max-height: 100vh; transform: translateY(0); transition: all 0.2s linear; }

@media (min-width: 768px) { .article-teaser { max-height: none; } }

@media (min-width: 992px) { .article-teaser { margin-bottom: 6rem; } }

.article-teaser .row.no-gutters { margin-right: -15px; margin-left: -15px; }

@media (min-width: 992px) { .article-teaser .row.no-gutters { margin-right: inherit; margin-left: inherit; } }

.article-teaser .container { padding-left: 15px; padding-right: 15px; }

.article-teaser.hidden { opacity: 0; visibility: hidden; max-height: 0; transform: translateY(-50px); margin: 0; }

.article-teaser__image { padding-top: 75%; }

@media (min-width: 768px) { .article-teaser__image { padding-top: 55%; } }

@media (min-width: 992px) { .article-teaser__image { padding-top: 400px; } }

.article-teaser__text { padding: 1rem; transform: translate3d(0px, -80px, 0); background-color: #FFFFFF; }

@media (min-width: 992px) { .article-teaser__text { transform: translate3d(40px, 0px, 0); padding: 0 3rem 1rem 3rem; margin-left: -6rem; } }

.article-teaser h2 { font-size: 1.125rem; line-height: 1.44444em; font-weight: 900; text-transform: none; margin: 0 0 1rem; }

@media (min-width: 992px) { .article-teaser h2 { /* margin: inherit; transform: translate3d(40px, 0px, 0); padding: 0 $medium-spacing $small-spacing $medium-spacing; margin-left: -$xl-spacing; */ } }

.article-teaser h3 { text-transform: uppercase; font-weight: 300; margin-top: 1rem; font-size: 0.875rem; line-height: 1.42857em; }

@media (min-width: 992px) { .article-teaser h3 { font-size: 16px; line-height: 1.625em; } }

.article-teaser a { text-decoration: none; }

.article-teaser a h1 { background-image: linear-gradient(to bottom, transparent 65%, #7BCEBE 10%); background-size: 0% 100%; background-repeat: no-repeat; text-decoration: none; display: inline; box-shadow: none; transition: background-size 0.4s ease; }

.article-teaser a:hover h1 { background-size: 100% 100%; }

@media (min-width: 992px) { .article-teaser:nth-child(odd) a h1 { font-size: 2.1875rem; line-height: 1.28571em; } }

@media (min-width: 992px) { .article-teaser:nth-child(odd) .article-teaser__image { padding-top: 350px; } }

@media (min-width: 992px) { .article-teaser:nth-child(4n+1) a > .container { transform: translateX(6rem); } }

@media (min-width: 992px) { .article-teaser:nth-child(4n+2) a > .container { transform: translateX(-4rem); } }

@media (min-width: 992px) { .article-teaser:nth-child(4n+3) a > .container { transform: translateX(-1rem); } }

@media (min-width: 992px) { .article-teaser:nth-child(4n+4) a > .container { transform: translateX(4rem); } }

.home-section .article-teaser h2 { text-transform: none; }

.accordionInsert .revealableContent { margin-top: 0; }

.slick, .slick-dotted.slick-slider { width: 70%; margin: 0 auto 6rem; }

button.slick-prev:not(.button), button.slick-next:not(.button) { border-width: 2px 0 0 2px; color: transparent; font-size: 0px; }

button.slick-prev:not(.button):hover, button.slick-prev:not(.button):focus, button.slick-prev:not(.button):active, button.slick-next:not(.button):hover, button.slick-next:not(.button):focus, button.slick-next:not(.button):active { color: transparent; }

button.slick-prev:not(.button)::before, button.slick-next:not(.button)::before { content: ''; }

.slick-prev { border: 2px solid #000; width: 20px; height: 20px; transform: rotate(-45deg); left: -35px; }

@media (min-width: 992px) { .slick-prev { width: 50px; height: 50px; left: -55px; } }

.slick-next { border: 2px solid #000; width: 20px; height: 20px; transform: rotate(135deg); right: -35px; }

@media (min-width: 992px) { .slick-next { width: 50px; height: 50px; right: -55px; } }

.contact__intro { padding: 12rem 0 6rem; }

.contact__intro .btn--cta { margin: 0 0.5rem 1rem; }

@media (min-width: 1200px) { .contact__intro .btn--cta { margin: 0 0.5rem; } }

.module.contact { margin-bottom: 0; background-color: rgba(39, 39, 39, 0.1); }

.module.contact .avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.module.contact h1, .module.contact .h1 { font-size: 1.75rem; line-height: 1.42857em; }

@media (min-width: 1200px) { .module.contact h1, .module.contact .h1 { font-size: 3.4375rem; line-height: 1.12727em; } }

.module.contact .icon-phone { font-size: 1.5625rem; line-height: 1.44em; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; text-decoration: none; display: flex; align-content: center; align-items: center; }

.module.contact .icon-phone::before { font-size: 2.5rem; color: #7BCEBE; margin-right: 10px; }

.contact__person { position: absolute; bottom: 2rem; left: 2rem; color: #FFFFFF; }

@media (min-width: 1200px) { .contact__person { bottom: 4rem; left: 4rem; } }

.module.contact--main { margin-bottom: 4rem; }

.contact--main .contact__person { bottom: 2rem; color: #272727; }

.contact--main.dark .contact__person { color: #FFFFFF; }

.contact__content { flex-direction: column; justify-content: space-between; display: flex; padding: 2rem !important; }

@media (min-width: 1200px) { .contact__content { padding: 4rem !important; } }

.contact__content p, .contact__content .article-body h4, .article-body .contact__content h4 { margin-bottom: 2rem; }

.contact__content .row { margin: 0; }

@media (min-width: 768px) { .contact__content .row { align-items: center; } }

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

.contact__content .col-sm-12 + .col-sm-12 { margin-top: 2rem; }

@media (min-width: 768px) { .contact__content .col-sm-12 + .col-sm-12 { margin-top: 0; } }

.module.locations h2 { font-size: 2.1875rem; line-height: 1.28571em; font-weight: 900; }

.module.locations .row > div + div { margin-top: 2rem; }

@media (min-width: 992px) { .module.locations .row > div + div { margin-top: 0; } }

#expert .row:nth-of-type(1) { margin-bottom: 4rem; }

.error-404 { background: url("https://images.ctfassets.net/fscp9myrma8u/2EpqyQ9naQSfvBiKSjXYll/74c46820f4f9e707220cf12ee1b0bcc9/emma404.jpg") no-repeat right top; background-size: cover; color: #FFFFFF; padding: 12rem 6rem 0 6rem; min-height: 100vh; }

footer .newsletter { padding: 4rem 15px 4rem; }

@media (min-width: 768px) { footer .newsletter { padding: 6rem 15px 6rem; } }

footer .newsletter h1 { font-size: 1.75rem; line-height: 1.42857em; }

@media (min-width: 1200px) { footer .newsletter h1 { font-size: 3.125rem; line-height: 1.2em; } }

footer .newsletter h4 { font-weight: 700; font-size: 1.25rem; line-height: 1.4em; }

@media (min-width: 1200px) { footer .newsletter h4 { font-size: 1.5625rem; line-height: 1.44em; } }

footer .newsletter .row { justify-content: center; }

footer .newsletter .btn--cta { color: #FFFFFF; }

footer .newsletter .btn--cta:hover { color: #272727; }

footer .newsletter .line::before { background-color: #FFFFFF; }

footer .parting-line::before { background-color: white; }

footer nav { padding: 4rem 0 0 0; background-color: #292930; }

@media (min-width: 992px) { footer nav .row > div { margin-bottom: 2rem; } }

footer nav a { font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: #FFFFFF; }

footer nav a:hover { color: #FFFFFF; text-decoration: underline; }

footer nav h3 { text-align: left; font-weight: 700; text-transform: uppercase; font-size: 1.125rem; line-height: 1.33333em; margin: 0 0 1rem 0; }

footer nav h5 { font-size: 1.125rem; line-height: 1.66667em; }

footer nav p, footer nav .article-body h4, .article-body footer nav h4 { font-size: 1.125rem; line-height: 1.66667em; font-weight: 300; }

footer nav h5 + p, footer nav .article-body h5 + h4, .article-body footer nav h5 + h4 { margin: 0 0 1rem; }

footer nav ul li { margin-bottom: 0.625rem; font-size: 1rem; line-height: 1.125em; }

footer nav ul { padding-top: 0; }

footer nav .social-follow { border: none; }

@media (min-width: 768px) { footer nav .social-follow { position: absolute; bottom: 0; height: 32px; } }

footer nav .social-follow a { padding: 0 2rem 0 0; text-decoration: none; }

footer nav .social-follow a[class^="icon-"]::before { transform: translateX(0); }

footer .brand-closure { font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.25rem; line-height: 1.6em; color: #7BCEBE; padding: 4rem 0; background: #292930; padding: 0; display: none; }

@media (min-width: 992px) { footer .brand-closure { display: block; padding: 6rem 0 1rem; } }

footer .brand-closure .container { padding-left: 0; }

.footer-landing { padding-block: 2rem; background-color: #292930; }

.footer-landing--content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 2rem; }

.footer-landing--content .logo, .footer-landing--content .phone { font-size: 1.25rem; font-weight: 700; }

.footer-landing--content .call-to-action a.button { margin-top: 0; }

@media screen and (min-width: 768px) { .footer-landing--content .logo, .footer-landing--content .phone { font-size: 1.5rem; } }

.header-landing .container { padding-left: 15px; padding-right: 30px; }

.header-landing .button { margin: .5rem 0 !important; padding: 0.75em 1.25em; }

.header-lp .container { display: flex; justify-content: space-between; max-width: 1440px; padding-inline: 1rem; }

.header-lp .container .button { padding: 0.25em 0.75em; border-radius: 1.875em; }

.header-lp .navbar > * + * { margin-top: 1rem; }

.header-lp .navbar > a { max-width: 100%; margin-right: 1rem; }

@media screen and (min-width: 448px) { .header-lp .navbar > * + * { margin-top: 0; } }

@media screen and (min-width: 768px) { .header-lp .container { padding-inline: 2rem; } }

header { transition: background-color 1000ms, box-shadow 1000ms, color 1000ms; color: #272727; background-color: transparent; }

@media (min-width: 991px) { header { background: transparent; color: #FFFFFF; } }

header.bg-white { border: 1px solid #cccccc; border-width: 0 0 1px 0; background-color: #FFFFFF; }

#page-home header { color: #FFFFFF; background-color: transparent; }

header .navbar { padding: 1rem 0; transition: padding-top 1000ms, padding-bottom 1000ms, background-color 0.3s; background-color: transparent; }

header .navbar.open { background-color: #FFFFFF; }

header .navbar .dot { visibility: hidden; }

@media (min-width: 768px) { header .navbar .dot { visibility: visible; } }

header .navbar-nav { position: relative; padding: 1rem; }

@media (min-width: 992px) { header .navbar-nav { padding: 0; } }

.navbar-nav .nav-item { margin-bottom: 0; }

header .navbar > a { max-width: 80%; font-size: 1rem; line-height: 1.25em; color: #272727; font-weight: 700; }

@media (min-width: 768px) { header .navbar > a { font-size: 1.25rem; line-height: 2.5em; } }

header.text-white .navbar > a { color: #FFFFFF; }

header.text-white .navbar-toggler .icon-bar { background-color: #FFFFFF; }

.language-nav .nav-item .nav-link { position: relative; font-weight: 300; padding: 0 0.5rem 0 0; transition: "all" 0.2s linear; cursor: pointer; color: #272727; }

.language-nav .nav-item:nth-child(2) .nav-link { padding: 0 0 0 0.5rem; }

.language-nav .nav-item:hover .nav-link { color: #7BCEBE; }

.language-nav .nav-item:first-child .nav-link::after { position: absolute; content: ""; width: 2px; height: 24px; background-color: #272727; right: -1px; top: calc(50% - 12px); left: initial; }

.navbar-nav:not(.language-nav) .nav-item .nav-link { font-weight: 700; transition: color 0.2s ease-in-out; }

@media (min-width: 992px) { .navbar-nav:not(.language-nav) .nav-item .nav-link { background-image: linear-gradient(0deg, #7BCEBE, #7BCEBE); background-position: center 80%; background-size: 0px 4px; background-repeat: no-repeat; transition: background-size 0.2s ease-in-out, color 0.2s ease-in-out; } }

.navbar-nav:not(.language-nav) .nav-item.active .nav-link, .navbar-nav:not(.language-nav) .nav-item:hover .nav-link { position: relative; font-weight: 700; color: #7BCEBE; }

@media (min-width: 768px) { .navbar-nav:not(.language-nav) .nav-item.active .nav-link, .navbar-nav:not(.language-nav) .nav-item:hover .nav-link { background-size: 40px 4px; } }

.navbar-nav:not(.language-nav) .nav-item.active .nav-link { cursor: default; }

.language-nav .nav-item.active .nav-link { font-weight: 700; color: #272727; cursor: default; }

.text-white .language-nav .nav-item.active .nav-link, .text-white .language-nav .nav-item .nav-link { color: #FFFFFF; }

.text-white .language-nav .nav-item:first-child .nav-link::after { background-color: #FFFFFF; }

.navbar-nav + .language-nav { flex-direction: row; margin-left: 0; }

@media (min-width: 992px) { .navbar-nav + .language-nav { margin: 0 1rem 0 3rem; } }

.bg-white .language-nav .nav-item.active .nav-link { color: #272727; }

.bg-white .language-nav .nav-item .nav-link:first-child::after { background-color: #272727; }

.navbar-nav .nav-link { color: #272727; }

.text-white .navbar-nav .nav-link { color: #FFFFFF; }

.bg-white .navbar > a, .bg-white .navbar-nav .nav-link { color: #272727; }

.bg-white .navbar > a:hover, .bg-white .navbar-nav .nav-link:hover { color: #7BCEBE; }

header nav a { font-size: 1rem; line-height: 1.25em; text-decoration: none; box-shadow: none; }

@media (min-width: 768px) { header nav a { font-size: 1.25rem; line-height: 1em; } }

@media (min-width: 992px) { header nav a { line-height: 2.5em; } }

header nav a:hover { color: #7BCEBE; background-color: transparent; }

.nav-item.active .nav-link { color: #7BCEBE; background-color: transparent; }

/* .navbar-nav__line { position: absolute; top: 80%; left: 0; width: 0px; height: 2px; pointer-events: none; display: none; background: $white; transition: all 0.5s; transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); @include breakpoint($lg){ display:block; } } */
header.bg-white .navbar-nav__line { border-color: #FFFFFF; background: #7BCEBE; height: 3px; }

/*
.nav-item:nth-child(1):hover ~ .navbar-nav__line {
    transform: translate3d(75%, 0, 0);
    width: 40px;
}

.sens-nav.nav-item:nth-child(1):hover ~ .navbar-nav__line {
    transform: translate3d(93%, 0, 0);
    width: 40px;
}

.nav-item:nth-child(2):hover ~ .navbar-nav__line {
    transform: translate3d(355%, 0, 0);
    width: 40px;
}

.sens-nav.nav-item:nth-child(2):hover ~ .navbar-nav__line {
    transform: translate3d(400%, 0, 0);
    width: 40px;
}

.nav-item:nth-child(3):hover ~ .navbar-nav__line {
    transform: translate3d(680%, 0, 0);
    width: 40px;
}

.sens-nav.nav-item:nth-child(3):hover ~ .navbar-nav__line {
    transform: translate3d(790%, 0, 0);
    width: 40px;
}

.nav-item:nth-child(4):hover ~ .navbar-nav__line {
    transform: translate3d(940%, 0, 0);
    width: 40px;
}

.sens-nav.nav-item:nth-child(4):hover ~ .navbar-nav__line {
    transform: translate3d(1156%, 0, 0);
    width: 40px;
}

.nav-item:nth-child(5):hover ~ .navbar-nav__line {
    transform: translate3d(1135%, 0, 0);
    width: 40px;
}

.sens-nav.nav-item:nth-child(5):hover ~ .navbar-nav__line {
  transform: translate3d(1434%, 0, 0);
  width: 40px;
}

*/
/*
.navbar-nav.en {

  .nav-item:nth-child(4):hover ~ .navbar-nav__line {
      transform: translate3d(939%, 0, 0);
      width: 40px;
  }

  .nav-item:nth-child(5):hover ~ .navbar-nav__line {
      transform: translate3d(1132%, 0, 0);
      width: 40px;
  }

}
*/
header.bg-white .navbar { padding-top: 1rem; padding-bottom: 1rem; }

@media (min-width: 768px) { header.bg-white .navbar { padding-top: 0; padding-bottom: 0; } }

/* toggler animations */
.navbar-toggler { width: auto; border: none !important; }

.navbar-toggler .icon-bar { background-color: #272727; transform: rotate(0deg) translate(0px, 0px); transition: ease all 0.2s; padding: 0; }

.bg-white .navbar-toggler .icon-bar { background-color: #272727; }

@media (min-width: 768px) { .text-white .navbar-toggler .icon-bar { background-color: #FFFFFF; } }

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

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

.icon-bar:nth-child(2) { width: 22px; transition: ease all 0.2s; }

.navbar-toggler:hover > .icon-bar:nth-child(2) { width: 22px; transition: ease all 0.2s; }

.navbar-toggler:active > .icon-bar:nth-child(2) { width: 22px; transition: ease all 0.2s; }

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) { transform: rotate(45deg) translate(6px, 4px); transition: ease all 0.2s; }

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) { opacity: 0; transition: ease all 0.2s; }

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) { transform: rotate(-45deg) translate(6px, -4px); transition: ease all 0.2s; }

.navbar-collapse.show { height: 100vh; }

.intro { font-size: 1.25rem; line-height: 1.4em; font-weight: 900; transition: all .8s ease-out; margin: 0 0 2rem 0; }

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

.intro.in { opacity: 1; }

.intro::before { margin-bottom: 2rem; height: 5px; background-color: #272727; display: block; content: ''; }

.projekte .intro::before { display: none; }

/* Landing Page */
#page-landing .stage { margin: 0 0 4rem; padding: 6rem 0 26.25rem; position: relative; }

@media (min-width: 768px) { #page-landing .stage { margin: 0 0 3.75rem; padding: 6.25rem 0 30.25rem; } }

@media (min-width: 992px) { #page-landing .stage { padding: 12rem 0 6rem; margin: 0 0 12rem; } }

#page-landing .module p + h3, #page-landing .module .article-body h4 + h3, .article-body #page-landing .module h4 + h3 { margin: 4rem auto 2rem; }

#page-landing .stage .intro-image { /* position: absolute; width: 100%; bottom: -420px; left: 0; right: 0; display: block; max-width: 100%; @include breakpoint($md) { position: relative; width: auto; display: flex; max-width: none; bottom: auto; } @include breakpoint($lg) { } */ }

#page-landing .stage .landing-image { width: 80%; position: absolute; top: 2rem; left: 20%; /* Old Styles*/ /* position: relative; width: 270px; display: block; margin: 0 auto; @include breakpoint($md) { margin: 0; position: absolute; right: 190px; width: 340px; bottom: -484px; } @include breakpoint($lg) { right: 0; width: 450px; bottom: -100px; } */ }

@media (min-width: 992px) { #page-landing .stage .landing-image { width: 160%; position: static; top: 0; left: 0; } }

#page-landing .stage .landing-image.ux, #page-landing .stage .landing-image.story, #page-landing .stage .landing-image.brand { width: 70%; position: absolute; top: 2rem; left: 15%; }

@media (min-width: 992px) { #page-landing .stage .landing-image.ux, #page-landing .stage .landing-image.story, #page-landing .stage .landing-image.brand { width: 120%; position: static; } }

#page-landing .stage .arrow { position: absolute; right: calc(50% - 8px); width: 16px; bottom: 2rem; }

@media (min-width: 768px) { #page-landing .stage .arrow { bottom: 22.5rem; } }

@media (min-width: 992px) { #page-landing .stage .arrow { bottom: 4rem; } }

.form--after-stage.form--after-stage { max-height: 0; padding: 0; overflow: hidden; transition: max-height 1.8s ease-out; margin: 0; }

.pageHeader { padding-top: 6rem; padding-bottom: 4rem; }

.pageHeader-text { color: #272727; }

.pageHeader-text a.button { margin-top: var(--stack-space); }

.pageHeader-figure { display: none; margin: 0; margin-top: 2rem; }

.pageHeader img { max-width: 100%; height: auto; margin: 0; -o-object-fit: cover; object-fit: cover; }

@media screen and (min-width: 768px) { .pageHeader { padding-top: 12rem; padding-bottom: 6rem; }
  .pageHeader-text { padding-right: 1rem !important; }
  .pageHeader-figure { display: block; margin-top: 0; padding-left: 1rem !important; } }

.pageSection { --pageSection-space-top: var(--space-2xl-6xl); --pageSection-space-bottom: var(--space-2xl-6xl); --page_max-width: 1680px; --page_padding: 1rem; padding-top: var(--pageSection-space-top); padding-bottom: var(--pageSection-space-bottom); position: relative; overflow: visible; z-index: 0; }

.pageSection .wrapper { width: 100%; max-width: calc(var(--page_max-width)); margin-left: auto; margin-right: auto; padding-left: var(--page_padding); padding-right: var(--page_padding); position: relative; }

.pageSection-title { font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-5); font-weight: 900; line-height: 1.1; z-index: 1; }

.pageSection-title + * { margin-top: var(--space-l); }

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

.pageSection-eyebrow { display: block; margin-bottom: 1rem; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--step-1); }

.pageSection-subline { display: block; margin-top: var(--space-m-l); }

.pageSection p, .pageSection .article-body h4, .article-body .pageSection h4 { margin-bottom: 0; }

@media screen and (min-width: 768px) { .pageSection { --page_padding: 2rem; }
  .pageSection-title + * { margin-top: 0; } }

.pageSection img { display: block; max-width: 100%; }

.pageSection figure, .pageSection img { margin-bottom: 0; }

.has-image-bg::before, .has-image-bg::after { content: ''; display: block; width: 100vw; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; }

.has-black-bg { background-color: black; color: white; }

.related .row { justify-content: flex-start; }

.related article { margin-bottom: 4rem; text-align: center; }

.related article h2 { font-size: 1.125rem; line-height: 1.44444em; text-transform: uppercase; font-weight: 700; margin-bottom: .5rem; }

@media (min-width: 768px) { .related article h2 { font-weight: 900; } }

.related article h3, .related article a[rel="author"] { display: block; font-size: 16px; line-height: 1.625em; text-transform: none; font-weight: 300; margin-top: 1rem; }

.related article h3 { font-size: 1.25rem; line-height: 1.4em; }

.related article h1 { font-size: 1.5rem; line-height: 1.33333em; }

@media (min-width: 768px) { .related article h1 { font-size: 2.1875rem; line-height: 1.28571em; } }

.related article.caseStudy h3 { text-transform: none; }

.related article a h1 { background-image: linear-gradient(to bottom, transparent 65%, #7BCEBE 10%); background-size: 0% 100%; background-repeat: no-repeat; text-decoration: none; display: inline; box-shadow: none; transition: background-size 0.4s ease; }

.related article a:hover h1 { background-size: 100% 100%; }

.related .col-md-6 .imageSwap { height: auto; position: relative; }

.related .col-md-6 .imageSwap .bg-effect { height: 0; padding-top: 56.25%; margin-bottom: 2rem; }

.related .full .imageSwap { height: auto; position: relative; }

.related .full .imageSwap .bg-effect { height: 0; padding-top: 56.25%; margin-bottom: 2rem; }

@media (min-width: 768px) { .related .full .imageSwap .bg-effect { padding-top: 28.125%; } }

.relatedProjects .imageSwap .bg-effect { background-position: right; background-size: 180% 180%; }

.relatedProjects .mx-auto { max-width: 90%; }

.social-share { display: flex; justify-content: center; padding: 4rem 0 0 0; }

@media (min-width: 768px) { .social-share { padding: 4rem 0; } }

.social-share a { display: inline-block; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; margin: 0 15px; position: relative; }

.social-follow { border: 10px solid #272727; border-width: 10px 0 0 0; padding-top: 0; margin-bottom: 4rem; }

@media (min-width: 768px) { .social-follow { padding-top: 1.5rem; margin-bottom: 6rem; } }

.social-follow a { display: inline-block; font-size: 1.25rem; line-height: 1.4em; position: relative; }

.nav-tabs { border: 0; width: 100%; justify-content: center; }

.nav-tabs .nav-item { margin: 0; width: 50%; }

@media (min-width: 768px) { .nav-tabs .nav-item { width: auto; } }

.nav-tabs .nav-link { font-size: 1.125rem; line-height: 1.66667em; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; border: 0; position: relative; padding-bottom: 23px; text-decoration: none; box-shadow: none; z-index: 1; text-align: center; }

@media (min-width: 768px) { .nav-tabs .nav-link { font-size: 1.5625rem; line-height: 1.28em; text-align: left; padding-left: 40px; padding-right: 40px; } }

.nav-tabs .nav-link:hover { background-color: transparent; color: #7BCEBE; }

.nav-tabs .nav-link.active { color: #FFFFFF; position: relative; }

.nav-tabs .nav-link.active::before { background-color: #7BCEBE; position: absolute; content: ''; display: block; bottom: 17px; top: 0; left: 5%; z-index: -1; border-radius: 4px; width: 90%; }

.nav-tabs .nav-link.active::after { content: ''; position: absolute; bottom: 0; left: calc(50% - 17px); display: block; border: solid; width: 0; height: 0; border-color: transparent transparent rgba(39, 39, 39, 0.05) transparent; border-style: solid; border-width: 0 17px 12px 17px; /* alternative version */ transform: rotate(180deg) translateY(5px); border-color: transparent transparent #7BCEBE transparent; }

.tab-content { background-color: rgba(39, 39, 39, 0.05); padding: 4rem 0; }

.tags { padding: 3rem 0 4rem; }

@media (min-width: 768px) { .tags { padding: 3rem 0 12rem; } }

.tags__items { display: flex; justify-content: center; flex-wrap: wrap; }

.tags h3 { text-align: center; }

.tag { padding: 0.5rem 1rem; background-color: rgba(39, 39, 39, 0.1); border-radius: 3px; box-shadow: none; margin: 0.5rem; }

.teaser--wide, .case-study-teaser { padding: 0 1rem 3rem; margin: 0 0 0 0; color: #272727; opacity: 1; visibility: visible; max-height: 100vh; transform: translateY(0); transition: all 0.2s linear; }

@media (min-width: 768px) { .teaser--wide, .case-study-teaser { min-height: 650px; padding: 4rem; color: #FFFFFF; margin: 0 0 3rem 0; } }

.teaser--wide .imageSwap, .case-study-teaser .imageSwap { position: relative; width: 100%; padding-top: 75%; height: 0; margin-bottom: 1rem; }

@media (min-width: 768px) { .teaser--wide .imageSwap, .case-study-teaser .imageSwap { position: absolute; height: 100%; padding: 0; margin-bottom: 0; } }

.teaser--wide .imageSwap .bg-effect, .case-study-teaser .imageSwap .bg-effect { position: absolute; top: 0; }

@media (min-width: 768px) { .teaser--wide .imageSwap .bg-effect, .case-study-teaser .imageSwap .bg-effect { position: relative; } }

.teaser--wide .row, .case-study-teaser .row { justify-content: flex-start; }

.teaser--wide.hidden, .hidden.case-study-teaser { opacity: 0; visibility: hidden; max-height: 0; transform: translateY(-50px); margin: 0; min-height: 0; padding-top: 0; padding-bottom: 0; }

.teaser--wide.light, .light.case-study-teaser { color: #272727; }

.teaser--wide h2, .case-study-teaser h2 { font-size: 1.125rem; line-height: 1.44444em; text-transform: uppercase; font-weight: 900; margin-bottom: 1rem; }

.teaser--wide p, .case-study-teaser p, .teaser--wide .article-body h4, .article-body .teaser--wide h4, .case-study-teaser .article-body h4, .article-body .case-study-teaser h4 { font-size: 1.25rem; line-height: 1.4em; }

.teaser--wide p::after, .case-study-teaser p::after, .teaser--wide .article-body h4::after, .article-body .teaser--wide h4::after, .case-study-teaser .article-body h4::after, .article-body .case-study-teaser h4::after { font-family: 'df4'; speak: none; font-style: normal; font-weight: 300; font-variant: normal; text-transform: none; line-height: 1; position: absolute; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; content: '\e90d'; font-size: .8rem; transform: rotate(0deg) translateY(0px) translateX(10px); transition: all 0.2s linear; }

.teaser--wide a:hover, .case-study-teaser a:hover { color: inherit; }

.teaser--wide a:hover p::after, .case-study-teaser a:hover p::after, .teaser--wide a:hover .article-body h4::after, .article-body .teaser--wide a:hover h4::after, .case-study-teaser a:hover .article-body h4::after, .article-body .case-study-teaser a:hover h4::after { transform: rotate(0deg) translateY(0px) translateX(20px); }

.teaser-workshop { --pageSection-space-bottom: var(--space-xl-2xl); }

.teaser-workshop.pageSection { padding-top: 0; }

.teaser-workshop::before { content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 66%; background-color: #FF7884; z-index: -1; }

.teaser-workshop .grid > * { padding-left: 15px; padding-right: 15px; }

.teaser-workshop .text-highlight { font-family: "Noe Text", "Times New Roman", serif; font-size: var(--step-4); font-weight: normal; font-style: italic; }

.teaser-workshop .pageSection-content { margin-top: var(--space-l); }

.teaser-workshop .pageSection-content > * + * { margin-top: var(--space-m); }

.teaser-workshop .pageSection-content p, .teaser-workshop .pageSection-content .article-body h4, .article-body .teaser-workshop .pageSection-content h4 { font-family: "Noe Text", "Times New Roman", serif; font-size: var(--step-1); font-style: italic; line-height: 1.6; }

.teaser-workshop svg { position: absolute; display: none; }

@media screen and (min-width: 768px) { .teaser-workshop { margin-left: 15px; margin-right: 15px; }
  .teaser-workshop::before { width: 70%; height: 62%; }
  .teaser-workshop .grid > * { padding-left: 0; padding-right: 0; }
  .teaser-workshop .pageSection-title { grid-column: 2 / 13; grid-row: 1 / -1; margin-top: var(--space-2xl); }
  .teaser-workshop > figure { grid-column: 8 / 13; grid-row: 1 / -1; }
  .teaser-workshop .pageSection-content { grid-column: 6 / 13; grid-row: 1 / 3; }
  .teaser-workshop .pageSection-content figure { max-width: 550px; margin-right: var(--space-l); margin-left: auto; margin-top: calc(-1 * var(--space-4xl)); }
  .teaser-workshop .pageSection-content p, .teaser-workshop .pageSection-content .article-body h4, .article-body .teaser-workshop .pageSection-content h4 { max-width: 39ch; margin-top: var(--space-xl); }
  .teaser-workshop svg { display: block; transform: rotate(180deg); }
  .teaser-workshop .triangle1 { bottom: -3rem; right: 0; }
  .teaser-workshop .triangle2 { top: 70%; left: 23%; transform: rotate(180deg) scale(0.7); }
  .teaser-workshop .triangle3 { top: 80%; left: 15%; transform: rotate(180deg) scale(0.4); } }

.testimonials { margin-bottom: 6rem; padding-top: 6rem; }

.testimonials h1.line { margin-bottom: 4rem; }

.testimonial-with-image { display: flex; flex-direction: column; margin-bottom: 0; padding: 3rem 1.5rem; background-color: #FFFFFF; }

.testimonial-with-image blockquote::before { content: none; }

.testimonial-with-image .testimonial-quote { flex-grow: 1; margin-bottom: 2rem; font-size: 1.25rem; line-height: 1.6; -webkit-hyphens: auto; hyphens: auto; }

.testimonial-with-image .testimonial-quote svg { float: left; width: 3em; margin-right: 0.5em; position: relative; top: .25em; }

.testimonial-with-image .testimonial-image { width: 11rem; height: 11rem; margin-inline: auto; margin-bottom: 2rem; background-position: 50% 50%; background-size: cover; border-radius: 50%; }

.testimonial-with-image .testimonial-caption > * { display: block; font-size: 0.875rem; line-height: 1.5; }

.testimonial-group { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr)); gap: 2rem; max-width: 1350px; margin-inline: auto; padding-inline: 1rem; padding-block: 4rem 6rem; }

.textBox { font-size: var(--step-0); line-height: 1.714; }

.textBox p, .textBox .article-body h4, .article-body .textBox h4 { font-size: var(--step-0); }

.textBox-intro { font-family: "Noe Text", "Times New Roman", serif; font-size: var(--step-1); line-height: 1.375; }

.textBox p + a.button, .textBox .article-body h4 + a.button, .article-body .textBox h4 + a.button { margin-top: var(--space-m); font-size: var(--step--1); }

.textBox ul { padding: 0 0 0 1rem; }

.textBox ul li { margin: 0; font-size: inherit; line-height: 1.714; }

.textBox.is-white { padding: var(--space-s-m); background-color: #FFFFFF; }

.yt { position: relative; height: 0; width: 100; padding-top: 56.25%; }

.yt iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

#page-workshop table { margin: 4rem 0; }

#page-workshop table tr td { vertical-align: top; font-size: 1.125rem; line-height: 1.44444em; }

#page-workshop table tr td:first-child { font-weight: 700; width: 100%; }

@media (min-width: 768px) { #page-workshop table tr td:first-child { width: 40%; } }

#page-workshop table tr { display: block; }

@media (min-width: 768px) { #page-workshop table tr { display: table-row; } }

#page-workshop table tr td { display: block; }

@media (min-width: 768px) { #page-workshop table tr td { display: table-cell; } }

.workshop-teaser { margin-bottom: 6rem; }

@media (min-width: 992px) { .workshop-teaser { min-height: 600px; } }

.workshop-teaser .container { padding-left: 0; padding-right: 0; }

@media (min-width: 992px) { .workshop-teaser .row { justify-content: flex-start; } }

.workshop-teaser__text { padding: 2rem; background-color: #FFFFFF; transform: translateY(-85px); margin-bottom: -85px; }

@media (min-width: 992px) { .workshop-teaser__text { padding: 0 3rem 3rem 3rem; transform: translateY(0); margin-bottom: 3rem; } }

@media (min-width: 992px) { .workshop-teaser h1 { font-size: 2.1875rem; line-height: 1.28571em; } }

.workshop-teaser h2 { font-size: 1.125rem; line-height: 1.44444em; font-weight: 900; }

.workshop-teaser h3 { font-size: 16px; line-height: 1.625em; text-transform: uppercase; font-weight: 300; }

.workshop-teaser .imageSwap { position: relative; margin-left: -30px; }

@media (min-width: 992px) { .workshop-teaser .imageSwap { margin-left: 0px; position: absolute; overflow: hidden; } }

.workshop-teaser .bg-effect { height: 0; background-size: cover; padding-top: 75%; width: 100vw; }

@media (min-width: 992px) { .workshop-teaser .bg-effect { height: 100%; background-size: cover; padding-top: 56.25%; } }

#page-projekte .aggregator { overflow: visible; }

#page-projekte .aggregator h1 { margin: 4rem auto 0; color: #272727; }

@media (min-width: 992px) { #page-projekte .aggregator h1 { margin: 0 auto 0; } }

#page-projekte .aggregator .form-row { display: none; }

#page-workshop .aggregator__results { padding-top: 10rem; }

.aggregator { padding: 2rem 0 2rem; overflow: visible; color: #272727; /* Filter */ }

@media (min-width: 992px) { .aggregator { padding: 12rem 0 2rem; } }

.aggregator h1 { margin: 4rem auto 4rem; color: #272727; }

@media (min-width: 992px) { .aggregator h1 { margin: 0 auto 4rem; } }

.aggregator .bootstrap-select .dropdown-menu li a { font-weight: 700; padding: 0.5rem 0 0.5rem 0.625rem; }

.aggregator .bootstrap-select .dropdown-menu.show { border-color: #7BCEBE; }

.aggregator .dark + button.btn.dropdown-toggle { background-color: #272727; color: #FFFFFF; border-color: #FFFFFF; text-transform: uppercase; padding: 1rem; border: none; }

.aggregator .dark + button.btn.dropdown-toggle:after { border-color: #FFFFFF; }

.aggregator .dark + button.btn.dropdown-toggle:hover { color: #FFFFFF; }

.aggregator .dark + button.btn.dropdown-toggle[aria-expanded="true"] { border-color: #7BCEBE; }

.aggregator__results { padding: 4rem 0 6rem 0; }

time { text-transform: uppercase; display: block; }

@media (min-width: 768px) { time { margin-left: 0.5rem; display: inline; } }

a[rel="author"] + time::before { content: ""; display: none; height: 1px; width: 20px; background-color: #272727; margin-right: 0.5rem; transform: translateY(-5px); }

@media (min-width: 768px) { a[rel="author"] + time::before { display: inline-block; } }

.testimonial { -webkit-hyphens: manual; hyphens: manual; }

.testimonial .first-letter { color: #7BCEBE; margin: 0 1rem 0 0; padding: 0; line-height: 0; font-size: 110px; height: 40px; transform: translateY(-10px); position: relative; z-index: 3; }

@media (min-width: 992px) { .testimonial .first-letter { font-size: 160px; height: 60px; transform: translateY(-18px); } }

.testimonial .h1 { font-size: 1.5rem; line-height: 1.33333em; z-index: 2; }

@media (min-width: 992px) { .testimonial .h1 { font-size: 3.125rem; line-height: 1.2em; } }

.testimonial::before { height: 5px; display: block; width: 100%; transform: translateY(-1.5rem); content: ""; background-color: #272727; }

.testimonial .testimonial-person { line-height: 1.25em; font-size: 0.875rem; }

@media (min-width: 768px) { .testimonial .testimonial-person { font-size: 16px; } }

.content-separator { box-shadow: #FFFFFF 0 0.5rem 0 0 inset, #272727 0 calc(0.5rem + 1px) 0 0 inset; display: flex; justify-content: center; margin: 0 0 2rem 0; line-height: 1rem; }

.content-separator span { display: inline-block; background-color: #FFFFFF; padding: 0 0.5rem; line-height: 1rem; }

.intro + .content-separator { margin-bottom: 4rem; }

.first-letter { font-size: 3.25rem; line-height: 3.25rem; float: left; margin-right: 0.5rem; margin-bottom: -0.5rem; }

@media (min-width: 992px) { .first-letter { font-size: 4.375rem; line-height: 4.375rem; } }

.origin, .foto { font-size: 0.75rem; line-height: 2.16667em; margin: 0 0.5rem; }

.article-body p, .article-body h4 { -webkit-hyphens: auto; hyphens: auto; }

.article-body h3 { text-align: center; margin: 4rem auto 2rem; width: 80%; }

@media (min-width: 992px) { .article-body h3 { width: 65%; } }

.article-body .afterMedia h3 { margin: 0 auto 2rem; }

.article-body h4 { font-weight: 900; margin-bottom: 0; }

.hero { position: relative; transition: all 0.4s ease-out; padding-top: 56.25%; }

@media (min-width: 768px) { .hero { margin-top: 0; padding-top: 0; height: 100vh; } }

.hero::after { font-family: 'df4'; speak: none; font-style: normal; font-weight: 300; font-variant: normal; text-transform: none; line-height: 1; position: absolute; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90d"; color: #FFFFFF; bottom: 4rem; left: calc(50vw - 31.5px); font-size: 16px; transform: rotate(90deg); opacity: 1; transition: all 0.2s ease-out; display: none; }

@media (min-width: 768px) { .hero::after { display: block; font-size: 20px; left: calc(50vw - 39px); cursor: pointer; } }

.hero.hideArrow::after { opacity: 0; }

.hero.in { height: 75vh; }

.hero > .container { height: 100%; }

.hero > .container .row { align-items: flex-end; align-content: flex-end; height: 100%; position: relative; }

.hero .bg-effect { background-attachment: scroll; }

@media (min-width: 768px) { @supports not (-webkit-overflow-scrolling: touch) { .hero .bg-effect { background-attachment: fixed; } } }

.hero__text { padding-top: 2rem; padding-bottom: 2rem; position: relative; background-color: #FFFFFF; margin-bottom: 0; transition: all 0.4s ease-out; overflow: visible; }

@media (min-width: 768px) { .hero__text { margin-bottom: 3rem; min-height: 30vh; } }

@media (min-width: 768px) { .hero__text.in { margin-top: -30vh; } }

.hero__text .authorDate { display: flex; align-items: center; }

.hero__text .chip { margin-right: 1rem; max-width: 70px; }

@media (min-width: 768px) { .hero__text::before { content: ""; top: 0; bottom: 0; width: 2rem; transform: translateX(-2rem); position: absolute; display: block; background-color: #FFFFFF; }
  .hero__text::after { content: ""; top: 0; bottom: 0; right: 0; width: 2rem; transform: translateX(2rem); position: absolute; display: block; background-color: #FFFFFF; } }

.hero__text h2 { font-size: 1.25rem; line-height: 1.4em; }

#page-projekte .intro { opacity: 1; }

.article-body.standard .cc-testimonial { padding-bottom: 100px; }

.article-body.standard .cc-testimonial .testimonial::before { display: none; }

.article-body.standard .cc-testimonial .testimonial .h1 { background-color: #FFFFFF; z-index: 2; }

.article-body.standard .cc-testimonial .lighter-text { color: #272727; }

.article-body.standard .cc-testimonial .col-lg-6.person, .article-body.standard .cc-testimonial .col-lg-4.person { margin-top: 2rem; z-index: 1; /* display: block; position: absolute; right: 0; top: 110%; z-index: -1; */ }

@media (min-width: 768px) { .article-body.standard .cc-testimonial .col-lg-6.person, .article-body.standard .cc-testimonial .col-lg-4.person { transform: translate3d(-100px, 100px, 0); } }

.article-body.standard .cc-testimonial .summary h1 { margin-bottom: 4rem; }

.article-body.standard .cc-testimonial + .cc-text { margin-top: 9rem; }

.article-body.standard .cc-text:last-child { margin-bottom: 4rem; }

.hero-standard > .container .row { align-items: flex-start; align-content: flex-start; justify-content: flex-start; padding-top: 12rem; padding-bottom: 3rem; }

@media (min-width: 768px) { .hero-standard > .container .row { padding-top: 170px; } }

.hero-standard.dark-bg h3.line::before { background-color: #FFFFFF; }

.hero-title h3 { text-transform: uppercase; }

.hero-title h3.line::before { background-color: #FFFFFF; }

.hero-title p, .hero-title .article-body h4, .article-body .hero-title h4 { font-size: 22px; line-height: 32px; }

.bg-section { background-repeat: no-repeat; background-position: top; background-size: contain; padding-top: 6rem; }

.bg-section h3 { margin: 0 auto 2rem; }

.bg-section .bg-white { padding: 3rem 30px 0; }

.bg-section + .container, .bg-section figure { margin-top: 2rem; }

@media (min-width: 768px) { .bg-section + .container, .bg-section figure { margin-top: 6rem; } }

.black-white, .petrol { background-color: #272727; padding: 4rem 0; }

.black-white h2, .petrol h2 { font-size: 0.875rem; line-height: 1.42857em; text-transform: uppercase; margin-bottom: 1rem; color: #FFFFFF; font-weight: 700; text-align: center; }

@media (min-width: 768px) { .black-white h2, .petrol h2 { text-align: center; } }

.black-white h3, .petrol h3, .black-white p, .petrol p, .black-white .article-body h4, .article-body .black-white h4, .petrol .article-body h4, .article-body .petrol h4 { margin-top: 0; padding-top: 0; color: #FFFFFF; text-align: center; }

.black-white p:last-of-type, .petrol p:last-of-type, .black-white .article-body h4:last-of-type, .article-body .black-white h4:last-of-type, .petrol .article-body h4:last-of-type, .article-body .petrol h4:last-of-type { margin-bottom: 0; }

.petrol { background-color: #5e757d; }

.cc-text + .black-white, .cc-text + .petrol, .cc-image + .petrol { margin-top: 3rem; }

p.highlight, .article-body h4.highlight { border: 1px solid #272727; border-width: 1px 0; padding: 2rem 1rem; font-weight: 700; text-align: center; }

@media (min-width: 768px) { p.highlight, .article-body h4.highlight { padding: 2rem 3rem; } }

p.conclusion, .article-body h4.conclusion { padding-top: 3rem; font-size: 1.25rem; line-height: 1.52381em; text-align: left; color: #272727; font-weight: 700; -webkit-hyphens: none; hyphens: none; margin-bottom: 0; }

@media (min-width: 768px) { p.conclusion, .article-body h4.conclusion { text-align: center; line-height: 1.71429em; } }

p.conclusion::before, .article-body h4.conclusion::before { display: block; font-weight: 700; margin-bottom: 1rem; margin: 0 auto 1rem; width: 20px; }

.standout { padding-top: 6rem; padding-bottom: 6rem; margin-top: 3rem; margin-bottom: 3rem; }

.standout p, .standout .article-body h4, .article-body .standout h4 { padding: 3rem; font-size: 1.5rem; line-height: 1.33333em; text-align: left; color: #272727; font-weight: 700; -webkit-hyphens: none; hyphens: none; margin-bottom: 0; }

@media (min-width: 768px) { .standout p, .standout .article-body h4, .article-body .standout h4 { padding: 4rem; font-size: 2.1875rem; line-height: 1.28571em; text-align: center; } }

.standout + .container, .black-white + .container, .petrol + .container { margin-top: 4rem; }

.keyfact { background-color: #F7F7F7; padding: 4rem 15px; margin-bottom: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.keyfact .noBottom { margin-bottom: 0 !important; }

.keyfact.stretch { padding: 0; }

.keyfact.stretch .text { padding-top: 4rem; padding-bottom: 4rem; }

.keyfact.stretch img { position: relative; width: 150%; max-width: 150%; -o-object-fit: cover; object-fit: cover; max-height: 40vh; -o-object-position: center; object-position: center; margin-right: -30px; }

.keyfact.stretch.right img { margin-right: 0; margin-left: -30px; }

@media (min-width: 768px) { .keyfact { padding: 6rem 0; margin-bottom: 3rem; }
  .keyfact.stretch .text { padding-top: 6rem; padding-bottom: 6rem; }
  .keyfact.stretch img { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; -o-object-fit: cover; object-fit: cover; max-height: none; margin-left: 0; }
  .keyfact.stretch.right img { left: initial; right: 0; } }

@media (min-width: 992px) { .keyfact.stretch img { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; max-height: none; margin-left: 0; }
  .keyfact.stretch.right img { left: initial; right: 0; } }

@media (min-width: 768px) { .keyfact.minus-margin { padding: 6rem 0 0 0; }
  .keyfact.minus-margin .container { margin-bottom: -12rem; } }

.keyfact [class*="col-"] { margin-bottom: 2rem; }

.keyfact [class*="col-"]:first-child { margin-bottom: 4rem; }

.keyfact [class*="col-"]:last-child { margin-bottom: 0; }

.keyfact.left { align-items: flex-start; }

.keyfact.left h1, .keyfact.left h2, .keyfact.left p, .keyfact.left .article-body h4, .article-body .keyfact.left h4 { text-align: left; }

.keyfact.right { align-items: flex-end; }

.keyfact.right h1, .keyfact.right h2, .keyfact.right p, .keyfact.right .article-body h4, .article-body .keyfact.right h4 { text-align: right; }

.keyfact h2 { font-size: 0.875rem; line-height: 1.42857em; text-transform: uppercase; margin-bottom: 1rem; color: #797979; font-weight: 700; text-align: left; }

@media (min-width: 768px) { .keyfact h2 { text-align: center; } }

.keyfact p, .keyfact .article-body h4, .article-body .keyfact h4 { font-size: 1.25rem; line-height: 1.52381em; text-align: left; color: #272727; font-weight: 700; -webkit-hyphens: none; hyphens: none; margin-bottom: 0; }

@media (min-width: 768px) { .keyfact p, .keyfact .article-body h4, .article-body .keyfact h4 { text-align: center; line-height: 1.71429em; } }

.minus-margin + .minus-margin, .minus-margin + .after-minus-margin { margin-top: 170px; }

@media (min-width: 768px) { .minus-margin + .minus-margin, .minus-margin + .after-minus-margin { margin-top: 18rem; } }

.cc-image + .bg-section, .cc-image + .keyfact { margin-top: 3rem; }

@media (min-width: 768px) { .cc-image + .bg-section, .cc-image + .keyfact { margin-top: 6rem; } }

.highlight-list { margin: 3rem 0; }

.highlight-list-item { clear: both; margin-bottom: 3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }

@media (min-width: 768px) { .highlight-list-item { flex-direction: row; align-items: flex-start; } }

.highlight-list-item p, .highlight-list-item .article-body h4, .article-body .highlight-list-item h4 { text-align: center; }

@media (min-width: 768px) { .highlight-list-item p, .highlight-list-item .article-body h4, .article-body .highlight-list-item h4 { text-align: left; } }

.oval { height: 115px; width: 115px; border-radius: 100%; font-size: 3rem; color: #FFFFFF; font-weight: 700; display: flex; overflow: hidden; justify-content: center; align-content: center; align-items: center; flex-shrink: inherit; margin: 0 0 2rem 0; }

@media (min-width: 768px) { .oval { margin: 0 2rem 0 0; } }

.oval + p, .article-body .oval + h4 { font-weight: 700; }

.oval > div { position: relative; }

.oval-1 { background: linear-gradient(218.36deg, #ff90d7 0%, #906efa 100%); }

.oval-2 { background: linear-gradient(205.91deg, #39abc5 0%, #a8eb9d 100%); }

.oval-3 { background: linear-gradient(37.68deg, #ffcfaa 0%, #fa6eb9 100%); }

.hero-aareon { height: 100vh; margin-top: 0; padding-top: 0; }

.hero-aareon > .container .row { align-items: flex-start; align-content: flex-start; justify-content: flex-start; padding-top: 120px; }

@media (min-width: 768px) { .hero-aareon > .container .row { padding-top: 170px; } }

.article-body.aareon h3 { text-align: left; width: 100%; }

.article-body.aareon .cc-testimonial { padding-bottom: 270px; }

.article-body.aareon .cc-testimonial .testimonial::before { display: none; }

.article-body.aareon .cc-testimonial .lighter-text { color: #272727; }

.article-body.aareon .cc-testimonial .row { display: block; flex-wrap: unset; }

.article-body.aareon .cc-testimonial .col-lg-6.person { display: block; position: absolute; right: 0; top: 110%; z-index: 1; }

@media (min-width: 768px) { .article-body.aareon .cc-testimonial .col-lg-6.person { top: 50%; } }

.article-body.aareon .cc-testimonial .summary h1 { margin-bottom: 4rem; }

.article-body.aareon .cc-testimonial + .cc-text { margin-top: 9rem; }

.article-body.aareon .cc-text:last-child { margin-bottom: 4rem; }

.hero-mondi { margin-top: 0; padding-top: 0; height: 100vh; }

.hero-mondi > .container .row { align-items: flex-start; align-content: flex-start; justify-content: flex-start; padding-top: 120px; }

@media (min-width: 768px) { .hero-mondi > .container .row { padding-top: 170px; } }

@supports not (-webkit-overflow-scrolling: touch) { .hero-mondi .bg-effect { background-attachment: scroll; } }

.mondi-case { overflow: hidden; }

.mondi-case .container { max-width: 1140px; }

.mondi-case .intro { margin-top: 0; }

@media (min-width: 768px) { .mondi-case .intro { padding-top: 1rem; } }

.mondi-case .hero__text.in { margin-top: -20vh; }

.mondi-case .cc-text + .keyfact { margin-top: 3rem; }

@media (min-width: 768px) { .mondi-case .cc-text + .keyfact { margin-top: 4rem; } }

.mondi-case .illus { width: 90%; max-width: 1296px; margin: 0 auto -230px; }

@media (min-width: 768px) { .mondi-case .illus { margin: 0 auto -300px; } }

.mondi-case .illus img.gum { transform: translateY(-330px); mix-blend-mode: multiply; }

@media (min-width: 768px) { .mondi-case .illus img.gum { transform: translateY(-40vh); } }

.mondi-case .illus img.app { transform: translateY(100px); mix-blend-mode: multiply; }

@media (min-width: 768px) { .mondi-case .illus img.app { transform: translateY(-160px); } }

.mondi-case .illus img.mars { transform: translateY(-160px); mix-blend-mode: multiply; }

@media (min-width: 768px) { .mondi-case .illus img.mars { transform: translateY(-250px); } }

.mondi-case .keyfact.image-dock { margin-bottom: -4rem; padding-bottom: 10rem; }

.mondi-case .slideshow { margin: 0; background-color: #292930; }

@media (min-width: 768px) { .mondi-case .slideshow { margin: 4rem -4rem 0; } }

.mondi-case .slideshow [class^="col-"] { margin-bottom: 3rem; }

.mondi-case .slideshow [class^="col-"]:first-child { margin-top: -4rem; }

.mondi-case .slideshow [class^="col-"]:last-child { margin-bottom: -4rem; }

.mondi-case .slideshow + .cc-text { margin-top: 7rem; }

@media (min-width: 768px) { .mondi-case .slideshow + .cc-text { margin-top: 10rem; } }

.mondi-case .illu-collage + .cc-text { margin-top: 6rem; }

.mondi-case .illu-collage { position: relative; }

.mondi-case .illu-collage img { background-blend-mode: multiply; mix-blend-mode: multiply; }

.mondi-case .illu-collage .user-types { margin-top: 210px; }

@media (min-width: 768px) { .mondi-case .illu-collage .user-types { margin-top: 0; } }

.mondi-case .illu-collage .carry-systems { margin-top: 270px; }

@media (min-width: 768px) { .mondi-case .illu-collage .carry-systems { margin-top: 0; } }

.mondi-case .illu-collage .wallpaper-left { position: absolute; left: 0; top: 0; transform: translateY(-60vh); }

.mondi-case .illu-collage .wallpaper-right { display: none; }

@media (min-width: 768px) { .mondi-case .illu-collage .wallpaper-right { display: block; position: absolute; right: 0; top: 0; transform: translateY(10vh); } }

.mondi-case .keyfact.macbook { flex-direction: row; margin-bottom: 6rem; padding: 4rem 0; }

.mondi-case .keyfact.macbook h2, .mondi-case .keyfact.macbook p, .mondi-case .keyfact.macbook .article-body h4, .article-body .mondi-case .keyfact.macbook h4 { text-align: left; }

.mondi-case .keyfact.macbook [class^="col-"]:nth-of-type(2) { max-height: 200px; overflow: visible; }

.mondi-case .keyfact.macbook + .cc-text { margin-top: 6rem; margin-bottom: 4rem; }

@media (min-width: 768px) { .mondi-case .keyfact.macbook + .cc-text { margin-top: 14rem; } }

.mondi-case img.macbook-image { transform: translateX(-20px); }

@media (min-width: 768px) { .mondi-case img.macbook-image { transform: translateX(-120px); } }

.transform--up { transform: translateY(-15vh); background-color: #FFFFFF; margin: -1px 0 0 0; }

.transform--up::before, .transform--up::after { content: ''; display: none; background-color: #FFFFFF; position: absolute; top: 0; bottom: 0; width: 2.5rem; height: 100%; }

.transform--up::before { left: 0; transform: translateX(-40px); }

.transform--up::after { right: 0; transform: translateX(40px); }

.article-body.mondi { overflow: visible; }

.article-body.mondi .cc-text::nth-of-type(0) { transform: translateY(-15vh); }

.right-1-hero-attached { position: absolute; z-index: 0; top: 100vh; width: 100%; right: 0; left: 0; }

.right-1-hero-attached img { width: 100%; }

.left-1 { position: absolute; z-index: 0; top: 70vh; left: 0; max-width: 100%; overflow: hidden; }

@media (min-width: 768px) { .left-1 { z-index: 0; max-width: none; } }

.left-2 { position: absolute; z-index: 0; top: 120vh; left: 0; max-width: 100%; overflow: hidden; }

@media (min-width: 768px) { .left-2 { z-index: 0; max-width: none; } }

.left-3 { position: absolute; z-index: 0; top: 210vh; left: 0; max-width: 100%; overflow: hidden; }

@media (min-width: 768px) { .left-3 { z-index: 1; max-width: none; } }

.right-2 { position: absolute; z-index: 0; top: 150vh; right: 0; max-width: 100%; overflow: hidden; }

@media (min-width: 768px) { .right-2 { max-width: none; } }

.strategic-journey { background: linear-gradient(225deg, rgba(92, 154, 177, 0.1) 0%, white 100%); margin: 50vh 0 3rem; padding: 4rem 0 2rem; }

@media (min-width: 1440px) { .strategic-journey { margin: 25vh 0 6rem; } }

@media (min-width: 1600px) { .strategic-journey { margin: 25vh 0 6rem; } }

.strategic-journey > .container.cc-text { margin-bottom: 3rem; }

.strategic-journey h1, .strategic-journey h4 { text-align: center; }

.strategic-journey__start { background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%); padding-top: 2rem; }

.strategic-journey__start::before { content: ''; top: 0; bottom: 0; width: 2rem; transform: translateX(-2rem); position: absolute; display: none; background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%); }

@media (min-width: 768px) { .strategic-journey__start::before { display: block; } }

.strategic-journey__start::after { content: ''; top: 0; bottom: 0; right: 0; width: 2rem; transform: translateX(2rem); position: absolute; display: none; background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%); }

@media (min-width: 768px) { .strategic-journey__start::after { display: block; } }

.strategic-section { position: relative; height: 220px; }

.strategic-section h1, .strategic-section h2 { font-weight: 900; text-align: left; margin: 0; }

.strategic-section h1 { margin-top: 31px; font-size: 2.1875rem; line-height: 1.17143em; }

@media (min-width: 768px) { .strategic-section h1 { margin-top: 0px; } }

.strategic-section h2 { margin-bottom: 1rem; }

@media (min-width: 768px) { .strategic-section h2 { margin-bottom: 3rem; } }

.strategic-section p, .strategic-section .article-body h4, .article-body .strategic-section h4 { text-align: left; width: 50%; }

.strategic-section [class^="col-"] { display: flex; flex-direction: column; align-items: flex-start; }

.strategic-section:nth-child(odd) h1, .strategic-section:nth-child(odd) h2, .strategic-section:nth-child(odd) p, .strategic-section:nth-child(odd) .article-body h4, .article-body .strategic-section:nth-child(odd) h4 { text-align: right; }

.strategic-section:nth-child(odd) [class^="col-"] { align-items: flex-end; }

.strategic-section .strategy-left-1 { top: -6px; left: 0; position: absolute; z-index: -1; }

@media (min-width: 768px) { .strategic-section .strategy-left-1 { z-index: 1; } }

.strategic-section .strategy-left-2 { top: 8px; left: 0; position: absolute; z-index: -1; }

@media (min-width: 768px) { .strategic-section .strategy-left-2 { z-index: 1; } }

.strategic-section .strategy-right-1 { top: -11px; right: 0; position: absolute; z-index: -1; }

@media (min-width: 768px) { .strategic-section .strategy-right-1 { z-index: 1; } }

.strategic-section .strategy-right-2 { top: 11px; right: 0; position: absolute; z-index: -1; }

@media (min-width: 768px) { .strategic-section .strategy-right-2 { z-index: 1; } }

.strategic-section .green { display: block; height: 220px; width: 100%; opacity: 0.19; background: linear-gradient(133.4deg, #3A8271 0%, #EEEEEE 100%); position: absolute; left: 0; bottom: 0; transform: translateY(110px); z-index: 0; }

.strategic-section .violet { display: block; height: 220px; width: 100%; opacity: 0.19; background: linear-gradient(229.89deg, #B299B0 0%, #EEEEEE 100%); position: absolute; right: 0; bottom: 0; transform: translateY(110px); z-index: 0; }

.strategic-section .orange { display: block; height: 220px; width: 100%; opacity: 0.19; background: linear-gradient(135deg, #DBA253 0%, #EEEEEE 100%); position: absolute; left: 0; bottom: 0; transform: translateY(110px); z-index: 0; }

.strategic-section .blue { display: block; height: 220px; width: 100%; opacity: 0.19; background: linear-gradient(224.56deg, #619BB3 0%, #EEEEEE 100%); position: absolute; right: 0; bottom: 0; transform: translateY(110px); z-index: 0; }

a[href="/de/projekte/case-study-markenkommunikation"] .imageSwap, a[href="/en/projects/case-study-brand-communication"] .imageSwap { background-color: #000000; }

a[href="/de/projekte/case-study-markenkommunikation"] .imageSwap .bg-effect, a[href="/en/projects/case-study-brand-communication"] .imageSwap .bg-effect { background-position: -280px 0; background-size: 180% 180%; }

@media (min-width: 768px) { a[href="/de/projekte/case-study-markenkommunikation"] .imageSwap .bg-effect, a[href="/en/projects/case-study-brand-communication"] .imageSwap .bg-effect { background-size: 100%; background-position: 110px -56px; } }

.relatedProjects a[href="/projekte/case-study-markenkommunikation"] .imageSwap, .relatedProjects a[href="/projects/case-study-brand-communication"] .imageSwap { background-color: #000000; }

.relatedProjects a[href="/projekte/case-study-markenkommunikation"] .imageSwap .bg-effect, .relatedProjects a[href="/projects/case-study-brand-communication"] .imageSwap .bg-effect { background-position: -320px 0; background-size: 180% 180%; }

.hero-cow { margin-top: 0; padding-top: 0; height: 100vh; background-color: #000000; }

.hero-cow::before { position: absolute; bottom: 0px; width: 100%; left: 0px; right: 0px; height: 89px; background-color: #FFFFFF; }

@media (min-width: 768px) { .hero-cow::before { content: ''; } }

.hero-cow::after { bottom: 130px; }

.hero-cow > .container .row { color: #FFFFFF; mix-blend-mode: difference; align-items: flex-start; align-content: flex-start; justify-content: flex-start; padding-top: 310px; }

@media (min-width: 768px) { .hero-cow > .container .row { padding-top: 170px; } }

@supports not (-webkit-overflow-scrolling: touch) { .hero-cow .bg-effect { background-attachment: scroll; background-size: 100% auto; background-position: top; } }

.hero-cow .line:before { background-color: #FFFFFF; }

.cow .container.cc-text:last-child { margin-bottom: 3rem; }

.cow .black-white, .cow .petrol { background-color: #000000; }

.cow .black-white h3, .cow .petrol h3 { text-align: center; }

.cow .after-minus-margin + .black-white, .cow .after-minus-margin + .petrol { margin-bottom: -1px; }

.cow .keyfact.aim { margin-bottom: 350px; }

@media (min-width: 768px) { .cow .keyfact.aim { margin-bottom: 130px; } }

.cow .aim-master { position: absolute; top: 0; right: 0; }

.cow h3 { text-align: left; width: 100%; }

.cow h3.line { width: auto; }

.cow .cc-image.full + .keyfact { margin-top: 0; }

.cow .folder { background-color: #000000; padding: 4rem; }

.cow .maze { margin-top: 3rem; }

@media (min-width: 768px) { .cow .maze.keyfact [class*=col-]:first-child { margin-bottom: 0; } }

.cow .maze + .cc-text { margin-top: 340px; }

@media (min-width: 768px) { .cow .maze + .cc-text { margin-top: 200px; } }

.cow .minus-margin [class*="col-"]:last-child { margin-bottom: -130px; }

@media (min-width: 768px) { .cow .minus-margin [class*="col-"]:last-child { margin-bottom: 2rem; } }

.cow .magazine-mockup { position: relative; background-size: 100% auto; height: 137px; margin-top: -1px; }

@media (min-width: 768px) { .cow .magazine-mockup { height: 358px; } }

.cow .magazine-mockup img { position: absolute; top: 0; left: 0; right: 0; }

.tf-up { transform: translateY(-30px); }

@media (min-width: 768px) { .tf-up { transform: translateY(-200px); } }

.hero-innoq { height: 100vh; margin-top: 0; padding-top: 0; }

.hero-innoq > .container .row { align-items: flex-start; align-content: flex-start; justify-content: flex-start; padding-top: 120px; }

@media (min-width: 768px) { .hero-innoq > .container .row { padding-top: 170px; } }

.keyfact.brandbook img { position: absolute; width: 50vw; transform: translateY(-6rem); }

.keyfact.brandbook img { position: absolute; width: 50vw; transform: translateY(-6rem); }

@media (min-width: 768px) { .innoq-identity { background-image: url("https://images.ctfassets.net/fscp9myrma8u/7aRMg9TyC5HrBFBCUuYaWB/4c1c4b0eebf2d26e6b887402b507dae4/case-innoq-kopf.jpg"); background-position: right; background-size: contain; background-repeat: no-repeat; background-color: #e9e9e9; min-height: 560px; } }

.innoq-questions { margin-bottom: -2rem; }

@media (min-width: 768px) { .innoq-questions { margin-bottom: -170px; } }

.innoq-questions figure { margin: 0 0 -35px; }

@media (min-width: 768px) { .innoq-questions figure { margin: 0 0 1rem; } }

.innoq-questions figcaption { font-weight: 700; font-size: 2.1875rem; text-transform: uppercase; width: auto; transform: translateY(-150px); background-color: #FFFFFF; display: inline-block; padding: 10px 30px; }

@media (min-width: 768px) { .innoq-questions figcaption { transform: translateY(-170px); } }

.innoq-why { margin-top: 4rem; }

#svg-why { position: absolute; left: 0; top: -40px; }

@media (min-width: 768px) { #svg-why { top: 70px; } }

#svg-why text { font-size: 2.1875rem; font-weight: 700; text-transform: uppercase; transform: translateY(-10px); }

.interlaken { margin-top: 3rem; }

.tilkov-quote { margin-top: 0; background-image: url("https://images.ctfassets.net/fscp9myrma8u/6T7QWpTHbwBwCfHaLCZOlR/2dc555b75038b69004dede2cdc5ca9af/case-innoq-inq_interlaken_bw_018_02.jpg"); background-size: cover; }

.tilkov-quote .row > div { background-color: #FFFFFF; }

.tilkov-quote figcaption { font-size: 1.25rem; text-align: center; margin-bottom: 3rem; }

.innoq-brandbook.keyfact { padding: 0; }

.innoq-brandbook .row > div:first-child { padding-top: 6rem; padding-bottom: 4rem; }

.keyfact .brandbook { background-position: right; background-repeat: no-repeat; background-image: url("https://images.ctfassets.net/fscp9myrma8u/5RplJ3gTke2J5Yl6n13Y5f/c2fa9eee3089eecadb3f64b735de1632/case-innoq-Brandbook-ipad.jpg"); background-size: cover; }

.cluster-art--down { transform: translateY(4rem); }

.cluster-art--up { transform: translateY(-6rem); }

.cluster-art--up figcaption { text-align: left; font-weight: 700; font-size: 1.125rem; line-height: 1.44444em; margin: 0; }

.artwork-poster { background-image: url("https://images.ctfassets.net/fscp9myrma8u/5uyTMbkg4fr7fgQlx2Z2TP/515a3d2cdc9aebcbb011caea8aa7a511/case-innoq-artwork.jpg"); background-size: cover; padding-top: 4rem; padding-bottom: 4rem; margin-top: 6rem; }

.artwork-poster__copy { background-color: #FFFFFF; display: flex; min-height: 600px; flex-direction: column; justify-content: center; padding: 3rem; }

.artwork-poster__copy h3 { display: inline-block; color: #E8230D; text-transform: uppercase; }

.artwork-poster__copy h1 { display: inline-block; color: #27225A; text-align: center; }

.innoq-case .cc-video { margin: 6rem auto 3rem; }

.hero-jumo { height: 100vh; margin-top: 0; padding-top: 0; }

.hero-jumo h1, .hero-jumo h3, .hero-jumo p, .hero-jumo .article-body h4, .article-body .hero-jumo h4 { color: #FFFFFF; }

.hero-jumo h3.line::before { background-color: #FFFFFF; }

.hero-jumo > .container .row { align-items: flex-start; align-content: flex-start; justify-content: flex-start; padding-top: 120px; }

@media (min-width: 768px) { .hero-jumo > .container .row { padding-top: 170px; } }

.nutzerrat { margin-top: 4rem; }

.nutzerrat img { margin-top: 4rem; }

@media (min-width: 768px) { .nutzerrat img { margin-top: 0; } }

.cc-text + .jumo-identity { margin-top: 3rem; }

@media (min-width: 768px) { .jumo-identity img { position: absolute; } }

.jumo-blockquote { position: relative; }

.jumo-blockquote h2, .jumo-blockquote p, .jumo-blockquote .article-body h4, .article-body .jumo-blockquote h4 { text-align: left; color: #5e757d; margin-bottom: 4rem; }

.jumo-blockquote p em, .jumo-blockquote .article-body h4 em, .article-body .jumo-blockquote h4 em { font-style: inherit; text-transform: uppercase; font-weight: 300; }

.jumo-blockquote.scheer .image--bg { position: absolute; top: -50px; right: 0; }

.jumo-blockquote.diegelmann .image--bg { position: absolute; top: -50px; right: 0; }

.jumo-mockup-bg { height: 80vh; overflow: hidden; }

.jumo-mockup.jumo-mockup { margin-top: -60vh; }

.cc-image + .jumo-service { margin-top: 0; padding-bottom: -8rem; }

@media (min-width: 768px) { .cc-image + .jumo-service { padding-bottom: -24rem; } }

.jumo-service-person { margin-top: -8rem; }

.jumo-summary { margin-top: 3rem; }

a[href="/de/projekte/case-study-jumo-user-experience"] .imageSwap, a[href="/en/projects/case-study-jumo-user-experience"] .imageSwap { background-color: #1800f4; }

a[rel="author"] { text-transform: uppercase; font-weight: 700; }

.expert-author { padding: 4rem 0; background-color: #292930; color: #FFFFFF; }

.expert-author h3 { text-align: center; }

@media (min-width: 768px) { .expert-author h3 { text-align: left; } }

.expert-author a[rel="author"] { color: #FFFFFF; font-size: 1rem; line-height: 1.625em; }

.expert-author .role { text-transform: uppercase; font-size: 1rem; line-height: 1.625em; font-weight: 300; }

.expert-author .chip { margin: 0 0 2rem; }

@media (min-width: 768px) { .expert-author .chip { margin: 10px 0 2rem; } }

section.module.expert__intro { margin: 6rem auto 6rem; color: #FFFFFF; }

section.module.expert__intro h1 { margin-bottom: 0.5rem; }

section.module.expert__intro h2 { font-size: 1.5rem; line-height: 1.33333em; }

section.module.expert__intro .expert__tags { font-size: 1.5rem; line-height: 1.33333em; font-weight: 900; }

section.module.expert__intro .expert__name_role { padding: 3rem; display: flex; flex-direction: column; justify-content: space-between; }

@media (min-width: 768px) { section.module.expert__intro .expert__name_role { padding: 4rem 4rem 3rem 4rem; } }

.expert__badge { position: relative; background-color: #FFFFFF; width: 100%; padding: 1rem; }

@media (min-width: 768px) { .expert__badge { padding: 1rem 1rem 1rem 0; } }

.expert__badge h2 { font-size: 16px; line-height: 1.625em; text-transform: uppercase; font-weight: 900; margin-bottom: 0; }

.expert__badge h3 { font-size: 16px; line-height: 1.625em; margin-bottom: 0.5rem; font-weight: 300; }

a .expert__badge h4 { background-image: linear-gradient(to bottom, transparent 65%, #7BCEBE 10%); background-size: 0% 100%; background-repeat: no-repeat; text-decoration: none; display: inline-block; box-shadow: none; transition: background-size 0.4s ease; font-weight: 900; font-size: 0.875rem; line-height: 1.42857em; margin-bottom: 2rem; }

a:hover .expert__badge h4 { background-size: 100% 100%; }

.expert__contact-list { padding: 1rem 0; display: flex; justify-content: space-between; }

@media (min-width: 768px) { .expert__contact-list { justify-content: flex-start; } }

.expert__contact-list li { list-style: none; }

@media (min-width: 768px) { .expert__contact-list li { padding: 0 3rem 0 0; } }

.social-follow .expert__contact-list a { display: flex; align-items: center; }

.social-follow .expert__contact-list a::before { font-size: 30px; margin-right: 1rem; }

/* STARTSEITE */
.home-section { opacity: 1; transform: translateY(0px); transition: all .4s ease-out; }

.home-section.hidden { opacity: 0; transform: translateY(150px); }

.home-section .copy { padding-top: 6rem; }

.home-section .claim, .home-section .claim li, .home-section .claim p, .home-section .claim .article-body h4, .article-body .home-section .claim h4 { font-size: 1.5rem; line-height: 1.33333em; font-weight: 700; }

@media (min-width: 768px) { .home-section .claim, .home-section .claim li, .home-section .claim p, .home-section .claim .article-body h4, .article-body .home-section .claim h4 { font-size: 2.1875rem; line-height: 1.28571em; font-weight: 900; } }

.home-section p, .home-section .article-body h4, .article-body .home-section h4 { font-size: 16px; line-height: 1.625em; }

@media (min-width: 768px) { .home-section p, .home-section .article-body h4, .article-body .home-section h4 { font-size: 1.25rem; line-height: 1.4em; margin-bottom: 2rem; } }

.home-section ol, .home-section ul { padding-top: 0; }

#page-home main .stage { background: url("https://images.ctfassets.net/fscp9myrma8u/2ALU18gAx2y4rF6z7Z5s32/b8b8f68c39b8aef0dde49575f63ed1ac/emma_dark.jpg") no-repeat right top; background-size: auto 100vh; height: 100vh; color: #FFFFFF; display: flex; align-items: center; background-size: auto 100vh; background-position: 60%; }

@supports not (-webkit-overflow-scrolling: touch) { #page-home main .stage { background-attachment: fixed; } }

@media (min-width: 768px) { #page-home main .stage { background-size: cover; } }

#page-home main .stage .row { justify-content: flex-start; }

#page-home main .stage .diefirma { position: absolute; bottom: 15%; }

@media (min-width: 768px) { #page-home main .stage .diefirma { position: relative; bottom: auto; } }

#page-home main .stage p, #page-home main .stage .article-body h4, .article-body #page-home main .stage h4 { max-width: 90%; }

#page-home main .stage::after { font-family: 'df4'; speak: none; font-style: normal; font-weight: 300; font-variant: normal; text-transform: none; line-height: 1; position: absolute; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90d"; color: #FFFFFF; bottom: 3rem; transform: rotate(90deg); left: calc(50vw - 31.5px); font-size: 16px; opacity: 1; transition: all .2s ease-out; }

@media (min-width: 768px) { #page-home main .stage::after { left: calc(50vw - 39px); font-size: 20px; bottom: 3rem; } }

#page-home main .stage.hideArrow::after { opacity: 0; }

#page-home main .what-we-do { background: url("https://images.ctfassets.net/fscp9myrma8u/2PQA5KgOPSM46MGa4g26m6/b660b00f4b36ff12ae2f4cdc30c69bfb/empathy_right.jpg") no-repeat right bottom; background-size: auto 50vh; display: flex; align-items: center; color: #272727; }

@supports not (-webkit-overflow-scrolling: touch) { #page-home main .what-we-do { background-attachment: scroll; } }

@media (min-width: 768px) { #page-home main .what-we-do { background: url("https://images.ctfassets.net/fscp9myrma8u/2PQA5KgOPSM46MGa4g26m6/b660b00f4b36ff12ae2f4cdc30c69bfb/empathy_right.jpg") no-repeat 70% bottom; background-size: auto 100vh; height: 100vh; } }

@media (min-width: 992px) { #page-home main .what-we-do { background: url("https://images.ctfassets.net/fscp9myrma8u/2PQA5KgOPSM46MGa4g26m6/b660b00f4b36ff12ae2f4cdc30c69bfb/empathy_right.jpg") no-repeat right bottom; background-size: cover; } }

#page-home main .what-we-do .container { padding-right: 0; padding-left: 0; }

@media (min-width: 768px) { #page-home main .what-we-do .container { padding-right: 30px; padding-left: 30px; } }

#page-home main .what-we-do .row { justify-content: left; }

#page-home main .what-we-do .claim { position: relative; background-color: #A345B4; color: #FFFFFF; text-align: center; padding: 4rem 1rem; }

@media (min-width: 768px) { #page-home main .what-we-do .claim { padding: 0 2rem; color: #272727; background-color: transparent; text-align: left; } }

@media (min-width: 992px) { #page-home main .what-we-do .claim { padding: 0; } }

#page-home main .what-we-do .row > div { margin-bottom: 50vh; }

@media (min-width: 768px) { #page-home main .what-we-do .row > div { margin-bottom: 0; } }

#page-home main .services { background-color: #7BCEBE; display: flex; flex-direction: column; text-align: center; padding: 6rem 0; }

#page-home main .services .claim { margin-bottom: 0; padding-bottom: 0; font-weight: 900; }

#page-home main .services .claim li { font-size: 1.5rem; line-height: 2rem; font-weight: 700; }

@media (min-width: 768px) { #page-home main .services .claim li { font-size: 2.1875rem; line-height: 1.28571em; font-weight: 900; } }

#page-home main .methodology { background-color: #292930; color: #FFFFFF; }

#page-home main .methodology .container { padding-left: 15px; padding-right: 15px; }

#page-home main .methodology .img-container { position: relative; }

@media (min-width: 768px) { #page-home main .methodology .img-container { padding-top: 56.25%; width: 100%; } }

@media (min-width: 992px) { #page-home main .methodology .img-container { padding-top: 0; width: auto; } }

#page-home main .methodology .img-container img.lozad { position: relative; width: 150%; max-width: 150%; -o-object-fit: cover; object-fit: cover; max-height: 40vh; -o-object-position: bottom; object-position: bottom; margin-left: -30px; }

@media (min-width: 768px) { #page-home main .methodology .img-container img.lozad { position: absolute; top: 0; bottom: 0; right: 0; height: 100%; -o-object-fit: cover; object-fit: cover; max-height: none; margin-left: 0; } }

@media (min-width: 992px) { #page-home main .methodology .img-container img.lozad { position: absolute; top: 0; bottom: 0; right: 0; height: 100%; -o-object-fit: none; object-fit: none; max-height: none; margin-left: 0; } }

#page-home main .methodology .copy { padding: 4rem 1rem; }

@media (min-width: 768px) { #page-home main .methodology .copy { padding: 6rem 3rem; } }

#page-home main .methodology h2 { margin: 0 0 1rem 0; }

#page-home main .methodology p, #page-home main .methodology .article-body h4, .article-body #page-home main .methodology h4 { margin-bottom: 2rem; }

#page-home main .methodology .w-100 { text-align: center; }

@media (min-width: 768px) { #page-home main .methodology .w-100 { text-align: left; } }

#page-home main .methodology + * { padding: 3rem 0; }

@media (min-width: 768px) { #page-home main .methodology + * { padding: 12rem 0 6rem; } }

#page-home main .articles, #page-home main .projects, #page-home main .workshop, #page-home main .team { padding: 0 0 3rem 0; }

@media (min-width: 768px) { #page-home main .articles, #page-home main .projects, #page-home main .workshop, #page-home main .team { padding: 0 0 6rem 0; } }

#page-home main .articles h1.line, #page-home main .projects h1.line, #page-home main .workshop h1.line, #page-home main .team h1.line { margin-top: 3rem; text-align: center; }

#page-home main .workshop { padding: 3rem 0; }

@media (min-width: 768px) { #page-home main .workshop { padding: 12rem 0 6rem; } }

.team { margin-bottom: 0; }

.team .container { padding-left: 0; padding-right: 0; }

.team__image { margin-bottom: 3rem; }

@media (min-width: 768px) { .team__image { margin-bottom: 6rem; } }

.team__image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; -o-object-position: top; object-position: top; }

/* Landing Page */
.home-section.sensorium, .home-section.plan { background-color: #CBE7D1; margin: 0 0 12rem; padding: 3rem 0; position: relative; overflow: visible; }

.home-section.sensorium h1, .home-section.plan h1 { font-size: 2.1875rem; line-height: 1.28571em; }

.home-section.sensorium h2, .home-section.plan h2 { font-size: 1.125rem; line-height: 1.44444em; text-transform: uppercase; }

.home-section.sensorium img, .home-section.plan img { width: 100%; }

@media (min-width: 768px) { .home-section.sensorium img, .home-section.plan img { top: -7px; width: 94%; position: absolute; } }

@media (min-width: 992px) { .home-section.sensorium img, .home-section.plan img { top: -7px; width: 94%; position: absolute; } }

@media (min-width: 768px) { .home-section.sensorium, .home-section.plan { margin: 0 0 12rem; } }

@media (min-width: 992px) { .home-section.sensorium, .home-section.plan { margin: 0 0 12rem; } }

.home-section.plan .plan-teaser img { max-width: 200px; margin: 0 auto 2rem; display: block; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

@media (min-width: 768px) { .home-section.plan .plan-teaser img { max-width: 300px; position: absolute; top: 0; right: 50px; } }

.region { margin-top: 4rem; margin-bottom: 4rem; }

@media screen and (min-width: 768px) { .region { margin-top: 8rem; margin-bottom: 8rem; } }

.landingpage { --stack-space: 2rem; }

.landingpage h1, .landingpage h2, .landingpage h3, .landingpage ul, .landingpage p, .landingpage .article-body h4, .article-body .landingpage h4 { margin-bottom: 0; }

.landingpage ul > li:last-child { margin-bottom: 0; }

.landingpage ul { padding-block: 0; list-style-type: disc; }

.landingpage ul[role="list"] { list-style: none; }

.landingpage img { margin-bottom: 0; max-width: 100%; height: auto; }

.landingpage .auto-grid { padding: 0; }

.landingpage .auto-grid > li { margin-bottom: 0; }

.landingpage .header-landing .container { padding-left: 15px; padding-right: 15px; }

.landingpage .header-landing .button { margin: 0 !important; padding: .5em .75em; font-size: 14px; }

.landingpage .branding { color: #272727; }

.landingpage .pageHeader { background: url(https://images.ctfassets.net/fscp9myrma8u/86OC6XJcaMn1ywyUndtbh/166156c864fa8566d44aacad423d035b/df-web-uxleistung-layout-header.jpg) no-repeat; background-position: center; background-size: cover; }

.landingpage .ux-services { --auto-grid-min-size: 24rem; --auto-grid-gap: 4rem; --stack-space: 1rem; }

.landingpage .ux-services .auto-grid { margin-top: 4rem; }

.landingpage .ux-services .auto-grid > li { padding: 2.5rem; }

.landingpage .training { padding-top: 4rem; padding-bottom: 4rem; }

.landingpage .testimonials { padding-top: 4rem; margin-bottom: 4rem; background: url(https://images.ctfassets.net/fscp9myrma8u/86OC6XJcaMn1ywyUndtbh/166156c864fa8566d44aacad423d035b/df-web-uxleistung-layout-header.jpg) no-repeat; background-position: center; background-size: cover; }

.landingpage .testimonial-group { padding-top: 2rem; padding-bottom: 4rem; }

.landingpage .contact .contact__content .icon-phone { font-size: 1rem; }

.landingpage .contact .headline { margin-bottom: 2rem; }

.landingpage .contact .button { margin-top: 0; }

.landingpage .ux-cases .content { --stack-space: .5rem; }

.landingpage .ux-cases .content h3 { font-size: 16px; line-height: 1.625rem; text-transform: uppercase; font-weight: 900; }

.landingpage .ux-cases .content p, .landingpage .ux-cases .content .article-body h4, .article-body .landingpage .ux-cases .content h4 { line-height: 1.5; }

.landingpage .ux-cases .content a { display: block; font-weight: 900; }

.landingpage .ux-cases .container > .row { row-gap: 2rem; }

.landingpage .ux-contact { margin-bottom: 0; padding: 4rem 0; }

.landingpage .ux-contact .container > div { padding: 0; }

.landingpage .ux-contact .container p, .landingpage .ux-contact .container .article-body h4, .article-body .landingpage .ux-contact .container h4 { max-width: 70ch; }

.landingpage .ux-contact .buttonGroup { display: flex; flex-wrap: wrap; gap: 1rem; }

.landingpage .ux-contact .buttonGroup .button + .button { margin-left: 0; }

@media screen and (min-width: 768px) { .landingpage .header-landing .container { padding-left: 30px; padding-right: 30px; }
  .landingpage .header-landing .button { margin: .5rem 0 !important; padding: 0.75em 1.25em; font-size: 16px; }
  .landingpage .branding { font-size: 1.25rem; }
  .landingpage .contact .contact__content .icon-phone { font-size: 1.5625rem; }
  .landingpage .training { padding-top: 8rem; padding-bottom: 8rem; }
  .landingpage .testimonial-group { padding-bottom: 8rem; }
  .landingpage .testimonials { padding-top: 8rem; margin-bottom: 8rem; }
  .landingpage .ux-contact { padding: 8rem 0; } }

#page-download .download-list { background-color: #90D9EC; padding: 12rem 0 0 0; margin-bottom: 6rem; }

#page-download .download-list .line { margin-bottom: 0; }

#page-download .download-list .row { padding: 0 0 6rem; justify-content: center; }

#page-download .download-list__image { display: flex; align-items: center; flex-direction: column; }

#page-download .download-list__image img { max-width: 50%; margin-bottom: 2rem; }

@media (min-width: 576px) { #page-download .download-list__image img { max-width: 100%; margin-bottom: 0; } }

#page-download .download-list .text-center .icon-save { display: inline-block; }

#page-download .download-list .btn:hover { border-color: #747474; color: #747474; }

#page-download .related .cover-image { padding: 2rem; margin-bottom: 2rem; }

#page-download .related .cover-image img { max-height: 16rem; width: auto; }

@media (min-width: 768px) { #page-download .related .cover-image img { max-height: 14rem; } }

@media (min-width: 992px) { #page-download .related .cover-image img { max-height: 19rem; } }

/* Landing Page */
#page-landing .container, #page-download .container { max-width: 1140px; padding-left: 15px; padding-right: 15px; }

#page-landing .navbar-nav .nav-link, #page-landing header .navbar > a, #page-download .navbar-nav .nav-link, #page-download header .navbar > a { color: #272727; }

#page-landing .nav-item.active .nav-link, #page-download .nav-item.active .nav-link { color: #7BCEBE; }

@media (min-width: 992px) { #page-landing .navbar-nav:not(.language-nav) .nav-item .nav-link, #page-landing .navbar-nav:not(.language-nav) .nav-item.active .nav-link, #page-landing .navbar-nav:not(.language-nav) .nav-item:hover .nav-link, #page-download .navbar-nav:not(.language-nav) .nav-item .nav-link, #page-download .navbar-nav:not(.language-nav) .nav-item.active .nav-link, #page-download .navbar-nav:not(.language-nav) .nav-item:hover .nav-link { color: #272727; background-image: linear-gradient(0deg, #272727, #272727); } }

#download button[type=submit] { height: 60px; padding: 1rem 2.5rem; }

#email + .invalid-feedback { position: absolute; }

.module.story-img { margin: 0 auto 6rem; }

@media (min-width: 768px) { .module.story-img { margin: 0 auto 12rem; } }

#page-landing .social-share { display: flex; justify-content: center; padding: 3.75rem 0 0 0; }

@media (min-width: 768px) { #page-landing .social-share { margin: 3.75rem 0; } }

@media (min-width: 768px) { #page-landing .social-share + .social-share { justify-content: flex-start; } }

#page-landing .social-share a { display: inline-block; font-weight: 700; margin: 0 15px; position: relative; padding-left: 0; }

@media (min-width: 768px) { #page-landing .social-share a { padding-left: 2rem; } }

#page-landing .social-share .icon-logo-facebook:before { font-size: 2rem; display: inline-block; margin: 0 5px 0 0; }

#page-landing .social-share .icon-logo-xing:before { font-size: 2rem; display: inline-block; margin: 0 5px 0 0; }

#page-landing .social-share .icon-logo-linkedin:before { font-size: 2.6rem; display: inline-block; margin: -8px 5px 0 0; }

#page-landing .social-share .icon-logo-twitter-bird:before { font-size: 2.6rem; display: inline-block; margin: 0 5px 0 0; }

#page-landing .social-share [class^="icon-"] { display: flex; justify-content: center; align-items: center; }

.download-form h1 { margin-bottom: 4rem; }

.form--after-stage { max-height: 0; padding: 0; overflow: hidden; transition: max-height 1.8s ease-out; }

.teaser--sensorium { padding: 2rem 1rem 3rem; margin: 0 0 0 0; color: #272727; opacity: 1; visibility: visible; transform: translateY(0); transition: all 0.2s linear; }

@media (min-width: 768px) { .teaser--sensorium { padding: 4rem; margin: 0 0 3rem 0; } }

.teaser--sensorium + .teaser--sensorium { margin: 3rem 0 0 0; }

@media (min-width: 768px) { .teaser--sensorium + .teaser--sensorium { margin: 0 0 0 0; } }

.teaser--sensorium h2 { font-size: 1.125rem; line-height: 1.44444em; text-transform: uppercase; font-weight: 700; }

.teaser--sensorium p, .teaser--sensorium .article-body h4, .article-body .teaser--sensorium h4 { font-size: 1.25rem; line-height: 1.4em; }

.teaser--sensorium p::after, .teaser--sensorium .article-body h4::after, .article-body .teaser--sensorium h4::after { font-family: 'df4'; speak: none; font-style: normal; font-weight: 300; font-variant: normal; text-transform: none; line-height: 1; position: absolute; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; content: '\e90d'; font-size: .8rem; transform: rotate(0deg) translateY(0px) translateX(10px); transition: all 0.2s linear; }

.teaser--sensorium a:hover { color: inherit; }

.teaser--sensorium a:hover p::after, .teaser--sensorium a:hover .article-body h4::after, .article-body .teaser--sensorium a:hover h4::after { transform: rotate(0deg) translateY(0px) translateX(20px); }

.stage .scrollNav { text-decoration: underline; }

@keyframes bounce { 0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }

.stage .arrow { animation: bounce 3s infinite; cursor: pointer; }

/* @see sensorium-home */
.services-intro { padding-top: calc(82px + 2rem); }

.services-intro::before { background-image: url("https://images.ctfassets.net/fscp9myrma8u/1UFX32o6efGPakBjPseDnw/166e75024f4cf721cd8a0cfaadacf460/intro-bg.jpg"); }

.services-intro::after { background-image: url("https://images.ctfassets.net/fscp9myrma8u/2qbsEWPUnE81MSTu5iXbFp/b6728bc99a39fef0f4b0ab252c5efecd/intro-net.png"); background-size: 200%; background-position-x: -20%; background-position-y: 20%; background-repeat: no-repeat; mix-blend-mode: overlay; transform: translate(-50%, -50%); }

.services-intro .pageSection-title { font-size: var(--step-8); line-height: 0.833; }

.services-intro .textBox-intro { font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-2); font-style: italic; }

@media screen and (min-width: 768px) { .services-intro { min-height: 100vh; padding-top: 10rem; }
  .services-intro .pageSection-title { grid-column: 1 / 6; line-height: .9; }
  .services-intro .textBox { grid-column: 7 / 13; margin-top: calc(2.5 * var(--space-4xl-5xl)); } }

@media screen and (min-width: 992px) { .services-intro { padding-top: calc(100px + 4rem); }
  .services-intro::after { background-size: 120%; background-position-x: -100%; } }

@media screen and (min-width: 1200px) { .services-intro .pageSection-title { grid-column: 2 / 6; }
  .services-intro .textBox { grid-column: 7 / 12; } }

.services-focus { display: grid; place-items: center; }

.services-focus::before { background-image: url("https://images.ctfassets.net/fscp9myrma8u/2FfmBQPXHmrzP72dlXCxS0/88d6d89d7e9256d19b47b20e107d93fa/perspective-bg.jpg"); }

.services-focus figure { max-width: 720px; margin-inline: auto; margin-top: 4rem; }

@media screen and (min-width: 768px) { .services-focus { min-height: 100vh; } }

.services-brand .pageSection-title { font-size: var(--step-8); line-height: 1; }

.services-brand .textBox { --stack-space: var(--space-l-4xl); }

.services-brand .textBox figure { display: grid; grid-template-areas: "stack"; }

.services-brand .textBox figure > * { grid-area: stack; margin-left: -5%; }

.services-brand .textBox p, .services-brand .textBox .article-body h4, .article-body .services-brand .textBox h4 { max-width: 35ch; font-family: "Noe Text", "Times New Roman", serif; font-size: var(--step-1); line-height: 1.57; }

.services-brand .heading { font-size: inherit; }

@media screen and (min-width: 768px) { .services-brand .pageSection-title { grid-column: 1 / 7; }
  .services-brand .textBox { grid-column: 7 / 12; } }

.services-ux { background-image: url("https://images.ctfassets.net/fscp9myrma8u/3h0LUbPfaKSallYDOL1bpD/66fb878c6ae46864cdbe6c99689ba2bc/ux-bg.jpg"); background-size: 100%; background-position: 0% 0%; background-repeat: no-repeat; }

.services-ux::before { content: none; }

.services-ux .sectionHeading--small { font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-5); }

.services-ux .textBox { --stack-space: var(--space-l); font-family: "Noe Text", "Times New Roman", serif; }

.services-ux .textBox p, .services-ux .textBox .article-body h4, .article-body .services-ux .textBox h4 { font-size: var(--step-1); }

.services-ux .heading { font-size: inherit; }

.services-ux .image-column { display: none; }

.services-ux .img-ux-bubble1 { width: 14rem; margin-left: 4rem; }

.services-ux .bubble-white-1, .services-ux .bubble-white-2, .services-ux .bubble-white-3 { width: 2rem; height: 2rem; position: absolute; border-radius: 50%; background-color: #FFFFFF; z-index: 2; }

.services-ux .bubble-white-1 { top: 1rem; left: 18rem; }

.services-ux .bubble-white-2 { top: 25rem; left: 12rem; }

.services-ux .bubble-white-3 { top: 30rem; left: 22rem; }

.services-ux .is-highlighted .img-ux-bubble2 { position: absolute; right: 0; top: 0; transform: translate(50%, -40%); z-index: -1; }

@media screen and (min-width: 768px) { .services-ux { --pageSection-space-bottom: 0; background-image: none; }
  .services-ux .text-column { grid-column: 3 / 8; grid-row-start: 1; }
  .services-ux .image-column { display: block; margin-top: calc(-1 * var(--pageSection-space-top)); grid-column: 5 / 12; grid-row-start: 1; z-index: -1; } }

.services-culture { padding-top: 24rem; }

.services-culture .sectionHeading { font-size: var(--step-8); }

.services-culture .sectionHeading + * { margin-top: 26rem; }

.services-culture .o-image span { display: inline-block; width: 1.5em; text-align: center; position: relative; }

.services-culture .o-image span::before, .services-culture .o-image span::after { content: ''; position: absolute; top: calc(50% + 5px); left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center center; }

.services-culture .o-image span::before { width: 2.5em; height: 2.5em; background-image: url("https://images.ctfassets.net/fscp9myrma8u/3Imlv9KlE5s414XxdEUI0g/ad08f8a94ddd06abc93c4a655fc87dd1/culture-circle-s.png"); background-size: 100%; }

.services-culture .o-image span::after { width: 22em; height: 22em; background-image: url("https://images.ctfassets.net/fscp9myrma8u/7BYubP61nXBwtArkxPlsfN/fde5f4bbc39204bea6b40051262dc819/culture-circle-m.png"), url("https://images.ctfassets.net/fscp9myrma8u/4Z2CIQCOa6g7PwG3Ot2mkl/7cf868d9b9cb55b96eedfcd39f44fbb3/culture-circle-xl.png"); background-size: 60%, 95%; z-index: -1; }

.services-culture .textBox { --stack-space: var(--space-l); z-index: 1; }

.services-culture .textBox .heading { font-size: inherit; }

.services-culture .textBox p, .services-culture .textBox .article-body h4, .article-body .services-culture .textBox h4 { font-family: "Noe Text", "Times New Roman", serif; font-size: var(--step-1); line-height: 1.7; }

@media screen and (min-width: 768px) { .services-culture { padding-bottom: 22rem; }
  .services-culture .sectionHeading { grid-column: 2 / 7; }
  .services-culture .sectionHeading + * { margin-top: 7.5rem; }
  .services-culture .textBox { grid-column: 7 / 12; }
  .services-culture .o-image span { display: inline-block; width: 1.5em; text-align: center; position: relative; }
  .services-culture .o-image span::before, .services-culture .o-image span::after { content: ''; position: absolute; top: calc(50% + 5px); left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center center; }
  .services-culture .o-image span::before { width: 2.5em; height: 2.5em; background-image: url("https://images.ctfassets.net/fscp9myrma8u/16fNVogiWFn3DuCJbmZ7UO/17ad7874f0b267e2d748bcb3f6ce8ce0/kultur-kreis-s.png"); background-size: 100%; }
  .services-culture .o-image span::after { width: 22em; height: 22em; background-image: url("https://images.ctfassets.net/fscp9myrma8u/7bNZ3J6FQ8LqWkG3KXRcfS/57351feb63cc79b64066f865fddf779d/kultur-kreis-m.png"), url("https://images.ctfassets.net/fscp9myrma8u/6LJYjpJrnIf1V5bzxhHdTW/5612048ab296d7951dd81d254ac88eb1/kultur-kreis-xl.png"); background-size: 36%, 55%; z-index: -1; } }

.services-contact { --pageSection-space-top: var(--space-2xl-6xl); --pageSection-space-bottom: var(--space-2xl-6xl); padding-block: 6rem; text-align: center; }

.services-contact .wrapper > div { padding: 2rem; background-color: white; }

.services-contact::before { background-image: url("https://images.ctfassets.net/fscp9myrma8u/3esJHnojdUVE3y3Gmbgp2m/04bc4d624112a831f07cdc888da2a32c/contact-bg.jpg"); }

.services-contact p:nth-of-type(1), .services-contact .article-body h4:nth-of-type(1), .article-body .services-contact h4:nth-of-type(1) { font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-4); font-style: italic; line-height: 1.35; }

.services-contact p:nth-of-type(2), .services-contact .article-body h4:nth-of-type(2), .article-body .services-contact h4:nth-of-type(2) { margin-top: 1rem; font-size: var(--step-2); }

.services-contact .buttonGroup { margin-top: var(--space-m-l); }

.services-contact .buttonGroup .button { margin-top: 1rem; }

@media screen and (min-width: 768px) { .services-contact .wrapper > div { padding: 8rem 6rem; } }

.services-thinkdotell { z-index: 1; }

.services-thinkdotell figure { display: none; }

.services-thinkdotell .sectionHeading { font-size: var(--step-8); }

.services-thinkdotell .sectionHeading + p, .services-thinkdotell .article-body .sectionHeading + h4, .article-body .services-thinkdotell .sectionHeading + h4 { font-size: var(--step-1); line-height: 1.7; }

.services-thinkdotell .sectionIntro { font-family: "Noe Text", "Times New Roman", serif; }

.services-thinkdotell .sectionIntro + .textBox { margin-top: 3rem; }

.services-thinkdotell .sectionIntro + .textBox + * { margin-top: 3rem; }

.services-thinkdotell .textBox h3 { padding-left: 2.5rem; font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-4); font-style: italic; }

.services-thinkdotell .textBox p, .services-thinkdotell .textBox .article-body h4, .article-body .services-thinkdotell .textBox h4 { line-height: 1.5; }

@media screen and (min-width: 768px) { .services-thinkdotell figure { grid-column: 1 / 7; display: grid; grid-template-areas: "stack"; position: relative; }
  .services-thinkdotell figure > * { grid-area: stack; }
  .services-thinkdotell figure > *:not(:nth-child(1)) { place-self: center; }
  .services-thinkdotell figure > *:nth-child(2) { max-width: 80%; }
  .services-thinkdotell figure > *:nth-child(3) { max-width: 75%; margin-top: -8em; }
  .services-thinkdotell figure > *:nth-child(4) { max-width: 33.33%; margin-left: -1em; }
  .services-thinkdotell .sectionIntro { grid-column: 7 / 12; }
  .services-thinkdotell .sectionIntro + .textBox { margin-top: 0rem; }
  .services-thinkdotell .sectionHeading { line-height: 1; }
  .services-thinkdotell .textBox:nth-of-type(2) { grid-column: 7 / 11; }
  .services-thinkdotell .textBox:nth-of-type(3) { grid-column: 3 / 7; margin-top: 0; }
  .services-thinkdotell .textBox:nth-of-type(4) { grid-column: 8 / 12; margin-top: 12rem; }
  .services-thinkdotell .textBox p, .services-thinkdotell .textBox .article-body h4, .article-body .services-thinkdotell .textBox h4 { padding-bottom: 7rem; } }

.services-dialogue > img { mix-blend-mode: overlay; }

.services-dialogue .sectionHeading { font-size: var(--step-8); font-style: italic; line-height: 1; }

.services-dialogue p, .services-dialogue .article-body h4, .article-body .services-dialogue h4 { display: inline-block; margin: 0; padding: 0 .25em; font-family: "Noe Text", "Times New Roman", serif; font-style: italic; background-image: linear-gradient(to bottom, black 0%, black 100%); background-size: 100% 100%; background-repeat: no-repeat; color: #FFFFFF; }

.services-dialogue p:first-child, .services-dialogue .article-body h4:first-child, .article-body .services-dialogue h4:first-child { margin-top: 3rem; }

.services-dialogue p + p, .services-dialogue .article-body h4 + p, .article-body .services-dialogue h4 + p, .services-dialogue .article-body p + h4, .article-body .services-dialogue p + h4, .services-dialogue .article-body h4 + h4, .article-body .services-dialogue h4 + h4 { margin-top: .25rem; }

.services-dialogue .buttonGroup { margin-top: var(--space-m-l); }

.services-dialogue .buttonGroup .button { margin-top: 1rem; }

.services-dialogue .parallax-element { position: absolute; z-index: -1; }

.services-dialogue .circle-green { width: 500px; top: -10%; right: 15%; }

.services-dialogue .circle-pink { display: none; top: 20%; right: 5%; }

.services-dialogue .circle-rose { display: none; top: 50%; right: 25%; }

.services-dialogue .circle-pink-2 { display: none; width: 400px; top: 40%; right: 75%; }

@media screen and (min-width: 768px) { .services-dialogue { padding-bottom: 20rem; }
  .services-dialogue .wrapper > div { grid-column: 3 / 9; }
  .services-dialogue .circle-pink, .services-dialogue .circle-rose, .services-dialogue .circle-pink-2 { display: block; } }

.leistungen header .navbar > a:hover { color: #272727; }

.leistungen .navbar-nav:not(.language-nav) .nav-item.active .nav-link, .leistungen .navbar-nav:not(.language-nav) .nav-item:hover .nav-link { color: #272727; }

.leistungen .language-nav .nav-item:hover .nav-link { color: #272727; }

@media (min-width: 992px) { .leistungen .navbar-nav:not(.language-nav) .nav-item .nav-link { background-image: linear-gradient(0deg, #272727, #272727); } }

.is-highlighted { padding-left: 2rem; position: relative; }

.is-highlighted > * + * { margin-top: 1rem; }

.is-highlighted::before { content: ''; position: absolute; left: 0; top: 0; width: 10px; height: 100%; background-color: currentColor; }

.is-highlighted.is-thin::before { width: 1px; }

.is-highlighted ul li { line-height: 1.75; }

.startpage header nav.container { max-width: 1680px; padding-left: 16px; padding-right: 16px; }

.startpage-intro { --pageSection-space-bottom: 0; }

.startpage-intro.pageSection:first-of-type { padding-top: 98px; }

.startpage-intro .pageSection-title { font-size: var(--step-6); }

@media screen and (min-width: 768px) { .startpage-intro .pageSection-title { grid-column: 2 / 13; grid-row: 1; align-self: center; }
  .startpage-intro figure { grid-column: 5 / 13; grid-row: 1; } }

.startpage-fields { --pageSection-space-top: 0; --pageSection-space-bottom: 0; }

.startpage-fields .wrapper { display: grid; grid-template-areas: "stack"; }

.startpage-fields .wrapper > * { grid-area: stack; }

.startpage-fields .wrapper .pageSection-title { place-self: center; margin-bottom: 0; font-size: var(--step-8); }

.startpage-fields .wrapper figure { margin-top: 0; }

.startpage-competences figure { display: none; }

.startpage-competences .pageSection-eyebrow { font-size: var(--step-1); font-weight: 700; }

.startpage-competences .pageSection-title { margin-top: .5rem; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--step-8); }

.startpage-competences .competence p, .startpage-competences .competence .article-body h4, .article-body .startpage-competences .competence h4 { display: inline-block; margin: .2em 0; padding: 0 .25em; font-family: "Noe Text", "Times New Roman", serif; font-size: var(--step-2); background-image: linear-gradient(to bottom, black 0%, black 100%); background-size: 100% 100%; background-repeat: no-repeat; color: #FFFFFF; }

.startpage-competences .haltung { margin-top: var(--space-s); font-family: "Noe Text", "Times New Roman", serif; font-size: var(--step-8); }

.startpage-competences .haltung + p, .startpage-competences .article-body .haltung + h4, .article-body .startpage-competences .haltung + h4 { font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--step-0); font-weight: 700; }

@media screen and (min-width: 768px) { .startpage-competences figure { display: block; grid-column: 5 / 13; grid-row: 1 / 5; margin-top: 10rem; }
  .startpage-competences .competence { grid-column: 3 / 13; grid-row-start: 1; }
  .startpage-competences .competence h2 + * { margin-top: 5rem; }
  .startpage-competences .competence + * { grid-column: 6 / 13; grid-row-start: 2; max-width: 50ch; }
  .startpage-competences .arrow { position: relative; z-index: 1; }
  .startpage-competences .arrow img { max-width: 300px; margin: -15rem auto -5rem; } }

.startpage-filler p, .startpage-filler .article-body h4, .article-body .startpage-filler h4 { text-align: center; font-size: var(--step-0); font-weight: 700; }

.startpage-credibility { --pageSection-space-bottom: 0; --pageSection-space-top: 0; margin-bottom: -8rem; }

@media screen and (min-width: 768px) { .startpage-credibility { margin-bottom: -16rem; }
  .startpage-credibility figure { grid-column: 1 / 10; } }

.startpage-experiences { --pageSection-space-top: 0; --pageSection-space-bottom: 0; }

.startpage-experiences .pageSection-eyebrow { font-size: var(--step-1); font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; text-align: center; }

.startpage-experiences .pageSection-title { margin-top: .5rem; font-family: "Noe Text", "Times New Roman", serif; }

.startpage-experiences .wrapper { display: grid; grid-template-areas: "stack"; }

.startpage-experiences .wrapper > * { grid-area: stack; }

.startpage-experiences .wrapper > div { place-self: center; margin-bottom: 0; font-size: var(--step-8); z-index: 2; }

.startpage-experiences .wrapper figure { margin-top: 0; }

.startpage-culture .grid { display: grid; }

.startpage-culture .grid > * { grid-row-start: 1; grid-column: 1 / 13; }

.startpage-culture .grid > div { align-self: center; z-index: 2; }

.startpage-culture .grid > figure { margin-left: -2rem; margin-right: -2rem; }

.startpage-culture .pageSection-eyebrow { font-size: var(--step-1); font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; }

.startpage-culture .pageSection-title { margin-top: .5rem; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--step-8); color: #FFFFFF; }

.startpage-culture p, .startpage-culture .article-body h4, .article-body .startpage-culture h4 { max-width: 38ch; font-family: "Noe Display", "Times New Roman", serif; line-height: 1.7; }

.startpage-culture p + a, .startpage-culture .article-body h4 + a, .article-body .startpage-culture h4 + a { margin-top: 2rem; }

.startpage-culture figure + figure { display: none; }

@media screen and (min-width: 768px) { .startpage-culture figure + figure { display: block; }
  .startpage-culture .grid > * { grid-row-start: 1; }
  .startpage-culture .grid > div { grid-column: 3 / 13; }
  .startpage-culture .grid > figure:first-of-type { grid-column: 1 / 9; z-index: 1; }
  .startpage-culture .grid > figure:nth-of-type(2) { grid-column: 7 / 13; } }

.appointments .marker { background-image: linear-gradient(to bottom, transparent 50%, #d4f983 50%); background-size: 100% 100%; background-repeat: no-repeat; }

.appointments .header-lp.text-white .button { border-color: #BCFF54; }

.appointments .header-lp.text-white .button:hover, .appointments .header-lp.text-white .button:focus { border-color: #FFFFFF; background-color: #FFFFFF; color: #000000; }

.appointments-header { --pageSection-space-bottom: calc(var(--space-2xl-5xl) + 3rem); color: #FFFFFF; }

.appointments-header .pageSection-title { font-size: var(--step-7); font-style: italic; line-height: 1; color: transparent; background-clip: text; -webkit-background-clip: text; background-position: 40% center; background-size: 30%; background-image: url("https://images.ctfassets.net/fscp9myrma8u/32E8lMoTAUfpoOlUvsa9R5/41854b0f3880a0d782e87b5c8de1a4b4/termine-maske.jpg"); }

.appointments-header .pageSection-title + p, .appointments-header .article-body .pageSection-title + h4, .article-body .appointments-header .pageSection-title + h4 { max-width: 28ch; font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-2); font-style: italic; letter-spacing: 0.04em; line-height: 1.466; }

.appointments .selection .appointment-image { margin-top: calc(-1 * 2.25 * calc(var(--space-2xl-5xl))); }

.appointments .selection-intro { margin-top: var(--space-l); }

.appointments .selection-intro > * + * { margin-top: var(--space-m); }

.appointments .selection-intro p, .appointments .selection-intro .article-body h4, .article-body .appointments .selection-intro h4 { font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--step-1); line-height: 1.466; }

.appointments .selection-intro #termine { scroll-margin-top: 6.5rem; }

.appointments .selection-intro .price-list { display: flex; gap: 4rem; flex-wrap: wrap; max-width: calc(100% - 4rem); margin-top: var(--space-2xl); }

.appointments .selection-intro .price-list > div { display: flex; flex-direction: column; flex: 1; position: relative; width: 50%; min-width: 250px; max-width: 350px; padding: 2rem 2rem 3.5rem 2rem; text-align: center; }

.appointments .selection-intro .price-list > div::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: .85rem; background-image: url("https://images.ctfassets.net/fscp9myrma8u/1IYros7WrV4AWgC9sjv7Ng/fe391ad80edaaec75150dca48d28f9d8/zigzag-line.png"); background-repeat: no-repeat; background-size: contain; background-position: center bottom; }

.appointments .selection-intro .price-list > div:nth-of-type(1) { color: #FFFFFF; background-color: #000000; }

.appointments .selection-intro .price-list > div:nth-of-type(2) { background-color: #EB5D8E; }

.appointments .selection-intro .price-list > div:nth-of-type(2)::before { content: '%'; position: absolute; top: 0; right: 0; transform: translate(50%, -50%); padding: 40px; border-radius: 50%; background-color: #000000; color: #EB5D8E; font-size: var(--step-5); font-weight: 700; line-height: 1.11; }

.appointments .selection-intro .price-list > div dt { flex-grow: 1; font-size: var(--step-0); line-height: 1.4; }

.appointments .selection-intro .price-list > div dd span { display: block; }

.appointments .selection-intro .price-list > div dd span::after { content: ''; }

.appointments .selection-intro .price-list > div dd span:nth-of-type(1) { margin-top: 2rem; font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-2); font-style: italic; }

.appointments .selection-intro .price-list > div dd span:nth-of-type(2) { margin-top: 2rem; font-size: var(--step-4); font-weight: 700; }

.appointments .selection-intro .price-list + * { margin-top: var(--space-2xl); }

.appointments .selection .pageSection-title { max-width: 18ch; font-size: var(--step-4); font-style: italic; line-height: 1.25; }

.appointments .selection .pageSection-title + * { margin-top: var(--space-m-l); }

.appointments .selection .highlight-box { margin-top: var(--space-xl); }

.appointments .selection .highlight-box .is-highlighted h3, .appointments .selection .highlight-box .is-highlighted p, .appointments .selection .highlight-box .is-highlighted .article-body h4, .article-body .appointments .selection .highlight-box .is-highlighted h4 { margin: 0; font-size: var(--step-0); line-height: 1.5; }

.appointments .selection .highlight-box .is-highlighted h3 { font-size: var(--step-1); font-weight: 700; }

.appointments .selection .highlight-box .is-highlighted p, .appointments .selection .highlight-box .is-highlighted .article-body h4, .article-body .appointments .selection .highlight-box .is-highlighted h4 { max-width: 40ch; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--step-1); font-style: normal; }

.appointments .selection .highlight-box .is-highlighted .button { margin-top: var(--space-s); }

@media screen and (min-width: 768px) { .appointments-header .pageSection-title { grid-column: 1 / 6; margin-top: var(--space-s); }
  .appointments-header p, .appointments-header .article-body h4, .article-body .appointments-header h4 { grid-column: 6 / 12; margin-top: var(--space-6xl); }
  .appointments .selection .appointment-image { grid-column: 6 / 12; }
  .appointments .selection-intro { grid-column: 2 / 13; margin-top: calc(-1 * 1.5 * var(--space-2xl-5xl)); }
  .appointments .selection-intro > * { max-width: 40ch; }
  .appointments .selection-intro #termine { scroll-margin-top: 4rem; }
  .appointments .selection .highlight-box { --auto-grid-min-size: 25rem; row-gap: var(--space-xl); max-width: none; }
  .appointments .selection .highlight-box .is-highlighted + .is-highlighted { margin-top: 0; }
  .appointments .selection .highlight-box p, .appointments .selection .highlight-box .article-body h4, .article-body .appointments .selection .highlight-box h4 { margin-bottom: 0; line-height: 1.25; } }

.faq .header-lp.text-white .button { border-color: #FFFFFF; }

.faq .header-lp.text-white .button:hover, .faq .header-lp.text-white .button:focus { background-color: #FFFFFF; color: #000000; }

.faq-header { --pageSection-space-bottom: calc(var(--space-2xl-5xl) + 3rem); color: #FFFFFF; }

.faq-header .pageSection-title { font-size: var(--step-7); font-style: italic; line-height: 1; color: transparent; background-clip: text; -webkit-background-clip: text; background-position: bottom 50% right 200px; background-size: 100%; background-repeat: no-repeat; background-image: url("https://images.ctfassets.net/fscp9myrma8u/18dsusQ1BKI5xuXFXTYwDX/28bc668879fcce8a95664f75e7fb6393/illustration-worumgehtes.png"); }

.faq-header .pageSection-title + p, .faq-header .article-body .pageSection-title + h4, .article-body .faq-header .pageSection-title + h4 { max-width: 28ch; font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-1); font-style: italic; letter-spacing: 0.04em; line-height: 1.466; }

.faq-main .faq-image { margin-top: calc(-1 * 2.25 * calc(var(--space-2xl-5xl))); }

.faq-main-questions { margin-top: var(--space-l); }

.faq-main-questions > * + * { margin-top: var(--space-m); }

.faq-main-questions .pageSection-title { max-width: 10ch; font-size: var(--step-5); font-style: italic; line-height: 1.25; }

.faq-main-questions .pageSection-title + * { margin-top: var(--space-m-l); }

.faq-main-questions p, .faq-main-questions .article-body h4, .article-body .faq-main-questions h4 { font-size: var(--step-1); line-height: 1.466; }

.faq-main-questions .accordionInsert + * { margin-top: var(--space-l-xl); }

.faq-main-questions .revealableContent-content p, .faq-main-questions .revealableContent-content .article-body h4, .article-body .faq-main-questions .revealableContent-content h4, .faq-main-questions .revealableContent-content ul, .faq-main-questions .revealableContent-content ol, .faq-main-questions .revealableContent-content li { margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

.faq-main-questions .revealableContent-content ul, .faq-main-questions .revealableContent-content ol { padding-left: 2.5rem; }

.faq-main-questions .revealableContent-content p, .faq-main-questions .revealableContent-content .article-body h4, .article-body .faq-main-questions .revealableContent-content h4, .faq-main-questions .revealableContent-content li, .faq-main-questions .revealableContent-content a { font-size: var(--step-0); line-height: 1.5; }

.faq-main-questions .revealableContent-content > * + * { margin-top: var(--space-xs); }

.faq-main-questions .revealableContent-content li + li { margin-top: .25rem; }

.faq-main-questions .revealableContent-content strong { font-weight: bold; }

.faq-main-questions .revealableContent-content a { font-weight: bold; text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; text-underline-offset: 2px; transition: color 300ms ease; }

.faq-main-questions .revealableContent-content a:hover, .faq-main-questions .revealableContent-content a:focus { color: #7BCEBE; transition: color 100ms ease; }

.faq .questions { --pageSection-space-top: 0; }

.faq .questions .grid > div { grid-column: 2 / 7; }

.faq .questions .grid > div * + * { margin-top: var(--space-s-m); }

.faq .questions .pageSection-title { max-width: 10ch; font-size: var(--step-5); font-style: italic; line-height: 1.25; }

.faq .questions .email-link, .faq .questions .phone-link { display: block; font-size: var(--step-0); }

.faq .questions .email-link + .phone-link { margin-top: 1.5rem; }

@media screen and (min-width: 768px) { .faq-header .pageSection-title { grid-column: 1 / 7; margin-top: var(--space-s); }
  .faq-header p, .faq-header .article-body h4, .article-body .faq-header h4 { grid-column: 7 / 13; margin-top: var(--space-6xl); }
  .faq-main .faq-image { grid-column: 7 / 13; }
  .faq-main-questions { grid-column: 2 / 13; margin-top: calc(-1 * 1.5 * var(--space-2xl-5xl)); }
  .faq-main-questions .accordionInsert { max-width: 95ch; } }

.flamingo { background-color: #FF7884; }

.flamingo-color { color: #FF7884; }

.flamingo-light { background-color: #FAAEA6; }

.flamingo-light-color { color: #FAAEA6; }

.skyBlue { background-color: #9FD6E9; }

.skyBlue-color { color: #9FD6E9; }

.nightSky { background-color: #292930; }

.nightSky-color { color: #292930; }

.black { background-color: #000000; }

.black-color { color: #000000; }

.sectionHeading { font-family: "Noe Display", "Times New Roman", serif; line-height: 1.1; }

.storytelling h2 { margin-bottom: 0; }

.storytelling p, .storytelling .article-body h4, .article-body .storytelling h4 { font-size: var(--step-0); }

.storytelling ul, .storytelling ol { padding: 0 0 0 1rem; }

.storytelling ul[role="list"], .storytelling ol[role="list"] { list-style: none; padding: 0; }

.storytelling ul li, .storytelling ol li { margin: 0; }

.storytelling .button.has-icon { position: relative; padding-right: 3.5em; }

.storytelling .button.has-icon svg { position: absolute; top: 50%; right: 1.5em; transform: translateY(-50%); width: 1.5em; height: 1.5em; stroke: #000000; stroke-width: 2; transition-property: stroke; transition-duration: 300ms; }

.storytelling .button.has-icon:hover svg, .storytelling .button.has-icon:focus svg { stroke: #FFFFFF; transition-duration: 100ms; }

.storytelling .button.is-round { background-color: #BCFF54; border-color: #BCFF54; color: #272727; }

.storytelling .button.is-round:hover, .storytelling .button.is-round:focus-visible { background-color: #272727; border-color: #272727; color: #BCFF54; }

.storytelling .floating { display: none; }

.next-level-storytelling { --pageSection-space-top: var(--space-5xl); --stack-space: var(--space-m-l); }

.next-level-storytelling .pageSection-title { max-width: 13ch; margin-bottom: 1rem; font-size: var(--step-7); line-height: 1; }

.next-level-storytelling .pageSection-title + p, .next-level-storytelling .article-body .pageSection-title + h4, .article-body .next-level-storytelling .pageSection-title + h4 { max-width: 24ch; font-size: var(--step-1); font-weight: 900; line-height: 1.5; }

.next-level-storytelling .textBox { margin-top: 0; }

.next-level-storytelling .textBox-intro { font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--step-1); font-weight: bold; line-height: 1.467; }

.next-level-storytelling .triangle-1 { top: 4rem; right: 15%; }

.next-level-storytelling .triangle-2 { top: 20rem; right: -10%; }

.next-level-storytelling .circle { bottom: 10rem; right: -2%; z-index: -1; }

@media screen and (min-width: 768px) { .next-level-storytelling { --pageSection-space-top: var(--space-4xl-5xl); --pageSection-space-bottom: calc(1.5 * var(--space-2xl-6xl)); }
  .next-level-storytelling figure { margin-top: var(--space-m-l); margin-left: -20em; margin-right: -5em; margin-bottom: var(--space-m-l); position: relative; }
  .next-level-storytelling figure img { position: absolute; top: 0; right: 0; }
  .next-level-storytelling .textBox { max-width: 620px; margin-top: 0; } }

.online-course { --pageSection-space-top: var(--space-4xl-5xl); --pageSection-space-bottom: 0; --stack-space: var(--space-xl-2xl); }

.online-course .pageSection-title { font-size: var(--step-6); font-style: italic; }

.online-course .figure-youtube { width: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; }

.online-course .figure-youtube > div { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }

.online-course .figure-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.online-course article { --stack-space: var(--space-m); margin-top: var(--space-3xl-4xl); align-items: center; }

.online-course article p, .online-course article .article-body h4, .article-body .online-course article h4 { font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-1); line-height: 1.467; }

.online-course article p span, .online-course article .article-body h4 span, .article-body .online-course article h4 span { font-style: italic; }

.online-course article li { font-size: var(--step-0); line-height: 1.4; }

.online-course article li + li { margin-top: 1em; }

.online-course article figure { max-width: 65vw; margin: var(--space-l) auto 0; }

@media screen and (min-width: 768px) { .online-course article p, .online-course article .article-body h4, .article-body .online-course article h4 { max-width: 40ch; }
  .online-course article figure { max-width: none; }
  .online-course article:nth-of-type(1) > div:first-child { grid-column: 1 / 9; }
  .online-course article:nth-of-type(1) > div:last-child { grid-column: 10 / 13; }
  .online-course article:nth-of-type(1) > div:last-child figure { margin: 0 -5rem 0 0; }
  .online-course article:nth-of-type(2) > div:first-child { grid-column: 6 / 13; grid-row: 1; }
  .online-course article:nth-of-type(2) > div:last-child { grid-column: 1 / 6; grid-row: 1; }
  .online-course article:nth-of-type(2) > div:last-child figure { margin: 0 0 0 -25em; } }

.expectation .pageSection-title { max-width: 12ch; position: relative; font-size: var(--step-6); }

.expectation .pageSection-title::before { content: ''; position: absolute; top: 50%; left: -1em; width: 2.468em; height: 4em; transform: translateY(-50%); background-image: url("https://images.ctfassets.net/fscp9myrma8u/2qk9U73rFF44idUSrndUvP/bea1d345b949f1cf1c9c522f9109b6e7/triangle-yellow.svg"); background-repeat: no-repeat; z-index: -1; }

.expectation .auto-grid { --auto-grid-min-size: 100%; margin-top: var(--space-xl-2xl); }

.expectation .auto-grid .stack { --stack-space: var(--space-m); }

.expectation .auto-grid .stack p, .expectation .auto-grid .stack .article-body h4, .article-body .expectation .auto-grid .stack h4 { font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-1); font-style: italic; line-height: 1.4; }

.expectation .auto-grid .stack ul li { font-size: var(--step-0); line-height: 1.4; }

.expectation .auto-grid .stack ul li + li { margin-top: 1em; }

@media screen and (min-width: 768px) { .expectation .auto-grid { --auto-grid-min-size: 28rem; }
  .expectation .auto-grid .stack { padding-right: var(--space-2xl-6xl); } }

.storytelling-expert { --pageSection-space-top: var(--space-3xl-4xl); background-color: #292930; color: #FFFFFF; }

.storytelling-expert .pageSection-title { font-size: var(--step-6); font-style: italic; }

.storytelling-expert .expert-text { --stack-space: var(--space-m); }

.storytelling-expert p.lead, .storytelling-expert .article-body h4.lead, .article-body .storytelling-expert h4.lead { margin-top: var(--space-xl); font-size: var(--step-1); font-weight: 700; line-height: 1.4; }

.storytelling-expert p, .storytelling-expert .article-body h4, .article-body .storytelling-expert h4 { font-size: var(--step-0); }

.storytelling-expert a { text-decoration: underline; }

.storytelling-expert .expert-card { position: relative; margin-top: var(--space-l); }

.storytelling-expert .expert-image { transform: scale(1.15); width: 100%; max-width: 36em; margin-left: auto; margin-right: auto; padding: 0 var(--space-s); }

.storytelling-expert .expert-info { --stack-space: var(--space-m); max-width: 32em; margin: -12em auto 0; padding: 16em var(--space-s-l) var(--space-l-xl); border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; background-color: #FFFFFF; color: #272727; }

.storytelling-expert .expert-name { font-family: "Noe Display", "Times New Roman", serif; font-size: var(--step-4); text-align: center; }

.storytelling-expert .expert-title { font-size: var(--step-1); line-height: 1.2; text-align: center; }

.storytelling-expert .expert-slides { margin-top: var(--space-xl); }

.storytelling-expert .expert-slides article a { text-decoration: none; }

.storytelling-expert .expert-slides article a .text-marker { background-size: 0% 100%; transition: background-size 300ms ease; }

.storytelling-expert .expert-slides article a:hover .text-marker, .storytelling-expert .expert-slides article a:focus-visible .text-marker { background-size: 100% 100%; }

.storytelling-expert .expert-slides article figure { display: flex; align-items: flex-end; margin-top: auto; }

.storytelling-expert .expert-slides article img { width: 33.33%; height: auto; padding-right: .5rem; }

.storytelling-expert .expert-slides article figcaption { width: 66.66%; padding-left: .5rem; font-size: var(--step--1); font-weight: 700; }

@media screen and (min-width: 768px) { .storytelling-expert .splitter { align-items: flex-start; }
  .storytelling-expert .expert-card { margin-top: 0; }
  .storytelling-expert .expert-info { margin: -16em auto 0; padding: 22em var(--space-s-l) var(--space-l-xl); } }

:root { --marquee-width: 100%; --marquee-height: 100px; --marquee-elements-displayed: 2; --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed)); --marquee-animation-duration: calc(var(--marquee-elements) * 3s); }

@media screen and (min-width: 768px) { :root { --marquee-height: 120px; --marquee-elements-displayed: 5; } }

.logo-marquee { --pageSection-space-top: var(--space-l-xl); --pageSection-space-bottom: 0; }

.logo-marquee .pageSection-title { margin-bottom: 0; font-family: "Benton Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--step-2); text-align: center; }

.logo-marquee .marquee { width: var(--marquee-width); height: var(--marquee-height); margin-top: var(--space-s); overflow: hidden; position: relative; }

.logo-marquee .marquee::before, .logo-marquee .marquee::after { content: ""; position: absolute; top: 0; width: 5rem; height: 100%; z-index: 1; }

.logo-marquee .marquee::before { left: 0; background: linear-gradient(to right, #FFFFFF 0%, transparent 100%); }

.logo-marquee .marquee::after { right: 0; background: linear-gradient(to left, #FFFFFF 0%, transparent 100%); }

.logo-marquee .marquee-content { height: 100%; display: flex; animation: scrolling var(--marquee-animation-duration) linear infinite; }

.logo-marquee .marquee-content li { display: flex; justify-content: center; align-items: center; /* text-align: center; */ flex-shrink: 0; width: var(--marquee-element-width); max-height: 100%; font-size: calc(var(--marquee-height)*3/4); /* 5rem; */ white-space: nowrap; }

@keyframes scrolling { 0% { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); } }

@media screen and (min-width: 768px) { .logo-marquee .marquee::before, .logo-marquee .marquee::after { width: 10rem; } }

.course-details .pageSection-title { max-width: 12ch; font-style: italic; }

.course-details .accordionInsert { max-width: 1140px; margin: var(--space-s) auto 0; }

.course-details .revealableContent-summary { font-size: var(--step-1); }

.course-details .revealableContent-content * { font-size: var(--step-0); }

.course-details .revealableContent-content ul { padding-left: 2em; }

.course-details .revealableContent-content strong { font-weight: 700; }

.course-details figure { margin-top: var(--space-2xl-6xl); }

.course-details figure img:last-child { display: none; }

@media screen and (min-width: 768px) { .course-details figure img:first-child { display: none; }
  .course-details figure img:last-child { display: block; } }

.course-cta { --pageSection-space-top: var(--space-2xl-3xl); --pageSection-space-bottom: var(--space-2xl-3xl); --stack-space: var(--space-xl); }

.course-cta .textBox { font-size: var(--step-1); }

.course-cta .course-offer { font-size: var(--step-2); font-weight: 900; line-height: 1.2; color: #FFFFFF; }

.trial-lesson { --pageSection-space-top: calc(1.5 * var(--space-2xl-6xl)); }

.trial-lesson .stack { --stack-space: var(--space-l); max-width: -moz-max-content; max-width: max-content; margin-left: auto; margin-right: auto; }

.trial-lesson .pageSection-title { max-width: 10ch; position: relative; font-size: var(--step-6); font-style: italic; }

.trial-lesson .pageSection-title::before { content: ''; display: block; position: absolute; left: -80%; top: 50%; transform: translateY(-50%); width: 5em; height: 5em; background-image: url("https://images.ctfassets.net/fscp9myrma8u/1XOdN8cE5ZOhYNJyQuIY55/22f4cc271906131bdefa65ed4ebe2216/lesson-1.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; }

.trial-lesson .pageSection-title img { position: absolute; top: 50%; left: -25%; max-width: 6.5em; transform: translateY(-36%); z-index: -1; }

.trial-lesson p, .trial-lesson .article-body h4, .article-body .trial-lesson h4 { max-width: 26ch; margin-top: var(--space-l); position: relative; font-size: var(--step-2); font-weight: 700; line-height: 1.4; z-index: 1; }

.trial-lesson .lesson-link { margin-left: var(--space-2xl-5xl); position: relative; z-index: 1; }

.trial-lesson a { display: inline-flex; align-items: center; gap: .25em; font-size: var(--step-1); font-weight: 700; }

.trial-lesson a span { display: inline-block; position: relative; }

.trial-lesson a span::after { content: ''; position: absolute; bottom: -.1em; left: 0; width: 100%; height: .075em; transform: scaleX(0); transform-origin: left; transition: transform 100ms ease-out; transition-delay: 50ms; background-color: #292930; }

.trial-lesson a svg { max-width: 54px; }

.trial-lesson a svg circle, .trial-lesson a svg path { transition: fill 100ms ease-out, stroke 100ms ease-out; }

.trial-lesson a:hover span::after, .trial-lesson a:focus-visible span::after { transform: scaleX(1); transition: transform 150ms ease-in; }

.trial-lesson a:hover svg circle, .trial-lesson a:hover svg path, .trial-lesson a:focus-visible svg circle, .trial-lesson a:focus-visible svg path { transition: fill 150ms ease-in, stroke 150ms ease-in; transition-delay: 150ms; }

.trial-lesson a:hover svg circle, .trial-lesson a:focus-visible svg circle { fill: #292930; }

.trial-lesson a:hover svg path, .trial-lesson a:focus-visible svg path { stroke: #BCFF54; }

.storytelling-workshops { --pageSection-space-top: 0; }

.storytelling-workshops .pageSection-title { grid-column: 1 / 13; position: relative; max-width: 20ch; font-size: var(--step-6); font-style: italic; }

.storytelling-workshops .pageSection-title::before { content: ''; position: absolute; top: 50%; left: -1em; width: 2.468em; height: 4em; transform: translateY(-50%); background-image: url("https://images.ctfassets.net/fscp9myrma8u/6CMJBglfDCy2P8g8bUBcd0/5dca722345949fc23f9daa7d44f0bbee/triangle-blue.svg"); background-repeat: no-repeat; z-index: -1; }

.storytelling-workshops .textBox:nth-of-type(1) { grid-column: 1 / 6; }

.storytelling-workshops .textBox:nth-of-type(2) { grid-column: 7 / 12; }

.storytelling-workshops .textBox figure { margin-bottom: calc(-1 * var(--space-2xl-6xl)); margin-right: -4em; }

.faq { background-color: #272727; color: #FFFFFF; }

.faq .pageSection-title { font-size: var(--step-6); font-style: italic; }

.faq .accordionInsert { max-width: 1140px; margin: var(--space-s) auto 0; }

.faq .revealableContent { border-color: #FFFFFF; }

.faq .revealableContent-summary { background-color: #272727; }

.faq .revealableContent-summary::after { background: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 stroke=%22%23FFFFFF%22 stroke-width=%222%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M9.5,12.5l6.5,7l6.5-7%22/%3E%3C/svg%3E") 50% 50% no-repeat; }

.ask-me-anything { --pageSection-space-bottom: 0; --stack-space: var(--space-m); }

.ask-me-anything .grid > div { grid-column: 1 / 7; margin-bottom: var(--space-xl); }

.ask-me-anything figure { grid-column: 7 / 13; align-self: flex-end; position: relative; }

.ask-me-anything figure img:nth-of-type(2) { position: absolute; bottom: 0; left: 30%; transform: translateY(25%); width: 30em; height: 30em; z-index: -1; }

.ask-me-anything .pageSection-title { max-width: 12ch; font-size: var(--step-6); font-style: italic; }

.ask-me-anything p, .ask-me-anything .article-body h4, .article-body .ask-me-anything h4 { margin-top: var(--stack-space); font-size: var(--step-1); line-height: 1.46; }

.storytelling .pageSection { --page_max-width: 1440px; }

.mainFooter { --pageSection-space-top: var(--space-xl-2xl); --pageSection-space-bottom: var(--space-xl-2xl); padding-top: var(--pageSection-space-top) !important; color: #FFFFFF; }

.mainFooter .wrapper > * + * { margin-top: 2.5rem; }

.mainFooter .wrapper > div { margin-top: var(--space-xl-2xl); }

.mainFooter .wrapper > div > * + * { margin-top: 2.5rem; }

.mainFooter .wrapper p, .mainFooter .wrapper .article-body h4, .article-body .mainFooter .wrapper h4 { max-width: 70ch; font-size: var(--step--1); line-height: 1.5; }

.mainFooter-heading { font-size: var(--step-0); font-weight: 700; text-transform: uppercase; }

.mainFooter-heading + * { margin-top: 1rem; }

.mainFooter-heading ~ p a:hover, .article-body .mainFooter-heading ~ h4 a:hover, .mainFooter-heading ~ p a:focus, .article-body .mainFooter-heading ~ h4 a:focus { text-decoration: underline; }

.mainFooter-list { padding: 0; list-style: none; }

.mainFooter-list li { margin: 0; font-size: var(--step--1); }

.mainFooter-list a { font-weight: 700; }

.mainFooter-list a:hover, .mainFooter-list a:focus { text-decoration: underline; }

.mainFooter-contact { margin-top: 2.5rem; }

.mainFooter-contact > * + * { margin-top: 2.5rem; }

.mainFooter-contact h3 { margin-bottom: 0; font-size: var(--step-0); font-weight: 700; text-transform: uppercase; }

.mainFooter-contact h3 + * { margin-top: 1rem; }

.mainFooter-contact a + a { margin-left: 2rem; }

.mainFooter-contact address { font-size: var(--step-0); line-height: 1.5; }

.mainFooter-contact .xing-link svg, .mainFooter-contact .linkedin-link svg { color: #FFFFFF; }

.mainFooter-contact .xing-link:hover svg, .mainFooter-contact .xing-link:focus svg, .mainFooter-contact .linkedin-link:hover svg, .mainFooter-contact .linkedin-link:focus svg { color: #7BCEBE; }

@media screen and (min-width: 768px) { .storytelling .floating { position: absolute; display: block; }
  .mainFooter .wrapper > div > * + * { margin-top: 0; }
  .mainFooter .wrapper > div > div:first-child { grid-column: 1 / 9; }
  .mainFooter .wrapper > div > div:last-child { grid-column: 9 / 13; }
  .mainFooter-contact { display: flex; margin-top: 2rem; }
  .mainFooter-contact > * { flex: 1; }
  .mainFooter-contact > div { margin-top: 0; } }

/*# sourceMappingURL=styles.css.map */