@charset "UTF-8";
/* moved by compressor */
/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}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}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.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:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.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:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#bacbe6}.table-secondary{--bs-table-bg:#e2e3e5;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:#000;border-color:#cbccce}.table-success{--bs-table-bg:#d1e7dd;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#bcd0c7}.table-info{--bs-table-bg:#cff4fc;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:#000;border-color:#badce3}.table-warning{--bs-table-bg:#fff3cd;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#e6dbb9}.table-danger{--bs-table-bg:#f8d7da;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#dfc2c4}.table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg:#212529;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.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}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.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}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;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 (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;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 (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;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{min-height:calc(1.5em + (.5rem + 2px));padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + (1rem + 2px));padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + (.75rem + 2px))}textarea.form-control-sm{min-height:calc(1.5em + (.5rem + 2px))}textarea.form-control-lg{min-height:calc(1.5em + (1rem + 2px))}.form-control-color{max-width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;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 (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;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 (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control{padding:1rem .75rem}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;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;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;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 (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropend,.dropstart,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;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;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin: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,.15);border-radius:.25rem}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;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}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-header{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.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:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .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-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.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~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;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;isolation:isolate}.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{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.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-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.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}.navbar-text{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;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap: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 .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap: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 .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-wrap: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 .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap: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 .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.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 .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(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,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.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,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;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 (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{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}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.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}.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:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.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;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast:not(.showing):not(.show){opacity:0}.toast.hide{display:none}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;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,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.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,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);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 .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;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:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);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,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[data-popper-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 #f0f0f0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.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:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.offcanvas{position:fixed;bottom:0;z-index:1050;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:-.5rem}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}.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}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!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}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow: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:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!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}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!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}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.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-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}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!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}.justify-content-evenly{justify-content:space-evenly!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}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#198754!important}.text-info{color:#0dcaf0!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-white{color:#fff!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.bg-primary{background-color:#0d6efd!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#198754!important}.bg-info{background-color:#0dcaf0!important}.bg-warning{background-color:#ffc107!important}.bg-danger{background-color:#dc3545!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.bg-body{background-color:#fff!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!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}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.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-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}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!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}.justify-content-sm-evenly{justify-content:space-evenly!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}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!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}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.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-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}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!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}.justify-content-md-evenly{justify-content:space-evenly!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}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!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}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.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-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}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!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}.justify-content-lg-evenly{justify-content:space-evenly!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}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!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}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.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-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}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!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}.justify-content-xl-evenly{justify-content:space-evenly!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}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!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}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */



/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/**
 * Swiper 11.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 13, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}

body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

/* Hier stand bis zum 2026-08-10 "11body, html {" - zwei Ziffern vor dem Selektor.
   Ein ungueltiger Selektor macht die GANZE Regel ungueltig, auch den gueltigen Teil
   der Liste: width: 100% galt also weder fuer body noch fuer html.

   Vor dem Entfernen geprueft, ob die Regel jetzt etwas veraendert - sie tut es nicht.
   Gemessen bei 390 und 1200 px Breite, jeweils mit und ohne die Angabe:
   html und body sind 375 bzw. 1185 px breit, in beiden Faellen gleich, kein
   waagerechter Ueberlauf. Beide sind Blockelemente und fuellen ihren Bezugsrahmen
   ohnehin aus; width: 100% sagt dasselbe noch einmal. Die Regel bleibt trotzdem
   stehen, statt sie zu loeschen: Sie ist als Absicht dokumentiert, und ein spaeterer
   Blick soll nicht wieder auf einen kaputten Selektor treffen. */
body, html {
  width: 100%;
}

body {
  font-family: 'urw-din', sans-serif;
  font-size: 1em;
  line-height: 1.7em;
  color: #555;
  overflow-x: hidden;
}

.date-entry .logo IMG {
  max-width: 130px;
  height: 60px;
  height: auto!important;
}

.prod-slider {
  overflow-x: hidden;
}

.tab-content .subheader p {
  color:#00A0AB!important;
}

.tab-content .prodimage IMG {
  max-width: 100%!important;
  min-height: unset!important;
  height: auto!important;
  transform: unset!important;
}

.tab-content .prodcontent {
  color: #555!important;
  text-align: left!important;
}

ul.convention-calendar li.date-entry {
  z-index: 2!important;
}

ul.convention-calendar li.date-entry::before {
  display: block;
  height: 100%;
  width: 0;
  background: rgb(20, 250, 254);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  z-index: -1;
  transition: all 0.3s ease;
  border-radius: .3rem !important;
}

ul.convention-calendar li.date-entry:hover::before {
  width: 100%;
}

ul.convention-calendar li.date-entry:hover .text-primary {
  color: #075257!important;
}


/* Messe */

#messetermine-section::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url('../../../fileadmin/templates/public/img/texture-svg.svg') repeat ;
    background-size: cover;
    background-attachment: fixed;
    z-index: :1;
    opacity: 0.03;
}

#messetermine-section {
  flex-wrap: wrap;
  flex-direction: column!important;
  position: relative;
  background: linear-gradient(90deg, #00A0AB 0%, #075156 100%);
}

#messetermine-section h2, #messetermine-section h1{
  color: white!important;
}

/* Nav Pills */

.nav-pills .nav-item {
  padding-right: 1.5rem;
}

ul.nav-pills {
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #e7e7e7;
}

.nav-pills .nav-link {
  transition: all 0.3s ease;
}

.nav-pills .nav-link.active {
  font-weight: 700;
}

.sub-page #topprojects-section, .main-page #teaser-section, .sub-page #additional-content {
  position: relative;
}

.sub-page #topprojects-section::before, .main-page #teaser-section::before, .sub-page #additional-content::after {
  width: 1200px;
  height: 1200px;
  background: url('../../../fileadmin/templates/public/img/bg-main-play-icon.svg');
  background-size: contain;
  opacity: 0.02;
  position: absolute;
  right: -400px;
  top: -400px;
  content: '';
  z-index: 2;
  display: block;
}

.sub-page #additional-content::after {
  width: 1200px;
  height: 1200px;
  position: absolute;
  left: -400px;
  top:100%;
  margin-top: -1170px;
  background: url('../../../fileadmin/templates/public/img/bg-main-tent-icon.svg');
  background-size: contain;
}

.sub-page #additional-content {
  overflow-y:hidden;
}

.sub-page #topprojects-section .container, .main-page #teaser-section .container, .sub-page #additional-content .container {
  position: relative;
  z-index: 15;
}

/* Featured Content */

#featured-content {
  position: relative;
  display: flex;
  align-items:center;
  justify-content: center;
  text-align:center;
  background: linear-gradient(90deg,#00A0AB 0%,#075156 100%);
  color: #fff;
  padding-top: 4%;
  padding-bottom: 4%;
}

#featured-content::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content:'';
  background: url('../../../fileadmin/templates/public/img/texture-svg.svg') repeat center;
  background-size:cover;
  background-attachment: fixed;
  z-index::1;
  opacity: 0.03;
}

#featured-content .container-fluid {
  z-index: 17;
}

#featured-content .container-fluid .cc-content-morelink a:hover {
  background: #075258!important;
}

#featured-content .frame-type-text p {
  max-width: 750px;
  margin: 2rem auto;
}


#carouselSlider-505 .carousel-item::before {
  content:'1';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#191919!important;
  font-size : 80em;
  opacity:0.6;
  font-weight: 900;
  z-index: 1;
}


#carouselSlider-505 .carousel-item:nth-child(1)::before {
  content:'1';
}

#carouselSlider-505 .carousel-item:nth-child(2)::before {
  content:'2';
}

#carouselSlider-505 .carousel-item:nth-child(3)::before {
  content:'3';
}

#featured-content .accordion-body p {
  max-width: 75%;
  text-align: left!important;
}

#featured-content .accordion-body ul li {
  text-align: left!important;
}

.carousel-item .slide-overlay {
  z-index: 2;
  background: rgba(0,0,0,0.6);
}

#ctower-config-section {
  z-index: 2;
  position:relative;
  overflow: hidden!important;
}

#ctower-config-section .overlay {
 width:100%;
 height: 100%;
 position: absolute;
 left: 0;
 right: 0;
 margin-inline: auto;
 display: flex;
 align-items:center;
 z-index: 3;
}

ul.list-unstyled li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #777!important;
}

ul.list-unstyled {
  border-bottom: none!important;
}

.video-wrapper {
}

.video-wrapper video {
  min-width: 100vw;
  height: auto!important;
}


.bg-primary {
  transition: all 0.3s ease;
  background: #00A0AB!important;
}

.swiper-pagination-bullet-active {
  background: #00A0AB!important;
}

.text-primary {
  color: #00A0AB!important;
}

.cta-button a:hover.bg-primary {
  background: #09777f!important;
}
.sub-page blockquote p {
  font-size: 1.4rem;
  max-width: 600px!important;
  line-height: 2rem;
}

.frame-type-text:not(#c51) ul {
  padding: 0;
  margin: 0;
  margin-top: 2.5rem;
}

.frame-type-text:not(#c51) ul li, .accordion-body ul li, .carousel-item ul li, .ce-textpic  ul li {
  list-style: none;
  position: relative;
  padding-left: 2rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.ce-textpic  ul {
  padding: 0;
  margin: 0;
}

.accordion-body ul li {
  color: #555!important;
}

.accordion-body ul {
  padding-top: 1.25rem;
  padding-left: 0.75rem;
}

.carousel-item ul {
  margin: 0!important;
  padding-left: 0;
  padding-top: 0;
}

.carousel-item ul li {
  padding-top: 0;
  padding-bottom: 0;
}

.frame-type-text:not(#c51) ul li::before, .accordion-body ul li::before, .carousel-item ul li::before, .ce-textpic  ul li::before {
  width: 18px;
  height: 18px;
  background: url('../../../fileadmin/templates/public/img/yes.svg') no-repeat center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  content:'';
}

samp {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  background-color: #e9e9e9;
  padding: 5px 7px;
  border-radius: 2px;
}

.ce-image IMG, .ce-textpic IMG {
  border-radius: 5px;
}

.frame figure {
  padding-left: 2.5rem!important;
  padding-right: 2.5rem!important;
}

.nav-teaserbtn {

}

strong {
  font-weight: 900;
}

/*
button:focus, input:focus, .btn-primary:focus, button:visited, input:visited, .btn-primary:visited {
  background:#00A0AB!important;
}*/

section#teaser-section {
  overflow: hidden;
}

#reference-section a, #philosophy-section a {
  color:#00a0ab;
}

#philosophy-section h2, #philosophy-section h1, #reference-section h2, #reference-section h1{
  text-transform: uppercase;
  font-weight: 700;
  padding-left: 40px;
  position: relative;
}

#philosophy-section h2::after, #philosophy-section h1::after, #reference-section h2::after, #reference-section h1::after{
  height: 5px;
  width: 25px;
  background: #00a0ab;
  position: absolute;
  left: 0px;
  top: 18px;
  content:'';
}

#teaser-section h2::after, #teaser-section h1::after, #topprojects-section h2::after, #topprojects-section h1::after{
  display: none;
}

/* H1 der Startseite in Großbuchstaben - gesetzt am 2026-08-08 mit dem neuen Text
   "Gute Campingplatz-Technik muss sich draußen beweisen."

   Die Umwandlung gehoert hierher und nicht in das Markup: Im Quelltext bleibt
   normale Schreibweise stehen (fileadmin/templates/partials/IntroText.html), damit
   der Text lesbar ist und Sprachausgaben ihn als Wort und nicht als Buchstabenfolge
   ausgeben. Genau so ist es an den uebrigen Grossbuchstaben-Ueberschriften des
   Projekts geloest (#philosophy-section, #reference-section, #products-header).

   #teaser-section steht nur auf der Startseite, die Regel trifft also genau diese
   eine Ueberschrift. Das h2-Pendant fehlt bewusst: In diesem Abschnitt gibt es
   keine h2, und der Vergleichsblock darunter soll ruhig bleiben. */
#teaser-section h1 {
  text-transform: uppercase;
}

.cc-teaser .morelink a {
  border-radius: unset!important;
  background: #09777f!important;
}

.cc-teaser .inner-border {
  background: #555!important;
}

.cc-teaser .inner-border .teaserheader h3, .cc-teaser .inner-border .teaserheader {
  color: white!important;
}

.cc-teaser IMG {
  max-width: 100%;
  height: auto;
}

.hometeaser {
  transform: scale(1);
}

.hometeaser:hover {
  transform: scale(1.03);
}

.hometeaser .inner {
  background: #00A0AB;
  height: 300px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.25em;
  line-height: 1.5em;
  text-align: center;
}

.hometeaser .inner .title {
  display: inline-block;
  max-width: 400px;
}


.frame-layout-1 .ce-intext.ce-left .ce-gallery {
    margin-right: 25px;
}

.accordion button {
  padding-top: 1.25rem!important;
  padding-bottom: 1.25rem!important;
  padding-left: 1.25rem!important;
  background: none!important;
}

.accordion-item, .accordion-item:hover {
  border-radius: 0.25rem!important;
  margin-bottom: 0.75rem;
}


.accordion-item:first-of-type .accordion-button.collapsed {
}

.accordion-item button, .accordion-item button:hover {
  border-radius: 0.25rem!important;
}

.accordion-item:not(.collpsed) button {
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
  border-top-left-radius: 0.25rem!important;
  border-top-right-radius: 0.25rem!important;
}



.accordion-item:not(.collpsed) .accordion-body {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body p {
    margin-bottom: 0;
}

.accordion-item:last-of-type .accordion-button.collapsed, .accordion-button.collapsed:hover {
  border-radius: 0.25rem!important;
}

.accordion-item {
  border: none!important;
}

.sub-page .accordion-item p {
  color:#555;
}

.accordion-item IMG {
  max-width: 100%;
  height: auto;
}

.accordion-item .ce-bodytext p {
  margin-top: -2px;
  margin-left: 10px!important;
  margin-right: 10px!important;
}

.image-caption {
  color: rgba(0,0,0,.5)!important;
  font-style: italic!important;
  font-size: .875em;
  margin-top: 10px;
}

.accordion-item .acc-additionalcontent-item p {
  margin: 0;
  padding: 0;
}

.acc-additionalcontent-item .ce-gallery {
  min-width: 20px;
}

.accordion-item blockquote, #content-section blockquote {
  background: #f7f7f7;
  padding: 20px;
  max-width: 700px;
}

.accordion-item blockquote p {
  padding-bottom: 0px;
  margin-bottom: 0px!important;
}

.accordion-item #c230 .image, .accordion-item #c229 .image {
  display: flex;
  min-width: 210px;
  align-items: center;
  justify-content: center;
}

.accordion .border-light {
  border: 1px solid #e7e7e7!important;
}

.ctools-pages.sub-page .accordion-button:not(.collapsed) {
    font-weight: 700;
    color: #fff;
    background: #0077b3!important;
}

.ctechnology-pages.sub-page .accordion-button:not(.collapsed) {
    font-weight: 700;
    color: #fff;
    background: #01aa74!important;
}

.sub-page .accordion-button:not(.collapsed) {
    font-weight: 700;
    color: #fff;
    background: #00A0AB!important;
}

.ctools-pages.sub-page .accordion-button:not(.collapsed):hover {
    background: #025c8a!important;
}

.ctechnology-pages.sub-page .accordion-button:not(.collapsed):hover {
    background: #067753!important;
}

.sub-page .accordion-button:not(.collapsed):hover {
    background: #087c84!important;
}

.accordion-button:hover {
  background: #d7d7d7!important;
}

.accordion-button:not(.collapsed)::after {
  filter: invert(1%) sepia(51%) saturate(2%) hue-rotate(346deg) brightness(200%) contrast(97%);
}
.accordion-body table tr td, .accordion-body table tr th {
  border-collapse: collapse;
  border: 1px solid #d7d7d7;
  padding: 10px;
}

.accordion-body table tr td:first-child, .accordion-body table tr th:first-child {
  background:rgba(1,119,179,0.2);
}

.accordion-body table tr th {
  background: #f7f7f7;
}

table.table tbody {
  border-color: transparent!important;
}

/* Bootstrap 5.0.2 hard-codes `.table { color: #212529 }`, which lands as near-black
   text on the dark (#2a2a2a) content sections - unreadable. The homepage table works
   around it with an inline `text-white` utility; this does the same for any table in
   a content section so it does not have to be remembered per element.
   Row separators are restated with !important because the rule above clears tbody
   border-color, which the cells would otherwise inherit. */
.content-section .table {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.25);
}

.content-section .table > thead > tr > th {
  border-bottom: 2px solid rgba(255, 255, 255, 0.35)!important;
}

.content-section .table > tbody > tr > td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12)!important;
}

/* .table-hover uses --bs-table-hover-color (#212529) - same black-on-black problem. */
.content-section .table-hover > tbody > tr:hover > * {
  --bs-table-hover-color: #fff;
  color: #fff;
}

/* width/height auto + max-width/max-height caps = scale to fit the slide while
   keeping the aspect ratio. Previously max-width was "unset" and height was 100%,
   so a logo was sized by its height and grew sideways without limit - the wide
   Ahlemeyer logo (140x30, ratio 4.67) rendered 170px wide inside a 54px slide and
   overlapped its neighbours. */
.logo-slider .swiper-slide IMG {
  max-height: 80px!important;
  width: auto!important;
  height: auto!important;
  max-width: 100%!important;
  min-width: unset!important;
  min-height: unset!important;
  display: block!important;
  top: 0px!important;
  left: 0px!important;
  position: static!important;
  opacity:1!important;
  transform:unset!important;
}

.logo-slider.swiper-container, .logo-slider .swiper-wrapper, .logo-slider .swiper-slide {
  max-height: unset!important;
  height: auto!important;
  min-height: unset!important;
  overflow: unset;
}

.logo-slider.swiper-container {

}

.logo-slider.swiper-container {
  width: 100%!important;
  height: auto!important;
  overflow:hidden;
}

.logo-slider.swiper-container::-webkit-scrollbar {
  display: none;
}

.logo-slider.swiper-container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.header-image {
  position: relative;
}

.header-image IMG {
  filter: grayscale(90%);
  opacity: 0.8;
}

.header-image {
  max-height: 780px!important;
}

.header-image .text-overlay {
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
  background: rgb(0, 160, 171);
  mix-blend-mode:multiply;
  opacity: 1;
  z-index: 2;
  align-items: center;
  justify-content: center;
  max-height: 780px!important;
}

.header-image .inner-text {
  display: flex;
  margin: 0px auto;
  position: absolute!important;
  bottom: 0px!important;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: 100%!important;
  max-height: 780px!important;
  overflow: hidden!important;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: rgb(145,145,145);
  opacity: 0.5!important;
  background:rgb(220,220,220);
  mix-blend-mode: multiply;
  font-size: 40em;
  line-height: 50em;
  z-index: 2;
  font-weight: 900;
  opacity: 0;
  visibility: hidden;
}

.body-loaded .header-image .inner-text {
  opacity: 1;
  visibility: visible;
}

#c351 IMG {
  max-width: 100px!important;
  height: auto!important;
}

.flag {
  padding-right: 5px;
  position: relative;
  top: -3px;
}

main, section {
  max-width: 100%;
  overflow-x: hidden;
}

p.lead {
  line-height: 1.7em;
  font-size: 1.5em;
}

.logo-slider .swiper-wrapper {
  overflow: unset!important;
}

.logo-slider IMG {
  opacity: 1!important;
  display: flex!important;
  visibility: visible!important;
}


.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

.project-info-bullets {
    margin-bottom: 15px;
}

footer .copy a {
  text-decoration: none;
  color: #999999!important;
}

#go-back {
  background:#256C71;
}

#interest {
  position: relative;
  display: flex;
  align-items:center;
  justify-content: center;
  text-align:center;
  background: linear-gradient(90deg,#00A0AB 0%,#075156 100%);
  color: #fff;
  padding-top: 4%;
  padding-bottom: 4%;
}

#interest::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content:'';
  background: url('../../../fileadmin/templates/public/img/texture-svg.svg') repeat center;
  background-size:cover;
  background-attachment: fixed;
  z-index::1;
  opacity: 0.03;
}

#interest .container {
  z-index: 15;
}

#interest .cc-content-morelink a:hover {
  background: #075258!important;
}

#interest h2, #interest h1{
  color: #fff;
}

#interest h2::after, #interest h1::after{
  background: #256C71;
}

.info-bullet {
  display:inline-block;
  width: 25px!important;
  height: 25px!important;
  border-radius: 100%;
  margin-right: 5px;
  z-index: 15;
}

.info-bullet:hover {
  cursor:pointer;
}

.info-bullet:last-child {
  margin-right: 0px;
}

.info-bullet.ctools, .info-tooltip.ctools {
  background: #0077b3;
}

.info-bullet.ctechnology, .info-tooltip.ctechnology {
  background: #01aa74;
}

.info-bullet.infra, .info-tooltip.infra {
  background:#a0b453;
}

.info-tooltip {
  display: block;
  top: -15rem;
  position: absolute;
  max-width: 400px;
  width: 100%x;
  z-index: 30;
  max-height: 180px;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  height: 200px;
  line-height: 1.5em;
}

.info-tooltip h4 {
  font-size: 1.1rem;
  margin-bottom: -1rem;
}

.info-tooltip.active {
  bottom: 215px;
  opacity: 1;
  visibility: visible;
}

.entry-content {
  font-size: 100%;
}

.entry-content ul {
  margin: 0;
  padding: 0;
  padding-left: 15px;
  margin-bottom: 20px;
}

.ce-uploads li {
  padding: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
  display: flex;
  align-items: center;
  max-width: 400px;
}

.ce-uploads li:hover {
  background: #00A0AB!important;
}

.ce-uploads li:nth-child(even) {
  background: #777;
}

.ce-uploads li:nth-child(odd) {
  background: #999;
}
.ce-uploads-filesize {
  font-size: 0.8em;
}

.ce-uploads-fileName {
  display: inline-block;
  margin-bottom: -5px;
}

.ce-uploads a {
  color: #fff!important;
  font-weight: 700;
  text-decoration: none;
  font-size: 1em;
}

.entry-content ul li {
  margin-bottom: 5px;
}

.entry-content blockquote, blockquote {
  padding-left: 20px;
  border-left: 3px solid rgb(0, 160, 171);
}

.prod-teaser {
  position: relative;
  height: 100vh;
}

.prod-teaser h2, .prod-teaser h1{
  font-weight: 900;
  font-size: 50px;
  transform: scale(0.9);
}

.prod-teaser .subline small {
  display: block;
  position: relative;
  top: 15px;
  line-height: 24px;
}

.prod-teaser h2 small, .prod-teaser h1 small{
  font-size: 17px;
  font-weight: 400;
}

.prod-teaser:hover h2, .prod-teaser:hover h1{
    transform: scale(1.0);
}

.prod-teaser.infra-bg::before {
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(160,180,83,0.9);
  top: 0;
  left: 0;
}

.prod-teaser.ctools::before {
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,119,179,0.9);
  top: 0;
  left: 0;
}

.prod-teaser.ctechnology-bg::before {
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(1,170,116,0.9);
  top: 0;
  left: 0;
}

/*
  Die drei Teaser-Hintergruende lagen bis 2026-08-04 als fest eingetragene Pfade
  auf TYPO3-Ableitungen unter _processed_ (z. B. csm_banner-portrait_0002_..._fd81d9950b.jpg).

  Das ist auf Dauer nicht haltbar: Diese Dateinamen enthalten eine Pruefsumme und
  entstehen neu, sobald der Bildbestand geleert wird - jede Wartung im Backend
  ("Temporaere Dateien loeschen") laesst die drei Flaechen also ohne Bild zurueck,
  ohne dass es jemandem auffaellt. Genau das ist beim Neuaufbau der Bildvarianten
  passiert.

  Jetzt liegen eigene Kopien in public/img, also im Theme-Ordner, den TYPO3 nie
  anfasst. WebP mit Qualitaet 70 genuegt hier reichlich: Ueber jedem der drei
  Teaser liegt ein ::before mit rgba(...,0.9) - man sieht das Foto also nur zu
  10 Prozent durch eine Farbflaeche hindurch.
  269/506/442 KB JPEG  ->  33/100/46 KB WebP.
*/
.prod-teaser.ctechnology-bg  {
  background: url('../../../fileadmin/templates/public/img/teaser-ctechnology.webp') no-repeat;
  background-size: cover;
  background-position: center;
}

.prod-teaser.infra-bg {
  background: url('../../../fileadmin/templates/public/img/teaser-infra.webp') no-repeat;
  background-size: cover;
  background-position: center;
}

.prod-teaser.ctools {
  background: url('../../../fileadmin/templates/public/img/teaser-ctools.webp') no-repeat;
  background-size: cover;
  background-position: center;
}

.prod-teaser:hover {

}

.ctools-pages .entry-content blockquote, .ctools-pages blockquote {
  border-left: 3px solid #0077b3!important;
}

.ctechnology-pages .entry-content blockquote, .ctechnology-pages blockquote {
  border-left: 3px solid #01aa74!important;
}

.content-section a {
  color: rgb(0, 160, 171);
}

.infra-pages #content-section a {
  color: #a0b453;
}

footer, footer a {
  color: #999999;
}

footer .info {
  display: inline-block;
  position: relative;
  top: 3px;
  padding-right: 10px!important;
}

/* Support badge, after the heading text - same position and sizing as the social
   icons, which also follow their label. */
footer .support-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  position: relative;
  top: -2px;
}

/* Service times, typography only - no background.
   The footer default of #999 on white is 2.85:1, below the 4.5:1 WCAG AA threshold for
   small text, which is what made these hard to read. The times now carry the weight
   and the near-black, while the day labels stay lighter, uppercase and letter-spaced.
   That separates "when" from "what days" by weight, colour and case at once, and both
   parts clear AA on their own (times ~16:1, days ~5.4:1). */
/* Spacing mirrors the "Links" block (bis 2026-08-09 "Linksammlung"): there the
   .navheader label sits 0px from the first link and carries its own pb-1 (0.25rem) as
   breathing room. The times row does the same, so both sections share one vertical
   rhythm - a margin-bottom here measured 7.2px and read as a visibly larger gap. */
footer .support-hours {
  display: block;
  font-size: 0.85em;
  padding-bottom: 0.25rem;
}

/* The line mirrors the heading's own typography: the day label plays the role of
   " Support" (regular weight) and the time plays the role of "CampConcept" - the same
   #999 footer grey at weight 900, measured off <strong>CampConcept</strong> rather than
   guessed. Days additionally get uppercase and letter-spacing so the two halves stay
   distinguishable without a second colour. */
footer .support-hours .days {
  color: #999999;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 0.92em;
}

footer .support-hours .time {
  color: #999999;
  font-weight: 900;
  margin-left: 0.7em;
}

footer .support-hours .sep {
  color: #b5b5b5;
  padding: 0 0.55em;
}

.footerlink {
  display: inline-block;
  margin-right: 15px;
}

.contacts .footerlink {
  margin-right: 0px;
}

.footerlink a {
  text-decoration: underline!important;
}

.footerlink a:hover {
  color:#666;
}

.footerlink.ctools {
  background: none!important;
}

.footerlink.active a {
  font-weight: 700;
}

.left .footerlink:last-child, .right .footerlink:last-child {
  margin-right:0px;
}

button {
  background: none!important;
  border:none!important;
  padding: 0!important;
}

button:focus, button:visited {
  outline:none!important;
  border:none!important;
  box-shadow:none!important;
}

header#mainheader, #image-section, header#mainheader ul.desktop-nav li a, header#mainheader ul.desktop-nav li a::before, header#mainheader ul.desktop-nav li.has-sub::after, .swiper-slide .arrow, .item-INFRA::before, .item-CTOOLS::before, .item-CTECHNOLOGY::before, .main-nav-mobile, .main-nav-mobile-inner, .footerlink a, header#mainheader ul.desktop-nav li ul.level-two li .nav-icon, .projects-container .project-teaser .teaser-overlay .project-morelink, .info-tooltip, .cc-morelink a, .clicked-nav .main-nav-mobile ul.mobile-nav, .projects-container .project-teaser .innerteaser IMG, .header-image .inner-text, .cc-content-morelink a, .cc-morelink-arrow a, .cc-morelink-arrow span, input, input.btn-primary, .ce-uploads li, .nav-teaserbtn .inner-background, .prod-teaser, .prod-teaser h2, .prod-teaser h1, .hometeaser{
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#image-section {
  overflow-y: hidden!important;
}

.nav-teaser p {
  margin-left: 0!important;
  width: 100%!important;
}

.nav-teaserbtn .inner-background {
  transform: scale(1);
  box-shadow:5px 5px 10px transparent;
  min-height: 300px;
}

.nav-teaserbtn.hover .inner-background {
  transform: scale(1.03);
  box-shadow:5px 5px 10px rgba(0,0,0,0.2);
}

.nav-teaser h3.white {
  color:white!important;
}


.accordion .cc-morelink-arrow .cc-button {
  font-size: 20px;
  color:#0077b3!important;
}

.ctechnology-pages .accordion .cc-morelink-arrow .cc-button {
  color:#01aa74!important;
}

.accordion .cc-morelink-arrow .cc-button {
  margin-bottom: 0px!important;
}

#contact-section-sub .container-fluid {
  min-height: 400px;
  background: url('../../../fileadmin/user_upload/cc-about-img.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 0;
}

#contact-section-sub .container-fluid::after {
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  left: 0;
  top: 0;
}

#contact-section-sub .container-fluid .container {
  max-width: 550px;
  position: relative;
  z-index: 2;
}

#contact-section-sub .container-fluid h3 {
  line-height: 1.5em;
  min-height: 0px;
}

#contact-section-sub a {
  margin-bottom: 0px!important
}

.item-CTECHNOLOGY a, .footerlink.ctechnology a, .ctechnology-pages main #content-section div.container p a {
  color:#01aa74!important;
  text-decoration: none;
}

main #content-section .nav-teaserbtn a {
  color: #fff!important;
}

#products-header a {
  color: #fff!important;
}

.item-CTECHNOLOGY::before {
  width: 30px;
  height: 5px;
  position: absolute;
  margin-left: -40px;
  margin-top: 23px;
  content:'';
  background: #01aa74;
}

.item-CTECHNOLOGY:hover::before {
  width: 20px;
}

.item-CTECHNOLOGY:hover a, .item-CTECHNOLOGY.active a, .footerlink.ctools.active a, .footerlink.ctechnology.active a  {
  font-weight: 700!important;
}

.item-CTOOLS a, .footerlink.ctools a {
  color:#0077b3!important;
  text-decoration: none;
}

.item-CTOOLS::before {
  width: 30px;
  height: 5px;
  position: absolute;
  margin-left: -40px;
  margin-top: 23px;
  content:'';
  background: #0077b3;
}

.item-CTOOLS:hover::before {
  width: 20px;
}

.item-CTOOLS:hover a, .item-CTOOLS.active a {
  font-weight: 700!important;
}

.item-INFRA a, .footerlink.infra a {
  color:#a0b453!important;
  text-decoration: none;
}

.footerlink.infra a:hover, .footerlink.ctools a:hover, .footerlink.ctechnology a:hover {
  opacity: 0.7;
}

.cc-content-linkcontainer {
  margin-bottom: 30px;
}

.cc-content-morelink {
  display: inline-block;
  width: auto!important;
  margin-right: 15px;
}

.align-left .cc-content-morelink {
  display: flex;
  justify-content: start;
}

.align-middle .cc-content-morelink {
  display: flex;
  justify-content: center;
}

.align-right .cc-content-morelink {
  display: flex;
  justify-content: end;
}

.swiper-slide .morelink a {
  position: relative;
  transition: all 0.3s ease;
}

.swiper-slide .morelink a::after {
  transition: all 0.3s ease;
  position:absolute;
  content:'';
  left:0;
  bottom: 0;
  width:0;
  height:2px;
  background: rgba(0,0,0,0.05);
}

#image-section .swiper-slide .inner-border .container {
  border-top-left-radius: 0.4rem!important;
}

#image-section .swiper-slide:nth-child(1) .morelink a:hover {
  color:#b6c96c!important;
}

#image-section .swiper-slide:nth-child(2) .morelink a:hover {
  color:#098E63!important;
}

#image-section .swiper-slide:nth-child(3) .morelink a:hover {
  color:#0d587f!important;
}

.swiper-slide .morelink a:hover::after {
  width: 100%;
}

.cc-content-morelink a {
  display: inline-block;
  margin-top: 15px;
  font-size: 1em;
  padding: 12px 25px 12px 25px;
  text-decoration: none;
  text-transform: none;
  font-weight: 700;
  padding-right: 3rem !important;
  padding-left: 3rem !important;
  padding-top: 1rem!important;
  padding-bottom: 1rem!important;
  border-radius: 50rem!important;
}

.cc-content-morelink a:hover {
  background: #09777f!important;
}

.item-INFRA::before {
  width: 30px;
  height: 5px;
  position: absolute;
  margin-left: -40px;
  margin-top: 23px;
  content:'';
  background: #a0b453;
}

.item-INFRA:hover::before {
  width: 20px;
}

.item-INFRA:hover a, .item-INFRA.active a, .footerlink.infra.active a {
  font-weight: 700!important;
}

.content-section IMG {
  max-width: 100%;
  height: auto;
}

/* Fernauslese Specialcontent */

.fern-usp {

}

.cc-additional h3 {
  min-height: 0px!important;
}

.colteaser .cc-content-linkcontainer, .twocol-teaser .cc-content-linkcontainer {
  margin-bottom: 0px;
}

.colteaser .cc-content-morelink, .twocol-teaser .cc-content-morelink {
  margin-right: 0px!important;
}

.fern-usp .col-xl-6 {
  background: #f7f7f7;
  padding: 3%;
  border: 5px solid white;
}

.cc-basis .colteaser {
  color:#fff!important;
  background: #01aa74!important;
}


/* Projets List */

.projects-container .project-teaser {
  position: relative;
  overflow: hidden;
}

.projects-container .project-teaser .innerteaser {

}

.projects-container .project-teaser .innerteaser IMG {
  transform: scale(1);
}

.projects-container .project-teaser .innerteaser:hover IMG {
  transform: scale(1.1);
}

.projects-container .project-teaser .teaser-overlay {
  position: absolute;
  height: calc(100% - 32px);
  width: calc(100% - 64px);
  z-index: 2;
  background: rgba(0,0,0,0.5);
}

.projects-container .project-teaser .teaser-overlay .project-loc {
  color:#256C71;
  font-style:italic;
  display: inline-block;
  padding: 12px 25px 12px 25px;
  background: #00A0AB;
  font-size: 85%;
  text-transform: uppercase;
  position: absolute;
  right: 0px;
  top: 0px;
}

.projects-container .project-teaser .teaser-overlay .project-header {
  position: absolute;
  bottom: 70px;
}

.projects-container .project-teaser .teaser-overlay h3 {
  font-size: 2.7em;
  font-weight: 900;
  max-width: 450px;
}

.projects-container .project-teaser .teaser-overlay .project-header a {
  color:#fff;
  text-decoration: none;
}

.projects-container .project-teaser .project-morelink {
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 50%;
  margin-top: -40px;
  transform: scale(1);
  z-index: 10;
}

.projects-container .project-teaser .teaser-overlay .project-morelink:hover {
  transform: scale(1.1);
}

.projects-container .project-teaser .project-bg IMG {
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.sub-page #image-section IMG {
  width: 100%!important;
  max-width: 100%!important;
  min-width: none!important;
  min-height: 0!important;
  height: auto!important;
}

.sub-page #subnav-section {
  padding: 15px 0 15px 0px;
}

/*
.ctools-pages.sub-page #subnav-section {
  background:#6fc2dd;
}

.ctechnology-pages.sub-page #subnav-section {
  background:#81ceb5;
}*/

.sub-page #subnav-section {
  background: #e7e7e7;
}

.sub-page #subnav-section .container_fluid {
  padding-left: 30px!important;
  padding-right: 30px!important;
}

.sub-page #subnav-section.fixed {
  position: fixed;
  width: 100%;
  max-width: 80%;
  left: 10%;
  top: 100px;
  z-index: 9;
  box-shadow: 3px 3px 7px rgb(0 0 0 / 30%);
}

.sub-page #subnav-section a {
  color:#666;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.2em;
}

.sub-page #subnav-section li.active a {
  font-weight: 700;
}

.ctools-pages.sub-page #subnav-section li.active a {
  color:#0077b3;
}

.ctechnology-pages.sub-page #subnav-section li.active a {
  color:#01aa74;
}

.sub-page #subnav-section li {
  padding: 10px;
}
/*
.ctools-pages.sub-page #subnav-section li {
  border-right: 1px solid rgba(31,110,150,0.3);
}

.ctechnology-pages.sub-page #subnav-section li {
  border-right: 1px solid rgba(1,170,116,0.3);
}*/

.sub-page #subnav-section li {
  border-right: 1px solid rgba(0,0,0,0.1);
}

.sub-page #subnav-section li:first-child {
  padding-left: 0px;
}

.sub-page #subnav-section li:last-child {
  padding-right: 0px;
  border-right: none;
}

.cc-morelink-arrow {
  display: inline-block;
  width: auto!important;
  cursor: pointer;
}

.cc-morelink-arrow a {
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  text-decoration:none;
  font-size: 1.5em;
  display: inline-block;
  padding-top: 0px;
  margin: 25px 0 25px 0px;
}

.cc-morelink-arrow:hover a {
  color: #00A0AB;
}

.cc-morelink-arrow span {
  display: inline-block;
  padding-right: 5px;
  position: relative;
  left: 0px;
  top: -2px;
}

.cc-morelink-arrow:hover span {
  left: 5px;
}

/* FORMS */

.powermail_fieldwrap .col-sm-10 {
  width: 100%!important;
}

.powermail_fieldwrap.col-md-6 {
  max-width: 450px;
}

.powermail_fieldwrap_type_check {
  clear: both;
  width: 100%!important;
  margin-top: 30px;
  border-top: 1px solid #666;
  margin-bottom: 30px;
  border-bottom: 1px solid #666;
  padding-top: 20px;
  padding-bottom: 15px;
  max-width: 900px!important;
}

.powermail_fieldwrap_type_check.powermail_fieldwrap_marker_01, .powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutz {
  padding-top: 0;
  margin-top: 0px;
  border: none!important;
}

.powermail_checkbox.powermail_checkbox_10, .powermail_checkbox.powermail_checkbox_19, .powermail_checkbox.powermail_checkbox_20 {
  margin-bottom: 0px!important;
}

.tx-powermail .powermail_fieldset .powermail-errors-list {
  font-size: 0.8em;
}
/*
input.btn-primary {
    color: #fff;
    background-color: #00A0AB;
    border-color: transparent;
    border-radius: 0px!important;
    display: inline-block;
    margin-top: 15px;
    font-size: 1.25em;
    padding: 12px 25px 12px 25px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 900;
    opacity: 1;
}

input.btn-primary:hover {
    opacity: 0.8;
    background-color: #00A0AB;
    border-color: transparent;
}*/

.powermail_fieldwrap input[type="submit"].btn-primary {
  margin-top: 2rem;
  border:none;
  font-weight: 900;
  transition: all 0.3s ease;
  background: #00A0AB !important;
  border-radius: 50rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 3rem;
  padding-right: 3rem;
  text-transform: none;
  font-size: 1.1em!important;
}

.powermail_fieldwrap input[type="submit"].btn-primary:hover {
    background: #09777f!important;
    border-color: transparent;
}

label[for="powermail_field_interest"] {
  text-transform: uppercase;
  font-weight: 900;
  color: #00A0AB;
  font-size: 1.3em;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 15px;
  width: auto;
}

input[type="checkbox"] {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.powermail_fieldset input {
  margin-bottom: 15px;
  max-width: 450px;
  transition: all 0.3s ease;
}

.tx-powermail .container-fluid {
  margin: 0!important;
  padding: 0!important;
  max-width: 900px;
}

.powermail_fieldset input:focus {
  background: rgba(0,160,171,1)!important;
  color:white;
  outline:none!important;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.7)!important;
  border: 1px solid #191919;
}

.powermail_input {
  padding: 15px;
  font-size: 0.95em;
}

/* FORMS END */

/* PRODUCT PAGES */

#products-header {
  padding-top: 8%;
  padding-bottom: 8%;
  overflow: hidden;
}

.pageUid-13 #products-header {
  background:#01aa74;
}

.pageUid-14 #products-header {
  background:#0077b3;
}

.pageUid-15 #products-header {
  background:#a0b453;
}

#products-header h2, #products-header h1{
  font-weight: 900;
  text-transform: uppercase;
  font-size: 5em;
  color:#fff;
  position: relative;
  display: inline-block;
  z-index: 2;
}

#products-header h2::after, #products-header h1::after{
    content: '';
    position: absolute;
    bottom: 9px;
    left: -15px;
    right: -15px;
    height: 20px;
    z-index: -1;

}

#products-header h3 {
  margin-top: 70px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.7em;
  max-width: 840px;
}

.sub-page .product-pages h2, .sub-page .product-pages h1{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 3rem;
  margin-bottom: 30px;
}

.sub-page .product-pages #top-info .container {
    border-bottom: 1px solid #e7e7e7;
}

/* Fernauslese-Übersicht (Seite 33): die beiden Claim-Überschriften standen bis
   2026-08-01 in Großbuchstaben im Datensatz. Suchmaschinen und Screenreader werten
   aber den GESPEICHERTEN Text aus, nicht die Darstellung — deshalb steht dort jetzt
   normale Schreibweise, und die Großschreibung entsteht hier.

   Auf den Produktseiten (42, 43, 46, 75, 76) war dafür nichts zu tun: dort greift
   bereits ".sub-page .product-pages h1 { text-transform: uppercase }" weiter oben.

   Bewusst hier und NICHT beim übrigen h5-Block weiter unten: jener steht innerhalb
   von "@media (max-width: 991px)" und würde die Regel auf schmale Fenster begrenzen.

   Seitenweit gefasst, weil h5 auf Seite 33 ausschließlich für diese beiden Claims
   verwendet wird (geprüft). Kommt dort später ein h5 in anderer Funktion dazu, muss
   diese Regel enger gefasst werden. */
.pageUid-33 h5 {
  text-transform: uppercase;
}

.breadcrumb a {
  color: #fff;
}

.pageUid-13 #products-header h2::after, .pageUid-13 #products-header h1::after{
  background:#098E63;
}

.pageUid-14 #products-header h2::after, .pageUid-14 #products-header h1::after{
  background:#07689A;
}

.pageUid-15 #products-header h2::after, .pageUid-15 #products-header h1::after{
  background:#b6c96c;
}

/* PRODUCT PAGES END */

/* Projects List End */

.border-bottom.border-dark.border-opacity-10 {
  border-bottom: 1px solid rgba(0,0,0,0.1)!important;
}

.ctechnology-pages .content-section h2, .ctechnology-pages .content-section h1{
  color: #01aa74;
}

.ctools-pages .content-section h2, .ctools-pages .content-section h1{
  color: #0077b3;
}

.ctools-pages p a {
  color: #0077b3;
  font-weight: 700;
}

.sub-page .product-pages #products-header {
  padding-top: 150px;
  padding-bottom: 50px;
  height: 230px;
}

.ctools-pages.sub-page .product-pages #products-header {
  background: #0077b3;
}

.ctechnology-pages.sub-page .product-pages #products-header {
  background:#01aa74;
}

.infra-pages.sub-page .product-pages #products-header {
  background:#a0b453;
}

.product-pages h3 {
  min-height: 80px;
  font-size: 24px;
}

.product-pages .nav-teaser h3 {
  min-height: 0px!important;
}

.ctools-pages h3 {
  color: #0077b3;
}

.infra-pages h3 {
  color: #a0b453;
}

.ctechnology-pages h3 {
  color: #01aa74;
}

.product-pages .three-cols p {
  margin-bottom: 0px;
}

.three-cols div.colteaser h4 {
  font-size: 1.2em;
  font-weight: 700;
}

.pageUid-33.ctools-pages .product-pages .three-cols div.colteaser {
  text-align: center!important;
}

.pageUid-33.ctools-pages .product-pages .three-cols div.colteaser i {
  color: #0077b3!important;
}

.infra-pages .content-section h2, .infra-pages .content-section h1{
  color: #a0b453;
}


/* FEATURED CTOWER MAIN SITE */

.frame-layout-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-page  #ctower-section h2, .main-page  #ctower-section h1{
  color: #00A0AB!important;
  font-size: 8em!important;
  line-height: 7.5rem;
  position: relative;
}


.main-page  #ctower-section {
  padding-bottom: 0px!important;
}

.main-page  #ctower-section p.lead {
  max-width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}

.main-page  #ctower-section h2::after, .main-page  #ctower-section h1::after{
  content: '';
  position: absolute;
  bottom: 13px;
  display: block;
  width: auto!important;
  max-width: 50%!important;
  left: -15px;
  right: -15px;
  height: 30px!important;
  z-index: -1;
  background: #3E3E3E;
  display: none;
}

.carousel {
  max-width: 800px;
  margin: 50px auto 0px auto;
  position: relative;
}

.ctools {
  background: #0077b3;
}

.ctechnology-bg {
  background: #01aa74;
}

.infra-bg {
  background: #a0b453;
}

.carousel .h2-wrapper {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
}

.carousel h2.ctools, .carousel h1.ctools{
  display: inline-block;
  height: auto!important;
  min-height: none!important;
  padding: 1.25rem 3rem 1.25rem 3rem;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
  font-size: 18px;
  max-width: 390px;
  border-radius: 50rem;
}

.carousel h2, .carousel h1{
  font-size: 1.25rem!important;
  font-weight: 900;
  background: #00a0ab!important;
}

.carousel-control-prev {
  z-index: 100!important;
}

.carousel-control-next {
  z-index: 101!important;
}

.carousel {
  border-radius: 1.5rem!important;
  overflow: hidden;
}

.carousel {
  background: #191919;
}


/* COLORCODING */

/* Modernisieren */

.modernisieren-pages.sub-page .bg-primary {
  background: #a0b453!important;
}

.modernisieren-pages.sub-page section.content-section header h2, .modernisieren-pages.sub-page section.content-section header h1{
  color: #a0b453!important;
}

.modernisieren-pages.sub-page blockquote {
  border-left: 3px solid #a0b453!important;
}

.modernisieren-pages.sub-page .accordion-button:not(.collapsed) {
  background: #a0b453 !important;
}

.modernisieren-pages.sub-page .carousel h2, .modernisieren-pages.sub-page .carousel h1{
  background: #a0b453 !important;
}

.modernisieren-pages.sub-page .cc-content-linkcontainer .cc-content-morelink a {
  background: #a0b453 !important;
}

.modernisieren-pages.sub-page .cc-content-linkcontainer .cc-content-morelink a:hover, .modernisieren-pages.sub-page header#mainheader .cta-button a:hover {
  background: #728528 !important;
}

.modernisieren-pages.sub-page #featured-content {
    background: linear-gradient(90deg,#a0b453 0%,#728528 100%);
}

.modernisieren-pages.sub-page .header-image .text-overlay {
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
  background: #a0b453;
  mix-blend-mode: multiply;
  opacity: 1;
  z-index: 2;
  align-items: center;
  justify-content: center;
  max-height: 780px!important;
}

.modernisieren-pages.sub-page header#mainheader ul.desktop-nav li.active a, .modernisieren-pages.sub-page .clicked-nav header#mainheader ul.desktop-nav li.clicked-item.has-sub a {
  color: #a0b453!important;
}

.modernisieren-pages.sub-page .swiper-pagination-bullet-active {
  background: #a0b453 !important;
}

/* Modernisieren */

/* Hardware */

.hardware-pages.sub-page .bg-primary {
  background: #01aa74!important;
}

.hardware-pages.sub-page section.content-section header h2, .hardware-pages.sub-page section.content-section header h1{
  color: #01aa74!important;
}

.hardware-pages.sub-page blockquote {
  border-left: 3px solid #01aa74!important;
}

.hardware-pages.sub-page .accordion-button:not(.collapsed) {
  background: #01aa74 !important;
}

.hardware-pages.sub-page .carousel h2, .hardware-pages.sub-page .carousel h1{
  background: #01aa74 !important;
}

.hardware-pages.sub-page .cc-content-linkcontainer .cc-content-morelink a {
  background: #01aa74 !important;
}

.hardware-pages.sub-page .cc-content-linkcontainer .cc-content-morelink a:hover, .hardware-pages.sub-page .tab-content .swiper-slide a:hover, .hardware-pages.sub-page header#mainheader .cta-button a:hover {
  background: #07714f !important;
}

.hardware-pages.sub-page #featured-content {
    background: linear-gradient(90deg,#01aa74 0%,#07714f 100%);
}

.hardware-pages.sub-page .header-image .text-overlay {
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
  background: #01aa74;
  mix-blend-mode: multiply;
  opacity: 1;
  z-index: 2;
  align-items: center;
  justify-content: center;
  max-height: 780px!important;
}

.hardware-pages.sub-page header#mainheader ul.desktop-nav li.active a, .hardware-pages.sub-page .clicked-nav header#mainheader ul.desktop-nav li.clicked-item.has-sub a {
  color: #01aa74!important;
}

.hardware-pages.sub-page  .text-primary {
  color: #01aa74 !important;
}

.hardware-pages.sub-page .tab-content .subheader p {
  color: #01aa74 !important;
}

.hardware-pages.sub-page .swiper-pagination-bullet-active {
  background: #01aa74 !important;
}

/* Hardware */

/* Software */

.software-pages.sub-page .bg-primary {
  background: #0177B3!important;
}

.software-pages.sub-page section.content-section header h2, .software-pages.sub-page section.content-section header h1{
  color: #0177B3!important;
}

.software-pages.sub-page blockquote {
  border-left: 3px solid #0177B3!important;
}

.software-pages.sub-page .accordion-button:not(.collapsed) {
  background: #0177B3 !important;
}

.software-pages.sub-page .carousel h2, .software-pages.sub-page .carousel h1{
  background: #0177B3 !important;
}

.software-pages.sub-page .cc-content-linkcontainer .cc-content-morelink a {
  background: #0177B3 !important;
}

.software-pages.sub-page .cc-content-morelink a:hover, .software-pages.sub-page #featured-content .container-fluid .cc-content-morelink a:hover, .software-pages.sub-page header#mainheader .cta-button a:hover {
  background: #055279 !important;
}

.software-pages.sub-page #featured-content {
    background: linear-gradient(90deg,#0177B3 0%,#055279 100%);
}

.software-pages.sub-page .header-image .text-overlay {
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
  background: #055279;
  mix-blend-mode: multiply;
  opacity: 1;
  z-index: 2;
  align-items: center;
  justify-content: center;
  max-height: 780px!important;
}

.software-pages.sub-page header#mainheader ul.desktop-nav li.active a, .software-pages.sub-page .clicked-nav header#mainheader ul.desktop-nav li.clicked-item.has-sub a {
  color: #0177B3!important;
}

.software-pages.sub-page  .text-primary {
  color: #0177B3 !important;
}

.software-pages.sub-page .tab-content .subheader p {
  color: #0177B3 !important;
}

.software-pages.sub-page .swiper-pagination-bullet-active {
  background: #0177B3 !important;
}

/* Software */



/* FEATURED CTOWER MAIN SITE END */

@media (min-width:992px) {

  section.content-section h3 {
    max-width: 800px!important;
  }


  #c57 {
    position: relative;
  }

  #c57 .image IMG {
    position: absolute;
    top: -150px;

    right:-200px;
  }

  .nav-teaserbtn .inner-background {
    min-height: 100px;
  }

  table.pricetable {
    max-width: 900px;
    margin: 0px auto;
  }

  table.pricetable h3 {
    min-height: 0px!important;
    font-weight: 700;
  }


  .header-image .inner-text {
    max-height: 950px;
    font-size: 30em;
    line-height: 20em;
  }

  .projects-container .project-teaser .teaser-overlay h3 {
    font-size: 2.2em;
    font-weight: 900;
    max-width: 380px;
  }

  footer .contact-container {
    max-width: 900px;
    margin: 0px auto;
  }

  footer .right.border-top.border-bottom {
      border:0!important;
  }

  footer .container_fluid {
    padding: 30px;
  }

  .main-page.fixed {
    position: fixed!important;
  }

  /* SLIDER */

  #image-section {
    overflow: hidden;
  }

  #image-section .swiper-container {
    width: 100vw;
  }

  #image-section .swiper-wrapper {
    max-height: 100vh;
    overflow: hidden;
  }

  #image-section .swiper-wrapper p.main-claim {
    text-transform: uppercase;
    margin-bottom: 30px;
  }

  #image-section .swiper-wrapper .inner-border {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index:10!important;
    display: flex;
    left: 0px;
    right: 0px;
    align-items:center;
    color: #fff!important;
  }

  #image-section .swiper-wrapper .inner-border .container {
    background: #fff;
    height: auto;
    max-height: 370px;
    left: 10%;
    position: absolute;
    bottom: 0px;
    max-width: 900px;
  }

  #image-section .swiper-pagination {
    max-width: 10%;
    position: absolute;
    z-index: 100;
    bottom: 15px!important;
    left: 80%!important;
    margin-left: -12px;
    text-align: right!important;
    direction: rtl!important;
  }

  #image-section .swiper-pagination {
    width: 80%!important;
    position: absolute;
    bottom: 10px;
    text-align: right!important;
  }

  #image-section .swiper-pagination span {
    display: block;
    width: 12px;
    clear:both;
    margin-bottom: 5px!important;
  }

  #image-section .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
  }

  #image-section .swiper-pagination-bullet-active {
    opacity: 1;
    background: transparent;
    border: 2px solid #fff;
  }

  #image-section .swiper-slide {
    max-width: 100%;
    overflow: hidden;
  }

  #image-section .swiper-slide IMG {
    width: 100%;
    height: auto;
  }

  #image-section .swiper-slide .morelink a {
    color:#fff;
    text-transform: uppercase;
    color:#fff!important;
    font-weight: 700;
    font-size: 1.00rem;
    text-decoration:none;
    margin-top: 5px;
    display: inline-block;
    position: relative;
  }

  #image-section .swiper-slide IMG {
    width: 100%;
    height: auto;
  }

  #image-section .swiper-slide .arrow {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    right: -40px;
    top: -40px;
  }

  #image-section .swiper-slide .arrow a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items:center;
    transform: scale(1);
  }

  #image-section .swiper-slide .arrow:hover {
    transform: scale(1.1);
  }

  #image-section .swiper-wrapper h2, #image-section .swiper-wrapper h1{
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    display: inline-block;
    z-index: 2;
  }

  #image-section .swiper-wrapper h2::after, #image-section .swiper-wrapper h1::after{
    content:'';
    position: absolute;
    bottom: 0px;
    left: -15px;
    right: -15px;
    height: 15px;
    z-index: -1;
  }

  #image-section .swiper-wrapper .swiper-slide:nth-child(3) h2::after, #image-section .swiper-wrapper .swiper-slide:nth-child(3) h1::after{
    background: #07689A;
  }

  #image-section .swiper-wrapper .swiper-slide:nth-child(2) h2::after, #image-section .swiper-wrapper .swiper-slide:nth-child(2) h1::after{
    background: #098E63;
  }

  #image-section .swiper-wrapper .swiper-slide:nth-child(1) h2::after, #image-section .swiper-wrapper .swiper-slide:nth-child(1) h1::after{
    background: #b6c96c;
  }

  #image-section .swiper-wrapper div.h3 p {
    margin-top: 20px;
    font-size: 1rem!important;
    line-height: 1.7em;
  }

/* Kundenmeinungen */

.feedback-swiper {
  max-width: 600px!important;
  margin: 5rem auto 2rem auto!important;
  background: white!important;
  border-radius: 0.4rem;

  height: auto!important;
}

.feedback-swiper .swiper-pagination {
  z-index: 25;

}

.feedback-swiper .swiper-wrapper .swiper-slide {
  background: white!important;
}

.feedback-swiper .swiper-wrapper .swiper-slide IMG {
  min-height: unset!important;
  height: auto!important;
  transform: unset!important;
}

.feedback-swiper .swiper-wrapper .swiper-slide {
  color: #555;
}

.feedback-swiper .swiper-wrapper .swiper-slide .header {
  border-bottom: 1px solid #e7e7e7;
}

  /* SLIDER */

  #topprojects-section, #additional-content {
    position: relative;
    overflow-y: hidden;
  }

  header#mainheader {
    background: #fff;
    border-bottom-left-radius: 0.4rem!important;
    border-bottom-right-radius: 0.4rem!important;
    height: 100px;
    padding: 30px;
    padding-top: 35px;
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    left: 0%;
    margin: 0px auto!important;
  }

  header#mainheader.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
  }

  header#mainheader ul.desktop-nav li a {
    text-decoration: none;
    color: #666;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    display: inline-block;
  }

  header#mainheader ul.desktop-nav li {
    margin-right: 20px;
  }

  header#mainheader ul.desktop-nav li:last-child {
    margin-right: 0px;
  }

  header#mainheader ul.desktop-nav li.has-sub {
    position: relative;
    height: 65px;
  }

  header#mainheader ul.desktop-nav li.active a,  .clicked-nav header#mainheader ul.desktop-nav li.clicked-item.has-sub a {
    font-weight: 700;
    color: rgb(0, 160, 171);
  }

  header#mainheader ul.desktop-nav li ul.level-two li a, .clicked-nav header#mainheader ul.desktop-nav li.has-sub ul.level-two li a {
    font-weight: 400;
    color:#666;
  }

  header#mainheader ul.desktop-nav li.has-sub::after {
    content:'';
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -6px;
    background: url('../../../fileadmin/templates/public/img/arrow.svg') no-repeat;
    background-position: center;
    background-size: 9px;
    transform: rotate(90deg);
    transform-origin: center;
    opacity: 0.2;
  }

  .clicked-nav header#mainheader ul.desktop-nav li.clicked-item.has-sub::after {
    bottom: 15px;
    margin-left: -6px;
    transform: rotate(-90deg);
    opacity: 1;
  }

  header#mainheader ul.desktop-nav li:hover a {
    color:#bbb;
  }

  header#mainheader ul.desktop-nav li a::before {
    content: '';
    position: absolute;
    bottom: 0px;
    display: block;
    width: 0;
    height: 1px;
    background: #666;
  }

  header#mainheader ul.desktop-nav li:hover a::before {
    width: 100%;
  }

  .clicked-nav .nav-modal-overlay {
    display:block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9!important;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    cursor: pointer;
  }

  header#mainheader .close-btn {
    top: 70px;
    right: 0px!important;
    margin-left: 5px;
    position: absolute;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
  }

  header#mainheader .close-btn {
    -webkit-transition:all .4s ease-in-out .1s;
   -moz-transition: all .4s ease-in-out .1s;
   -o-transition: all .4s ease-in-out .1s;
   -ms-transition: all .4s ease-in-out .1s;
   transition: all .4s ease-in-out .1s;
  }

  .clicked-nav header#mainheader .close-btn {
    background: none!important;
    position: absolute;
    top: 75px;
    right: 20px!important;
    z-index: 10000;
    opacity: 1;
    visibility: visible;
    display: none!important;
  }

  button:hover, button:focus, button:visited, button:active {
    background:none!important;
  }

  header#mainheader ul.desktop-nav {
    position: relative!important;
  }


  header#mainheader ul.desktop-nav li ul.level-two {
    width: 675px;
    position: absolute;
    /*padding: 20px 100px 20px 310px;*/
    background:#fff;
    text-align: right;
    top:65px;
    right: 0px!important;
    border-top: 5px solid rgb(0, 160, 171);
    overflow:hidden;
    visibility: hidden;
    max-height: 0px;
    opacity: 0;
    -webkit-transition:all .4s ease-in-out .2s;
   -moz-transition: all .4s ease-in-out .2s;
   -o-transition: all .4s ease-in-out .2s;
   -ms-transition: all .4s ease-in-out .2s;
   transition: all .4s ease-in-out .2s;
   font-size: 1.5em;
   line-height: 2.25em;
  }

  header#mainheader ul.desktop-nav li ul.level-two li {
    padding-left: 310px;
  }

  header#mainheader ul.desktop-nav li.item-Infopoint ul.level-two {
    right: -117px;
    padding: 20px 100px 20px 280px;
  }

  .clicked-nav header#mainheader ul.desktop-nav li.clicked-item ul.level-two {
    visibility: visible;
    max-height: 300px;
    opacity: 1;
    overflow:hidden;
  }

  header#mainheader ul.desktop-nav li ul.level-two li {
    list-style:none;
    display: block!important;
    text-align: left;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  header#mainheader ul.desktop-nav li ul.level-two li .nav-icon {
    width: 194px;
    height: 194px;
    position: absolute;
    left: 62px;
    top: 35px;
    opacity:0;
  }

  header#mainheader ul.desktop-nav li ul.level-two li.item-CTOOLS:hover .nav-icon {
    background: url('../../../fileadmin/templates/public/img/nav-iconsCTOOLS.jpg') no-repeat;
    background-position: center -20px;
    top: 30px;
    opacity: 1;
  }

  header#mainheader ul.desktop-nav li ul.level-two li.item-CTECHNOLOGY:hover .nav-icon {
    background: url('../../../fileadmin/templates/public/img/nav-iconsCTECHNOLOGY.jpg') no-repeat;
    background-position: center -20px;
    top: 30px;
    opacity: 1;
  }

  header#mainheader ul.desktop-nav li ul.level-two li.item-INFRA:hover .nav-icon {
    background: url('../../../fileadmin/templates/public/img/nav-iconsINFRA.jpg') no-repeat;
    background-position: center -20px;
    top: 30px;
    opacity: 1;
  }

  header#mainheader ul.desktop-nav li ul.level-two li a::before {
    display: none;
  }

  header#mainheader ul.desktop-nav li.item-Infopoint ul.level-two li a::before {
    display:block;
    width: 0;
  }

  header#mainheader ul.desktop-nav li.item-Infopoint ul.level-two li:hover a {
    color: #bbb;
  }

  header#mainheader ul.desktop-nav li.item-Infopoint ul.level-two li.active a {
    font-weight: 700;
  }

  header#mainheader ul.desktop-nav li.item-Infopoint ul.level-two li:hover a::before {
    width: 100%;
  }

  section.content-section .container {
    max-width: 80%;
  }

  section.content-section .container#mask-container-Logoslide-Home {
    max-width: 100%!important
  }

  #image-section {
    position: absolute;
    top: 0;
    background: #666;
    width: 100vw;
    z-index: 5;
  }

  .sub-page #image-section {
    max-height: 750px;
    overflow: hidden;
    position: static;
  }

  section.content-section .two-cols {
    padding-top: 100px;
  }

  section.content-section header h2, section.content-section header h1{
    font-size: 4em;
    font-weight: 700;
    color: #00A0AB;
    text-transform: uppercase;
    padding-top: 0;
    max-width: 990px;
    line-height: 3.75rem;
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-bottom: 2rem!important;
  }

  section.content-section .two-cols h2, section.content-section .two-cols h1{
    padding-top: 0px;
  }

  section.content-section {
    color: #fff;
    background: #2a2a2a;
    padding-bottom: 100px;
  }

  section.content-section h2::after, section.content-section h1::after{
    content: '';
    position: absolute;
    bottom: 3px;
    left: -15px;
    right: -15px;
    height: 15px;
    z-index: -1;
    background: #3E3E3E;
    display: none;
  }

  section.content-section p {
    max-width: 800px;
  }

  section.content-section .ce-right p, section.content-section .ce-left p {
    max-width: unset!important;
  }

  section.content-section .nav-teaser .col-xl-12 p {
    max-width: unset;
    padding-left: 20em!important;
    padding-right: 20em!important;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {


  .header-image .inner-text {
    max-height: 790px;
    font-size: 20em;
    line-height: 20em;
  }

  .swiper-wrapper .inner-border .container {
    background: #fff;
    height: auto;
    max-height: 370px;
    left: 30px;
    max-width: 600px;
  }

  .swiper-wrapper div.h3 p {
    font-size: 0.9rem!important;
    line-height: 1.7em;
  }

  .swiper:not(.feedback-swiper) .swiper-wrapper .swiper-slide IMG {
    min-height: 100vh;
    object-fit: cover;
    display: flex;
    width: auto!important;
    position: relative;
    left: 0;
  }

  .projects-container .project-teaser .teaser-overlay h3 {
    font-size: 1.6em;
    font-weight: 900;
    max-width: 280px;
  }

  .projects-container .project-teaser .teaser-overlay .project-header {
    left: 30px;
    bottom: 30px;
  }

  .info-tooltip {
      bottom: 140px;
      line-height: 1.2em;
  }

  .info-tooltip.active {
    bottom: 165px;
    opacity: 1;
    visibility: visible;
  }

}

@media (min-width: 1200px) and (max-width: 1499px) {

  .logo-slider .swiper-slide IMG {
    max-height: 80px!important;
    width: auto!important;
    height: auto!important;
    max-width: 100%!important;
    min-width: unset!important;
    min-height: unset!important;
    display: flex!important;
    top: 0px!important;
    left: 0px!important;
  }

  #c57 h3 {
    max-width: 690px;
  }

  p.lead {
    max-width: 750px;
  }
  .header-image .inner-text {
      margin-top: 50px;
      max-height: 1200px;
      font-size: 27em;
      line-height: 20em;
  }

  .swiper-wrapper .inner-border .container {
    background: #fff;
    height: auto;
    max-height: 370px;
    left: 30px;
    max-width: 700px;
  }

  .swiper-wrapper .swiper-slide IMG {
    display: flex;
    object-fit:cover;
    min-height: 100vh;
    width: auto;
    position: relative;
    /*left: -25%;*/
  }

  .swiper-wrapper div.h3 p {
    font-size: 0.9rem!important;
    line-height: 1.7em;
  }

  .projects-container .project-teaser .teaser-overlay h3 {
    font-size: 2.0em;
    font-weight: 900;
    max-width: 370px;
  }

  .sub-page .product-pages #subnav-section li a {
    font-size: 1.2em!important;
  }

  .sub-page .product-pages #subnav-section.fixed {
      max-width:100%!important;
      left: 0!important;
  }


    .video-wrapper video {
      min-height: 1280px!important;
      width: auto!important;
      margin-bottom: -1rem;
    }
}

@media (min-width:1500px) {

  .video-wrapper {
    /*max-height: 1300px;*/
  }

  p.lead {
    max-width: 750px;
  }

  .sub-page .product-pages #subnav-section.fixed .container {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }

  .header-image .inner-text {
      font-size: 45em;
      line-height: 20em;
  }

  footer .container_fluid {
    margin: 0 auto;
    padding: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 80%;
    left: 10%;
  }

  header#mainheader {
    max-width: 80%;
    left: 10%!important;
  }

  /*
    object-fit: cover ergaenzt.

    Die beiden kleineren Stufen (992-1199 und 1200-1499) setzen es bereits, hier
    fehlte es. Folge: min-height 100vh erzwingt die Hoehe, #image-section .swiper-slide
    IMG setzt width:100% - und ohne object-fit gilt der Vorgabewert "fill". Das Bild
    wurde also in die Hoehe GEZOGEN statt beschnitten.

    Gemessen bei 1707x932: Bild natuerlich 1707x879 (Seitenverhaeltnis 1,94),
    dargestellt 1707x932 (1,83). Lighthouse meldet das als "Image display dimensions
    should match natural aspect ratio". Mit cover fuellt das Bild denselben Rahmen,
    wird dabei aber links und rechts leicht beschnitten statt verzerrt.
  */
  .swiper-wrapper .swiper-slide IMG {
    min-height: 100vh;
    width: auto;
    object-fit: cover;
    position: relative;
  }

  .video-wrapper video {
    min-height: 1280px!important;
    width: auto!important;
    margin-bottom: -4rem;
  }


}

@media (max-width:1499px){
  .video-wrapper {
    max-height: unset;
  }

  .video-wrapper video {
    min-height: 1400px!important;
    width: auto!important;
    margin-bottom: -5rem;
  }

}

@media (min-width: 1200px) {
  .fern-usp {
    text-align: center;
  }

  .ce-textpic IMG {
    max-width: 500px!important;
  }

}

@media (min-width: 1920px) {

  .header-image .inner-text {

  }

  .swiper-slide IMG {
    max-width: 100%;
    height: auto;
  }

  .swiper-slide {
    max-height: 100vh;
    overflow: hidden;
  }

  section.content-section .container {
    max-width: 1320px;
  }

}

@media (max-width: 1399px) {
  .prod-teaser {
    height: auto!important;
    padding-top: 15%;
    padding-bottom: 12%;
    background-size: cover;
  }

  .prod-teaser.infra-bg {

  }

  .prod-teaser.ctechnology-bg {

  }

  .prod-teaser.ctools {
    background: url('../../../fileadmin/user_upload/banner-ctools.jpg') no-repeat;
    background-size: 100%;
  }

  .prod-teaser.ctechnology-bg {
    background: url('../../../fileadmin/user_upload/banner-ctower.jpg') no-repeat;
    background-size: 100%;
  }

  .prod-teaser.infra-bg {
    background: url('../../../fileadmin/user_upload/banner-go-infra.jpg') no-repeat;
    background-size: 100%;
  }
}

@media (max-width:1199px) and (orientation:portrait) {
  #image-section .swiper-slide IMG {
    height: 100vh;
    width: auto;
    left: -70%!important;
  }

}

@media (max-width:1199px) {

  IMG.image-embed-item {
    margin-bottom:
  }

  #c57 h3 {
    max-width: 570px;
  }

  .three-cols {
    max-width: 600px;
    margin: 0px auto;
  }

  .product-pages .three-cols div {
    border-right: none!important;
  }

  .product-pages .three-cols div.colteaser {
    border-bottom: 5px solid white;
  }

  .product-pages .three-cols div.colteaser h3 {
    min-height: auto;
    margin-bottom: 20px;

  }

  .sub-page .product-pages #subnav-section li a {
    font-size: 1em!important;
  }

  .sub-page .product-pages #subnav-section.fixed {
      max-width:100%!important;
      left: 0!important;
  }

  table.w-75 {
    width: 100%!important;
  }

  .ce-textpic IMG {
    max-width: 400px !important;
  }

}


@media (max-width: 991px) {

  section.content-section .container#mask-container-Logoslide-Home {
    max-width: 100%!important;
}

  .frame figure {
    display: block!important;
    width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important;
  }

  .frame figure IMG {
    width: 100%!important;
    max-width: unset!important;
    margin-bottom: 1.5rem;
  }

  .tab-content .subheader p {
    margin-left: 0px!important;
  }

  .projects-container .project-teaser h3 {
    margin-left: 0!important;
    margin-bottom: 30px!important;
  }

  .projects-container .project-teaser .project-morelink {
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 60px;
    right: -30px;
    top: 50%;
    margin-top: -30px;
    transform: scale(1);
    z-index: 10;
  }

  .feedback-swiper {
    font-size: 0.85rem!important;
  }

  .feedback-swiper .swiper-slide p {
    line-height: 1.25rem;
  }

  .accordion-body p {
    width: 100%!important;
    margin-left: 0!important;
    max-width: unset!important;
  }

  table.table th, table.table td {
    font-size: 0.85em;
    line-height: 1.25rem;
  }

  .swiper-wrapper h2, .swiper-wrapper h1{
    margin-left: 0!important;
  }

  .frame-type-text:not(#c51) ul li, .accordion-body ul li, .carousel-item ul li {
    font-size: 0.85em;
    line-height: 1.25em;
    padding-left: 1.6rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }

  .frame-type-text:not(#c51) ul, .accordion-body ul, .carousel-item ul {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    margin-left: 1.25rem;
  }


  /* Kundenmeinungen */

  .feedback-swiper {
    max-width: 600px!important;
    margin: 5rem auto 2rem auto!important;
    background: white!important;
    border-radius: 0.4rem;
  }

  .feedback-swiper .swiper-pagination {
    z-index: 25;

  }

  .feedback-swiper .swiper-wrapper .swiper-slide {
    background: white!important;
  }

  .feedback-swiper .swiper-wrapper .swiper-slide IMG {
    min-height: unset!important;
    height: auto!important;
    transform: unset!important;
  }

  .feedback-swiper .swiper-wrapper .swiper-slide {
    color: #555;
  }

  .feedback-swiper .swiper-wrapper .swiper-slide .header {
    border-bottom: 1px solid #e7e7e7;
  }

  #carouselSlider-505 .carousel-item::before {
    font-size : 45em;
  }

  #featured-content .container-fluid {
    width: 90%!important;
    max-width: 750px!important;
  }

  #featured-content .container-fluid h2, #featured-content .container-fluid h1{
    text-align: center!important;
    margin-left: 0!important;;
  }

  #featured-content ul {
      font-size: 0.9em;
  }

  .carousel h2, .carousel h1{
    font-size: 1rem!important;
  }

  .carousel .h2-wrapper {
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    width: 100%;
  }

  .content-section {
    overflow-y: hidden!important;
  }

  h2, h1, h3:not(.pill-header), h4:not(.text-primary){
    text-align: left!important;
    margin-left: 15px!important;
  }

  h2.accordion-header, h1.accordion-header{
    margin-left: 0!important;
  }

  h4:not(.text-primary) {
    margin-left: 15px!important;
  }

  h5 {
    font-size: 0.9em;
  }

  .main-nav-mobile button:focus, .main-nav-mobile .hamburger.btn-primary:focus, .main-nav-mobile button:visited, .main-nav-mobile .hamburger.btn-primary:visited, .main-nav-mobile button:active, .main-nav-mobile .btn-primary:active {
    background: none!important;
  }

  .main-nav-mobile ul li.item-Modernisieren.active a {
    color:#a0b453!important;
  }

  .main-nav-mobile ul li.item-Hardware.active a {
    color:#01aa74!important;
  }

  .main-nav-mobile ul li.item-Software.active a {
    color:#0177B3!important;
  }

  #reference-section h2::after, #reference-section h1::after, #philosophy-section h2::after, #philosophy-section h1::after, section.content-section h2::after, section.content-section h1::after{
    display: none!important;
  }

  #philosophy-section h2, #philosophy-section h1, #reference-section h2, #reference-section h1{
    position: static!important;
    color: #00a0ab!important;
    padding-left: 0px!important;
  }

  .fern-usp .image {
    margin: 0px auto!important;
    position: relative;
  }

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

  #c57 .ce-gallery {
    margin-top: 0px;
    max-height: 530px!important;
    overflow: hidden;
    margin-bottom: 30px;
  }

  #c57 .image IMG {
    max-width: 100%;
  }

  #c57 h3 {
    margin-top: 40px;
    max-width: 100%!important;
    text-align: center;
  }

  .sub-page .product-pages #products-header {
    padding-top: 40px!important;
    padding-bottom: 25px!important;;
    height: unset!important;
    font-size: 80%;
  }

.sub-page .product-pages #subnav-section {
    position: static!important;
  }

  .sub-page .product-pages #subnav-section li {
    padding:7px 0px 7px 0px;
    border: none;
    display: inline!important;
    width: auto!important;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
  }

  .sub-page .product-pages #subnav-section li:last-child {
    border: none;
  }
  ###C0###

  .main-page  #ctower-section h2, ###C0###

  .main-page  #ctower-section h1{
    color: #01aa74!important;
    font-size: 7em!important;
  }

  .main-page  #ctower-section h2::after, .main-page  #ctower-section h1::after{
    content: '';
    position: absolute;
    bottom: 15px;
    left: -15px;
    right: -15px;
    height: 30px;
    z-index: -1;
    background: #3E3E3E;
  }

  /* FEATURED CTOWER MAIN SITE END */

  .entry-content blockquote, blockquote {
    margin-left: 15px;
  }

  .footer-menus.border-bottom {
    border: none!important;
  }


  #go-back .container a {
    margin-left: 15px;
  }

  .header-image .inner-text {
    display: none;
  }

  .header-image IMG {
    filter: grayscale(90%);
    opacity: 0.9;
  }

  p.lead {
    font-size: 1.3em!important;
    line-height: 1.7em;
  }

  .cc-content-morelink {
    margin-left: 15px;
  }

  .frame-type-text ul {
    margin-left: 15px;
  }

  #topprojects-section, #additional-content {
    position: static;
    left: 0px!important;
    width: 100%!important;
    z-index: 5;
  }

  section.content-section header h2, section.content-section header h1{
    font-size: 1.5rem;
    font-weight: 700;
    color: #00A0AB;
    text-transform: uppercase;
    padding-top: 0px;
    position: relative;
    margin-left: 15px!important;
    z-index: 2;

    margin-bottom: 30px;
    max-width: unset;
    text-align: left!important;

  }

  section.content-section {
    color: #fff;
    background: #2a2a2a;
    padding-bottom: 50px;
  }

  section.content-section h2::after, section.content-section h1::after{
    content: '';
    position: absolute;
    width: auto!important;
    bottom: 1px;
    left: -15px;
    right: -15px;
    height: 15px;
    z-index: -1;
    background: #3E3E3E;
  }

  section.content-section h2::after, section.content-section h1::after{
    height: 10px!important;
    max-width: calc(100% + 30px);
  }

  section.content-section p {
    width: calc(100% - 30px);
    margin-left: 15px;
    font-size: 0.9rem;
    line-height: 1.5em!important;
  }

  /* sticky, NICHT fixed - und das ist der Kern der Sache.
     ==================================================

     main.js (checkScrollPos) haengt der Kopfzeile ab 50 px Scrollhoehe die Klasse
     .fixed an. Stand hier "position: fixed", verliess die Kopfzeile in diesem Moment
     den Textfluss: Das Dokument wurde um ihre Hoehe kuerzer, der ganze Inhalt sprang
     nach oben, und die nun schwebende Kopfzeile legte sich darueber. Gemessen auf
     /fernauslese-1 bei 390 px Breite, in beiden Faellen genau die Kopfzeilenhoehe:

         ohne .fixed   position=relative   main oben=60   scrollHeight=16421
         mit  .fixed   position=fixed      main oben= 0   scrollHeight=16361
         -> Inhalt springt um 60 px nach oben

     Das ist der Sprung beim Herunterscrollen. Es kam kein Innenabstand hinzu - es
     fehlte plotzlich Platz, weil die Kopfzeile aus dem Fluss genommen wurde.

     Auf dem Desktop tritt das nicht auf: Dort ist die Kopfzeile von Anfang an fixed
     (Zeile 2508), .fixed ergaenzt nur den Schatten. Nur unterhalb von 992 px wechselt
     sie den Zustand - deshalb war der Sprung ausschliesslich mobil zu sehen.

     position: sticky loest das, ohne eine Hoehe von Hand nachzubilden: Das Element
     bleibt IM Fluss, sein Platz bleibt reserviert, und es heftet sich beim Scrollen an
     top: 0. Es gibt also nichts zu kompensieren. Bewusst nicht der Weg ueber
     "padding-top am Nachbarn": Der braeuchte die Kopfzeilenhoehe als festen Wert im
     Stylesheet, und ein falscher Wert hinterliesse eine Luecke oder eine Ueberdeckung.

     ENTSCHEIDEND: sticky steht hier in der GRUNDREGEL, nicht erst in .fixed.
     Zwischenzeitlich klebte die Kopfzeile erst mit der Klasse .fixed, die main.js ab
     50 px Scrollhoehe setzt. Das ergab genau den Effekt, der sich beobachten liess:
     Die 60 px hohe Kopfzeile scrollte 50 px weit hinaus - also fast vollstaendig - und
     sprang in dem Moment, in dem die Klasse kam, zurueck an den oberen Rand. Kein
     Sprung des Inhalts mehr, aber ein Sprung der Kopfzeile selbst.

     Von Anfang an sticky heisst: Sie verlaesst den oberen Rand nie, es gibt weder ein
     Hinausscrollen noch ein Zurueckspringen. Die Klasse .fixed steuert dadurch nur
     noch den Schatten. */
  header#mainheader {
    position: sticky;
    top: 0;
    /* Ueber dem Inhalt, aber weit unter dem Menuepanel (.main-nav-mobile liegt bei
       10000000): Das geoeffnete Menue muss die Kopfzeile weiterhin verdecken. */
    z-index: 900;
  }

  /* Nur noch der Schatten. Er soll erst erscheinen, wenn tatsaechlich gescrollt wurde -
     am Seitenanfang liegt die Kopfzeile direkt auf dem Inhalt auf und braucht keinen. */
  header#mainheader.fixed {
    box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
  }

  footer .container_fluid {
    display: block;
    margin: 0 auto!important;
    padding: 30px!important;
  }

  .main-nav-mobile {
    position: fixed;
    top: 0px;
    width: 85%;
    height: 100%;
    max-width: 500px;
    right: -100%;
    background: #343434 url('../../../fileadmin/templates/public/img/nav-bg.svg') no-repeat;
    background-position: -25% bottom;
    overflow: hidden;
    height: 100%;
    padding: 25px 60px 60px 60px;
    z-index: 10000000!important;
  }

  .clicked-nav .main-nav-mobile {
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 1000000000!important;
  }

  .main-nav-mobile .item-CTOOLS::before, .main-nav-mobile .item-CTECHNOLOGY::before, .main-nav-mobile .item-INFRA::before {
    margin-top: 22px;
  }

  .main-nav-mobile .close {
    position: relative;
    top: -2px;
  }

  .main-nav-mobile .mobile-nav-items {
    position: relative;
    left: -10px;
    height: calc(100% - 100px);
  }



  .main-nav-mobile ul.mobile-nav {
    display: block;
    height: calc(100% - 50px);
    text-align: left;
    position: absolute;
    left: 0px;
  }

  .main-nav-mobile ul li {
    line-height: 3em;
    list-style: none;
    position: static!important;
  }

  .main-nav-mobile .menu-line {
    position: relative;
  }

  .main-nav-mobile .menu-line::after {
    position: absolute;
    width: calc(100% - 60px);
    height: 1px;
    background: #555;
    content:'';
    bottom: 12px;
    left: 0px;
  }

  .main-nav-mobile ul li a {
    color:#fff;
    text-decoration: none;
    font-size: 1.35em;
    text-transform: uppercase;
  }

  .main-nav-mobile .mobile-footer-navitems  {
    position: absolute;
    left: -12px;
    top: calc(100% - 100px);
    opacity: 0;
    visibility: hidden;
    height: 140px;
  }

  .clicked-nav .main-nav-mobile .mobile-footer-navitems  {
    opacity: 1;
    visibility: visible;
    bottom: 80px;
    left: -12px;
  }

  /* Kontakt CTA in the mobile menu (see Mobilenav.html). Both of its siblings -
     ul.mobile-nav and .mobile-footer-navitems - are absolutely positioned, so this
     has to be placed explicitly too; left in normal flow it would render on top of
     the menu items. Fades in with the panel like the footer links do.

     left: -12px cancels the Bootstrap .row gutter so the pill sits flush with the
     menu text - the same trick .mobile-footer-navitems uses just above.

     top: 125px anchors it under the menu rather than to the panel bottom: the last
     item ends 93px below the container top (measured identically at 390x780 and
     360x640), leaving a 32px gap. That 93px holds as long as the main navigation has
     three top-level entries - it is built from lib.navi, entryLevel 1, which today
     resolves to Modernisieren / Hardware / Software. Adding a fourth nav-visible
     top-level page means bumping this value. */
  .main-nav-mobile .mobile-cta {
    position: absolute;
    left: -12px;
    top: 125px;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
  }

  .clicked-nav .main-nav-mobile .mobile-cta {
    opacity: 1;
    visibility: visible;
  }

  .main-nav-mobile .mobile-cta a {
    display: inline-block;
    white-space: nowrap;
  }

  /* Kurze Panels: Der Stapel ist deutlich kuerzer geworden, seit die Servicezeiten
     nicht mehr im Menue stehen - der Verweis auf /support ist jetzt einfach der erste
     Eintrag der Rechtslinks. min-height haelt weiterhin Abstand, damit diese Liste
     bei calc(100% - 100px) nicht in den Anfragen-Button klettert.

     Die Bedingung: Der Button endet bei 256 px, die Liste beginnt 100 px oberhalb des
     unteren Rands. min-height muss also ueber 356 px liegen. 420 px lassen Luft und
     sind bei 640 und 568 px Hoehe geprueft. Vorher standen hier 620 px - der Wert
     stammt aus der Zeit mit den Servicezeiten im Panel. */
  @media (max-height: 700px) {
    .main-nav-mobile {
      overflow-y: auto;
    }

    .main-nav-mobile .mobile-nav-items {
      min-height: 420px;
    }
  }

  .main-nav-mobile .mobile-footer-navitems span {
    display: block;
    line-height: 2em;
  }

  .main-nav-mobile .mobile-footer-navitems span a {
    text-decoration: none;
    color:#636363;
  }

  /* Der erste Eintrag ist der Verweis auf /support und steht weiss statt grau: Er ist
     ein Serviceziel, keine Rechtsangabe, und soll sich von Datenschutz, Impressum und
     den rechtlichen Hinweisen darunter abheben. Groesse und Zeilenhoehe bleiben die
     der Liste - deshalb ueberhaupt kein eigenes Element mehr, sondern nur diese eine
     Farbangabe.

     Die Position ist in setup.ts festgelegt (lib.footernavimobile,
     special.value = 6,8,9,16). Wird dort umsortiert, faerbt sich der dann erste
     Eintrag weiss - die Kopplung ist an beiden Stellen vermerkt. */
  .main-nav-mobile .mobile-footer-navitems span:first-child a {
    color: #fff;
  }

  .main-nav-mobile .mobile-footer-navitems span.active a {
    font-weight: 700;
  }

  .main-nav-mobile ul.mobile-nav li ul.level-two {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    margin-left: 0px;
    margin-top: -40px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
  }


  .clicked-subnav .main-nav-mobile ul.mobile-nav {
    left: -500px;
  }

  .main-nav-mobile ul.mobile-nav li.clicked-item ul.level-two {
    position: absolute;
    margin-top: -20px;
    opacity: 1;
    height: auto;
    visibility: visible;
    left: 500px!important;
    top: 0px!important;
    width: 100%;
  }

  .main-nav-mobile ul.mobile-nav li.clicked-item ul.level-two .close-subnav {
    color:#fff;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 50px;
    position: relative;
  }

  .main-nav-mobile ul.mobile-nav li.clicked-item ul.level-two .close-subnav a {
    color: #fff!important;
  }

  .main-nav-mobile ul.mobile-nav li.clicked-item ul.level-two .close-subnav img {
    margin-right: 10px;
    transform: rotate(180deg);
    margin-top: -3px;
  }

  .main-nav-mobile ul.mobile-nav li.item-Infopoint ul.level-two {
    padding-left: 0px;
  }

  .main-nav-mobile ul.mobile-nav li.has-sub {
    position: relative;
  }

  .main-nav-mobile ul.mobile-nav li.active a, .main-nav-mobile ul.mobile-nav li.item-Infopoint ul.level-two li.active a {
    font-weight: 700;
    color:#00a0ab;
  }

  .main-nav-mobile ul.mobile-nav li.active ul.level-two li a {
    font-weight: 400;
    color: #fff;
  }

  .main-nav-mobile ul.mobile-nav li.has-sub::before {
    width: 11px;
    height: 11px;
    background: url('../../../fileadmin/templates/public/img/arrow-right.svg') no-repeat;
    background-size: 7px;
    background-position: center;
    content:'';
    position: absolute;
    left:-25px;
    margin-top: 18.5px;
    display: block;
  }

  .clicked-nav .nav-modal-overlay {
    display:block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999!important;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    cursor: pointer;
  }

  .swiper-slide IMG {
    max-width: 100%;
    height: auto;
  }

  /* SLIDER */

  #image-section .swiper-container {
    width: 100vw;
    height: auto!important;
  }

  #image-section .swiper-wrapper {
    max-height: 100vh;
    overflow: hidden;
  }

  #image-section .swiper-wrapper p.main-claim {
    text-transform: uppercase;
    margin-bottom: 30px;
  }

  #image-section .swiper-wrapper .inner-border {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index:10!important;
    display: flex;
    left: 0px;
    right: 0px;
    align-items:center;
    color: #fff!important;
  }

  #image-section .swiper-wrapper .inner-border .container {
    background: #fff;
    height: auto;
    max-height: 370px;
    left: 0px;
    position: absolute;
    bottom: 0px;
    max-width: 85%;
  }

  /*#image-section .swiper-wrapper .inner-border .container .headerWrap .innerWrap.p-5 {
    padding: 15px!important;
  }*/


  #image-section .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
  }

  #image-section .swiper-pagination-bullet-active {
    opacity: 1;
    background: transparent;
    border: 2px solid #fff;
  }

  #image-section .swiper-slide {
    max-width: 100%;
    overflow: hidden;
  }

  #image-section .swiper-slide IMG {
    width: 100%;
    height: auto;
  }

  #image-section .swiper-slide .morelink a {
    color:#fff;
    text-transform: uppercase;
    color:#fff!important;
    font-weight: 700;
    font-size: 1.00rem;
    text-decoration:none;
    margin-top: 5px;
    display: inline-block;
  }

  #image-setion .swiper-slide IMG {
    width: 100%;
    height: auto;
  }

  .swiper-slide .arrow {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    right: -25px;
    top: -25px;
  }

  .swiper-slide .arrow a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items:center;
    transform: scale(1);
  }

  .swiper-slide .arrow:hover {
    transform: scale(1.1);
  }

  .swiper-wrapper h2, .swiper-wrapper h1{
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    display: inline-block;
    z-index: 2;
  }

  .swiper-wrapper h2::after, .swiper-wrapper h1::after{
    content:'';
    position: absolute;
    bottom: 0px;
    left: -15px;
    right: -15px;
    height: 15px;
    z-index: -1;
    display: none!important;
  }

  #image-section .swiper-wrapper .swiper-slide:nth-child(3) h2::after, #image-section .swiper-wrapper .swiper-slide:nth-child(3) h1::after{
    background: #07689A;
  }

  #image-section .swiper-wrapper .swiper-slide:nth-child(2) h2::after, #image-section .swiper-wrapper .swiper-slide:nth-child(2) h1::after{
    background: #098E63;
  }

  #image-section .swiper-wrapper .swiper-slide:nth-child(1) h2::after, #image-section .swiper-wrapper .swiper-slide:nth-child(1) h1::after{
    background: #b6c96c;
  }

  .swiper-wrapper div.h3 p {
    margin-top: 20px;
    font-size: 1rem!important;
    line-height: 1.7em;
  }

  /* SLIDER */


  .container_fluid {
    max-width: 100%;
  }

  /* position und z-index MUESSEN hier mitgezogen werden, sonst ist die Wirkung der
     Regel im Block max-width: 991px auf flachen Geraeten wieder aufgehoben: Dieser
     Block steht spaeter im Stylesheet und hat dieselbe Spezifitaet, bei Querformat
     oder eingeblendeten Browserleisten (unter 700 px Hoehe) gelten beide - und der
     spaetere gewinnt. Mit "relative" und "z-index: auto" stand die Kopfzeile genau
     dort wieder im Fluss, wo der Platz am knappsten ist.

     padding und height bleiben, das ist die eigentliche Aufgabe dieses Blocks:
     eine flachere Kopfzeile, wenn wenig Hoehe da ist. */
  header#mainheader {
    padding: 15px;
    height: 60px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 900;
  }

  /* Wie oben: nur noch der Schatten. */
  header#mainheader.fixed {
    box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
  }

  footer .container_fluid {
    padding: 15px;
  }

}


@media (max-width: 991px) and (orientation:portrait) {

  #image-section .swiper-slide .morelink {
    display: none!important;
  }

  #image-section .swiper-pagination {
    max-width: calc(100% - 50px);
    position: absolute;
    z-index: 100;
    bottom: 15px!important;
    left: 10%!important;
    text-align: right!important;
    direction: rtl!important;
    transform: scale(0.9);
  }

  #image-section .swiper-pagination span {
    display: block;
    width: 12px;
    clear:both;
    margin-bottom: 5px!important;
  }

  #image-section .swiper-container {

  }

  #image-section .swiper-slide, .swiper-wrapper {
    /*max-height: 100vh;*/
    /*overflow: hidden!important;*/
  }

  #image-section .swiper-slide IMG {
    min-width: calc(100vw + 50px);
    max-width: none!important;
    width:auto!important;
    left: 0!important;
  }

  #image-section .swiper-slide .inner-border .container h2, #image-section .swiper-slide .inner-border .container h1{
    font-size: 1.3rem;
    margin-bottom: 0px;
  }

  #image-section .swiper-slide .inner-border .container div.h3 p {
    font-size: 0.9rem!important;
    padding-bottom: 0px!important;
    margin-bottom: 10px!important;
    margin-top: 10px;
    line-height: 1.5em!important;
  }

  #image-section .swiper-slide .inner-border .container div.h3 {
    margin-bottom: 0px!important;
  }

/*  .logo-slider .swiper-slide IMG {
    max-height: 80px!important;
    width: auto!important;
    max-width: unset!important;
    min-width: unset!important;
    min-height: unset!important;
    display: flex!important;
    top: 0px!important;
    left: 0px!important;
    visibility: visible!important;
    opacity: 1!important;
  }*/

  .logo-slider .swiper-slide {

  }

  .accordion-body ul, #featured-content .accordion-body ul {
    margin-top: 0.25rem!important;
    margin-bottom: 1.0rem!important;
    margin-left: 0.0rem!important;
    padding-left: 0!important;
  }

}

@media (max-width: 991px) and (min-width: 768px){
  #image-section .swiper-wrapper {
    max-height: calc(100vh)!important;
    overflow: hidden;
  }

  #image-section .swiper-slide IMG {
    width: 100%!important;
    height: auto!important;
    left: 0!important;
  }
  /*
  .logo-slider .swiper-slide IMG {
    max-height: 80px!important;
    width: auto!important;
    max-width: unset!important;
    min-width: unset!important;
    min-height: unset!important;
    display: flex!important;
    top: 0px!important;
    left: 0px!important;
  }*/

  #image-section .swiper-slide .inner-border .container {
    max-width: 60%!important;
    bottom: 0px!important;
  }

  .projects-container .project-teaser .teaser-overlay h3 {
    font-size: 2.0em;
    font-weight: 900;
    max-width: 370px;
  }

  .ce-image .ce-gallery IMG.image-embed-item, .ce-textpic .ce-gallery IMG  {
    width: 100%;
    height: auto!important;
    max-width: 850px!important;
  }
}

@media (max-width: 767px) {

  .nav-pills .nav-item {
    padding-right: 1rem;
  }

  .nav-pills .nav-item .nav-link {
    font-size:0.9em;
  }

  .accordion-item {
    font-size:0.9em!important;
  }

  .nav-pills .nav-item .nav-link.active {
    background: none!important;
  }

  #reference-section .ce-gallery figure {
    display: table;
    margin: 0px auto!important;
  }

  /* box-sizing is border-box, so padding eats into max-height: 15px all round left
     the logo itself only 40px of the 70px box. Trimming the padding rather than
     raising the cap gains 50% logo height while the box - and therefore the section
     height - stays exactly the same, and keeps every logo at or below its native
     size (the smallest native height in the set is 61px, so 60px still never
     upscales). The slide's own 12px padding plus Swiper's spaceBetween still keep
     neighbouring logos well apart. */
  .logo-slider .swiper-slide IMG {
    max-height: 70px!important;
    width: auto!important;
    height: auto!important;
    max-width: 100%!important;
    min-width: unset!important;
    min-height: unset!important;
    display: flex!important;
    align-items:center;
    justify-content:center;
    top: 0px!important;
    left: 0px!important;
    padding: 5px!important;
  }

  figcaption {
    display: block!important;
    width: 100%;
    text-align: center;
  }

  /*.ce-textpic, .ce-gallery, .ce-row, .ce-column, .ce-textpic .image, .ce-textpic .image IMG  {
    max-width: none!important;
    width: 100%!important;
    margin: 0px auto;
    height: auto;
    display: block!important;
    float: none!important;
  }*/

  /*.ce-textpic .image IMG {
    max-width: 300px!important;
    margin: 20px auto;
  }*/

  #c264 .ce-textpic .image IMG, #c247 .ce-textpic .image IMG {
    max-height: 300px!important;
    height: 300px!important;
    width: auto!important;
    max-width: none!important;
  }


  .ce-image .ce-outer, .ce-image .ce-inner  {
    display: block!important;
    float: none!important;
    display: none;
    max-width: 100%!important;
  }

  .ce-image .image IMG {
    display: block!important;
    max-width: 300px!important;
  }

  .ce-image .ce-gallery IMG.image-embed-item  {
    width: 100%;
    height: auto!important;
    max-width: 700px!important;
  }

  .frame-layout-1 .ce-image .ce-gallery IMG.image-embed-item  {
    max-width: 300px!important;
    margin: 20px auto!important;
  }


  ###C0###

  .main-page  #ctower-section h2, ###C0###

  .main-page  #ctower-section h1{
    color: #01aa74!important;
    font-size: 5em!important;
  }

  .main-page  #ctower-section p.lead {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .main-page  #ctower-section h2::after, .main-page  #ctower-section h1::after{
    content: '';
    position: absolute;
    bottom: 8px;
    left: -15px;
    right: -15px;
    height: 22px;
    z-index: -1;
    background: #3E3E3E;
  }

  /* FEATURED CTOWER MAIN SITE END */

  ul.ce-uploads {
    margin-left: 15px!important;
    margin-right: 15px!important;
  }

  .tx-powermail .container-fluid {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }

  .projects-container .project-teaser .teaser-overlay .project-header {
    position: absolute;
    bottom: 30px;
  }

  .projects-container .project-teaser {
    margin-left: 15px;
  }

  .projects-container .project-teaser .teaser-overlay h3 {
    font-size: 1.4em;
    font-weight: 900;
    max-width: 250px;
  }

  .projects-container .project-teaser .teaser-overlay .project-morelink IMG {
    width: 50px;
  }

  .projects-container .project-teaser .teaser-overlay .project-morelink {
    display: inline-block;
    position: absolute;
    right: -25px;
    top: 50%;
    margin-top: -25px;
    transform: scale(1);
    }

  .main-nav-mobile ul.mobile-nav li.has-sub::before {
    margin-top: 12.5px;
    width: 8px;
    height: 8px;
    background-size: 5px;
  }

  .main-nav-mobile {
    position: fixed;
    top: 0px;
    width: 85%;
    max-width: 500px;
    background-position: 300% bottom;
    background-size: 90%;
    height: calc(100vh + 0px);
    overflow: hidden;
    padding: 20px 40px 40px 40px;
  }


  .main-nav-mobile .item-CTOOLS::before, .main-nav-mobile .item-CTECHNOLOGY::before, .main-nav-mobile .item-INFRA::before {
    margin-top: 13px;
  }

  .main-nav-mobile ul li a {
    font-size: 1.1em;
  }

  .main-nav-mobile ul li {
    line-height: 2em;
    list-style: none;
  }

  .swiper-pagination {
    max-width: calc(100% - 25px);
  }

  #products-header {
    padding-top: 40px;
    padding-bottom: 80px;
    overflow: hidden;
  }

  #products-header h2, #products-header h1{
    margin: 30px;
    font-size: 2.3em;
  }

  .main-page  #ctower-section .ce-outer {
    text-align: center!important;
  }

  .main-page  #ctower-section .ce-row, .main-page  #ctower-section .ce-column, .main-page  #ctower-section .ce-outer {
    width: 100%!important;
    position: static!important;
    left: 0px!important;
    right: 0px!important;
    text-align: center!important;
    float: unset!important;
  }

  #ctower-section .ce-center .ce-inner {
    right: 0px!important;
  }

  .main-page #ctower-section #c85 IMG {
    max-width: 240px!important;
    margin: 0px auto 0px auto!important;
    margin-bottom: 30px!important;
  }

  .main-page  #ctower-section header {
    display: block;
    width: 100%;
    text-align: center;
  }

  .main-page  #ctower-section h2, .main-page  #ctower-section h1{
    font-size: 3em!important;
    color: #00A0AB!important;
    line-height: 2.75rem;
  }

  .main-page .content-section h2, .main-page .content-section h1{
    max-width: 370px;
  }

  .main-page  #ctower-section h2::after, .main-page  #ctower-section h1::after{
    content: '';
    position: absolute;
    bottom: 8px;
    width: 100%!important;
    left:0px;

    padding-left: 15px;
    padding-right: 15px;
    right: 0px;
    bottom: 0px;
    height: 20px!important;
    z-index: -1;
    background: #3E3E3E;
  }

  #products-header h2::after, #products-header h1::after{
    content: '';
    position: absolute;
    bottom: 2px;
    left: -15px;
    right: -15px;
    height: 15px;
    z-index: -1;
  }

  #products-header h3 {
    margin-top: 20px;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.7em;
    max-width: 840px;
    margin-left: 30px;
    margin-right: 30px;
  }

  #c471.frame-space-before-extra-large {
    margin-top: 2.5rem!important;
  }

}

@media (max-width: 767px) and (orientation:landscape) {

  #image-section .swiper-slide, .swiper-wrapper {
    min-height: 750px;
  }

  #image-section .swiper-slide IMG {
    position: relative;
    margin-top: -225px!important;
  }

  .main-nav-mobile{
    overflow-y:auto;
    z-index: 10!important;
  }

  .main-nav-mobile .mobile-footer-navitems {
    position: absolute;
    left: -12px;
    top: 200px;
    opacity: 0;
    visibility: hidden;
    height: 140px;
  }

}

@media (max-width: 520px) {

  .projects-container .project-teaser .project-morelink {
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    right: -25px;
    top: 50%;
    margin-top: -25px;
    transform: scale(1);
    z-index: 10;
  }
  .footerlink {
    font-size: 0.8em!important;
    margin-right: 10px;
  }

  .contact-container  {
    font-size: 0.8em!important;
    line-height: 1.4em!important;
  }

  .carousel h2, .carousel h1{
    font-size: 1.2rem;
    padding: 0.75rem 2rem 0.75rem 2rem!important;
  }

  .logo-slider .swiper-slide {
    padding: 0.75rem;
  }

  .nav-pills {
    border-bottom: none!important;
  }

  .nav-pills .nav-item {
    padding-right: 0;
    width: 100%;
    display: block!important;
    float: none;
    border-bottom: 1px solid #e7e7e7;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .nav-pills .nav-item .nav-link {
    margin-right: 0px!important;
  }

  .main-page #ctower-config-section video {
    min-height: 1300px!important;
    margin-bottom: -60px;
  }
}

@media (max-width: 480px) {

  .carousel-item ul li {
    font-size: 0.65rem!important;
  }


}

/* ============================================================
   Projekt-Slider am Seitenende (Inhaltselement "Projekt-Slider")

   Bewusst zurueckhaltend gehalten: Der Slider steht unter dem eigentlichen
   Seiteninhalt und soll ihn nicht ueberstrahlen. Farben und Rundungen sind
   dieselben wie bei den Projektteasern auf der Projektseite.
   ============================================================ */

/*
  Breite des Sliders ab 992 px an die Kopfzeile angeglichen.

  Ausgangslage: Das Inhaltselement sitzt in colPos 0 und steckt damit schon in
  "section#topprojects-section > .container". Der Slider war dadurch schmaler als
  alles andere auf der Seite.

  Erster Schritt - aus dem umgebenden .container ausbrechen:
  margin: calc(50% - 50vw) links und rechts zieht den Abschnitt genau bis an die
  Fensterkanten, unabhaengig davon, wie breit der Container gerade ist.

  Zweiter Schritt - dieselbe Geometrie wie header#mainheader:
      @media (min-width:992px)  header#mainheader { padding: 30px }
      @media (min-width:1500px) header#mainheader { max-width: 80% }
  Genau diese beiden Werte stehen unten. Der Slider steht damit exakt auf den
  Kanten der Menueleiste.

  Unterhalb von 992 px bleibt alles wie zuvor - die Ansicht auf dem Telefon ist
  abgenommen und soll sich nicht aendern.

  Zur Randnotiz 50vw: vw schliesst die Breite des Rollbalkens mit ein, der
  Abschnitt ist dadurch bis zu 15 px breiter als der sichtbare Bereich. Das
  faengt "body { overflow-x: hidden }" ab, wie an anderen Stellen dieses
  Projekts auch (siehe "#image-section .swiper-container { width: 100vw }").
*/
@media (min-width: 992px) {
  #projektslider-section {
    /* Die negativen Raender allein genuegen nicht: section.content-section traegt
       max-width: 100%, und diese 100 Prozent beziehen sich auf den umgebenden
       .container. Der Abschnitt wurde dadurch zwar nach links geschoben, blieb
       aber auf der Breite des Containers stehen - sichtbar als Slider, der links
       heraushing und rechts zu frueh endete. */
    max-width: none;
    /* Der halbe Rollbalken wird wieder aufgeschlagen: 100vw zaehlt ihn mit,
       die Prozentbreite der Kopfzeile nicht. Ohne diese Korrektur ragt der
       Slider unter Windows auf jeder Seite gut 7 px ueber die Menueleiste
       hinaus. Den Wert misst main.js und legt ihn in --rollbalken ab; der
       Ersatzwert 0px greift, falls JavaScript nicht laeuft. */
    margin-left: calc(50% - 50vw + var(--rollbalken, 0px) / 2);
    margin-right: calc(50% - 50vw + var(--rollbalken, 0px) / 2);
  }

  .projekt-slider-innen {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 1500px) {
  /* Dieselben 80 Prozent wie header#mainheader. Weil der Abschnitt oben exakt
     auf die Fensterbreite ohne Rollbalken gebracht wurde, beziehen sich diese
     80 Prozent jetzt auf dieselbe Grundlage wie bei der Kopfzeile. */
  .projekt-slider-innen {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Bewusst KEIN eigener Hintergrund und KEINE eigene Ueberschriftenfarbe.
   Die drei Zielseiten sind durchgehend dunkel gehalten. Ein heller Kasten am
   Seitenende sah aus wie nachtraeglich aufgeklebt. So uebernimmt der Abschnitt
   den Seitenhintergrund, und die Ueberschrift sieht aus wie jede andere auf
   der Seite. Die weissen Karten setzen sich davon von allein ab. */

/*
  overflow: hidden ist hier PFLICHT, nicht Kosmetik.

  Swiper 9 hat die Klasse des Rahmens von .swiper-container auf .swiper
  umbenannt. Das mitgelieferte Stylesheet setzt overflow: hidden deshalb nur
  auf .swiper - und genau dort steht bei allen Slidern dieses Projekts noch die
  alte Klasse .swiper-container. Ohne die Regel ragt die gesamte Folienreihe
  aus dem Rahmen heraus: gemessen 4.838 px Inhalt in einem 327 px breiten
  Rahmen, sichtbar als angeschnittene vierte Karte.

  Die anderen Slider der Seite fallen nicht auf, weil ihre Eltern (#image-section,
  .logo-slider) ohnehin abschneiden.

  Das Polsterung oben und unten laesst dem Schlagschatten der Karten Platz, der
  sonst vom Abschneiden mit erfasst wuerde.
*/
.projekt-slider {
  overflow: hidden;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* h-100 auf der Karte allein genuegt nicht: Die Folien eines Swipers sind
   Flex-Kinder ohne gemeinsame Hoehe. align-items: stretch gibt allen Karten
   einer Reihe dieselbe Hoehe, unabhaengig von der Laenge des Teaser-Textes. */
.projekt-slider .swiper-wrapper {
  align-items: stretch;
}

.projekt-slider .swiper-slide {
  height: auto;
  display: flex;
}

/*
  Bewusst OHNE Hover-Effekt.

  Die Karte als Ganzes ist nicht anklickbar - anklickbar ist allein der Verweis
  "Projekt ansehen" darin, und das soll auch so bleiben. Ein Anheben der Karte
  samt staerkerem Schatten beim Ueberfahren haette also etwas versprochen, was
  sie nicht einloest: Der Zeiger bliebe ein Pfeil, ein Klick auf die Flaeche
  passierte nichts.

  Der ruhende Schatten bleibt - er hebt die Karte vom dunklen Seitenhintergrund
  ab und behauptet nichts ueber Bedienbarkeit. Die transition entfaellt mit,
  weil sich nichts mehr zu ueberblenden hat.

  Rueckmeldung beim Ueberfahren gibt es weiterhin dort, wo sie hingehoert:
  am Verweis selbst (.projekt-link:hover).
*/
.projekt-karte {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: 0 2px 12px rgba(40, 44, 52, 0.08);
}

/* Feste Bildhoehe mit object-fit: cover. Die Teaser-Bilder der Projekte haben
   unterschiedliche Seitenverhaeltnisse - ohne diese Vorgabe hoppelt die
   Oberkante der Texte von Karte zu Karte. */
.projekt-bild {
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

/*
  Diese Regel muss die allgemeinen Slider-Regeln weiter oben ueberschreiben.

  Fuer den Hero-Slider gilt ab 1200 px .swiper-wrapper .swiper-slide IMG mit
  min-height: 100vh und width: auto. Der Selektor unterscheidet nicht zwischen
  den Slidern - er trifft die Projektbilder hier also mit. Das Bild wurde dadurch
  auf Fensterhoehe gestreckt, und weil .projekt-bild ueberstehendes abschneidet,
  war nur noch der oberste Streifen zu sehen: eine Flaeche Himmel statt eines
  Projektfotos.

  min-height und width werden deshalb ausdruecklich zurueckgesetzt. Die eigene
  Spezifitaet reicht aus, !important steht hier nur zur Sicherheit gegen weitere
  allgemeine Regeln, die spaeter dazukommen koennten.
*/
.projekt-slider .swiper-slide .projekt-bild img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover;
  position: static;
  display: block;
  margin: 0;
}

.projekt-inhalt {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/*
  Linken Einzug im Karteninhalt zuruecksetzen.

  Unterhalb von 991 px ruecken zwei allgemeine Regeln alle Textelemente um 15 px
  ein - gedacht fuer Fliesstext, der sonst am Bildschirmrand klebt:

    Zeile 3286   h2, h1, h3:not(.pill-header), h4:not(.text-primary) { margin-left: 15px !important }
    Zeile 3482   section.content-section p                           { margin-left: 15px }

  In der Karte sorgt bereits die Polsterung (p-4) fuer den Abstand. Ueberschrift,
  Ort/Jahr und Teaser bekamen dadurch 15 px zusaetzlich, der Verweis als <a> aber
  nicht - er stand als einziges Element weiter links. Gemessen auf dem Telefon:
  Text bei 39 px, Verweis bei 24 px.

  Statt den Verweis nachtraeglich einzuruecken wird der Einzug hier abgeraeumt.
  Damit sitzen alle vier Zeilen auf derselben Kante, und zwar auf derselben wie
  in der Desktop-Ansicht. !important ist noetig, weil die Regel fuer h3 selbst
  mit !important arbeitet.
*/
.projekt-karte .projekt-meta,
.projekt-karte .projekt-titel,
.projekt-karte .projekt-teaser,
.projekt-karte .projekt-link {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.projekt-meta {
  color: #00A0AB;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
}

.projekt-titel {
  color: #282c34;
  font-weight: 900;
  line-height: 1.3;
}

.projekt-teaser {
  color: #555;
  font-size: 0.95em;
  line-height: 1.6;
}

/* margin-top: auto schiebt den Verweis an den unteren Rand der Karte, egal wie
   lang der Teaser-Text ist. Damit stehen die Links aller Karten auf einer Linie. */
.projekt-link {
  margin-top: auto;
  align-self: flex-start;
  padding-top: 0.75rem;
  color: #00A0AB;
  font-weight: 700;
  text-decoration: none;
}

.projekt-link:hover {
  text-decoration: underline;
}

.projekt-link::after {
  content: ' \203A';
}

@media (max-width: 767px) {
  #projektslider-section {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
/* ============================================================
   Abschluss-Abschnitt "Ein technisches Projekt in Planung?"

   Der Inhalt klebte oben am Rand und hatte unten viel Luft: gemessen 80 px
   oberhalb der Ueberschrift, 148 px unterhalb der Schaltflaeche. Zwei Ursachen:

     1. section.content-section bringt ab 992 px 100 px padding-bottom mit,
        aber kein padding-top. Bei den anderen Abschnitten faellt das nicht auf,
        weil dort Inhalt darueber steht - hier ist die Ueberschrift das erste
        Element des Abschnitts.
     2. Die Schaltflaeche trug die Abstandsklassen des X-PERTS-Buttons
        (mb-5 pb-3 mb-lg-5 pb-lg-5). Dort erzeugen sie den Abstand zum
        NAECHSTEN Abschnitt; als letzter Block der Seite sind sie nur Ballast.
        Diese Klassen wurden am Inhaltselement selbst entfernt.

   Die Hoehe wird hier ausdruecklich gesetzt: gleicher Abstand oben und unten.
   Zusaetzlich werden die von aussen kommenden Randabstaende des ersten und
   letzten Elements abgeraeumt, damit die Werte auch wirklich gelten.
   ============================================================ */

#projektanfrage-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

#projektanfrage-section > .container > *:first-child {
  margin-top: 0;
}

#projektanfrage-section > .container > *:last-child {
  margin-bottom: 0;
}

#projektanfrage-section .cc-content-morelink {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (max-width: 991px) {
  #projektanfrage-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* ============================================================
   Zwei unmittelbar aufeinanderfolgende CTA-Buttons in eine Zeile

   Anlass: "Hardware und Software im Zusammenspiel" auf der Seite Modernisieren.
   Die beiden Verweise Hardware und Software sind zwei getrennte Inhaltselemente.
   Jedes rendert einen eigenen Block:

       <div class="cc-content-linkcontainer align-left">
         <div class="cc-content-morelink mt-5"><a …>Hardware</a></div>
       </div>

   .cc-content-linkcontainer ist ein Block, und .align-left .cc-content-morelink
   steht auf display: flex - beides erzeugt eine eigene Zeile. Die Buttons standen
   deshalb untereinander.

   Warum die Regel nur PAARE trifft und nicht alle Buttons:
   Ein einzelner Button soll ein Block bleiben. Von den 19 CTA-Buttons der Seite
   stehen 8 auf "Mitte" - bei denen wuerde ein pauschales inline-block die
   Zentrierung aushebeln, weil ein schrumpfender Kasten nichts mehr zu zentrieren
   hat. Die Regel greift daher ausdruecklich nur, wenn zwei Buttons direkt
   aufeinander folgen:

     :has(+ …)  faerbt den ERSTEN eines Paares
     + …        faerbt den ZWEITEN

   Geprueft: site-weit gibt es derzeit genau ein solches Paar (Hardware/Software
   auf /modernisieren-und-erweitern). Kuenftige Paare ordnen sich automatisch
   genauso an.

   Der Abstand zwischen den Buttons kommt aus dem bereits vorhandenen
   margin-right: 15px an .cc-content-morelink. Auf schmalen Fenstern brechen die
   beiden inline-Kaesten von allein um.

   Hinweis fuer spaeter: Ein Paar mit Ausrichtung "Mitte" wuerde links stehen.
   Dafuer waere text-align: center am gemeinsamen Elternelement noetig - derzeit
   gibt es keinen solchen Fall.
   ============================================================ */

.cc-content-linkcontainer:has(+ .cc-content-linkcontainer),
.cc-content-linkcontainer + .cc-content-linkcontainer {
  display: inline-block;
  vertical-align: top;
}

/* ============================================================
   Gegenueberstellung mit Kippschalter (Inhaltselement Vergleich)

   Der Schalter traegt den Gedanken: Man schaltet die Zusammenarbeit mit
   CampConcept ein, und die Karten wechseln. Sichtbar ist immer nur ein Zustand.

   Getragen wird das von einem echten <input type="checkbox" role="switch">.
   Kein JavaScript: Umgeblendet wird ueber Nachbarselektoren
   (input:checked ~ ...). Die Reihenfolge im Markup muss deshalb
   input -> label -> Bereich AUS -> Bereich EIN bleiben.
   ============================================================ */

/* Der Block darf hier breiter sein als die frueheren 75 Prozent (813 px): Drei
   Karten je Reihe brauchen Platz, sonst bleiben je Karte nur rund 260 px. Er
   bleibt aber innerhalb des Inhaltscontainers und an derselben linken Kante wie
   Ueberschrift und Einleitung - die Seite wird also nicht gesprengt. */
/* Oben kein eigener Abstand mehr (war 1.5rem). Der Absatz darueber bringt seinen
   Aussenabstand schon mit, und benachbarte Aussenabstaende fallen zusammen: Der
   groessere gewinnt, hier also die 1.5rem des Blocks statt der 1rem des Absatzes.
   Mit 0 bleiben die 1rem des Absatzes - ein Abstand, aber kein doppelter. */
.cc-vergleich {
  margin: 0 0 1rem;
}

/* ---------- Das Kaestchen selbst ---------- */

/* Optisch verborgen, aber weiterhin ein echtes Formularfeld: fokussierbar und mit
   der Leertaste schaltbar. display:none oder visibility:hidden wuerden es aus der
   Bedienreihenfolge nehmen - dann waere der Schalter mit der Tastatur unerreichbar. */
/* Der Selektor beginnt mit input, und das ist notwendig, nicht Geschmack:
   Weiter oben steht fuer die Formulare "input[type=checkbox] { position: relative;
   top: 1px; margin-right: 5px }" (main.css Zeile 1731). Dieser Selektor hat durch
   das Attribut eine hoehere Spezifitaet als eine Klasse allein und hat das
   position: absolute hier ueberstimmt - unabhaengig von der Reihenfolge im
   Stylesheet. Folge: Das Kaestchen blieb IM Textfluss, und obwohl es nur 1 px hoch
   ist, erzeugte es als inline-block einen vollen Zeilenkasten von 27 px ueber dem
   Schalter. Gemessen als unerklaerliche Luecke zwischen .cc-vergleich (Oberkante
   644) und dem Schalter (671).

   top und margin werden mit zurueckgesetzt, damit von der Formularregel nichts
   uebrig bleibt. */
input.cc-schalter-box {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

/* ---------- Der Schalter im Satz ---------- */

/* Der Schalter steht MITTEN IM SATZ: linke Haelfte - Spur - rechte Haelfte.
   inline-flex haelt die drei Teile in einer Zeile; flex-wrap erlaubt auf schmalen
   Geraeten den Umbruch, damit der Satz nicht aus dem Container laeuft. */
/* FLIESSTEXT, ausdruecklich KEIN Flex-Container.
   Vorher stand hier inline-flex mit flex-wrap. Das war der Fehler: Flex-Elemente
   brechen nicht in sich um, sie rutschen als GANZES in die naechste Zeile. Auf dem
   Telefon wanderte deshalb "von CampConcept umgesetzt" komplett nach unten, obwohl
   in der ersten Zeile noch Platz fuer zwei Woerter war, und darueber blieb eine
   Luecke stehen.

   Als normaler Fliesstext bricht der Satz dort um, wo die Zeile wirklich voll ist -
   auch mitten in einem der Teilstuecke. Die Wortabstaende kommen dabei aus den
   Zeilenumbruechen des Templates zwischen den span-Elementen; im Fliesstext wird
   daraus je ein Leerzeichen, deshalb braucht es kein gap.

   display: block statt inline: Nur ein Block nimmt das padding-top wirklich ein, in
   dem der Hinweispfeil ueber dem Schalter Platz findet. Nebeneffekt ist eine
   grosszuegige Trefferflaeche - auf dem Telefon eher Vorteil als Nachteil. */
.cc-schalter {
  display: block;
  line-height: 1.7;
  /* Oben Platz fuer den Pfeil ueber der Schalterspur, unten Abstand zu den Karten. */
  margin: 0 0 2rem;
  padding: 1.6rem 0 0;
  cursor: pointer;
  user-select: none;
}

/* Alle Satzteile tragen dieselbe Schriftstaerke, und nur die Farbe wechselt.
   Wechselte die Staerke mit dem Zustand, aenderte sich die Textbreite und der
   ganze Satz sprang beim Umschalten hin und her.

   Grundfarbe ist HELL. Ausgegraut wird unten nur der Mittelteil, der gerade nicht
   gilt - die gemeinsamen Teile ("Wenn Technik" ... "wird") tragen weder .links noch
   .rechts und bleiben deshalb von selbst hell, in jeder Stellung. */
/* Kein eigenes line-height: Die Teilstuecke sind jetzt gewoehnliche Inline-Elemente
   und erben die Zeilenhoehe des Satzes. Ein abweichender Wert hier wuerde nur die
   Zeilenkaesten unterschiedlich hoch machen, sobald der Satz umbricht. */
.cc-schalter-text {
  font-weight: 900;
  color: #fff;
  transition: color 0.25s ease;
}

/* Ausgegraut wird der Mittelteil, der nicht gilt. Der Satz liest sich dadurch je
   Stellung vollstaendig:
     aus   Wenn Technik nur geliefert wird
     ein   Wenn Technik von CampConcept umgesetzt wird

   0,5 ist gerechnet, nicht geschaetzt: Weiss mit dieser Deckung ergibt auf dem
   Grund des Abschnitts (#2a2a2a) rund 4,5:1 und haelt damit noch den Kontrastwert
   der WCAG 1.4.3 ein. Das ist wichtig, weil der graue Teil kein blosser Zierrat
   ist, sondern lesbarer Text bleibt - er verschwindet ja nicht, er tritt nur
   zurueck. Deutlich schwaecher (0,35) waere es nur noch 2,9:1 gewesen. */
.cc-schalter-box:checked ~ .cc-schalter .cc-schalter-text.links,
.cc-schalter-box:not(:checked) ~ .cc-schalter .cc-schalter-text.rechts {
  color: rgba(255, 255, 255, 0.5);
}

/* inline-block mit vertical-align: middle - so sitzt die Spur wie ein Wort mitten im
   Satz und laeuft bei einem Umbruch mit der Zeile mit. Die seitlichen Raender geben
   ihr etwas mehr Luft als ein blosses Leerzeichen. */
.cc-schalter-spur {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 3.25rem;
  height: 1.75rem;
  margin: 0 0.2rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.18);
  transition: background 0.25s ease;
}

.cc-schalter-griff {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.25s ease;
}

.cc-schalter-box:checked ~ .cc-schalter .cc-schalter-spur {
  background: #00A0AB;
}

.cc-schalter-box:checked ~ .cc-schalter .cc-schalter-griff {
  transform: translateX(1.5rem);
}

/* Sichtbarer Fokus. Ohne diese Regel waere bei Tastaturbedienung nicht zu
   erkennen, wo man sich befindet - das Kaestchen selbst ist ja verborgen. */
.cc-schalter-box:focus-visible ~ .cc-schalter .cc-schalter-spur {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* ---------- Hinweis auf den Schalter ---------- */

/* Ein Schalter im Fliesstext wird leicht ueberlesen. Der Pfeil unter der Spur
   steht deshalb DAUERHAFT da - er ist die eigentliche Auskunft, dass hier etwas
   zu bedienen ist. Die Bewegung kommt nur kurz hinzu, wenn der Block ins Bild
   kommt (Klasse hinweis-laeuft aus main.js).

   Der Pfeil liegt in der Spur und richtet sich an ihr aus, nicht am Satz: Bricht
   der Satz auf schmalen Geraeten um, wandert er mit dem Schalter mit.
   aria-hidden am Elternelement - fuer Sprachausgaben ist der Schalter selbst
   die Auskunft, ein "Pfeil nach oben" waere nur Rauschen. */
/* Der Pfeil steht UEBER der Spur, nicht darunter.
   Unterhalb lag er im Weg: Bricht der Satz um, beginnt dort die naechste Zeile, und
   Pfeil und Text lagen uebereinander. Oberhalb liegt er im padding-top des Satzes,
   also in reservierter Flaeche, und der Umbruch kann ihn nicht mehr treffen. */
.cc-schalter-hinweis {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 1.5rem;
  margin-left: -0.75rem;
  text-align: center;
  pointer-events: none;
}

/* Nach UNTEN zeigend, weil er von oben auf den Schalter deutet. Groesse und Abstand
   sind gemessen: Bei 0,65 rem und 3 px klebte der Pfeil an der Spur und las sich
   wie ein Darstellungsfehler statt wie ein Hinweis. */
.cc-schalter-hinweis::after {
  content: '\25BC';
  display: block;
  padding-bottom: 6px;
  font-size: 0.8rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.85);
}

/* Drei Takte, keine Endlosbewegung. Bei 1,6 s sind das 4,8 s und damit unter der
   Fuenf-Sekunden-Grenze der WCAG 2.2.2 - es braucht also keine Anhaltemoeglichkeit.
   Danach bleibt der Pfeil ruhig stehen und stoert nicht weiter. */
.cc-vergleich.hinweis-laeuft .cc-schalter-hinweis {
  animation: cc-hinweis-wippen 1.6s ease-in-out 3;
}

.cc-vergleich.hinweis-laeuft .cc-schalter-spur {
  animation: cc-hinweis-puls 1.6s ease-out 3;
}

/* Die Bewegung geht nach unten, also auf den Schalter zu - der Pfeil steht darueber
   und deutet nach unten. Wippte er nach oben, zeigte er weg. */
@keyframes cc-hinweis-wippen {
  0%,
  100% {
    transform: translateY(0);
    opacity: 0.6;
  }

  50% {
    transform: translateY(4px);
    opacity: 1;
  }
}

/* Ein aus der Spur herauswachsender Ring. box-shadow statt eines zusaetzlichen
   Elements: Er liegt ausserhalb des Kastens, verschiebt also nichts im Satz. */
@keyframes cc-hinweis-puls {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 160, 171, 0.55);
  }

  70%,
  100% {
    box-shadow: 0 0 0 12px rgba(0, 160, 171, 0);
  }
}

/* ---------- Umblenden der beiden Bereiche ---------- */

.cc-vergleich-bereich.ein {
  display: none;
}

.cc-schalter-box:checked ~ .cc-vergleich-bereich.aus {
  display: none;
}

.cc-schalter-box:checked ~ .cc-vergleich-bereich.ein {
  display: block;
}

/* Hier standen bis zum 2026-08-08 die Regeln fuer .cc-vergleich-kopf, die
   Bereichsueberschrift ueber den Karten. Sie ist samt Feldern entfallen - der Satz
   am Schalter benennt den Zustand bereits. */

/* ============================================================
   Karten - Aufbau uebernommen von den Projektkarten

   Bewusst dieselbe Bauweise wie .projekt-karte im Projekt-Slider:
     background: #fff        weisse Flaeche, KEINE Transparenz
     box-shadow               hebt die Karte vom dunklen Seitengrund ab
     display: flex / column   Inhalt unten, Symbolflaeche oben
     rounded-3                dieselbe Rundung (Bootstrap 0.5rem)
   Farben und Schriftschnitte der Texte folgen ebenfalls den Projektkarten
   (Titel #282c34 900, Text #555).

   Das Markup bleibt ul/li: Es IST eine Aufzaehlung von Punkten, und eine
   Sprachausgabe kuendigt "Liste mit 6 Einträgen" an. Das Kartenaussehen macht
   allein das CSS.

   Raster: drei Karten je Reihe ab 992 px, also 3x2 bei sechs Themen. Darunter
   zwei je Reihe, auf dem Telefon eine.
   ============================================================ */

.cc-vergleich-liste {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Zwei Spalten erst ab 768 px. Bei 576 px waeren es je Karte nur noch rund
   260 px - zu wenig fuer Schlagwort plus Satz. Unter 768 px steht eine Karte je
   Reihe, und die liegt dann quer (siehe unten). */
@media (min-width: 768px) {
  .cc-vergleich-liste {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .cc-vergleich-liste {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Wie .projekt-karte. Kein Hover-Effekt: Die Karte ist nicht anklickbar, ein
   Anheben wuerde eine Bedienbarkeit vortaeuschen, die sie nicht hat - dieselbe
   Begruendung wie bei den Projektkarten. */
/* Symbol LINKS, Text rechts - in jeder Breite gleich (2026-08-08).
   Vorher lag das Symbol nur unterhalb von 768 px links und darueber als breite
   Flaeche oben. Jetzt gilt eine Bauweise fuer alle Breiten: ein Symbolstreifen an
   der linken Kante, daneben der Text. Das nimmt der Karte deutlich Hoehe - oben
   kostete die Symbolflaeche allein 96 px - und die Hoehe bestimmt nun der Text.

   Gegenueber der Projektkarte ist das bewusst ein Unterschied: Dort ist das
   Titelbild ein Motiv, das Flaeche braucht; hier ist es ein Zeichen, das nur
   markieren muss, um welches Thema es geht. */
.cc-vergleich-karte {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 2px 12px rgba(40, 44, 52, 0.08);
}

/* Fester Streifen, keine mitwachsende Breite: Die Symbole sind unterschiedlich
   breit, und ohne festen Wert saesse der Text von Karte zu Karte an einer anderen
   Stelle - dasselbe Problem, das bei den Projektbildern das object-fit loest.

   align-self: stretch ist das Entscheidende. Ohne die Angabe waere der Streifen nur
   so hoch wie das Symbol selbst und die Flaeche reichte nicht bis an die Unterkante
   der Karte. Weil die Karten im Raster ohnehin auf gleiche Hoehe gezogen werden,
   laeuft der Streifen damit in einer Reihe ueberall gleich weit durch. */
.cc-vergleich-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 0 0 84px;
  width: 84px;
  background: #f2f5f6;
}

/* 44 px Zeichen in 84 px Streifen laesst beidseitig 20 px Luft. */
.cc-vergleich-symbol img {
  max-height: 44px;
  width: auto;
}

/* Der eingeschaltete Zustand faerbt die Symbolflaeche in der Hausfarbe ein. Das
   ist der sichtbarste Unterschied zwischen den beiden Zustaenden und macht das
   Umschalten auf einen Blick erkennbar - ohne Rot/Gruen, das als vierte
   Akzentfarbe neben den drei Themenfarben stehen wuerde. */
.cc-vergleich-liste.mit .cc-vergleich-symbol {
  background: rgba(0, 160, 171, 0.12);
}

.cc-vergleich-inhalt {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 1.15rem 1.25rem 1.35rem;
}

/* Farben und Schnitte wie .projekt-titel bzw. .projekt-teaser */
.cc-vergleich-titel {
  margin: 0 0 0.35rem;
  font-weight: 900;
  line-height: 1.3;
  color: #282c34;
}

.cc-vergleich-liste.mit .cc-vergleich-titel {
  color: #00A0AB;
}

.cc-vergleich-text {
  margin: 0;
  font-size: 0.95em;
  line-height: 1.6;
  color: #555;
}

/* Der linke Einzug, den zwei allgemeine Regeln unterhalb von 991 px an alle
   Absaetze und Ueberschriften haengen (main.css Zeile 3286 und 3482), wuerde die
   Kartentexte gegen die Polsterung verschieben. Gleiche Behandlung wie bei den
   Projektkarten. */
.cc-vergleich-karte .cc-vergleich-titel,
.cc-vergleich-karte .cc-vergleich-text {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ---------- Bewegung reduzieren ---------- */

/* Der Pfeil bleibt sichtbar, nur seine Bewegung entfaellt. Ihn ganz zu entfernen
   waere falsch: Er ist die Auskunft, dass der Schalter bedient werden kann - und
   die braucht auch, wer keine Bewegung sehen moechte. */
@media (prefers-reduced-motion: reduce) {
  .cc-schalter-spur,
  .cc-schalter-griff {
    transition: none;
  }

  .cc-vergleich.hinweis-laeuft .cc-schalter-hinweis,
  .cc-vergleich.hinweis-laeuft .cc-schalter-spur {
    animation: none;
  }
}

/* ---------- Karten auf schmalen Geraeten ----------

   Die Anordnung selbst - Symbol links, Text rechts - steht seit dem 2026-08-08
   weiter oben in der Grundregel und gilt fuer jede Breite. Hier bleiben nur die
   Feinmasse: engere Polsterung und ein kleineres Zeichen, damit dem Text auf
   einem Telefon so viel Breite wie moeglich bleibt.                              */

/* Unterhalb von 768 px steht eine Karte je Reihe. Die Anordnung ist dieselbe wie
   oben - es wird nur etwas engere Polsterung und ein kleineres Zeichen gesetzt,
   damit dem Text mehr Breite bleibt. */
@media (max-width: 767px) {
  .cc-vergleich-symbol img {
    max-height: 40px;
  }

  .cc-vergleich-inhalt {
    padding: 1rem 1.15rem 1.1rem;
  }
}

@media (max-width: 400px) {
  .cc-schalter-text {
    font-size: 0.95rem;
  }

  .cc-vergleich-symbol {
    flex: 0 0 68px;
    width: 68px;
  }

  .cc-vergleich-symbol img {
    max-height: 34px;
  }
}

/*
 * CampConcept — additions and fixes for the Powermail contact forms:
 *   - the mailto generator's error box and fallback panel
 *   - the conditional "sonstiges" free-text field
 *   - consistent checkbox states
 *
 * Kept out of main.css so the Powermail form styling there (lines ~1538-1660)
 * stays untouched and the change is trivially revertible. Loaded after main.css,
 * which is why the checkbox overrides below can win.
 */

/* Validation messages. Inherits the existing .powermail-errors-list sizing from
   main.css; this only adds the surrounding box. */
.cc-mailto-errors {
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;
  border-left: 3px solid #d33;
  background: rgba(221, 51, 51, 0.08);
  max-width: 900px;
}

.cc-mailto-errors ul {
  margin: 0;
  padding-left: 1.2rem;
}

.cc-mailto-errors li + li {
  margin-top: 0.35rem;
}

/* Fallback panel for visitors with no mail client registered. */
.cc-mailto-fallback {
  margin-top: 2rem;
  padding: 1.5rem;
  border: 1px solid #666;
  max-width: 900px;
}

.cc-mailto-fallback-hint {
  font-size: 0.9em;
  margin-bottom: 1rem;
}

.cc-mailto-fallback-text {
  width: 100%;
  max-width: 100%;
  padding: 15px;
  font-size: 0.9em;
  font-family: inherit;
  line-height: 1.5;
  resize: vertical;
}

.cc-mailto-fallback-actions {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

/* main.css styles the submit button via
   `.powermail_fieldwrap input[type="submit"].btn-primary`, which does not match a
   <button> outside a fieldwrap — so the pill look is restated here. */
.cc-mailto-fallback .cc-mailto-copy {
  border: none;
  font-weight: 900;
  transition: all 0.3s ease;
  background: #00a0ab;
  color: #fff;
  border-radius: 50rem;
  padding: 0.75rem 2.5rem;
  font-size: 1em;
}

.cc-mailto-fallback .cc-mailto-copy:hover {
  background: #09777f;
}

.cc-mailto-copy-done {
  font-size: 0.85em;
  opacity: 0.85;
}

/* The schema block carries field titles for the JS and must never render, even if
   the browser ignores the `hidden` attribute because of a display rule. */
.cc-mailto-schema {
  display: none !important;
}

/* Conditional free-text field, revealed by the JS only while the "sonstiges" topic
   checkbox is ticked. Hidden by default so it never flashes into view on load. */
.powermail_fieldwrap.cc-topic-detail {
  display: none;
}

.powermail_fieldwrap.cc-topic-detail.cc-topic-detail-visible {
  display: block;
}

/*
 * Checkbox / radio state: fill only, no mark.
 *
 * Two separate problems were in play here:
 *
 *   1. main.css has
 *      `.powermail_fieldset input:focus { background: rgba(0,160,171,1)!important }`
 *      — written for text inputs, but it matched checkboxes too. A clicked checkbox
 *      went brand teal while focused, then fell back to Bootstrap's
 *      `.form-check-input:checked` blue (#0d6efd) once focus moved on.
 *
 *   2. That declaration is the `background:` SHORTHAND, which resets every
 *      sub-property it does not name — including background-image. So Bootstrap's
 *      tick SVG was suppressed while focused and reappeared on blur.
 *
 * Resolved by driving the state from the fill alone: white unchecked, brand green
 * checked, in every focus/hover combination, with no icon at any point. Bootstrap's
 * tick and radio-dot SVGs are forced off. The :focus variants are spelled out rather
 * than relying on load order so the cascade is unambiguous, and there is no
 * transition — the original complaint was a colour that changed over time.
 *
 * State remains programmatically exposed: these are still native checkboxes, so the
 * accessibility tree and screen-reader announcements are untouched. White vs #00a0ab
 * also differs strongly in luminance, so the states stay distinguishable without
 * relying on hue perception.
 */
.powermail_fieldset input[type="checkbox"],
.powermail_fieldset input[type="checkbox"]:focus,
.powermail_fieldset input[type="checkbox"]:hover,
.powermail_fieldset input[type="checkbox"]:checked,
.powermail_fieldset input[type="checkbox"]:checked:focus,
.powermail_fieldset input[type="checkbox"]:checked:hover,
.powermail_fieldset input[type="radio"],
.powermail_fieldset input[type="radio"]:focus,
.powermail_fieldset input[type="radio"]:hover,
.powermail_fieldset input[type="radio"]:checked,
.powermail_fieldset input[type="radio"]:checked:focus,
.powermail_fieldset input[type="radio"]:checked:hover {
  background-image: none !important;
  box-shadow: none !important;
  transition: none !important;
  filter: none !important;
}

.powermail_fieldset input[type="checkbox"],
.powermail_fieldset input[type="checkbox"]:focus,
.powermail_fieldset input[type="checkbox"]:hover,
.powermail_fieldset input[type="radio"],
.powermail_fieldset input[type="radio"]:focus,
.powermail_fieldset input[type="radio"]:hover {
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.35) !important;
}

.powermail_fieldset input[type="checkbox"]:checked,
.powermail_fieldset input[type="checkbox"]:checked:focus,
.powermail_fieldset input[type="checkbox"]:checked:hover,
.powermail_fieldset input[type="radio"]:checked,
.powermail_fieldset input[type="radio"]:checked:focus,
.powermail_fieldset input[type="radio"]:checked:hover {
  background-color: #00a0ab !important;
  border-color: #00a0ab !important;
}

/* Focus ring for keyboard users, without recolouring the box itself. */
.powermail_fieldset input[type="checkbox"]:focus-visible,
.powermail_fieldset input[type="radio"]:focus-visible {
  outline: 2px solid #00a0ab;
  outline-offset: 2px;
}