﻿/* Bootstrap */ /*
@charset "UTF-8";*/
/*!
* Start Bootstrap - Clean Blog v6.0.8 (https://startbootstrap.com/theme/clean-blog)
* Copyright 2013-2022 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-clean-blog/blob/master/LICENSE)
*/
/*!
 * Bootstrap v5.1.3 (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: #0085A1;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0085A1;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 0, 133, 161;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --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));
    /*--bs-body-font-family: Lora, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;*/
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --article-font-color: #000;
    --article-color: black;
    --blogpost-text: black;
    --sidemenu-line: black;
    --sidemenu-active: black;
    --sidemenu-color: black;
    --contact-color: black;
    --contact-font-color: black;
    --contact-line-color: black;
    --font-color: black;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

* {
    font-family: var(--bs-body-font-family);
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x: hidden !important;
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}

    hr:not([size]) {
        height: 1px;
    }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    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 + 0.9vw);
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem;
    }
}

h3, .h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75rem;
    }
}

h4, .h4 {
    font-size: calc(1.275rem + 0.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[title],
abbr[data-bs-original-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;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small, .small {
    font-size: 0.875em;
}

mark, .mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #212529;
    text-decoration: none;
}

    a:hover {
        color: #212529;
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }

pre,
code,
kbd,
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: 0.875em;
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
    }

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #212529;
}

    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: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: left;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

    button:focus:not(:focus-visible) {
        outline: 0;
    }

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
select {
    text-transform: none;
}

[role=button] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

    select:disabled {
        opacity: 1;
    }

[list]::-webkit-calendar-picker-indicator {
    display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

    button:not(:disabled),
    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled) {
        cursor: pointer;
    }

::-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: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}

legend + * {
    clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-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;
}

::-webkit-file-upload-button {
    font: inherit;
}

::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: 0.5rem;
    }

.initialism {
    font-size: 0.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: 0.875em;
    color: #6c757d;
}

    .blockquote-footer::before {
        content: "";
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 0.875em;
    color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.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%;
}

.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 {
        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%;
    }

    .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 {
        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%;
    }

    .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 {
        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%;
    }

    .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 {
        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%;
    }

    .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 {
        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-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: 0.5rem 0.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(:first-child) {
        border-top: 2px solid currentColor;
    }

.caption-top {
    caption-side: top;
}

.table-sm > :not(caption) > * > * {
    padding: 0.25rem 0.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-borderless > :not(:first-child) {
    border-top-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: #cce7ec;
    --bs-table-striped-bg: #c2dbe0;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #b8d0d4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bdd6da;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #b8d0d4;
}

.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: 0.5rem;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
}

.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #6c757d;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.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: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control[type=file] {
    overflow: hidden;
}

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

.form-control:focus {
    color: #212529;
    background-color: #fff;
    outline: 0;
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: var(--font-color);
    opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.form-control::-webkit-file-upload-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.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 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.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 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }

    .form-control::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3;
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3;
}

.form-control::-webkit-file-upload-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.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 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .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: 0.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-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

    .form-control-sm::-webkit-file-upload-button {
        padding: 0.25rem 0.5rem;
        margin: -0.25rem -0.5rem;
        -webkit-margin-end: 0.5rem;
        margin-inline-end: 0.5rem;
    }

    .form-control-sm::file-selector-button {
        padding: 0.25rem 0.5rem;
        margin: -0.25rem -0.5rem;
        -webkit-margin-end: 0.5rem;
        margin-inline-end: 0.5rem;
    }

    .form-control-sm::-webkit-file-upload-button {
        padding: 0.25rem 0.5rem;
        margin: -0.25rem -0.5rem;
        -webkit-margin-end: 0.5rem;
        margin-inline-end: 0.5rem;
    }

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
}

    .form-control-lg::-webkit-file-upload-button {
        padding: 0.5rem 1rem;
        margin: -0.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem;
    }

    .form-control-lg::file-selector-button {
        padding: 0.5rem 1rem;
        margin: -0.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem;
    }

    .form-control-lg::-webkit-file-upload-button {
        padding: 0.5rem 1rem;
        margin: -0.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem;
    }

textarea.form-control {
    min-height: calc(1.5em + 0.75rem + 2px);
}

textarea.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: 0.375rem;
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

    .form-control-color::-moz-color-swatch {
        height: 1.5em;
    }

    .form-control-color::-webkit-color-swatch {
        height: 1.5em;
    }

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.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 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}

.form-select:focus {
    outline: 0;
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 0.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: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em;
    }

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

    .form-check-input[type=radio] {
        border-radius: 50%;
    }

    .form-check-input:active {
        filter: brightness(90%);
    }

    .form-check-input:focus {
        outline: 0;
    }

    .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: #0085A1;
        border-color: #0085A1;
        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: 0.5;
    }

        .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
            opacity: 0.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;
        transition: background-position 0.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='%2380c2d0'/%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: 0.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 0.25rem rgba(0, 133, 161, 0.25);
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 133, 161, 0.25);
        }

    .form-range::-moz-focus-outer {
        border: 0;
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #0085A1;
        border: 0;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: #b3dae3;
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0085A1;
    border: 0;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: #b3dae3;
}

.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
}

.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: 4.5rem;
        line-height: 1.25;
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 1.25rem 0;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none;
    }
}

.form-floating > .form-control {
    padding: 1.25rem 0;
}

    .form-floating > .form-control::-moz-placeholder {
        color: transparent;
    }

    .form-floating > .form-control:-ms-input-placeholder {
        color: transparent;
    }

    .form-floating > .form-control::placeholder {
        color: transparent;
    }

    .form-floating > .form-control:not(:-moz-placeholder-shown) {
        padding-top: 2.125rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control:not(:-ms-input-placeholder) {
        padding-top: 2.125rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 2.125rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control:-webkit-autofill {
        padding-top: 2.125rem;
        padding-bottom: 0.625rem;
    }

.form-floating > .form-select {
    padding-top: 2.125rem;
    padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 0.65;
    transform: scale(0.65) translateY(-0.5rem) translateX(0rem);
}

.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
    opacity: 0.65;
    transform: scale(0.65) translateY(-0.5rem) translateX(0rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    opacity: 0.65;
    transform: scale(0.65) translateY(-0.5rem) translateX(0rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.65) translateY(-0.5rem) translateX(0rem);
}

.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: 0.375rem 0.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;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 3rem;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #198754;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(25, 135, 84, 0.9);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #198754;
    padding-right: calc(1.5em + 0.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(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #198754;
        box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
    border-color: #198754;
}

    .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-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 0.75rem center, center right 2.25rem;
        background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

    .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
        border-color: #198754;
        box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    }

.was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: #198754;
}

    .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
        background-color: #198754;
    }

    .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
        box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    }

    .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
        color: #198754;
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
    z-index: 1;
}

    .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
    .was-validated .input-group .form-select:valid:focus,
    .input-group .form-select.is-valid:focus {
        z-index: 3;
    }

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
    border-color: #dc3545;
}

    .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-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 0.75rem center, center right 2.25rem;
        background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

    .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    }

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: #dc3545;
}

    .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
        background-color: #dc3545;
    }

    .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    }

    .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
        color: #dc3545;
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
    z-index: 2;
}

    .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
    .was-validated .input-group .form-select:invalid:focus,
    .input-group .form-select.is-invalid:focus {
        z-index: 3;
    }

.btn {
    display: inline-block;
    font-weight: 800;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 1rem 1.75rem;
    font-size: 0.875rem;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #212529;
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 133, 161, 0.25);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
}

.btn-primary {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: #fff;
        background-color: #007189;
        border-color: #006a81;
        box-shadow: 0 0 0 0.25rem rgba(38, 151, 175, 0.5);
    }

    .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #006a81;
        border-color: #006479;
    }

        .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(38, 151, 175, 0.5);
        }

    .btn-primary:disabled, .btn-primary.disabled {
        color: #fff;
        background-color: #0085A1;
        border-color: #0085A1;
    }

.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 0.25rem rgba(130, 138, 145, 0.5);
    }

    .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #565e64;
        border-color: #51585e;
    }

        .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.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 0.25rem rgba(60, 153, 110, 0.5);
    }

    .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #146c43;
        border-color: #13653f;
    }

        .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.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 0.25rem rgba(11, 172, 204, 0.5);
    }

    .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
        color: #000;
        background-color: #3dd5f3;
        border-color: #25cff2;
    }

        .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.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 0.25rem rgba(217, 164, 6, 0.5);
    }

    .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
        color: #000;
        background-color: #ffcd39;
        border-color: #ffc720;
    }

        .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.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 0.25rem rgba(225, 83, 97, 0.5);
    }

    .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #b02a37;
        border-color: #a52834;
    }

        .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.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 0.25rem rgba(211, 212, 213, 0.5);
    }

    .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
        color: #000;
        background-color: #f9fafb;
        border-color: #f9fafb;
    }

        .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.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 0.25rem rgba(66, 70, 73, 0.5);
    }

    .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1a1e21;
        border-color: #191c1f;
    }

        .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
        }

    .btn-dark:disabled, .btn-dark.disabled {
        color: #fff;
        background-color: #212529;
        border-color: #212529;
    }

.btn-outline-primary {
    color: #0085A1;
    border-color: #0085A1;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0085A1;
        border-color: #0085A1;
    }

    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.25rem rgba(0, 133, 161, 0.5);
    }

    .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
        color: #fff;
        background-color: #0085A1;
        border-color: #0085A1;
    }

        .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(0, 133, 161, 0.5);
        }

    .btn-outline-primary:disabled, .btn-outline-primary.disabled {
        color: #0085A1;
        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 0.25rem rgba(108, 117, 125, 0.5);
    }

    .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.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 0.25rem rgba(25, 135, 84, 0.5);
    }

    .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
        color: #fff;
        background-color: #198754;
        border-color: #198754;
    }

        .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.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 0.25rem rgba(13, 202, 240, 0.5);
    }

    .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
        color: #000;
        background-color: #0dcaf0;
        border-color: #0dcaf0;
    }

        .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.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 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
        color: #000;
        background-color: #ffc107;
        border-color: #ffc107;
    }

        .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.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 0.25rem rgba(220, 53, 69, 0.5);
    }

    .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.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 0.25rem rgba(248, 249, 250, 0.5);
    }

    .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
        color: #000;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

        .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.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 0.25rem rgba(33, 37, 41, 0.5);
    }

    .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
        color: #fff;
        background-color: #212529;
        border-color: #212529;
    }

        .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
        }

    .btn-outline-dark:disabled, .btn-outline-dark.disabled {
        color: #212529;
        background-color: transparent;
    }

.btn-link {
    font-weight: 400;
    color: #212529;
    text-decoration: none;
}

    .btn-link:hover {
        color: #0085A1;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none;
    }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .dropdown-toggle:empty::after {
        margin-left: 0;
    }

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.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, 0.15);
}

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: 0.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: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.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: 0.125rem;
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropstart .dropdown-toggle::after {
    display: none;
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    color: var(--link-font-color) !important;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #1e2125;
        background-color: var(--child-link-hover-bg-color) !important;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: var(--child-link-active-bg-color) !important;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1rem;
    color: #212529;
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0, 0, 0, 0.15);
}

    .dropdown-menu-dark .dropdown-item {
        color: #dee2e6;
    }

        .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.15);
        }

        .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
            color: #fff;
            background-color: #0085A1;
        }

        .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, 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 > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto;
    }

        .btn-group > .btn-check:checked + .btn,
        .btn-group > .btn-check:focus + .btn,
        .btn-group > .btn:hover,
        .btn-group > .btn:focus,
        .btn-group > .btn:active,
        .btn-group > .btn.active,
        .btn-group-vertical > .btn-check:checked + .btn,
        .btn-group-vertical > .btn-check:focus + .btn,
        .btn-group-vertical > .btn:hover,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 1;
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}

.dropdown-toggle-split {
    padding-right: 1.3125rem;
    padding-left: 1.3125rem;
}

    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
        margin-left: 0;
    }

.dropstart .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .btn-group-vertical > .btn,
    .btn-group-vertical > .btn-group {
        width: 100%;
    }

        .btn-group-vertical > .btn:not(:first-child),
        .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px;
        }

/*************/

/* navigation */

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #212529;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link:hover, .nav-link:focus {
    color: #0085A1;
}

.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: none;
        border: 1px solid transparent;
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6;
            isolation: isolate;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
    }

.nav-pills .nav-link {
    background: none;
    border: 0;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #0085A1;
    }

.nav-fill > .nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

    .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;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .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;
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
        }

        .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: 0.5rem;
}

.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link + .card-link {
    margin-left: 1rem;
}

.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer {
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%;
}

.card-group > .card {
    margin-bottom: 0.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;
            }
}

/*************/
/* accordion */
.accordion {
    padding: var(--padding);
    margin: var(--margin);
    background-color: var(--bg-color) !important;
    background-image: var(--bg-image) !important;
}

.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;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}

.accordion-button:not(.collapsed) {
    color: #007891;
    background-color: #e6f3f6;
    box-shadow: inset 0 -1px 0 rgba(0, 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='%23007891'%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 0.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;
    outline: 0;
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .accordion-item:not(:first-of-type) {
        border-top: 0;
    }

.accordion-body {
    padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
}

    .accordion-flush .accordion-item:first-child {
        border-top: 0;
    }

    .accordion-flush .accordion-item:last-child {
        border-bottom: 0;
    }

.accordion-header > .accordion-button {
    background-color: var(--header-bg-color);
    color: var(--color-collapse-expand-icon);
}

.accordion-header > [aria-expanded = "true"] {
    background-color: var(--header-bg-color-expanded);
}



.accordion-header {
    border: var(--header-border-thickness) solid var(--header-border-color);
}

.accordion-item > .accordion-collapse {
    background-color: white;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: none;
}

.accordion-button::after {
    background-image: none;
    transform: rotate(180deg);
}

.accordion-button:not(.collapsed)::before {
    background-image: none;
    transform: none;
}

.accordion-button::before {
    transform: rotate(180deg);
    margin-right: 10px;
}
/*************/

/*************/
/* breadcrumb */
.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--alignment) !important;
    align-items: center;
}

.breadcrumb-link {
    color: var(--font-color) !important;
    font-size: var(--font-size) !important;
}

.breadcrumb-current-page {
    color: var(--font-hover-color) !important;
    font-size: var(--font-size) !important;
}

.breadcrumb-separator {
    color: var(--font-color) !important;
    font-size: var(--font-size) !important;
}

.breadcrumb-link:hover {
    color: var(--font-hover-color) !important;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: 0.5rem;
        color: #6c757d;
        content: var(--bs-breadcrumb-divider, "/");
    }

.breadcrumb-item.active {
    color: #6c757d;
}
/*************/

/*************/
/* pagination */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    position: relative;
    display: block;
    color: #212529;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none;
    }
}

.page-link:hover {
    z-index: 2;
    color: #0085A1;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    color: #0085A1;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 133, 161, 0.25);
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0085A1;
    border-color: #0085A1;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-link {
    padding: 0.375rem 0.75rem;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}
/*************/

.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.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: #005061;
    background-color: #cce7ec;
    border-color: #b3dae3;
}

    .alert-primary .alert-link {
        color: #00404e;
    }

.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: #087990;
    background-color: #cff4fc;
    border-color: #b6effb;
}

    .alert-info .alert-link {
        color: #066173;
    }

.alert-warning {
    color: #997404;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

    .alert-warning .alert-link {
        color: #7a5d03;
    }

.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: 0.75rem;
    background-color: #e9ecef;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0085A1;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    -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;
}

.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:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #212529;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .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: #0085A1;
        border-color: #0085A1;
    }

    .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.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.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.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.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.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.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 > .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: #005061;
    background-color: #cce7ec;
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #005061;
        background-color: #b8d0d4;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #005061;
        border-color: #005061;
    }

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5;
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        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:hover, .list-group-item-success.list-group-item-action:focus {
        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: #087990;
    background-color: #cff4fc;
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #087990;
        background-color: #badce3;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #087990;
        border-color: #087990;
    }

.list-group-item-warning {
    color: #997404;
    background-color: #fff3cd;
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #997404;
        background-color: #e6dbb9;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #997404;
        border-color: #997404;
    }

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da;
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        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:hover, .list-group-item-light.list-group-item-action:focus {
        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:hover, .list-group-item-dark.list-group-item-action:focus {
        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: 0.25em 0.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;
    opacity: 0.5;
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: 0.75;
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(0, 133, 161, 0.25);
        opacity: 1;
    }

    .btn-close:disabled, .btn-close.disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: 0.25;
    }

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

    .toast.showing {
        opacity: 0;
    }

    .toast:not(.show) {
        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: 0.75rem;
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

    .toast-header .btn-close {
        margin-right: -0.375rem;
        margin-left: 0.75rem;
    }

.toast-body {
    padding: 0.75rem;
    word-wrap: break-word;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    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, 0.2);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: 1050;*/
    width: 100vw;
    height: 100vh;
    background-color: #10000036;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
}

    .modal-header .btn-close {
        padding: 0.5rem 0.5rem;
        margin: -0.5rem -0.5rem -0.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: 0.75rem;
    border-top: 1px solid #dee2e6;
}

    .modal-footer > * {
        margin: 0.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;
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto;
    }

@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;
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto;
        }
}

@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;
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto;
        }
}

@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;
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto;
        }
}

@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;
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto;
        }
}

@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;
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto;
        }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .tooltip-arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
    padding: 0.4rem 0;
}

    .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
        bottom: 0;
    }

        .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
            top: -1px;
            border-width: 0.4rem 0.4rem 0;
            border-top-color: #000;
        }

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
    padding: 0 0.4rem;
}

    .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
            right: -1px;
            border-width: 0.4rem 0.4rem 0.4rem 0;
            border-right-color: #000;
        }

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
    padding: 0.4rem 0;
}

    .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
        top: 0;
    }

        .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
            bottom: -1px;
            border-width: 0 0.4rem 0.4rem;
            border-bottom-color: #000;
        }

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
    padding: 0 0.4rem;
}

    .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
            left: -1px;
            border-width: 0.4rem 0 0.4rem 0.4rem;
            border-left-color: #000;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

    .popover .popover-arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
    }

        .popover .popover-arrow::before, .popover .popover-arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
    bottom: calc(-0.5rem - 1px);
}

    .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
        bottom: 0;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        bottom: 1px;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: #fff;
    }

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}

    .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
        left: 0;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        left: 1px;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: #fff;
    }

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
    top: calc(-0.5rem - 1px);
}

    .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
        top: 0;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        top: 1px;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: #fff;
    }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}

    .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
        right: 0;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        right: 1px;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #fff;
    }

.popover-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: 1rem 1rem;
    color: #212529;
}

/*************/
/* carousel */
.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 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: flex;
    justify-content: center;
}

    .carousel-item-next:not(.carousel-item-start),
    .active.carousel-item-end {
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start {
        transform: translateX(-100%);
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-start,
    .carousel-fade .carousel-item-prev.carousel-item-end {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 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: 0.5;
        transition: opacity 0.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-prev-icon,
.carousel-dark .carousel-control-next-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: -0.125em;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: 0.75s linear infinite spinner-border;
    animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.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: -0.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: 0.75s linear infinite spinner-grow;
    animation: 0.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: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none;
    }
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .offcanvas-backdrop.fade {
        opacity: 0;
    }

    .offcanvas-backdrop.show {
        opacity: 0.5;
    }

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
}

    .offcanvas-header .btn-close {
        padding: 0.5rem 0.5rem;
        margin-top: -0.5rem;
        margin-right: -0.5rem;
        margin-bottom: -0.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, 0.2);
    transform: translateX(-100%);
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 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, 0.2);
    transform: translateY(-100%);
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateY(100%);
}

.offcanvas.show {
    transform: none;
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: 0.5;
}

    .placeholder.btn::before {
        display: inline-block;
        content: "";
    }

.placeholder-xs {
    min-height: 0.6em;
}

.placeholder-sm {
    min-height: 0.8em;
}

.placeholder-lg {
    min-height: 1.2em;
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite;
}

@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.link-primary {
    color: #0085A1;
}

    .link-primary:hover, .link-primary:focus {
        color: #006a81;
    }

.link-secondary {
    color: #6c757d;
}

    .link-secondary:hover, .link-secondary:focus {
        color: #565e64;
    }

.link-success {
    color: #198754;
}

    .link-success:hover, .link-success:focus {
        color: #146c43;
    }

.link-info {
    color: #0dcaf0;
}

    .link-info:hover, .link-info:focus {
        color: #3dd5f3;
    }

.link-warning {
    color: #ffc107;
}

    .link-warning:hover, .link-warning:focus {
        color: #ffcd39;
    }

.link-danger {
    color: #dc3545;
}

    .link-danger:hover, .link-danger:focus {
        color: #b02a37;
    }

.link-light {
    color: #f8f9fa;
}

    .link-light:hover, .link-light:focus {
        color: #f9fafb;
    }

.link-dark {
    color: #212529;
}

    .link-dark:hover, .link-dark:focus {
        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: 75%;
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
}

.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;
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
}

.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;
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: 0.25;
}

.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;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !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 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 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: #0085A1 !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: 0.25rem !important;
}

.gap-2 {
    gap: 0.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: 0.25rem !important;
}

.m-2 {
    margin: 0.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: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.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: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.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: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.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: 0.25rem !important;
}

.me-2 {
    margin-right: 0.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: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.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: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.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: 0.25rem !important;
}

.p-2 {
    padding: 0.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: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.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: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.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: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.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: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.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: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.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: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.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 + 0.9vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
    font-size: calc(1.275rem + 0.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 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important;
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}

.text-opacity-25 {
    --bs-text-opacity: 0.25;
}

.text-opacity-50 {
    --bs-text-opacity: 0.5;
}

.text-opacity-75 {
    --bs-text-opacity: 0.75;
}

.text-opacity-100 {
    --bs-text-opacity: 1;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
    --bs-bg-opacity: 1;
}

.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;
    -ms-user-select: auto !important;
    user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.pe-none {
    pointer-events: none !important;
}

.pe-auto {
    pointer-events: auto !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.2rem !important;
}

.rounded-2 {
    border-radius: 0.25rem !important;
}

.rounded-3 {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.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: 0.25rem !important;
    }

    .gap-sm-2 {
        gap: 0.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: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.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: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.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: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.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: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.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: 0.25rem !important;
    }

    .me-sm-2 {
        margin-right: 0.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: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.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: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.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: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.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: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.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: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.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: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.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: 0.25rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.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: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.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: 0.25rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.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: 0.25rem !important;
    }

    .gap-md-2 {
        gap: 0.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: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.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: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.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: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.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: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.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: 0.25rem !important;
    }

    .me-md-2 {
        margin-right: 0.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: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.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: 0.25rem !important;
    }

    .ms-md-2 {
        margin-left: 0.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: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.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: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.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: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.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: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.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: 0.25rem !important;
    }

    .pe-md-2 {
        padding-right: 0.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: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.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: 0.25rem !important;
    }

    .ps-md-2 {
        padding-left: 0.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: 0.25rem !important;
    }

    .gap-lg-2 {
        gap: 0.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: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.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: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.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: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.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: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.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: 0.25rem !important;
    }

    .me-lg-2 {
        margin-right: 0.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: 0.25rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.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: 0.25rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.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: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.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: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.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: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.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: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.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: 0.25rem !important;
    }

    .pe-lg-2 {
        padding-right: 0.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: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.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: 0.25rem !important;
    }

    .ps-lg-2 {
        padding-left: 0.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: 0.25rem !important;
    }

    .gap-xl-2 {
        gap: 0.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: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.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: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.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: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.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: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.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: 0.25rem !important;
    }

    .me-xl-2 {
        margin-right: 0.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: 0.25rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.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: 0.25rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.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: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.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: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.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: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.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: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.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: 0.25rem !important;
    }

    .pe-xl-2 {
        padding-right: 0.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: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.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: 0.25rem !important;
    }

    .ps-xl-2 {
        padding-left: 0.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: 0.25rem !important;
    }

    .gap-xxl-2 {
        gap: 0.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: 0.25rem !important;
    }

    .m-xxl-2 {
        margin: 0.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: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.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: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.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: 0.25rem !important;
    }

    .mt-xxl-2 {
        margin-top: 0.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: 0.25rem !important;
    }

    .me-xxl-2 {
        margin-right: 0.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: 0.25rem !important;
    }

    .mb-xxl-2 {
        margin-bottom: 0.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: 0.25rem !important;
    }

    .ms-xxl-2 {
        margin-left: 0.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: 0.25rem !important;
    }

    .p-xxl-2 {
        padding: 0.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: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.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: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.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: 0.25rem !important;
    }

    .pt-xxl-2 {
        padding-top: 0.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: 0.25rem !important;
    }

    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xxl-3 {
        padding-right: 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: 0.25rem !important;
    }

    .ps-xxl-2 {
        padding-left: 0.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;
    }
}


hr {
    background-color: #dee2e6;
    opacity: 1;
}

p {
    margin: 2rem 0;
}

    p a {
        text-decoration: underline;
    }

blockquote {
    font-style: italic;
    color: #6c757d;
}

.btn {
    letter-spacing: 0.0625em;
}

.form-floating input,
.form-floating textarea {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

    .form-floating input:focus,
    .form-floating textarea:focus {
        box-shadow: none;
    }

.form-floating label {
    color: #6c757d;
}

header.masthead {
    position: relative;
    margin-bottom: 3rem;
    padding-top: calc(8rem + 57px);
    padding-bottom: 8rem;
    background: no-repeat center center;
    background-color: #6c757d;
    background-size: cover;
    background-attachment: scroll;
}

    header.masthead:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #212529;
        opacity: 0.5;
    }

    header.masthead .page-heading,
    header.masthead .post-heading,
    header.masthead .site-heading {
        color: #fff;
    }

    header.masthead .page-heading,
    header.masthead .site-heading {
        text-align: center;
    }

        header.masthead .page-heading h1, header.masthead .page-heading .h1,
        header.masthead .site-heading h1,
        header.masthead .site-heading .h1 {
            font-size: 3rem;
        }

        header.masthead .page-heading .subheading,
        header.masthead .site-heading .subheading {
            font-size: 1.5rem;
            font-weight: 300;
            line-height: 1.1;
            display: block;
            margin-top: 0.625rem;
        }

    header.masthead .post-heading h1, header.masthead .post-heading .h1 {
        font-size: 2.25rem;
    }

    header.masthead .post-heading .meta,
    header.masthead .post-heading .subheading {
        line-height: 1.1;
        display: block;
    }

    header.masthead .post-heading .subheading {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0.75rem 0 2rem;
    }

    header.masthead .post-heading .meta {
        font-size: 1.25rem;
        font-weight: 300;
        font-style: italic;
    }

        header.masthead .post-heading .meta a {
            color: #fff;
        }

@media (min-width: 992px) {
    header.masthead {
        padding-top: 12.5rem;
        padding-bottom: 12.5rem;
    }

        header.masthead .page-heading h1, header.masthead .page-heading .h1,
        header.masthead .site-heading h1,
        header.masthead .site-heading .h1 {
            font-size: 5rem;
        }

        header.masthead .post-heading h1, header.masthead .post-heading .h1 {
            font-size: 3.5rem;
        }

        header.masthead .post-heading .subheading {
            font-size: 1.875rem;
        }
}

.section-heading {
    font-size: 2.25rem;
    font-weight: 700;
    margin-top: 3.75rem;
}

.caption {
    font-size: 0.875rem;
    font-style: italic;
    display: block;
    margin: 0;
    padding: 0.625rem;
    text-align: center;
}

.post-preview > a {
    color: #212529;
}

    .post-preview > a:focus, .post-preview > a:hover {
        text-decoration: none;
        color: #0085A1;
    }

    .post-preview > a > .post-title {
        font-size: 1.875rem;
        margin-top: 1.875rem;
        margin-bottom: 0.625rem;
    }

    .post-preview > a > .post-subtitle {
        font-weight: 300;
        margin-bottom: 0.625rem;
    }

.post-preview > .post-meta {
    font-size: 1.125rem;
    font-style: italic;
    margin-top: 0;
    color: #6c757d;
}

    .post-preview > .post-meta > a {
        text-decoration: none;
    }

@media (min-width: 992px) {
    .post-preview > a > .post-title {
        font-size: 2.25rem;
    }
}

/******************************/

/* CanvasIcon */

/* Icons */

@font-face {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(../assets/fonts/helveticons/helveticons.eot);
    src: url(../assets/fonts/helveticons/helveticons.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/helveticons/helveticons.ttf) format("truetype"),url(../assets/fonts/helveticons/helveticons.svg#icomoon) format("svg")
}

[class*=" icon-"], [class^=icon-] {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

    [class*=" icon-"]:before, [class^=icon-]:before {
        speak: none;
        display: inline-block;
        text-decoration: inherit
    }

i.large {
    font-size: 32px
}

i.medium {
    font-size: 24px
}

i.small {
    font-size: 14px
}

.icon-zoom-out:before {
    content: "\e000"
}

.icon-truck:before {
    content: "\e001"
}

.icon-zoom-in:before {
    content: "\e002"
}

.icon-zip:before {
    content: "\e003"
}

.icon-axis-rotation:before {
    content: "\e004"
}

.icon-yen-bag:before {
    content: "\e005"
}

.icon-axis-rotation-2:before {
    content: "\e006"
}

.icon-axis-rotation-3:before {
    content: "\e007"
}

.icon-wrench:before {
    content: "\e008"
}

.icon-wine-glass:before {
    content: "\e009"
}

.icon-wrong:before {
    content: "\e00a"
}

.icon-windows:before {
    content: "\e00b"
}

.icon-window-sizes:before {
    content: "\e00c"
}

.icon-window-popin:before {
    content: "\e00d"
}

.icon-wifi:before {
    content: "\e00e"
}

.icon-width:before {
    content: "\e00f"
}

.icon-weight:before {
    content: "\e010"
}

.icon-war:before {
    content: "\e011"
}

.icon-wand:before {
    content: "\e012"
}

.icon-wallet:before {
    content: "\e013"
}

.icon-wall-plug:before {
    content: "\e014"
}

.icon-voice:before {
    content: "\e016"
}

.icon-video:before {
    content: "\e017"
}

.icon-vcard:before {
    content: "\e018"
}

.icon-utilities:before {
    content: "\e019"
}

.icon-users:before {
    content: "\e01a"
}

.icon-users-alt:before {
    content: "\e01b"
}

.icon-user:before {
    content: "\e01c"
}

.icon-user-glasses:before {
    content: "\e01d"
}

.icon-user-females:before {
    content: "\e01e"
}

.icon-user-females-alt:before {
    content: "\e01f"
}

.icon-user-female:before {
    content: "\e020"
}

.icon-usb:before {
    content: "\e021"
}

.icon-usb-connector:before {
    content: "\e022"
}

.icon-unlocked:before {
    content: "\e023"
}

.icon-universal:before {
    content: "\e024"
}

.icon-undo:before {
    content: "\e025"
}

.icon-umbrella:before {
    content: "\e026"
}

.icon-umb-deploy:before {
    content: "\e027"
}

.icon-umb-contour:before, .traycontour:before {
    content: "\e028"
}

.icon-umb-settings:before, .traysettings:before {
    content: "\e029"
}

.icon-umb-users:before, .trayuser:before, .trayusers:before {
    content: "\e02a"
}

.icon-umb-media:before, .traymedia:before {
    content: "\e02b"
}

.icon-umb-content:before, .traycontent:before {
    content: "\e02c"
}

.icon-umb-developer:before, .traydeveloper:before {
    content: "\e02d"
}

.icon-umb-members:before, .traymember:before {
    content: "\e015"
}

.icon-umb-translation:before, .traytranslation:before {
    content: "\e1fd"
}

.icon-tv:before {
    content: "\e02e"
}

.icon-tv-old:before {
    content: "\e02f"
}

.icon-trophy:before {
    content: "\e030"
}

.icon-tree:before {
    content: "\e031"
}

.icon-trash:before {
    content: "\e032"
}

.icon-trash-alt:before {
    content: "\e033"
}

.icon-trash-alt-2:before {
    content: "\e034"
}

.icon-train:before {
    content: "\e035"
}

.icon-traffic:before, .icon-trafic:before {
    content: "\e036"
}

.icon-traffic-alt:before {
    content: "\e037"
}

.icon-top:before {
    content: "\e038"
}

.icon-tools:before {
    content: "\e039"
}

.icon-timer:before {
    content: "\e03a"
}

.icon-time:before {
    content: "\e03b"
}

.icon-t-shirt:before {
    content: "\e03c"
}

.icon-tab-key:before {
    content: "\e03d"
}

.icon-tab:before {
    content: "\e03e"
}

.icon-tactics:before {
    content: "\e03f"
}

.icon-tag:before {
    content: "\e040"
}

.icon-tags:before {
    content: "\e041"
}

.icon-takeaway-cup:before {
    content: "\e042"
}

.icon-target:before {
    content: "\e043"
}

.icon-temperatrure-alt:before, .icon-temperature-alt:before {
    content: "\e044"
}

.icon-temperature:before {
    content: "\e045"
}

.icon-terminal:before {
    content: "\e046"
}

.icon-theater:before {
    content: "\e047"
}

.icon-theif:before, .icon-thief:before {
    content: "\e048"
}

.icon-thought-bubble:before {
    content: "\e049"
}

.icon-thumb-down:before {
    content: "\e04a"
}

.icon-thumb-up:before {
    content: "\e04b"
}

.icon-thumbnail-list:before {
    content: "\e04c"
}

.icon-thumbnails-small:before {
    content: "\e04d"
}

.icon-thumbnails:before {
    content: "\e04e"
}

.icon-ticket:before {
    content: "\e04f"
}

.icon-sync:before {
    content: "\e050"
}

.icon-sweatshirt:before {
    content: "\e051"
}

.icon-sunny:before {
    content: "\e052"
}

.icon-stream:before {
    content: "\e053"
}

.icon-store:before {
    content: "\e054"
}

.icon-stop:before {
    content: "\e055"
}

.icon-stop-hand:before {
    content: "\e056"
}

.icon-stop-alt:before {
    content: "\e057"
}

.icon-stamp:before {
    content: "\e058"
}

.icon-stacked-disks:before {
    content: "\e059"
}

.icon-ssd:before {
    content: "\e05a"
}

.icon-squiggly-line:before {
    content: "\e05b"
}

.icon-sprout:before {
    content: "\e05c"
}

.icon-split:before {
    content: "\e05d"
}

.icon-split-alt:before {
    content: "\e05e"
}

.icon-speed-gauge:before {
    content: "\e05f"
}

.icon-speaker:before {
    content: "\e060"
}

.icon-sound:before {
    content: "\e061"
}

.icon-spades:before {
    content: "\e062"
}

.icon-sound-waves:before {
    content: "\e063"
}

.icon-shipping-box:before {
    content: "\e064"
}

.icon-shipping:before {
    content: "\e065"
}

.icon-shoe:before {
    content: "\e066"
}

.icon-shopping-basket-alt-2:before {
    content: "\e067"
}

.icon-shopping-basket:before {
    content: "\e068"
}

.icon-shopping-basket-alt:before {
    content: "\e069"
}

.icon-shorts:before {
    content: "\e06a"
}

.icon-shuffle:before {
    content: "\e06b"
}

.icon-science:before, .icon-sience:before {
    content: "\e06c"
}

.icon-simcard:before {
    content: "\e06d"
}

.icon-single-note:before {
    content: "\e06e"
}

.icon-sitemap:before {
    content: "\e06f"
}

.icon-sleep:before {
    content: "\e070"
}

.icon-slideshow:before {
    content: "\e071"
}

.icon-smiley-inverted:before {
    content: "\e072"
}

.icon-smiley:before {
    content: "\e073"
}

.icon-snow:before {
    content: "\e074"
}

.icon-sound-low:before {
    content: "\e075"
}

.icon-sound-medium:before {
    content: "\e076"
}

.icon-sound-off:before {
    content: "\e077"
}

.icon-shift:before {
    content: "\e078"
}

.icon-shield:before {
    content: "\e079"
}

.icon-sharing-iphone:before {
    content: "\e07a"
}

.icon-share:before {
    content: "\e07b"
}

.icon-share-alt:before {
    content: "\e07c"
}

.icon-share-alt-2:before {
    content: "\e07d"
}

.icon-settings:before {
    content: "\e07e"
}

.icon-settings-alt:before {
    content: "\e07f"
}

.icon-settings-alt-2:before {
    content: "\e080"
}

.icon-server:before {
    content: "\e081"
}

.icon-server-alt:before {
    content: "\e082"
}

.icon-sensor:before {
    content: "\e083"
}

.icon-security-camera:before {
    content: "\e084"
}

.icon-search:before {
    content: "\e085"
}

.icon-scull:before {
    content: "\e086"
}

.icon-script:before {
    content: "\e087"
}

.icon-script-alt:before {
    content: "\e088"
}

.icon-screensharing:before {
    content: "\e089"
}

.icon-school:before {
    content: "\e08a"
}

.icon-scan:before {
    content: "\e08b"
}

.icon-refresh:before {
    content: "\e08c"
}

.icon-remote:before {
    content: "\e08d"
}

.icon-remove:before {
    content: "\e08e"
}

.icon-repeat-one:before {
    content: "\e08f"
}

.icon-repeat:before {
    content: "\e090"
}

.icon-resize:before {
    content: "\e091"
}

.icon-reply-arrow:before {
    content: "\e092"
}

.icon-return-to-top:before {
    content: "\e093"
}

.icon-right-double-arrow:before {
    content: "\e094"
}

.icon-road:before {
    content: "\e095"
}

.icon-roadsign:before {
    content: "\e096"
}

.icon-rocket:before {
    content: "\e097"
}

.icon-rss:before {
    content: "\e098"
}

.icon-ruler-alt:before {
    content: "\e099"
}

.icon-ruler:before {
    content: "\e09a"
}

.icon-sandbox-toys:before {
    content: "\e09b"
}

.icon-satellite-dish:before {
    content: "\e09c"
}

.icon-save:before {
    content: "\e09d"
}

.icon-safedial:before {
    content: "\e09e"
}

.icon-safe:before {
    content: "\e09f"
}

.icon-redo:before {
    content: "\e0a0"
}

.icon-printer-alt:before {
    content: "\e0a1"
}

.icon-planet:before {
    content: "\e0a2"
}

.icon-paste-in:before {
    content: "\e0a3"
}

.icon-os-x:before {
    content: "\e0a4"
}

.icon-navigation-left:before {
    content: "\e0a5"
}

.icon-message:before {
    content: "\e0a6"
}

.icon-lock:before {
    content: "\e0a7"
}

.icon-layers-alt:before {
    content: "\e0a8"
}

.icon-record:before {
    content: "\e0a9"
}

.icon-print:before {
    content: "\e0aa"
}

.icon-plane:before {
    content: "\e0ab"
}

.icon-partly-cloudy:before {
    content: "\e0ac"
}

.icon-ordered-list:before {
    content: "\e0ad"
}

.icon-navigation-last:before {
    content: "\e0ae"
}

.icon-message-unopened:before {
    content: "\e0af"
}

.icon-location-nearby:before {
    content: "\e0b0"
}

.icon-laptop:before {
    content: "\e0b1"
}

.icon-reception:before {
    content: "\e0b2"
}

.icon-price-yen:before {
    content: "\e0b3"
}

.icon-piracy:before {
    content: "\e0b4"
}

.icon-parental-control:before {
    content: "\e0b5"
}

.icon-operator:before {
    content: "\e0b6"
}

.icon-navigation-horizontal:before {
    content: "\e0b7"
}

.icon-message-open:before {
    content: "\e0b8"
}

.icon-lab:before {
    content: "\e0b9"
}

.icon-location-near-me:before {
    content: "\e0ba"
}

.icon-receipt-yen:before {
    content: "\e0bb"
}

.icon-price-pound:before {
    content: "\e0bc"
}

.icon-pin-location:before {
    content: "\e0bd"
}

.icon-parachute-drop:before {
    content: "\e0be"
}

.icon-old-phone:before {
    content: "\e0bf"
}

.icon-merge:before {
    content: "\e0c0"
}

.icon-navigation-first:before {
    content: "\e0c1"
}

.icon-locate:before {
    content: "\e0c2"
}

.icon-keyhole:before {
    content: "\e0c3"
}

.icon-receipt-pound:before {
    content: "\e0c4"
}

.icon-price-euro:before {
    content: "\e0c5"
}

.icon-piggy-bank:before {
    content: "\e0c6"
}

.icon-paper-plane:before {
    content: "\e0c7"
}

.icon-old-key:before {
    content: "\e0c8"
}

.icon-navigation-down:before {
    content: "\e0c9"
}

.icon-megaphone:before {
    content: "\e0ca"
}

.icon-loading:before {
    content: "\e0cb"
}

.icon-keychain:before {
    content: "\e0cc"
}

.icon-receipt-euro:before {
    content: "\e0cd"
}

.icon-price-dollar:before {
    content: "\e0ce"
}

.icon-pie-chart:before {
    content: "\e0cf"
}

.icon-paper-plane-alt:before {
    content: "\e0d0"
}

.icon-notepad:before {
    content: "\e0d1"
}

.icon-navigation-bottom:before {
    content: "\e0d2"
}

.icon-meeting:before {
    content: "\e0d3"
}

.icon-keyboard:before {
    content: "\e0d4"
}

.icon-load:before {
    content: "\e0d5"
}

.icon-receipt-dollar:before {
    content: "\e0d6"
}

.icon-previous:before {
    content: "\e0d7"
}

.icon-pictures:before {
    content: "\e0d8"
}

.icon-notepad-alt:before {
    content: "\e0d9"
}

.icon-paper-bag:before {
    content: "\e0da"
}

.icon-badge:before {
    content: "\e0db"
}

.icon-medicine:before {
    content: "\e0dc"
}

.icon-list:before {
    content: "\e0dd"
}

.icon-key:before {
    content: "\e0de"
}

.icon-receipt-alt:before {
    content: "\e0df"
}

.icon-previous-media:before {
    content: "\e0e0"
}

.icon-pictures-alt:before {
    content: "\e0e1"
}

.icon-pants:before {
    content: "\e0e2"
}

.icon-nodes:before {
    content: "\e0e3"
}

.icon-music:before {
    content: "\e0e4"
}

.icon-readonly:before {
    content: "\e0e5"
}

.icon-presentation:before {
    content: "\e0e6"
}

.icon-pictures-alt-2:before {
    content: "\e0e7"
}

.icon-panel-close:before, .icon-pannel-close:before {
    content: "\e0e8"
}

.icon-next:before {
    content: "\e0e9"
}

.icon-multiple-windows:before {
    content: "\e0ea"
}

.icon-medical-emergency:before {
    content: "\e0eb"
}

.icon-medal:before {
    content: "\e0ec"
}

.icon-link:before {
    content: "\e0ed"
}

.icon-linux-tux:before {
    content: "\e0ee"
}

.icon-junk:before {
    content: "\e0ef"
}

.icon-item-arrangement:before {
    content: "\e0f0"
}

.icon-iphone:before {
    content: "\e0f1"
}

.icon-lightning:before {
    content: "\e0f2"
}

.icon-map:before {
    content: "\e0f3"
}

.icon-multiple-credit-cards:before {
    content: "\e0f4"
}

.icon-next-media:before {
    content: "\e0f5"
}

.icon-panel-show:before {
    content: "\e0f6"
}

.icon-picture:before {
    content: "\e0f7"
}

.icon-power:before {
    content: "\e0f8"
}

.icon-re-post:before {
    content: "\e0f9"
}

.icon-rate:before {
    content: "\e0fa"
}

.icon-rain:before {
    content: "\e0fb"
}

.icon-radio:before {
    content: "\e0fc"
}

.icon-radio-receiver:before {
    content: "\e0fd"
}

.icon-radio-alt:before {
    content: "\e0fe"
}

.icon-quote:before {
    content: "\e0ff"
}

.icon-qr-code:before {
    content: "\e100"
}

.icon-pushpin:before {
    content: "\e101"
}

.icon-pulse:before {
    content: "\e102"
}

.icon-projector:before {
    content: "\e103"
}

.icon-play:before {
    content: "\e104"
}

.icon-playing-cards:before {
    content: "\e105"
}

.icon-playlist:before {
    content: "\e106"
}

.icon-plugin:before {
    content: "\e107"
}

.icon-podcast:before {
    content: "\e108"
}

.icon-poker-chip:before {
    content: "\e109"
}

.icon-poll:before {
    content: "\e10a"
}

.icon-post-it:before {
    content: "\e10b"
}

.icon-pound-bag:before {
    content: "\e10c"
}

.icon-power-outlet:before {
    content: "\e10d"
}

.icon-photo-album:before {
    content: "\e10e"
}

.icon-phone:before {
    content: "\e10f"
}

.icon-phone-ring:before {
    content: "\e110"
}

.icon-people:before {
    content: "\e111"
}

.icon-people-female:before {
    content: "\e112"
}

.icon-people-alt:before {
    content: "\e113"
}

.icon-people-alt-2:before {
    content: "\e114"
}

.icon-pc:before {
    content: "\e115"
}

.icon-pause:before {
    content: "\e116"
}

.icon-path:before {
    content: "\e117"
}

.icon-out:before {
    content: "\e118"
}

.icon-outbox:before {
    content: "\e119"
}

.icon-outdent:before {
    content: "\e11a"
}

.icon-page-add:before {
    content: "\e11b"
}

.icon-page-down:before {
    content: "\e11c"
}

.icon-page-remove:before {
    content: "\e11d"
}

.icon-page-restricted:before {
    content: "\e11e"
}

.icon-page-up:before {
    content: "\e11f"
}

.icon-paint-roller:before {
    content: "\e120"
}

.icon-palette:before {
    content: "\e121"
}

.icon-newspaper:before {
    content: "\e122"
}

.icon-newspaper-alt:before {
    content: "\e123"
}

.icon-network-alt:before {
    content: "\e124"
}

.icon-navigational-arrow:before {
    content: "\e125"
}

.icon-navigation:before {
    content: "\e126"
}

.icon-navigation-vertical:before {
    content: "\e127"
}

.icon-navigation-up:before {
    content: "\e128"
}

.icon-navigation-top:before {
    content: "\e129"
}

.icon-navigation-road:before {
    content: "\e12a"
}

.icon-navigation-right:before {
    content: "\e12b"
}

.icon-microscope:before {
    content: "\e12c"
}

.icon-mindmap:before {
    content: "\e12d"
}

.icon-molecular-network:before {
    content: "\e12e"
}

.icon-molecular:before {
    content: "\e12f"
}

.icon-mountain:before {
    content: "\e130"
}

.icon-mouse-cursor:before {
    content: "\e131"
}

.icon-mouse:before {
    content: "\e132"
}

.icon-movie-alt:before {
    content: "\e133"
}

.icon-map-marker:before {
    content: "\e134"
}

.icon-movie:before {
    content: "\e135"
}

.icon-map-location:before {
    content: "\e136"
}

.icon-map-alt:before {
    content: "\e137"
}

.icon-male-symbol:before {
    content: "\e138"
}

.icon-male-and-female:before {
    content: "\e139"
}

.icon-mailbox:before {
    content: "\e13a"
}

.icon-magnet:before {
    content: "\e13b"
}

.icon-loupe:before {
    content: "\e13c"
}

.icon-mobile:before {
    content: "\e13d"
}

.icon-logout:before {
    content: "\e13e"
}

.icon-log-out:before {
    content: "\e13f"
}

.icon-layers:before {
    content: "\e140"
}

.icon-left-double-arrow:before {
    content: "\e141"
}

.icon-layout:before {
    content: "\e142"
}

.icon-legal:before {
    content: "\e143"
}

.icon-lense:before {
    content: "\e144"
}

.icon-library:before {
    content: "\e145"
}

.icon-light-down:before {
    content: "\e146"
}

.icon-light-up:before {
    content: "\e147"
}

.icon-lightbulb-active:before {
    content: "\e148"
}

.icon-lightbulb:before {
    content: "\e149"
}

.icon-ipad:before {
    content: "\e14a"
}

.icon-invoice:before {
    content: "\e14b"
}

.icon-info:before {
    content: "\e14c"
}

.icon-infinity:before {
    content: "\e14d"
}

.icon-indent:before {
    content: "\e14e"
}

.icon-inbox:before {
    content: "\e14f"
}

.icon-inbox-full:before {
    content: "\e150"
}

.icon-inactive-line:before {
    content: "\e151"
}

.icon-imac:before {
    content: "\e152"
}

.icon-hourglass:before {
    content: "\e153"
}

.icon-home:before {
    content: "\e154"
}

.icon-grid:before {
    content: "\e155"
}

.icon-food:before {
    content: "\e156"
}

.icon-favorite:before {
    content: "\e157"
}

.icon-door-open-alt:before {
    content: "\e158"
}

.icon-diagnostics:before {
    content: "\e159"
}

.icon-contrast:before {
    content: "\e15a"
}

.icon-coins-dollar-alt:before {
    content: "\e15b"
}

.icon-circle-dotted-active:before {
    content: "\e15c"
}

.icon-cinema:before {
    content: "\e15d"
}

.icon-chip:before {
    content: "\e15e"
}

.icon-chip-alt:before {
    content: "\e15f"
}

.icon-chess:before {
    content: "\e160"
}

.icon-checkbox:before {
    content: "\e161"
}

.icon-checkbox-empty:before {
    content: "\e162"
}

.icon-checkbox-dotted:before {
    content: "\e163"
}

.icon-checkbox-dotted-active:before {
    content: "\e164"
}

.icon-check:before {
    content: "\e165"
}

.icon-chat:before {
    content: "\e166"
}

.icon-chat-active:before {
    content: "\e167"
}

.icon-chart:before {
    content: "\e168"
}

.icon-chart-curve:before {
    content: "\e169"
}

.icon-certificate:before {
    content: "\e16a"
}

.icon-categories:before {
    content: "\e16b"
}

.icon-cash-register:before {
    content: "\e16c"
}

.icon-car:before {
    content: "\e16d"
}

.icon-caps-lock:before {
    content: "\e16e"
}

.icon-candy:before {
    content: "\e16f"
}

.icon-circle-dotted:before {
    content: "\e170"
}

.icon-circuits:before {
    content: "\e171"
}

.icon-circus:before {
    content: "\e172"
}

.icon-client:before {
    content: "\e173"
}

.icon-clothes-hanger:before {
    content: "\e174"
}

.icon-cloud-drive:before {
    content: "\e175"
}

.icon-cloud-upload:before {
    content: "\e176"
}

.icon-cloud:before {
    content: "\e177"
}

.icon-cloudy:before {
    content: "\e178"
}

.icon-clubs:before {
    content: "\e179"
}

.icon-cocktail:before {
    content: "\e17a"
}

.icon-code:before {
    content: "\e17b"
}

.icon-coffee:before {
    content: "\e17c"
}

.icon-coin-dollar:before {
    content: "\e17d"
}

.icon-coin-pound:before {
    content: "\e17e"
}

.icon-coin-yen:before {
    content: "\e17f"
}

.icon-coin:before {
    content: "\e180"
}

.icon-coins-alt:before {
    content: "\e181"
}

.icon-console:before {
    content: "\e182"
}

.icon-connection:before {
    content: "\e183"
}

.icon-compress:before {
    content: "\e184"
}

.icon-company:before {
    content: "\e185"
}

.icon-command:before {
    content: "\e186"
}

.icon-coin-euro:before {
    content: "\e187"
}

.icon-combination-lock:before {
    content: "\e188"
}

.icon-combination-lock-open:before {
    content: "\e189"
}

.icon-comb:before {
    content: "\e18a"
}

.icon-columns:before {
    content: "\e18b"
}

.icon-colorpicker:before {
    content: "\e18c"
}

.icon-color-bucket:before {
    content: "\e18d"
}

.icon-coins:before {
    content: "\e18e"
}

.icon-coins-yen:before {
    content: "\e18f"
}

.icon-coins-yen-alt:before {
    content: "\e190"
}

.icon-coins-pound:before {
    content: "\e191"
}

.icon-coins-pound-alt:before {
    content: "\e192"
}

.icon-coins-euro:before {
    content: "\e193"
}

.icon-coins-euro-alt:before {
    content: "\e194"
}

.icon-coins-dollar:before {
    content: "\e195"
}

.icon-conversation-alt:before {
    content: "\e196"
}

.icon-conversation:before {
    content: "\e197"
}

.icon-coverflow:before {
    content: "\e198"
}

.icon-credit-card-alt:before {
    content: "\e199"
}

.icon-credit-card:before {
    content: "\e19a"
}

.icon-crop:before {
    content: "\e19b"
}

.icon-crosshair:before {
    content: "\e19c"
}

.icon-crown-alt:before {
    content: "\e19d"
}

.icon-crown:before {
    content: "\e19e"
}

.icon-cupcake:before {
    content: "\e19f"
}

.icon-curve:before {
    content: "\e1a0"
}

.icon-cut:before {
    content: "\e1a1"
}

.icon-dashboard:before {
    content: "\e1a2"
}

.icon-defrag:before {
    content: "\e1a3"
}

.icon-delete:before {
    content: "\e1a4"
}

.icon-delete-key:before {
    content: "\e1a5"
}

.icon-departure:before {
    content: "\e1a6"
}

.icon-desk:before {
    content: "\e1a7"
}

.icon-desktop:before {
    content: "\e1a8"
}

.icon-donate:before {
    content: "\e1a9"
}

.icon-dollar-bag:before {
    content: "\e1aa"
}

.icon-documents:before {
    content: "\e1ab"
}

.icon-document:before {
    content: "\e1ac"
}

.icon-document-dashed-line:before {
    content: "\e1ad"
}

.icon-dock-connector:before {
    content: "\e1ae"
}

.icon-dna:before {
    content: "\e1af"
}

.icon-display:before {
    content: "\e1b0"
}

.icon-disk-image:before {
    content: "\e1b1"
}

.icon-disc:before {
    content: "\e1b2"
}

.icon-directions:before {
    content: "\e1b3"
}

.icon-directions-alt:before {
    content: "\e1b4"
}

.icon-diploma:before {
    content: "\e1b5"
}

.icon-diploma-alt:before {
    content: "\e1b6"
}

.icon-dice:before {
    content: "\e1b7"
}

.icon-diamonds:before {
    content: "\e1b8"
}

.icon-diamond:before {
    content: "\e1b9"
}

.icon-diagonal-arrow:before {
    content: "\e1ba"
}

.icon-diagonal-arrow-alt:before {
    content: "\e1bb"
}

.icon-door-open:before {
    content: "\e1bc"
}

.icon-download-alt:before {
    content: "\e1bd"
}

.icon-download:before {
    content: "\e1be"
}

.icon-drop:before {
    content: "\e1bf"
}

.icon-eco:before {
    content: "\e1c0"
}

.icon-economy:before {
    content: "\e1c1"
}

.icon-edit:before {
    content: "\e1c2"
}

.icon-eject:before {
    content: "\e1c3"
}

.icon-employee:before {
    content: "\e1c4"
}

.icon-energy-saving-bulb:before {
    content: "\e1c5"
}

.icon-enter:before {
    content: "\e1c6"
}

.icon-equalizer:before {
    content: "\e1c7"
}

.icon-escape:before {
    content: "\e1c8"
}

.icon-ethernet:before {
    content: "\e1c9"
}

.icon-euro-bag:before {
    content: "\e1ca"
}

.icon-exit-fullscreen:before {
    content: "\e1cb"
}

.icon-eye:before {
    content: "\e1cc"
}

.icon-facebook-like:before {
    content: "\e1cd"
}

.icon-factory:before {
    content: "\e1ce"
}

.icon-font:before {
    content: "\e1cf"
}

.icon-folders:before {
    content: "\e1d0"
}

.icon-folder-close:before, .icon-folder:before {
    content: "\e1d1"
}

.icon-folder-outline:before {
    content: "\e1d2"
}

.icon-folder-open:before {
    content: "\e1d3"
}

.icon-flowerpot:before {
    content: "\e1d4"
}

.icon-flashlight:before {
    content: "\e1d5"
}

.icon-flash:before {
    content: "\e1d6"
}

.icon-flag:before {
    content: "\e1d7"
}

.icon-flag-alt:before {
    content: "\e1d8"
}

.icon-firewire:before {
    content: "\e1d9"
}

.icon-firewall:before {
    content: "\e1da"
}

.icon-fire:before {
    content: "\e1db"
}

.icon-fingerprint:before {
    content: "\e1dc"
}

.icon-filter:before {
    content: "\e1dd"
}

.icon-filter-arrows:before {
    content: "\e1de"
}

.icon-files:before {
    content: "\e1df"
}

.icon-file-cabinet:before {
    content: "\e1e0"
}

.icon-female-symbol:before {
    content: "\e1e1"
}

.icon-footprints:before {
    content: "\e1e2"
}

.icon-hammer:before {
    content: "\e1e3"
}

.icon-hand-active-alt:before {
    content: "\e1e4"
}

.icon-forking:before {
    content: "\e1e5"
}

.icon-hand-active:before {
    content: "\e1e6"
}

.icon-hand-pointer-alt:before {
    content: "\e1e7"
}

.icon-hand-pointer:before {
    content: "\e1e8"
}

.icon-handprint:before {
    content: "\e1e9"
}

.icon-handshake:before {
    content: "\e1ea"
}

.icon-handtool:before {
    content: "\e1eb"
}

.icon-hard-drive:before {
    content: "\e1ec"
}

.icon-help:before {
    content: "\e1ed"
}

.icon-graduate:before {
    content: "\e1ee"
}

.icon-gps:before {
    content: "\e1ef"
}

.icon-help-alt:before {
    content: "\e1f0"
}

.icon-height:before {
    content: "\e1f1"
}

.icon-globe:before {
    content: "\e1f2"
}

.icon-hearts:before {
    content: "\e1f3"
}

.icon-globe-inverted-europe-africa:before {
    content: "\e1f4"
}

.icon-headset:before {
    content: "\e1f5"
}

.icon-globe-inverted-asia:before {
    content: "\e1f6"
}

.icon-headphones:before {
    content: "\e1f7"
}

.icon-globe-inverted-america:before {
    content: "\e1f8"
}

.icon-hd:before {
    content: "\e1f9"
}

.icon-globe-europe---africa:before, .icon-globe-europe-africa:before {
    content: "\e1fa"
}

.icon-hat:before {
    content: "\e1fb"
}

.icon-globe-asia:before {
    content: "\e1fc"
}

.icon-globe-alt:before {
    content: "\e1fd"
}

.icon-hard-drive-alt:before {
    content: "\e1fe"
}

.icon-glasses:before {
    content: "\e1ff"
}

.icon-gift:before {
    content: "\e200"
}

.icon-handtool-alt:before {
    content: "\e201"
}

.icon-geometry:before {
    content: "\e202"
}

.icon-game:before {
    content: "\e203"
}

.icon-fullscreen:before {
    content: "\e204"
}

.icon-fullscreen-alt:before {
    content: "\e205"
}

.icon-frame:before {
    content: "\e206"
}

.icon-frame-alt:before {
    content: "\e207"
}

.icon-camera-roll:before {
    content: "\e208"
}

.icon-bookmark:before {
    content: "\e209"
}

.icon-bill:before {
    content: "\e20a"
}

.icon-baby-stroller:before {
    content: "\e20b"
}

.icon-alarm-clock:before {
    content: "\e20c"
}

.icon-addressbook:before, .icon-adressbook:before {
    content: "\e20d"
}

.icon-add:before {
    content: "\e20e"
}

.icon-activity:before {
    content: "\e20f"
}

.icon-untitled:before {
    content: "\e210"
}

.icon-glasses:before {
    content: "\e211"
}

.icon-camcorder:before {
    content: "\e212"
}

.icon-calendar:before {
    content: "\e213"
}

.icon-calendar-alt:before {
    content: "\e214"
}

.icon-calculator:before {
    content: "\e215"
}

.icon-bus:before {
    content: "\e216"
}

.icon-burn:before {
    content: "\e217"
}

.icon-bulleted-list:before {
    content: "\e218"
}

.icon-bug:before {
    content: "\e219"
}

.icon-brush:before {
    content: "\e21a"
}

.icon-brush-alt:before {
    content: "\e21b"
}

.icon-brush-alt-2:before {
    content: "\e21c"
}

.icon-browser-window:before {
    content: "\e21d"
}

.icon-briefcase:before {
    content: "\e21e"
}

.icon-brick:before {
    content: "\e21f"
}

.icon-brackets:before {
    content: "\e220"
}

.icon-box:before {
    content: "\e221"
}

.icon-box-open:before {
    content: "\e222"
}

.icon-box-alt:before {
    content: "\e223"
}

.icon-books:before {
    content: "\e224"
}

.icon-billboard:before {
    content: "\e225"
}

.icon-bills-dollar:before {
    content: "\e226"
}

.icon-bills-euro:before {
    content: "\e227"
}

.icon-bills-pound:before {
    content: "\e228"
}

.icon-bills-yen:before {
    content: "\e229"
}

.icon-bills:before {
    content: "\e22a"
}

.icon-binarycode:before {
    content: "\e22b"
}

.icon-binoculars:before {
    content: "\e22c"
}

.icon-bird:before {
    content: "\e22d"
}

.icon-birthday-cake:before {
    content: "\e22e"
}

.icon-blueprint:before {
    content: "\e22f"
}

.icon-block:before {
    content: "\e230"
}

.icon-bluetooth:before {
    content: "\e231"
}

.icon-boat-shipping:before {
    content: "\e232"
}

.icon-bomb:before {
    content: "\e233"
}

.icon-book-alt-2:before {
    content: "\e234"
}

.icon-bones:before {
    content: "\e235"
}

.icon-book-alt:before {
    content: "\e236"
}

.icon-book:before {
    content: "\e237"
}

.icon-bill-yen:before {
    content: "\e238"
}

.icon-award:before {
    content: "\e239"
}

.icon-bill-pound:before {
    content: "\e23a"
}

.icon-autofill:before {
    content: "\e23b"
}

.icon-bill-euro:before {
    content: "\e23c"
}

.icon-auction-hammer:before {
    content: "\e23d"
}

.icon-bill-dollar:before {
    content: "\e23e"
}

.icon-attachment:before {
    content: "\e23f"
}

.icon-bell:before {
    content: "\e240"
}

.icon-article:before {
    content: "\e241"
}

.icon-bell-off:before {
    content: "\e242"
}

.icon-art-easel:before {
    content: "\e243"
}

.icon-beer-glass:before {
    content: "\e244"
}

.icon-arrow-up:before {
    content: "\e245"
}

.icon-battery-low:before {
    content: "\e246"
}

.icon-arrow-right:before {
    content: "\e247"
}

.icon-battery-full:before {
    content: "\e248"
}

.icon-arrow-left:before {
    content: "\e249"
}

.icon-bars:before {
    content: "\e24a"
}

.icon-arrow-down:before {
    content: "\e24b"
}

.icon-barcode:before {
    content: "\e24c"
}

.icon-arrivals:before {
    content: "\e24d"
}

.icon-bar-chart:before {
    content: "\e24e"
}

.icon-application-window:before {
    content: "\e24f"
}

.icon-band-aid:before {
    content: "\e250"
}

.icon-application-window-alt:before {
    content: "\e251"
}

.icon-ball:before {
    content: "\e252"
}

.icon-application-error:before {
    content: "\e253"
}

.icon-badge-restricted:before {
    content: "\e254"
}

.icon-app:before {
    content: "\e255"
}

.icon-badge-remove:before {
    content: "\e256"
}

.icon-anchor:before {
    content: "\e257"
}

.icon-badge-count:before {
    content: "\e258"
}

.icon-alt:before {
    content: "\e259"
}

.icon-badge-add:before {
    content: "\e25a"
}

.icon-alert:before {
    content: "\e25b"
}

.icon-backspace:before {
    content: "\e25c"
}

.icon-alert-alt:before {
    content: "\e25d"
}

.icon-section:before {
    content: "\e24f"
}

:focus {
    outline-color: #6ab4f0
}

:focus-visible {
    outline-width: medium !important;
    outline-style: solid !important;
    /*outline-color: #000 !important;*/
}

.umb-outline:focus {
    outline: 0
}

.tabbing-active .umb-outline:focus:after {
    border-radius: 3px;
    bottom: 0;
    box-shadow: 0 0 2px 0 #6ab4f0,inset 0 0 2px 2px #6ab4f0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10000
}

.tabbing-active .umb-outline.umb-outline--surrounding:focus:after {
    border-radius: 9px;
    bottom: -6px;
    left: -6px;
    right: -6px;
    top: -6px
}

.tabbing-active .umb-outline.umb-outline--thin:focus:after {
    box-shadow: 0 0 2px #6ab4f0,inset 0 0 2px 1px #6ab4f0
}

.flip:before {
    transform: rotate(90deg)
}
/**************/

/* CountersElements */
.counter-container {
    padding: var(--padding);
    margin: var(--margin);
    background-color: var(--bg-color);
    background-image: var(--bg-image);
}

.counter-elem {
    padding: var(--counter-padding) !important;
    margin: var(--counter-margin) !important;
    background-color: var(--counter-bg-color);
    background-image: var(--counter-bg-image);
}

.counter-row-item-value {
    color: var(--counter-txt-color);
    font-size: var(--counter-font-size) !important;
}

.counter-row-item-caption {
    color: var(--counter-txt-color);
    font-size: var(--caption-font-size) !important;
}

.counter-elem strong {
    font-size: 3rem;
    font-weight: bold;
}

.outer-counter {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.counter-elem label {
    font-size: 1.2rem;
}

.counter-elem strong, .counter-elem label {
    display: block;
    text-align: center;
}

.counter-icon-top i {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
}

.counter-icon-bottom i {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
}

.counter-icon-left i {
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-100%);
}

.counter-icon-right i {
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(100%);
}

.outer-counter i {
    position: absolute;
    width: 4rem;
    height: 4rem;
    font-size: 4rem;
}

    .outer-counter i.color-black {
        color: black;
    }

    .outer-counter i.color-blue-grey {
        color: #607d8b;
    }


    .outer-counter i.color-grey {
        color: #9e9e9e;
    }

    .outer-counter i.color-brown {
        color: #795548;
    }

    .outer-counter i.color-blue {
        color: #2196f3;
    }

    .outer-counter i.color-light-blue {
        color: #03a9f4;
    }

    .outer-counter i.color-indigo {
        color: #3f51b5;
    }

    .outer-counter i.color-purple {
        color: #9c27b0;
    }

    .outer-counter i.color-deep-purple {
        color: #673ab7;
    }

    .outer-counter i.color-cyan {
        color: #00bcd4;
    }

    .outer-counter i.color-green {
        color: #4caf50;
    }


    .outer-counter i.color-light-green {
        color: #8bc34a;
    }

    .outer-counter i.color-lime {
        color: #cddc39;
    }

    .outer-counter i.color-yellow {
        color: #ffeb3b;
    }

    .outer-counter i.color-amber {
        color: #ffc107;
    }

    .outer-counter i.color-orange {
        color: #ff9800;
    }

    .outer-counter i.color-deep-orange {
        color: #ff5722;
    }

    .outer-counter i.color-red {
        color: #f44336;
    }

    .outer-counter i.color-pink {
        color: #e91e63;
    }

    .outer-counter i.color-white {
        color: white;
    }

[class*=" icon-"]:before, [class^=icon-]:before {
    speak: none;
    display: inline-block;
    text-decoration: inherit;
}
/********************/

/* umbraco-blockgrid-layout */
.umb-block-grid__layout-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
    grid-gap: 0px;
    grid-auto-flow: row;
    grid-auto-rows: minmax(0px, min-content);
}

.umb-block-grid__layout-item {
    position: relative;
    grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
    grid-row: span var(--umb-block-grid--item-row-span, 1);
}

    .umb-block-grid__layout-item[data-force-left] {
        grid-column-start: 1;
    }

    .umb-block-grid__layout-item[data-force-right] {
        grid-column-start: calc(1 + var(--umb-block-grid--grid-columns) - var(--umb-block-grid--item-column-span));
    }


.umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
    grid-gap: 0px;
    grid-auto-flow: row;
    grid-auto-rows: minmax(0px, min-content);
    width: 100%;
}

.umb-block-grid__area {
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
    grid-row: span var(--umb-block-grid--area-row-span, 1);
}

@media (min-width:1024px) {
    .umb-block-grid__layout-item {
        grid-column-end: span var(--umb-block-grid--item-column-span, 1);
    }

    .umb-block-grid__area {
        grid-column-end: span var(--umb-block-grid--area-column-span, 1);
    }
}


@media (max-width: 967px) {
    .twoCols {
        --umb-block-grid--grid-columns: 12 !important;
        --umb-block-grid--area-column-span: 12 !important;
        --umb-block-grid--area-row-span: 1 !important;
    }

    .umb-block-grid__area-container {
        --umb-block-grid--grid-columns: 12 !important;
        --umb-block-grid--area-column-span: 12 !important;
        --umb-block-grid--area-row-span: 1 !important;
    }


    .row {
        margin: 0 !important;
        padding: 0 !important;
    }

    .mp {
        margin: 0 !important;
        padding: 5px !important;
    }
}
/****************************/

/* Umbraco */

#richText img, .umb-block-grid-demo-rich-text-block-container img {
    max-width: 100% !important;
    height: auto !important;
}

.blockelement-gridblock-editor {
    margin: 10px;
}

    .blockelement-gridblock-editor > button {
        background-color: #56a2f014 !important;
    }

.umb-icon__inner > ng-transclude {
    display: none;
}

.row {
    --bs-gutter-x: 0;
}

/*************/
/* navbar */

#navbar {
    z-index: 999;
    position: relative;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: var(--navbar-bg-color) !important;
}

    .navbar > .container,
    .navbar > .container-fluid,
    .navbar > .container-sm,
    .navbar > .container-md,
    .navbar > .container-lg,
    .navbar > .container-xl,
    .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
    }

.navbar-brand {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    white-space: nowrap;
}

    .navbar-brand > .navbar__logo:hover {
        opacity: 0.75;
    }

.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;
        color: var(--link-font-color) !important;
    }

    .navbar-nav .dropdown-menu {
        position: static;
    }

.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    margin-left: 2rem;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    transition: box-shadow 0.15s ease-in-out;
}

.second-logo {
    display: none;
}

@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 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: 0.5rem;
                padding-left: 0.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;
        }

        .navbar-expand-sm .offcanvas-header {
            display: none;
        }

        .navbar-expand-sm .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            transition: none;
            transform: none;
        }

        .navbar-expand-sm .offcanvas-top,
        .navbar-expand-sm .offcanvas-bottom {
            height: auto;
            border-top: 0;
            border-bottom: 0;
        }

        .navbar-expand-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
}

@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: 0.5rem;
                padding-left: 0.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;
        }

        .navbar-expand-md .offcanvas-header {
            display: none;
        }

        .navbar-expand-md .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            transition: none;
            transform: none;
        }

        .navbar-expand-md .offcanvas-top,
        .navbar-expand-md .offcanvas-bottom {
            height: auto;
            border-top: 0;
            border-bottom: 0;
        }

        .navbar-expand-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
}

@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: 0.5rem;
                padding-left: 0.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;
        }

        .navbar-expand-lg .offcanvas-header {
            display: none;
        }

        .navbar-expand-lg .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            transition: none;
            transform: none;
        }

        .navbar-expand-lg .offcanvas-top,
        .navbar-expand-lg .offcanvas-bottom {
            height: auto;
            border-top: 0;
            border-bottom: 0;
        }

        .navbar-expand-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
}

@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: 0.5rem;
                padding-left: 0.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;
        }

        .navbar-expand-xl .offcanvas-header {
            display: none;
        }

        .navbar-expand-xl .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            transition: none;
            transform: none;
        }

        .navbar-expand-xl .offcanvas-top,
        .navbar-expand-xl .offcanvas-bottom {
            height: auto;
            border-top: 0;
            border-bottom: 0;
        }

        .navbar-expand-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
}

@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: 0.5rem;
                padding-left: 0.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-xxl .offcanvas-header {
            display: none;
        }

        .navbar-expand-xxl .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            transition: none;
            transform: none;
        }

        .navbar-expand-xxl .offcanvas-top,
        .navbar-expand-xxl .offcanvas-bottom {
            height: auto;
            border-top: 0;
            border-bottom: 0;
        }

        .navbar-expand-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
}

.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: 0.5rem;
            padding-left: 0.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-expand .offcanvas-header {
        display: none;
    }

    .navbar-expand .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }

    .navbar-expand .offcanvas-top,
    .navbar-expand .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.55);
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: var(--link-active-color) !important;
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.55);
    border-color: rgba(0, 0, 0, 0.1);
}

button.navbar-toggler {
    color: var(--link-font-color);
    border-color: var(--link-font-color) !important;
}

.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, 0.55);
}

    .navbar-light .navbar-text a,
    .navbar-light .navbar-text a:hover,
    .navbar-light .navbar-text a:focus {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55);
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.55);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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, 0.55);
}

    .navbar-dark .navbar-text a,
    .navbar-dark .navbar-text a:hover,
    .navbar-dark .navbar-text a:focus {
        color: #fff;
    }


#mainNav {
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
}

    #mainNav .navbar-brand {
        font-weight: 800;
    }

    #mainNav .navbar-toggler {
        font-size: 0.75rem;
        font-weight: 800;
        padding: 0.75rem;
        text-transform: uppercase;
    }

    #mainNav .navbar-nav > li.nav-item > a.nav-link {
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 0.0625em;
        text-transform: uppercase;
    }

@media (min-width: 992px) {
    #mainNav {
        border-bottom: 1px solid transparent;
        background: transparent;
    }

        #mainNav .navbar-brand {
            color: #fff;
        }

            #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
                color: rgba(255, 255, 255, 0.8);
            }

    .navbar-nav > li.nav-item > a.nav-link {
        color: var(--link-font-color) !important;
    }

        .navbar-nav > li.nav-item > a.nav-link:focus, .navbar-nav > li.nav-item > a.nav-link:hover {
            color: var(--link-hover-color) !important;
        }

        .navbar-nav > li.nav-item > a.nav-link:focus, .navbar-nav > li.nav-item > a.nav-link:active {
            color: var(--link-hover-color) !important;
        }
}

@media (min-width: 992px) {
    #mainNav {
        transition: background-color 0.2s;
        */
        /* Force Hardware Acceleration in WebKit */
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        #mainNav.is-fixed {
            /* when the user scrolls down, we hide the header right above the viewport */
            position: fixed;
            top: -83px;
            transition: transform 0.2s;
            border-bottom: 1px solid white;
            background-color: rgba(255, 255, 255, 0.9);
        }

            #mainNav.is-fixed .navbar-brand {
                color: #212529;
            }

                #mainNav.is-fixed .navbar-brand:focus, #mainNav.is-fixed .navbar-brand:hover {
                    color: #0085A1;
                }

            #mainNav.is-fixed .navbar-nav > li.nav-item > a {
                color: #212529;
            }

                #mainNav.is-fixed .navbar-nav > li.nav-item > a:focus, #mainNav.is-fixed .navbar-nav > li.nav-item > a:hover {
                    color: #0085A1;
                }

        #mainNav.is-visible {
            /* if the user changes the scrolling direction, we show the header */
            transform: translate3d(0, 100%, 0);
        }
}

@media screen and (max-width: 992px) {
    .site-logo {
        display: none;
    }

    .second-logo {
        display: flex;
        margin-left: .2rem !important;
    }
}




/*************/

/* advertisment */
.advert__content {
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    margin-top: auto;
    margin-block: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 90%;
}

.advert__content__revert {
    right: unset !important;
    left: 5% !important;
}

.advert__without__link {
    display: none;
}

.advert__header {
    text-align: center;
    color: white;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 500;
}

.advert__button {
    background: white;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: color .3s;
}

    .advert__button:hover {
        color: #4e4e4e;
        text-decoration: none;
    }

.advert__btn_wrapper {
    display: none;
}

.advert__content__without__link {
    display: none;
}

.advert__content__with__link {
    display: flex;
}

@media screen and (min-width: 500px) {
    .advert__header {
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 800px) {
    .advert__content {
        width: 45%;
    }

    .advert__content__without__link {
        display: flex;
    }

    .advert__content__with__link {
        display: none;
    }

    .advert__without__link {
        display: block;
    }

    .advert__with__link {
        display: none;
    }

    .advert__btn_wrapper {
        display: block;
    }

    .advert__header {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1200px) {
    .advert__header {
        font-size: 2.3rem;
    }

    .advert__button {
        font-size: 1.2rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .advert__content {
        width: 35%;
    }
}
/********************/

/* blockImageWithTextOnHoverRow */
.block-image-with-text-on-hover-row-container {
    padding: var(--padding) !important;
    margin: var(--margin) !important;
    background-color: var(--bg-color) !important;
    background-image: var(--bg-image) !important;
    justify-content: var(--horizontal-align) !important;
    min-height: var(--min-height) !important;
}

.image-frame {
    position: relative;
    display: block;
    text-decoration: none;
    max-width: 100%;
    z-index: 0;
}

    .image-frame img {
        position: relative;
        z-index: 1;
    }

    .image-frame .image-frame-wrapper {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        overflow: hidden;
    }

        .image-frame .image-frame-wrapper > img {
            -webkit-transition: ease transform 0.3s;
            transition: ease transform 0.3s;
        }

        .image-frame .image-frame-wrapper .image-frame-background {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-size: cover;
            background-position: center;
        }

        .image-frame .image-frame-wrapper .image-frame-inner-border {
            position: absolute;
            top: 13px;
            right: 13px;
            bottom: 13px;
            left: 13px;
            border: solid rgba(255, 255, 255, 0.1);
            border-width: 0;
            z-index: 2;
            -webkit-transition: ease border-width 0.3s 0.2s;
            transition: ease border-width 0.3s 0.2s;
        }

        .image-frame .image-frame-wrapper .image-frame-action {
            position: absolute;
            opacity: 0;
            z-index: 2;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-transition: ease opacity 0.3s 0.1s;
            transition: ease opacity 0.3s 0.1s;
        }

            .image-frame .image-frame-wrapper .image-frame-action .image-frame-action-icon {
                display: block;
                color: #fff;
                font-size: 1.2307692308em;
                line-height: 2.9230769231em;
                border: 1px solid rgba(255, 255, 255, 0.85);
                border-radius: 100%;
                width: 2.9230769231em;
                height: 2.9230769231em;
                text-align: center;
                margin: 3.2px;
                margin: 0.2rem;
            }

            .image-frame
            .image-frame-wrapper
            .image-frame-action.image-frame-action-absolute-center {
                top: 50%;
                left: 50%;
                -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
            }

            .image-frame
            .image-frame-wrapper
            .image-frame-action.image-frame-action-style-2
            .image-frame-action-icon {
                border: 0;
                background: rgba(28, 31, 33, 0.95);
                border-radius: 0;
            }

            .image-frame
            .image-frame-wrapper
            .image-frame-action.image-frame-action-effect-1
            .image-frame-action-icon {
                -webkit-transition: ease transform 0.2s;
                transition: ease transform 0.2s;
            }

                .image-frame
                .image-frame-wrapper
                .image-frame-action.image-frame-action-effect-1
                .image-frame-action-icon:hover {
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1);
                }

            .image-frame
            .image-frame-wrapper
            .image-frame-action.image-frame-action-sm
            .image-frame-action-icon {
                font-size: 0.9230769231em;
            }

            .image-frame
            .image-frame-wrapper
            .image-frame-action.image-frame-action-md
            .image-frame-action-icon {
                font-size: 1.0769230769em;
            }

        .image-frame .image-frame-wrapper .image-frame-info {
            position: absolute;
            width: 100%;
            z-index: 4;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            opacity: 0;
            -webkit-transition: ease opacity 0.3s 0.1s;
            transition: ease opacity 0.3s 0.1s;
        }

            .image-frame .image-frame-wrapper .image-frame-info.image-frame-info-show {
                opacity: 1;
            }

        .image-frame .image-frame-wrapper .image-frame-info-box-style-1 {
            background: #fff;
            padding: 10px 20px;
            text-align: center;
            display: block;
        }

        .image-frame .image-frame-wrapper .image-frame-info-box-style-2 {
            max-width: 70%;
            margin: 0 auto;
            -ms-flex-item-align: end;
            align-self: flex-end;
            margin-bottom: 24px;
            margin-bottom: 1.5rem;
        }

            .image-frame
            .image-frame-wrapper
            .image-frame-info-box-style-2
            .image-frame-info-box-title {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                line-height: 1;
            }

                .image-frame
                .image-frame-wrapper
                .image-frame-info-box-style-2
                .image-frame-info-box-title > span {
                    position: relative;
                    font-size: 56px;
                    font-size: 3.5rem;
                    -ms-flex-item-align: end;
                    align-self: flex-end;
                    left: -4px;
                    top: -4px;
                }

                    .image-frame
                    .image-frame-wrapper
                    .image-frame-info-box-style-2
                    .image-frame-info-box-title > span:after {
                        content: "";
                        position: absolute;
                        display: block;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        top: 65%;
                        background: #fff;
                    }

            .image-frame .image-frame-wrapper .image-frame-info-box-style-2 > p {
                padding: 32px 41.6px 32px;
                padding: 2rem 2.6rem 2rem;
                margin-top: -35.2px;
                margin-top: -2.2rem;
            }

@media (min-width: 992px) and (max-width: 1300px) {
    .image-frame .image-frame-wrapper .image-frame-info-box-style-2 {
        max-width: 95%;
    }
}

@media (max-width: 1199px) {
    .image-frame .image-frame-wrapper .image-frame-info-box-style-2 > p {
        padding: 2rem 0.8rem 1rem;
    }
}

.image-frame .image-frame-wrapper .image-frame-bottom-bar {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #2e3237;
    z-index: 2;
    -webkit-transition: ease transform 0.3s;
    transition: ease transform 0.3s;
}

    .image-frame
    .image-frame-wrapper
    .image-frame-bottom-bar
    .image-frame-bottom-bar-info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .image-frame
    .image-frame-wrapper
    .image-frame-bottom-bar
    .image-frame-bottom-bar-action {
        display: block;
        color: #fff;
        font-size: 1.2307692308em;
        line-height: 2.4615384615em;
        border: 1px solid rgba(72, 72, 72, 0.85);
        border-radius: 100%;
        width: 2.4615384615em;
        height: 2.4615384615em;
        text-align: center;
        margin: 3.2px;
        margin: 0.2rem;
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: ease opacity 0.3s 0.3s, ease transform 0.3s;
        transition: ease opacity 0.3s 0.3s, ease transform 0.3s;
    }

        .image-frame
        .image-frame-wrapper
        .image-frame-bottom-bar
        .image-frame-bottom-bar-action:hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .image-frame
    .image-frame-wrapper
    .image-frame-bottom-bar.image-frame-bottom-bar-style-2 {
        background: -webkit-gradient( linear, left bottom, left top, from(#2e3237), to(rgba(241, 243, 247, 0)) );
        background: linear-gradient(to top, #2e3237, rgba(241, 243, 247, 0));
    }

.image-frame:hover .image-frame-info {
    opacity: 1;
}

.image-frame:hover .image-frame-bottom-bar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    .image-frame:hover .image-frame-bottom-bar .image-frame-bottom-bar-action,
    .image-frame:hover .image-frame-bottom-bar .image-frame-bottom-bar-info {
        opacity: 1;
    }

.image-frame.image-frame-border {
    border: 1px solid rgba(28, 31, 33, 0.1);
}

.image-frame.image-frame-style-1 {
    background-color: #fff;
}

    .image-frame.image-frame-style-1 .image-frame-wrapper:after {
        content: "";
        position: absolute;
        display: block;
        background: rgba(28, 31, 33, 0.8);
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        bottom: -4px;
        color: #fff;
        left: -4px;
        right: -4px;
        top: -4px;
        opacity: 0;
        pointer-events: none;
        z-index: 1;
    }

    .image-frame.image-frame-style-1
    .image-frame-wrapper.image-frame-wrapper-overlay-bottom:after {
        top: auto;
        height: 30%;
    }

    .image-frame.image-frame-style-1
    .image-frame-wrapper.image-frame-wrapper-overlay-light:after {
        background: rgba(255, 255, 255, 0.8);
    }

    .image-frame.image-frame-style-1
    .image-frame-wrapper.image-frame-wrapper-justify-left {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
    }

    .image-frame.image-frame-style-1
    .image-frame-wrapper.image-frame-wrapper-align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

        .image-frame.image-frame-style-1
        .image-frame-wrapper.image-frame-wrapper-align-end
        .image-frame-action {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            height: 30%;
            margin-bottom: -4px;
        }

    .image-frame.image-frame-style-1.image-frame-effect-1:hover
    .image-frame-wrapper:after {
        opacity: 1;
    }

    .image-frame.image-frame-style-1.image-frame-effect-1:hover
    .image-frame-wrapper > img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .image-frame.image-frame-style-1.image-frame-effect-1:hover
    .image-frame-wrapper
    .image-frame-inner-border {
        border-width: 10px;
        -webkit-transition: ease border-width 0.3s 0.2s;
        transition: ease border-width 0.3s 0.2s;
    }

    .image-frame.image-frame-style-1.image-frame-effect-1:hover
    .image-frame-wrapper
    .image-frame-action {
        opacity: 1;
    }

    .image-frame.image-frame-style-1.image-frame-effect-2
    .image-frame-wrapper:after {
        -webkit-transition: ease all 0.1s;
        transition: ease all 0.1s;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0);
    }

    .image-frame.image-frame-style-1.image-frame-effect-2
    .image-frame-wrapper
    .image-frame-action {
        opacity: 0;
        -webkit-transition: ease all 0.3s;
        transition: ease all 0.3s;
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0);
    }

    .image-frame.image-frame-style-1.image-frame-effect-2:hover
    .image-frame-wrapper:after {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .image-frame.image-frame-style-1.image-frame-effect-2:hover
    .image-frame-wrapper
    .image-frame-action {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

.image-frame.image-frame-style-2:after,
.image-frame.image-frame-style-3:after,
.image-frame.image-frame-style-4:after {
    content: " ";
    position: absolute;
    top: 13px;
    right: 13px;
    bottom: 13px;
    left: 13px;
    border: 5px solid #fff;
    z-index: 3;
}

.image-frame.image-frame-style-3 {
    overflow: hidden;
}

    .image-frame.image-frame-style-3:after {
        bottom: -15px;
    }

    .image-frame.image-frame-style-3 .image-frame-wrapper .image-frame-info {
        padding-top: 15px;
    }

.image-frame.image-frame-style-4 {
    overflow: hidden;
}

    .image-frame.image-frame-style-4:after {
        top: -15px;
    }

    .image-frame.image-frame-style-4 .image-frame-wrapper .image-frame-info {
        padding-bottom: 15px;
    }

.image-frame.image-frame-style-5 {
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.07);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.07);
}

    .image-frame.image-frame-style-5.image-frame-effect-1:hover
    .image-frame-wrapper:after {
        opacity: 1;
    }

    .image-frame.image-frame-style-5.image-frame-effect-1:hover
    .image-frame-wrapper > img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .image-frame.image-frame-style-5.image-frame-effect-1:hover
    .image-frame-wrapper
    .image-frame-inner-border {
        border-width: 10px;
        -webkit-transition: ease border-width 0.3s 0.2s;
        transition: ease border-width 0.3s 0.2s;
    }

    .image-frame.image-frame-style-5.image-frame-effect-1:hover
    .image-frame-wrapper
    .image-frame-action {
        opacity: 1;
    }

.image-frame.image-frame-style-6 img {
    position: relative;
    z-index: 2;
    border: 4px solid #fff;
}

.image-frame.image-frame-style-6:before {
    background: #252a2c none repeat scroll 0 0;
    border-radius: 50%;
    bottom: -5px;
    content: " ";
    -webkit-filter: blur(2px);
    filter: blur(2px);
    height: 10px;
    left: -10px;
    opacity: 0.1;
    position: absolute;
    right: -10px;
    z-index: 1;
}

.image-frame.image-frame-style-7 {
    padding: 4px;
    border: 5px solid #777;
    border-radius: 50%;
}

.image-frame.image-frame-style-8 .image-frame-action-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: ease transform 0.3s;
    transition: ease transform 0.3s;
}

.image-frame.image-frame-style-8.show .image-frame-action,
.image-frame.image-frame-style-8:hover .image-frame-action {
    opacity: 1;
}

.image-frame.image-frame-style-8.show .image-frame-action-bottom,
.image-frame.image-frame-style-8:hover .image-frame-action-bottom {
    -webkit-transform: none;
    transform: none;
}

.hover-effect-3d .image-frame-style-1 {
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

    .hover-effect-3d .image-frame-style-1:hover {
        -webkit-box-shadow: 0 17px 20px -15px rgba(28, 31, 33, 0.6);
        box-shadow: 0 17px 20px -15px rgba(28, 31, 33, 0.6);
    }

    .hover-effect-3d
    .image-frame-style-1
    .image-frame-action
    .image-frame-action-icon {
        pointer-events: none;
    }

html.ie .image-frame {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    html.ie .image-frame .image-frame-wrapper a > img,
    html.ie .image-frame .image-frame-wrapper img {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    html.ie .image-frame .image-frame-wrapper .image-frame-info {
        position: relative;
        left: -100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    html.ie .image-frame .image-frame-wrapper .image-frame-info-box-style-2 {
        margin: 0;
    }

    html.ie .image-frame .image-frame-wrapper .image-frame-action {
        position: relative;
        left: -100%;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    html.ie
    .image-frame
    .image-frame-wrapper
    .image-frame-background + .image-frame-info,
    html.ie
    .image-frame
    .image-frame-wrapper
    .image-frame-background + .image-frame-inner-border + .image-frame-action {
        left: 0;
    }

    html.ie
    .image-frame.image-frame-style-1
    .image-frame-wrapper.image-frame-wrapper-align-end
    .image-frame-action {
        height: 30%;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    html.ie
    .image-frame.image-frame-effect-2
    .image-frame-wrapper
    .image-frame-action:not(.image-frame-action-style-2) {
        position: absolute;
        left: 0;
        bottom: 0;
    }

/********************/

/* BlockImageWithTextAndLinkRow */

.block-image-with-text-and-link-row {
    min-height: var(--min-height);
    margin: var(--margin);
    padding: var(--padding);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-top: var(--border-top);
    border-bottom: var(--border-bottom);
    border-right: var(--border-right);
    border-left: var(--border-left);
    border-radius: var(--border-radius);
    justify-content: var(--horizontal-align);
}

    .block-image-with-text-and-link-row > div:hover {
        z-index: 10;
    }

.img-link {
    transition: transform .2s;
    background-color: var(--item-bg-color) !important;
    background-image: var(--item-bg-image) !important;
    -webkit-box-shadow: var(--box-shadow) !important;
    -moz-box-shadow: var(--box-shadow) !important;
    box-shadow: var(--box-shadow) !important;
    margin: var(--item-margin) !important;
    padding: var(--item-padding) !important;
    border-radius: var(--border-radius);
    list-style: none;
}

    .img-link:hover {
        background-color: var(--item-hover-bg-color);
        transform: scale(0.9);
        cursor: pointer;
    }

    .img-link > li, .img-link > li > ul, .img-link-li-ul-li-ul {
        list-style: none;
    }

        .img-link > li > ul {
            display: none;
            position: absolute;
            background-color: var(--item-bg-color) !important;
            padding: var(--item-padding) !important;
        }

    .img-link:hover > li > ul {
        display: block;
    }

.img-link-li-ul-li {
    background-color: var(--item-bg-color) !important;
}

    .img-link-li-ul-li:hover {
        background-color: var(--item-hover-bg-color) !important;
    }

.img-link-li-ul-li-ul {
    display: none;
    background-color: var(--item-bg-color) !important;
}

.img-link-li-ul-li-ul, .img-link-li-ul {
    background-color: var(--item-bg-color) !important;
    -webkit-box-shadow: var(--box-shadow) !important;
    -moz-box-shadow: var(--box-shadow) !important;
    box-shadow: var(--box-shadow) !important;
    border: 1px solid #999999;
    border-radius: var(--border-radius);
}

@media screen and (min-device-width: 992px) {

    .img-link-li-ul-li-ul {
        margin-left: 100%;
        padding: 0;
        left: 0;
        position: absolute;
    }

    .img-link-li-ul-li {
        display: flex;
        align-items: center;
    }
}


@media screen and (max-device-width: 991px) {

    .img-link-li-ul-li-ul {
        padding: 0 !important;
        left: 0 !important;
        margin: 10px 0 0 0 !important;
    }

    .img-link-li-ul-li > i {
        float: right;
        transform: rotate(90deg);
    }
}


.img-link-p {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--item-text-color);
}

.img-link:hover > div > .img-link-p, .img-link:hover > li > div > div > .img-link-p {
    color: var(--item-hover-text-color);
}

.img-link-a {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--item-text-color);
}

.img-link-li-ul-li:hover > .img-link-a, .img-link-li-ul-li-ul-li:hover > .img-link-a, .img-link-li-ul-li:hover > .img-link-i {
    color: var(--item-hover-text-color);
}

.img-link-i {
    color: var(--item-text-color);
}

.img-link-li-ul-li, .img-link-li-ul-li-ul-li {
    border-bottom: 1px solid #999999;
}


.img-link-li-ul-li {
    background-color: var(--item-bg-color);
}

    .img-link-li-ul-li:hover, .img-link-li-ul-li-ul-li:hover {
        background-color: var(--item-hover-bg-color) !important;
    }

.img-link-li-u:hover {
    background-color: var(--item-hover-bg-color) !important;
}

.img-link-li-ul-li:hover > ul {
    display: block !important;
}

.block-img-list {
    background-image: var(--bg-image);
    background-repeat: round;
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    border: none;
}


/* BlockImageWithTextAndLinkRow */
/* buttonLink */
.tags-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: baseline;
}

    .tags-container a {
        display: inline-block;
        text-decoration: none;
        font-size: 1rem;
        line-height: 1rem;
        padding: 0.8rem 2rem;
        margin: 0.5rem;
        font-weight: bold;
        transition: 600ms ease;
        background-clip: padding-box;
    }

.rounded-link {
    border-radius: 100vh;
}

.button-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    transition: 600ms ease background,font;
    font-size: var(--font-size) !important;
    color: var(--font-color);
    background-color: var(--bg-color);
    padding: var(--padding) !important;
    margin: var(--margin) !important;
    border: var(--border);
}

    .button-link:hover {
        color: var(--font-hover-color);
        background-color: var(--bg-hover-color);
    }

.outer-button.justify-left {
    justify-content: flex-start;
}

.outer-button.justify-right {
    justify-content: flex-end;
}

.outer-button.justify-center {
    display: flex;
    justify-content: center;
}

.outer-button.justify-stretch .button-link {
    flex-grow: 1;
}

.form-field.reCaptcha {
    display: flex;
    justify-content: center;
    align-items: center;
}
/********************/
/* cardsPacket */
body {
}

.card-container {
    padding: var(--padding);
    margin: var(--margin);
}

.card-header {
    background-color: var(--title-bg);
    color: var(--title-color);
}

.card-body {
    background-color: var(--description-bg);
    color: var(--description-color);
}

.radius-12 {
    border-radius: 1.2rem
}

.packet-icon {
    height: 145px;
    padding: 25px
}

.card:hover {
    transform: scale(1.1);
}

.card {
    transition: all .5s;
}


.packet-card-title {
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    color: var(--navy);
}

.packet-card-text-st {
    color: orange;
}

.packet-card-text-nd {
    color: var(--navy);
    font-size: 1.6rem;
    font-weight: 700;
}

.border-bottom-2 {
    border-bottom: 3px solid var(--navy);
}
/********************/

/* cardsPacketCarousel */
.orange {
    color: #ff790f;
}

.modal {
    display: none;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: fit-content;
    height: fit-content;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    text-align: end !important;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


.owl-carousel .owl-item img {
    display: block;
    width: fit-content;
}

.packet-card-text-nd * {
    margin-bottom: auto;
}

.btn-carousel-b {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: fit-content;
    background: none;
    color: red;
    left: 15px;
    border: none;
}

.btn-absolute-r {
    right: 0;
    position: absolute;
    z-index: 10;
    border: 0px;
    background-color: #0000003b;
    color: white;
    background: #00000080;
    margin-right: -25px;
    border-radius: 1.2rem 0 0 1.2rem;
}

.btn-absolute-l {
    margin-left: -25px;
    left: 0;
    position: absolute;
    z-index: 1;
    border: 0px;
    background-color: #0000003b;
    color: white;
    background: #00000080;
    border-radius: 0 1.2rem 1.2rem 0;
}

.btn-absolute-r:hover {
    background: #000000ba;
}

.btn-absolute-l:hover {
    background: #000000ba;
}

.btn-carousel-owl {
    height: 250px;
    width: 65px;
}

@media screen and (min-width: 1696px) {
    .btn-carousel-owl {
        display: none;
    }
}
/********************/

/* carouselRow */
.carousel {
    padding: var(--padding);
    margin: var(--margin);
    background-color: var(--bg-color);
    background-image: var(--bg-image);
}

.st-carousel-article {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 50%;
    background-color: var(--background-color);
}

.st-carousel-hr {
    height: 2px !important;
    color: white;
    opacity: 1;
}

.st-carousel-read-more {
    font-size: 1em;
    font-weight: 600;
    color: white;
    text-decoration: none !important;
}

.st-carousel-control-prev {
    position: absolute;
    bottom: 120px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5% !important;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    transition: color .3s;
}

.st-carousel-control-next {
    position: absolute;
    bottom: 120px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5% !important;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    right: 0;
    transition: color .3s;
}

.st-carousel-btn > button {
    height: 10px !important;
    width: 10px !important;
    border-radius: 100% !important;
    background-color: #fff !important;
    opacity: 1 !important;
}

.st-carousel-slider {
    max-height: 576px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.st-slider-play-btn, .st-slider-pause-btn {
    font-size: 20px !important;
    color: white;
    transition: color .2s;
}

    .st-slider-play-btn:hover, .st-slider-pause-btn:hover {
        color: #ff6100;
        cursor: pointer;
    }

.st-slider-btn-wrapper {
    width: 20px;
}

.slider-pause-btn {
    color: white;
    font-size: 25px;
    cursor: pointer;
}

.slider-play-btn {
    color: white;
    font-size: 25px;
    cursor: pointer;
}
/********************/

.slider-card:focus-visible {
    outline-style: auto !important;
    border: 2px solid !important;
}
/* counterElement */
.counter-elem {
    margin: 4rem;
    position: relative;
}

    .counter-elem strong {
        font-size: 3rem;
        font-weight: bold;
    }

.outer-counter {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.counter-elem label {
    font-size: 1.2rem;
}

.counter-elem strong, .counter-elem label {
    display: block;
    text-align: center;
}

.counter-icon-top i {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
}

.counter-icon-bottom i {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
}

.counter-icon-left i {
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-100%);
}

.counter-icon-right i {
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(100%);
}

.outer-counter i {
    position: absolute;
    width: 4rem;
    height: 4rem;
    font-size: 4rem;
}

    .outer-counter i.color-black {
        color: black;
    }

    .outer-counter i.color-blue-grey {
        color: #607d8b;
    }


    .outer-counter i.color-grey {
        color: #9e9e9e;
    }

    .outer-counter i.color-brown {
        color: #795548;
    }

    .outer-counter i.color-blue {
        color: #2196f3;
    }

    .outer-counter i.color-light-blue {
        color: #03a9f4;
    }

    .outer-counter i.color-indigo {
        color: #3f51b5;
    }

    .outer-counter i.color-purple {
        color: #9c27b0;
    }

    .outer-counter i.color-deep-purple {
        color: #673ab7;
    }

    .outer-counter i.color-cyan {
        color: #00bcd4;
    }

    .outer-counter i.color-green {
        color: #4caf50;
    }


    .outer-counter i.color-light-green {
        color: #8bc34a;
    }

    .outer-counter i.color-lime {
        color: #cddc39;
    }

    .outer-counter i.color-yellow {
        color: #ffeb3b;
    }

    .outer-counter i.color-amber {
        color: #ffc107;
    }

    .outer-counter i.color-orange {
        color: #ff9800;
    }

    .outer-counter i.color-deep-orange {
        color: #ff5722;
    }

    .outer-counter i.color-red {
        color: #f44336;
    }

    .outer-counter i.color-pink {
        color: #e91e63;
    }

    .outer-counter i.color-white {
        color: white;
    }

[class*=" icon-"]:before, [class^=icon-]:before {
    speak: none;
    display: inline-block;
    text-decoration: inherit;
}
/********************/

/* formElement */
.form-element *:focus {
    outline: var(--form-field-outline);
    outline-offset: 2px;
}


.form-header {
    text-align: center;
    margin: 1rem 0;
    font-weight: bold;
    font-size: var(--form-header-font-size);
    color: var(--form-header-font-color);
}

.form-field {
    /*    margin: 1rem .3rem 0;
*/ color: var(--form-font-color);
    margin: var(--margin);
    padding: var(--padding);
}

.field-content > input {
    border: var(--form-field-border);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
}

.field-content > textarea {
    border: var(--form-field-border);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
}

.field-content > .checkbox-input-container > .checkbox-description > p {
    font-family: var(--font-family);
    font-weight: var(--font-weight);
}

.field-header, .field-content {
    width: 100% !important;
}

.form-field .required-star {
    font-weight: bold;
    color: red;
}

.only-help .field-header {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.input-label {
    font-size: 2rem;
    font-size: var(--form-label-font);
}

.help-message-icon::before {
    cursor: pointer;
    font-size: 1.5rem;
    font-size: var(--form-label-font);
    margin-left: .4rem;
}

.help-message {
    font-size: 1rem;
    font-size: var(--form-help-font);
    margin: 0 !important;
    padding: .3rem 0;
}

.text-input-short, .text-input-long, .number-input {
    border: none;
    margin: .5rem 0;
    padding: .5rem;
    width: 100%;
    font-size: 1.2rem;
    font-size: var(--form-field-font);
    background-color: var(--form-background-color);
}

    .text-input-short, .text-input-long, .number-input,
    .text-input-short::placeholder, .text-input-long::placeholder, .number-input::placeholder {
        color: var(--form-font-color);
    }

.text-input-long {
    min-height: calc(10 * var(--form-field-font));
    resize: none;
}

.radio-input-container, .checkbox-input-container {
    display: flex;
    align-items: baseline;
    padding: .1rem 0;
}

.radio-input, .checkbox-input {
    display: block;
    cursor: pointer;
    min-width: var(--form-field-font);
    min-height: var(--form-field-font);
}

.radio-description, .checkbox-description {
    font-size: 1.2rem;
    margin-left: .5rem;
    font-size: var(--form-field-font);
}
/********************/

/* slider.css */
.carousel__title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 80%;
    text-align: center !important;
    font-size: 1.2rem;
    color: white;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 500;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: fit-content;
    z-index: 2;
}

.carousel__without__excerpt {
    top: 0 !important;
    bottom: 0 !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    height: fit-content !important;
}

.carousel__excerpt {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 90%;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 15px;
    padding-bottom: 15px !important;
    position: absolute;
    bottom: 20px;
    background: white;
    font-weight: 500;
    font-size: 1rem;
    color: var(--navy);
    display: none !important;
}

.carousel__btn {
    background: black;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .9rem;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: background .3s;
}

.carousel__without__link {
    display: none;
}

.carousel__link {
    text-decoration: none;
    color: white;
}

    .carousel__link:hover {
        color: white;
    }

@media screen and (min-width: 700px) {
    .carousel__title {
        font-size: 2rem !important;
    }
}

@media screen and (min-width: 1000px) {
    .carousel__link {
        display: none;
    }

    .carousel__without__link {
        display: block;
    }

    .carousel__title {
        font-size: 2.4rem !important;
        bottom: unset;
        top: 15%;
        margin-top: unset;
        margin-bottom: unset;
        height: unset;
    }

    .carousel__excerpt {
        display: flex !important;
    }
}

@media screen and (min-width: 1450px) {
    .carousel__title {
        top: 15%;
        font-size: 3.5rem !important;
    }

    .carousel__excerpt {
        font-size: 1.5rem;
        padding-top: 35px !important;
        padding-bottom: 35px !important;
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .carousel__btn {
        font-size: 1.2rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 1700px) {
    .carousel__title {
        width: 60%;
    }
}

.carousel__btn:hover {
    background: #000000e0;
    color: white;
}

.carousel__control__prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: fit-content;
    background: none;
    color: white;
    left: 15px;
    border: none;
}

.carousel__control__next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: fit-content;
    background: none;
    color: white;
    right: 15px;
    border: none;
}

/********************/

/* textWithImage */
.text_on_image {
    color: white;
    font-weight: 500;
}

.fw-500 {
    font-weight: 500;
}

.table-packet {
    color: var(--navy);
    border-right: 2px solid var(--navy) !important;
}

    .table-packet > * * {
        margin: 0px !important;
        font-size: 0.8rem;
        font-weight: 500;
    }

.table-packet-nb {
    border: none !important;
}


.btn_on_image {
    background: white;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .9rem;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: background 0.3s;
}

    .btn_on_image:hover {
        background: #000000bd;
        color: white;
    }

.btn_on_image_title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 95%;
    text-align: center !important;
    color: black;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 700;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: fit-content;
    z-index: 2;
}

.border-right-blue {
    border-width: 2px !important;
    border-color: var(--navy) !important;
}

.section-header {
    font-weight: 700;
    text-transform: uppercase;
}


.text_on_image > p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media screen and (min-width: 465px) {

    .text_on_image {
        font-size: 1.0rem;
    }

    .btn_on_image_title {
        font-size: 1.0rem;
    }

    .section-header {
        font-size: 1.4rem;
    }

    .text_on_image > p {
        display: block;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}


@media screen and (min-width: 600px) {
    .table-packet > * * {
        font-size: 0.9rem;
    }

    .text_on_image {
        font-size: 1.0rem;
    }

    .btn_on_image_title {
        font-size: 1.0rem;
    }

    .section-header {
        font-size: 1.4rem;
    }

    .text_on_image > p {
        display: block;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}


@media screen and (min-width: 700px) {

    .table-packet > * * {
        font-size: 1.2rem;
    }

    .text_on_image {
        font-size: 1.0rem;
    }

    .btn_on_image_title {
        font-size: 1.0rem;
    }

    .section-header {
        font-size: 1.4rem;
    }

    .text_on_image > p {
        display: block;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media screen and (min-width: 768px) {

    .text_on_image {
        font-size: 1.1rem;
    }

    .btn_on_image_title {
        font-size: 1.1rem;
    }

    .section-header {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 1000px) {
    .text_on_image {
        font-size: 1.1rem;
    }

    .btn_on_image_title {
        font-size: 1.1rem;
    }

    .section-header {
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 1450px) {
    .text_on_image {
        font-size: 1.2rem;
    }

    .btn_on_image_title {
        font-size: 1.2rem;
    }

    .section-header {
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 1700px) {
    .text_on_image {
        font-size: 1.4rem;
    }

    .text_o.btn_on_image_titlen_image {
        font-size: 1.4rem;
    }

    .section-header {
        font-size: 1.5rem;
    }
}
/********************/

/* websiteMap */

.website-map-link {
    color: var(--font-color) !important;
    font-size: var(--font-size) !important;
}

    .website-map-link:hover {
        color: var(--font-hover-color) !important;
    }

.cascading-map li {
    list-style-type: none;
}

.cascading-map .map-root > .website-map-link {
    font-weight: bold;
}

.cascading-map .map-further-level-container {
    display: none;
}


.cascading-map .map-level-expander {
    cursor: pointer;
}

.cascading-map .map-level-header {
    display: flex;
}

.cascading-map .map-level-expander {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--size);
    width: var(--size);
}

    .cascading-map .map-level-expander ~ .website-map-link {
        padding-left: 10px;
    }

.cascading-map .website-map-link {
    padding-left: calc(var(--size) + 10px);
    transition: 200ms;
    text-decoration: none;
}
/********************/

/*************/
/* captcha */
.captcha-prev {
    background-color: white;
    background: url("Media/reCaptcha.png");
    border: solid 1px black;
    height: 60px;
    width: 241px;
    background-repeat: no-repeat;
    background-size: contain;
}
/*************/

/*************/
/* screenreader */
.screenreader-text {
    position: absolute;
    left: -999px;
    width: 1px;
    height: 1px;
    top: auto;
    text-decoration: none;
    z-index: 99999;
}

    .screenreader-text:focus {
        color: white;
        background: black;
        display: inline-block;
        height: auto;
        width: auto;
        position: static;
        margin-right: auto;
    }
/*************/

/*************/
/* tabPanel */

.tab-component {
    margin: 0;
    padding-bottom: 0;
    border: 0 !important;
    background-color: var(--tab-bg-color) !important;
}

    .tab-component .nav-link {
        color: var(--tab-text-color) !important;
    }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: var(--bg-color-active-tab) !important;
    border-bottom: 5px solid var(--bg-color-border-active-tab) !important;
}

.tab-component .nav-item:hover {
    background-color: var(--bg-hover-color) !important;
}

.nav-link:hover {
    color: var(--font-hover-color) !important;
}

.tab-content {
    background-color: var(--bg-tab-content-color) !important;
}

/*************/

/*************/
/* TagsCloud */

.tags-container {
    padding: var(--padding);
    margin: var(--margin);
}

.tags-cloud-link {
    background-color: var(--bg-color);
    color: var(--font-color);
    font-size: var(--font-size) !important;
    border: var(--border);
    padding: var(--padding);
    margin: var(--margin);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
}

    .tags-cloud-link:hover {
        background-color: var(--bg-hover-color) !important;
        color: var(--font-hover-color) !important;
    }

/*************/

/*************/
/* BlockTextRow */

.block-text-row {
    min-height: var(--min-height) !important;
    display: flex;
    align-items: var(--vertical-align) !important;
    justify-content: var(--horizontal-align);
    background-color: var(--bg-color);
    background-image: var(--bg-image);
    margin: var(--margin);
    padding: var(--padding);
    font-family: var(--bs-body-font-family) !important;
}

.block-text-row-item {
    display: flex;
    align-items: var(--item-content-vertical-align) !important;
    justify-content: var(--item-content-horizontal-align) !important;
    border-radius: var(--item-border-radius) !important;
    background-color: var(--item-bg-color);
    background-image: var(--item-bg-image);
    margin: var(--item-margin);
    padding: var(--item-padding);
    font-family: var(--bs-body-font-family) !important;
}

.block-text-row-button {
    font-size: var(--button-font-size);
    color: var(--button-font-color);
    background-color: var(--button-bg-color);
    border: var(--button-border);
    padding: var(--button-padding) !important;
    margin: var(--button-margin) !important;
    text-align: center !important;
}

    .block-text-row-button:hover {
        color: var(--button-font-hover-color);
        background-color: var(--button-bg-hover-color);
        border-color: var(--button-bg-hover-color);
    }

/*************/
/*************/
/* IconsWithTextRow */
.icon-with-text-row-container {
    padding: var(--padding) !important;
    margin: var(--margin) !important;
    background-color: var(--bg-color);
    background-image: var(--bg-image);
    display: flex !important;
    justify-content: var(--horizontal-align) !important;
    align-items: var(--vertical-align) !important;
    min-height: var(--min-height) !important;
}

.icon-with-text-row {
    padding: var(--item-padding);
    margin: var(--item-margin);
    background-color: var(--item-bg-color);
    background-image: var(--item-bg-image);
    display: flex !important;
    justify-content: var(--horizontal-align) !important;
    align-items: var(--item-vertical-align) !important;
    font-family: var(--bs-body-font-family) !important;
}

    .icon-with-text-row > div > div > i {
        font-size: var(--icon-size) !important;
        color: var(--icon-color) !important;
    }

/*************/

/*************/
/* NewCarousel */

.carousel-inner {
    min-height: var(--min-height);
}

/*************/

/******************************/
/* UmbBlockGridDemoImageBlock */

.umb-block-grid-demo-image-block-container {
    display: flex;
    justify-content: var(--horizontal-align);
    align-items: var(--vertical-align);
}

.umb-block-grid-demo-image-block-img {
    min-height: var(--min-height);
    max-height: var(--max-height);
    height: var(--height);
    width: var(--width);
    transition: 1s ease-in-out;
}

/*****************************/

/*********************************/
/* UmbBlockGridDemoRichTextBlock */

.umb-block-grid-demo-rich-text-block-container {
    padding: var(--padding) !important;
    margin: var(--margin) !important;
    background-color: var(--bg-color);
    background-image: var(--bg-image);
    justify-content: var(--horizontal-align);
    align-items: var(--vertical-align);
    min-height: var(--min-height) !important;
    /*    font-family: var(--font-family) !important;
    font-weight: var(--font-weight) !important;*/
}

/*    .umb-block-grid-demo-rich-text-block-container > p {
        font-family: inherit !important;
    }

        .umb-block-grid-demo-rich-text-block-container > p > span {
            font-family: inherit !important;
        }
        .umb-block-grid-demo-rich-text-block-container > p > span > span {
            font-family: inherit !important;
        }*/

/*********************************/

/****************************************/
/* umbracoColumn */

.pointer-hover:hover {
    cursor: pointer;
}

.umbraco-column {
    padding: var(--padding);
    margin: var(--margin);
    background-color: var(--bg-color);
    background-image: var(--bg-image);
    background-size: var(--bg-size);
    background-position: var(--bg-pos);
    background-repeat: var(--bg-repeat);
    justify-content: var(--horizontal-align);
    align-items: var(--vertical-align);
    min-height: var(--min-height) !important;
    max-height: var(--max-height);
    height: var(--height);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-top: var(--border-top);
    border-bottom: var(--border-bottom);
    border-right: var(--border-right);
    border-left: var(--border-left);
    border-radius: var(--border-radius);
    display: var(--display);
    background-attachment: var(--bg-attachment);
    width: var(--width);
}

@media only screen and (max-width: 768px) {
    .umbraco-column {
        padding: var(--padding-mobile);
        margin: var(--margin-mobile);
        display: var(--display-mobile) !important;
    }
}


/****************************************/
.article-title {
    font-size: 0.925em;
    font-weight: 600;
    margin: 15px 0 9px;
    line-height: 1.4;
    min-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article-excerpt {
    font-size: 0.75em;
    margin: 5px 0 9px;
    line-height: 1.2;
    min-height: 4.8em;
    overflow: hidden;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.article-date {
    font-size: 0.75em;
}

masking {
    mask: var(--mask-img, none);
    -webkit-mask: var(--mask-img, none);
    mask-size: contain;
    -webkit-mask-size: contain;
}

.masking > img {
    visibility: hidden;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.25) !important;
}

.hexContent {
    margin: auto;
    max-width: 1500px;
}

.hex h1, .hex p {
    width: 100%;
    padding: 5%;
    margin: 0;
    box-sizing: border-box;
    background-color: var(--hex-btn-bg);
    color: var(--hex-btn-text-text);
    font-weight: 300;
    -webkit-transition: -webkit-transform .2s ease-out, opacity .3s ease-out;
    transition: transform .2s ease-out, opacity .3s ease-out;
}

.hex .hexIn a {
    background-color: var(--hex-btn-bg);
    color: var(--hex-btn-text);
}

#hexGrid {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 15px;
    list-style-type: none;
}

.hex {
    position: relative;
    visibility: hidden;
    outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */
}

    .hex::after {
        content: '';
        display: block;
        padding-bottom: 86.602%; /* =  100 / tan(60) * 1.5 */
    }

.hexIn {
    position: absolute;
    width: 96%;
    padding-bottom: 110.851%; /* =  width / sin(60) */
    margin: 0 2%;
    overflow: hidden;
    visibility: hidden;
    outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    background-color: var(--hex-btn-hover-bg);
    color: var(--hex-btn-text-hover-text);
}

    .hexIn * {
        position: absolute;
        visibility: visible;
        outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */
    }

.hexLink {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}

/*** HEX CONTENT **********************************************************************/
.hex .pic {
    top: 20%;
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
    -webkit-transform: rotate3d(0,0,0,0deg);
    -ms-transform: rotate3d(0,0,0,0deg);
    transform: rotate3d(0,0,0,0deg);
}

.hex h1, .hex p {
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    background-color: var(--hex-btn-hover-bg);
    font-weight: 300;
    -webkit-transition: -webkit-transform .2s ease-out, opacity .3s ease-out;
    transition: transform .2s ease-out, opacity .3s ease-out;
}


.hex div h1, .hex div p {
    color: var(--hex-btn-hover-text);
}

.hex h1 {
    color: #fff;
    font-weight: 600;
    bottom: 50%;
    padding-top: 50%;
    font-size: 1.5em;
    z-index: 1;
    -webkit-transform: translate3d(0,-100%,0);
    -ms-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}

    .hex h1::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 45%;
        width: 10%;
        text-align: center;
        border-bottom: 1px solid #fff;
    }

.hex p {
    color: #fff;
    font-weight: 600;
    top: 50%;
    padding-bottom: 50%;
    -webkit-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}


/*** HOVER EFFECT  **********************************************************************/
.hexLink:hover h1, .hexLink:focus h1,
.hexLink:hover p, .hexLink:focus p {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/
@media (min-width:1401px) { /* <- 5-4  hexagons per row */
    #hexGrid {
        width: 55%;
        padding-bottom: 5.5%
    }
}

@media (min-width:1201px) { /* <- 5-4  hexagons per row */
    #hexGrid {
        width: 65%;
        padding-bottom: 5.5%
    }

    .hex h1 {
        font-size: medium !important;
    }

    .hex p {
        font-size: medium !important;
    }

    .hex {
        width: 25%; /* = 100 / 4 */
    }

        .hex:nth-child(7n+5) { /* first hexagon of even rows */
            margin-left: 12.5%; /* = width of .hex / 2  to indent even rows */
        }
}

@media (max-width: 1200px) and (min-width:901px) { /* <- 4-3  hexagons per row */
    #hexGrid {
        width: 60%;
        padding-bottom: 7.4%
    }

    .hex h1 {
        font-size: medium !important;
    }

    .hex p {
        font-size: medium !important;
    }

    .hex {
        width: 33.333%; /* = 100 / 3 */
    }

        .hex:nth-child(5n+4) { /* first hexagon of even rows */
            margin-left: 16.666%; /* = width of .hex / 2  to indent even rows */
        }
}

@media (max-width: 900px) and (min-width:601px) { /* <- 3-2  hexagons per row */
    #hexGrid {
        width: 80%;
        padding-bottom: 7.4%
    }

    .hex h1 {
        font-size: medium !important;
    }

    .hex p {
        font-size: medium !important;
    }

    .iconPos {
        font-size: 5rem;
    }

    .hex {
        width: 33.333%; /* = 100 / 3 */
    }

        .hex:nth-child(5n+4) { /* first hexagon of even rows */
            margin-left: 16.666%; /* = width of .hex / 2  to indent even rows */
        }
}

.iconPos {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 9rem;
}

@media (max-width: 600px) { /* <- 2-1  hexagons per row */
    #hexGrid {
        width: 90%;
        padding-bottom: 11.2%
    }

    .hex h1 {
        font-size: small !important;
    }

    .hex p {
        font-size: small !important;
    }

    .iconPos {
        font-size: 5rem;
    }

    .hex {
        width: 50%; /* = 100 / 3 */
    }

        .hex:nth-child(3n+3) { /* first hexagon of even rows */
            margin-left: 25%; /* = width of .hex / 2  to indent even rows */
        }
}




@media (max-width: 400px) {
    .hex h1 {
        font-size: x-small !important;
    }

    .hex p {
        font-size: x-small !important;
    }

    .iconPos {
        font-size: 5rem;
    }

    #hexGrid {
        width: 100%;
        font-size: 13px;
    }
}
/*COLORS*/
.red {
    color: #d42054
}

.blue {
    color: #2e8aea
}

.black {
    color: #000
}

.turquoise {
    color: #03bfb3
}

.turquoise-d1 {
    color: #00aea2
}

.text-warning {
    color: #ff9412
}

.text-error {
    color: #d42054
}

.text-success {
    color: #2bc37c
}

.color-red,
.color-red i {
    color: #f02e28 !important
}

.color-blue,
.color-blue i {
    color: #00aea2 !important
}

.color-orange,
.color-orange i {
    color: #ff9412 !important
}

.color-green,
.color-green i {
    color: #1fb572 !important
}

.btn-color-black {
    background-color: #000
}

.color-black,
.color-black i {
    color: #000 !important;
}

.btn-color-blue-grey {
    background-color: #607d8b
}

.color-blue-grey,
.color-blue-grey i {
    color: #607d8b !important
}

.btn-color-grey {
    background-color: #9e9e9e
}

.color-grey,
.color-grey i {
    color: #9e9e9e !important
}

.btn-color-brown {
    background-color: #795548
}

.color-brown,
.color-brown i {
    color: #795548 !important
}

.btn-color-blue {
    background-color: #2196f3
}

.color-blue,
.color-blue i {
    color: #2196f3 !important
}

.btn-color-light-blue {
    background-color: #03a9f4
}

.color-light-blue,
.color-light-blue i {
    color: #03a9f4 !important
}

.btn-color-cyan {
    background-color: #00bcd4
}

.color-cyan,
.color-cyan i {
    color: #00bcd4 !important
}

.btn-color-green {
    background-color: #4caf50
}

.color-green,
.color-green i {
    color: #4caf50 !important
}

.btn-color-light-green {
    background-color: #8bc34a
}

.color-light-green,
.color-light-green i {
    color: #8bc34a !important
}

.btn-color-lime {
    background-color: #cddc39
}

.color-lime,
.color-lime i {
    color: #cddc39 !important
}

.btn-color-yellow {
    background-color: #ffeb3b
}

.color-yellow,
.color-yellow i {
    color: #ffeb3b !important
}

.btn-color-amber {
    background-color: #ffc107
}

.color-amber,
.color-amber i {
    color: #ffc107 !important
}

.btn-color-orange {
    background-color: #ff9800
}

.color-orange,
.color-orange i {
    color: #ff9800 !important
}

.btn-color-deep-orange {
    background-color: #ff5722
}

.color-deep-orange,
.color-deep-orange i {
    color: #ff5722 !important
}

.btn-color-red {
    background-color: #f44336
}

.color-red,
.color-red i {
    color: #f44336 !important
}

.btn-color-pink {
    background-color: #e91e63
}

.color-pink,
.color-pink i {
    color: #e91e63 !important
}

.btn-color-white {
    background-color: white
}

.color-white,
.color-white i {
    color: white !important
}

.btn-color-purple {
    background-color: #9c27b0
}

.color-purple,
.color-purple i {
    color: #9c27b0 !important
}

.btn-color-deep-purple {
    background-color: #673ab7
}

.color-deep-purple,
.color-deep-purple i {
    color: #673ab7 !important
}

.btn-color-indigo {
    background-color: #3f51b5
}

.color-indigo,
.color-indigo i {
    color: #3f51b5 !important
}
/*COLORS*/

/*ICON CARD*/

.click-count {
    font-size: large;
    color: var(--text-color);
    text-align: center;
    font-weight: 600;
    margin: 25px 0px 0px 0px;
}

.icon-card-container {
    margin: var(--margin);
}

.icon-card {
    background-color: var(--bg-color);
    height: var(--height) !important;
    padding: var(--padding);
    justify-content: center;
}

    .icon-card:hover {
        background-color: var(--bg-color-hover) !important;
        border-color: var(--text-color-hover) !important;
    }

        .icon-card:hover > .card-block > h2 > i,
        .icon-card:hover > div > div > .card-block > h1,
        .icon-card:hover > div > div > .card-block > h2,
        .icon-card:hover > div > div > .card-block > h3,
        .icon-card:hover > div > div > .card-block > h4,
        .icon-card:hover > div > div > .card-block > h5,
        .icon-card:hover > div > div > .card-block > h6,
        .icon-card:hover .click-count {
            color: var(--text-color-hover) !important;
        }

.icon-card-icon,
.icon-card-text {
    color: var(--text-color) !important;
}

.icon-card-container > .icon-card-row > a > .card {
    border: var(--border);
    border-radius: var(--border-radius);
}

@media (max-width: 1023px) {
    .icon-card {
        height: auto !important;
    }
}

/*ICON CARD*/


/*ICON-IN CARD*/
.icon-in-card:hover {
    background-color: var(--bg-color-hover) !important;
    border-color: var(--text-color-hover) !important;
    transform: scale(1.1);
    z-index: 5 !important;
    cursor: pointer;
}

.icon-in-card {
    transition: transform .2s;
}

    .icon-in-card > a > div > p {
        transition: 0.1s;
        font-size: 1.4rem;
    }

    .icon-in-card > a > div > i {
        transition: 0.1s;
        font-size: 2.0rem;
    }

    .icon-in-card:hover > div > h3,
    .icon-in-card:hover > a > div > h5,
    .icon-in-card:hover > a > div > p,
    .icon-in-card:hover > a > div > i,
    .icon-in-card:hover > div > div > .card-block > h3 {
        color: var(--text-color-hover) !important;
    }

    .icon-in-card,
    .icon-in-card > div,
    .icon-in-card > a > div {
        color: var(--text-color) !important;
    }

.icon-in-card {
    background-color: var(--bg-color) !important;
}
/*ICON-IN CARD*/
/*ICON-IN CARD*/
.img-link {
    transition: transform .2s;
}

.img-link, .div-img-link {
    background-color: var(--item-bg-color) !important;
    background-image: var(--item-bg-image) !important;
    -webkit-box-shadow: var(--box-shadow) !important;
    -moz-box-shadow: var(--box-shadow) !important;
    box-shadow: var(--box-shadow) !important;
    margin: var(--item-margin) !important;
    padding: var(--item-padding) !important;
}

ul.img-link, .div-img-link {
    border-top: var(--border-top);
    border-bottom: var(--border-bottom);
    border-right: var(--border-right);
    border-left: var(--border-left);
    border-radius: var(--border-radius);
}

    .ul-img-link:hover, .div-img-link:hover {
        background-color: var(--item-hover-bg-color);
    }

    .ul-img-link > div > div > p, .div-img-link > div > p {
        color: var(--item-text-color);
    }

    .ul-img-link:hover > div > div > p, .div-img-link:hover > div > p {
        color: var(--item-hover-text-color);
    }

.block-image-text {
    font-size: 1.4rem;
    font-weight: 500;
}

@media only screen and (max-device-width: 768px) {

    .block-image-text {
        font-size: 1.1rem;
    }
}

.img-link-img {
    /* max-height: 225px;*/
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.img-link:hover {
    transform: scale(0.9);
}


ul.links-block-icon {
    background-color: var(--item-bg-color) !important;
    position: absolute;
    display: none;
    cursor: pointer !important;
    padding: 0;
    margin: 0;
    list-style: none;
    transition: transform .2s;
}

    ul.links-block-icon > li {
        padding: 10px;
        font-size: 1rem;
        font-weight: 400;
        border-bottom: solid 1px #0003;
    }

.child-links-block-icon:hover {
    background-color: var(--item-bg-color-hover) !important;
}

    .child-links-block-icon:hover > i {
        transition: 0.4s;
        transform: rotate(-360deg);
    }

    .child-links-block-icon:hover > i, .child-links-block-icon:hover > a {
        color: var(--text-color-hover);
    }

ul.links-block-icon > li > i {
    color: var(--item-text-color);
}

ul.links-block-icon > li > a {
    color: var(--item-text-color);
}


div.icon-in-card:hover > ul.links-block-icon {
    display: block !important;
}

div.block-in-icon-card:hover {
    z-index: 25 !important;
}

.links-block-icon, .links-block-icon > .links-block-icon > li > i, .links-block-icon > .links-block-icon > li > a {
    color: var(--text-color);
}


/*ICON-IN CARD*/
/*social-link CARD*/
.social-link {
    transition: transform .2s;
    box-shadow: 0 15px 6px rgba(0, 0, 0, 0.1);
}

    .social-link:hover {
        transform: scale(1.2);
    }

.social-links-nav {
    display: block;
    padding: 0;
    position: fixed;
    top: 100px;
    z-index: 400;
}

.social-links-ul {
    z-index: 999;
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-links-li {
    margin-top: 5px !important;
}


.social-links-ul .social-links-li:hover {
    margin-left: var(--hover-margin-left) !important;
    margin-right: var(--hover-margin-right) !important;
    transition: all .6s !important;
}

a.social-links-a {
    background-color: var(--social-bg-color);
    width: 400px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 25px;
    padding-bottom: 25px;
    overflow: hidden;
}
 
    a.social-links-a > span {
        color: var(--social-color);
        font-size: 14px;
        font-weight: 500;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        line-height: 1.5;
    }
 
    a.social-links-a > i {
        color: var(--social-color);
        width: auto;
        margin-right: 15px;
        position: relative;
    }

a.sl-a {
    color: var(--social-bg-color);
}

    a.sl-a > span > i {
        color: var(--social-color);
    }

@media only screen and (max-device-width: 768px) {
    .social-links-ul {
        scale: 0.94;
    }

    .social-hub {
        scale: 0.9;
        padding: 0;
    }
}



/*social-link CARD*/
/*FLIP CARD*/
.flip-card {
    background-color: transparent;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    padding: var(--padding);
    margin: var(--margin);
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    min-height: 300px;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    min-height: 300px;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: var(--front-bg-color);
    color: black;
}

    .flip-card-front > .card-body > div,
    .flip-card-front > .card-body > div > i {
        color: var(--title-color) !important;
    }

    .flip-card-front > .card-body > div {
        font-size: var(--text-size) !important;
    }

        .flip-card-front > .card-body > div > i {
            font-size: 55px;
            margin: auto;
            padding-top: 5px;
        }

flip-card-front > .card-body {
    background-color: var(--title-bg) !important;
}

/* Style the back side */
.flip-card-back {
    background-color: var(--back-bg-color);
    transform: rotateY(180deg);
}

    .flip-card-back > .card-body {
        color: var(--description-color);
        text-align: center;
    }

.flip-card-icon {
    color: black;
    border: 2px solid;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    margin: 0 auto;
    padding: 13px;
    position: relative;
}

/*FLIP CARD*/

/* CARDS ROW WITH DROPDOWN MENU */

.cards-row-with-dropdown-menu {
    margin: var(--margin);
    padding: var(--padding);
}

.card-with-dropdown-menu {
    background-color: var(--item-bg-color);
    border: var(--item-border);
    padding: var(--item-padding);
    width: var(--item-width);
}

div.cards-row-with-dropdown-menu > div > ul :hover > div,
div.cards-row-with-dropdown-menu > div > ul :hover > div > *,
div.cards-row-with-dropdown-menu > div > ul :active > div,
div.cards-row-with-dropdown-menu > div > ul :active > div > *,
div.cards-row-with-dropdown-menu > div > ul :hover > a > div,
div.cards-row-with-dropdown-menu > div > ul :hover > a > div > *,
div.cards-row-with-dropdown-menu > div > ul :active > a > div,
div.cards-row-with-dropdown-menu > div > ul :active > a > div > * {
    background-color: var(--item-bg-color-hover) !important;
    color: var(--item-text-color-hover) !important;
    border-color: var(--item-text-color-hover) !important;
    transform: none !important;
}

.card-with-dropdown-menu:hover > .card-with-dropdown-menu-icon,
.card-with-dropdown-menu:hover > .card-with-dropdown-menu-header {
    color: var(--item-text-color-hover) !important;
}

.card-with-dropdown-menu-icon,
.card-with-dropdown-menu-header {
    color: var(--item-text-color) !important;
}

.cards-row-with-dropdown-menu > div > ul,
.cards-row-with-dropdown-menu > div > ul > li > ul > li {
    list-style: none;
    display: block;
    width: 100%;
}

ul.dropdown-child-links-list {
    background-color: var(--item-bg-color-hover) !important;
    color: var(--item-text-color-hover);
    padding: 10px;
    width: auto !important;
    position: absolute;
    z-index: 100;
    display: none;
}

div.cards-row-with-dropdown-menu > div > ul > li > ul.dropdown-child-links-list > li {
    padding: 0;
}

ul.dropdown-child-links-list > li > a {
    color: var(--item-text-color) !important;
}

ul.dropdown-child-links-list > li:hover > a {
    opacity: 0.8;
}

ul.dropdown-child-links-list > li > a > i {
    font-size: 1rem;
    margin-right: 0.25rem;
}

div.cards-row-with-dropdown-menu > div > ul :hover > ul.dropdown-child-links-list {
    display: block !important;
}

li.card-with-child-links {
    position: relative;
}

    li.card-with-child-links > ul {
        width: 100% !important;
        padding: 20px;
    }

div.cards-row-with-dropdown-menu > div > ul > li > ul > li > a {
    font-weight: 400;
}

div.cards-row-with-dropdown-menu > div > ul > li > ul > li > hr {
    margin: 10px 0 10px 0;
    color: inherit;
    border: 0;
    opacity: 0.25;
}

/* CARDS ROW WITH DROPDOWN MENU */


/* SecondTNews */
@media only screen and (max-width: 991px) {
    .blogpost-list-excerpt {
        font-size: 0.825em;
        -webkit-line-clamp: 10;
    }

    .article-slider-title {
        font-size: 1em;
        -webkit-line-clamp: 3;
        min-height: 3.6em;
    }

    .st-article-excerpt {
        min-height: 7em;
        -webkit-line-clamp: 5;
        font-size: .85em;
    }

    .st-article-title {
        font-size: 1em;
        -webkit-line-clamp: 5;
    }

    .st-small-article-title {
        font-size: .85em;
        -webkit-line-clamp: 3;
    }

    .st-article-img {
        max-width: 70%;
    }

    .st-small-article-excerpt {
        font-size: 0.8em;
        -webkit-line-clamp: 8;
    }

    .st-small-article-date {
        font-size: 0.8em;
    }
}

.st-article-title {
    font-size: 1.3em;
    font-weight: 600;
    margin: 15px 0 9px;
    line-height: 1.4;
    min-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.st-article-date {
    font-size: .95em;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.1;
}

.st-article-img {
    max-width: 100%;
}

.st-article-excerpt {
    font-size: .95em;
    margin: 5px 0 9px;
    line-height: 1.4;
    min-height: 4.2em;
    overflow: hidden;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.st-article-content {
    text-decoration: none !important;
    color: var(--article-font-color);
    margin-bottom: 35px;
    margin-top: 14px;
    height: 100%;
}

    .st-article-content:hover {
        color: var(--article-font-color);
        opacity: 0.9;
    }

        .st-article-content:hover > img {
            opacity: 0.9;
        }

.st-small-article-title {
    font-size: .9em;
    font-weight: 600;
    margin: 12px 0 9px;
    line-height: 1.4;
    min-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.st-small-article-date {
    font-size: 0.825em;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 1.1;
}

.st-small-article-excerpt {
    font-size: 0.750em;
    margin: 5px 0 9px;
    line-height: 1.4;
    min-height: 4.2em;
    overflow: hidden;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.st-small-article-content {
    text-decoration: none !important;
    color: var(--article-font-color);
    margin-bottom: 5px;
}

    .st-small-article-content:hover {
        color: var(--article-font-color);
        opacity: 0.9;
    }

        .st-small-article-content:hover > img {
            opacity: 0.9;
        }

.st-small-article-hr {
    background-color: var(--article-section-color);
}

.st-article-show-all {
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    background: var(--article-section-color);
    color: white;
}

    .st-article-show-all:hover {
        color: white;
        opacity: 0.9;
    }
/* SecondTNews */

/* News */
.article-slider-title {
    text-align: left !important;
    font-size: 1.3em;
    line-height: 1.2;
    min-height: 2.4em;
    font-weight: 600;
    margin: 19px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article-slider-date {
    text-align: left !important;
    font-size: 1em;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 10px;
}

.article-slider-excerpt {
    text-align: left !important;
    font-size: .875em;
    line-height: 1.3;
    min-height: 10.4em;
    margin-top: 25px;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.article-slider-content {
    cursor: pointer;
    flex-direction: column;
    background: none !important;
    text-decoration: none;
    color: var(--article-font-color);
}

    .article-slider-content:hover {
        color: var(--article-font-color);
        opacity: 0.9;
    }

        .article-slider-content:hover > img {
            opacity: 0.9;
        }

.article-slider-wrapper {
    border-bottom: 2px solid var(--article-color);
}

.article-title {
    font-size: 0.925em;
    font-weight: 600;
    margin: 15px 0 9px;
    line-height: 1.4;
    min-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article-excerpt {
    font-size: 0.75em;
    margin: 5px 0 9px;
    line-height: 1.2;
    min-height: 4.8em;
    overflow: hidden;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.article-date {
    font-size: 0.75em;
}

.article-content {
    text-decoration: none !important;
    color: var(--article-font-color);
    margin-bottom: 30px;
    border-bottom: 2px solid var(--article-color);
}

    .article-content:hover {
        color: var(--article-font-color);
        opacity: 0.9;
    }

        .article-content:hover > img {
            opacity: 0.9;
        }

.carousel-indicators {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.carousel-news {
    position: unset !important;
}

.carousel-news-btn > button {
    background-color: var(--carousel-news-btn) !important;
    opacity: 1 !important;
}

.carousel-news .active {
    background-color: var(--article-color) !important;
}

.carousel-btn > button {
    background-color: #fff !important;
    opacity: 1 !important;
}

.slider-btn-wrapper {
    width: 29px;
    justify-content: center;
    background: var(--article-color);
}

.article-slider-without-list {
    text-align: left !important;
    font-size: .875em;
    line-height: 1.3;
    min-height: 3.5em;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article-slider-title-without-list {
    text-align: left !important;
    font-size: 1.3em;
    line-height: 1.2;
    min-height: 2.4em;
    font-weight: 600;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article-slider-date-without-list {
    text-align: left !important;
    font-size: 1em;
    line-height: 1.25;
    font-weight: 600;
    margin: 15px 0;
}

@media (min-width: 768px) {
    .slider-btn-wrapper {
        width: 37px;
    }
}
/* News */

/* Blogpost */
.blogposts {
    margin-left: auto;
    margin-right: auto
}

.blogpost {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 30px 20px
}

    .blogpost.blogpost-with-image {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .blogpost:last-child {
        margin-bottom: 60px
    }

    .blogpost:hover .blogpost-title {
        text-decoration: none;
    }

.blogpost-image {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-left: 40px;
    border-radius: 50%
}

.blogpost-info {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.blogpost-date {
    color: var(--font-color);
    display: block;
    opacity: 1;
    margin-right: 10px;
    font-size: 0.975em;
}

.blogpost-hr {
    min-height: 1px;
    opacity: 1;
    border-bottom: 1px solid var(--hover-color);
    margin: 1em 0;
}

.blogpost-image {
    height: 160px;
    width: 160px;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px
}

.blogpost-title {
    color: var(--font-color);
    font-size: 1.3em;
    letter-spacing: 1px;
    margin: 0 0 10px;
    text-decoration: none;
    transition: opacity 0.6s;
}

    .blogpost-title:hover {
        color: var(--hover-color);
        opacity: 0.9;
    }

.search-btn {
    color: var(--font-color);
    font-size: 1.5em;
    transition: color 0.6s;
}

    .search-btn:hover {
        color: var(--hover-color);
    }

.gpost-title {
    color: var(--blogpost-text);
    font-size: 20px;
    letter-spacing: 1px;
    margin: 0 0 10px;
}

.blogpost-list-excerpt {
    color: var(--font-color);
    font-size: 0.975em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.blogpost-nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: var(--font-color);
    transition: opacity 0.6s;
}

    .blogpost-nav-link:hover {
        color: var(--hover-color);
        opacity: 0.8;
    }

.blogpost-nav-link--active {
    color: var(--hover-color);
    border-bottom: 2px solid var(--hover-color);
    opacity: 0.8;
}

.blogpost-link {
    margin-top: 25px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-bottom: 2px;
    border-bottom: 2px solid rgba(0,0,0,.15);
    color: #000;
    text-decoration: none;
    font-size: 18px
}

    .blogpost-link:hover {
        border-bottom-color: #000
    }

.blogpost-more {
    font-size: 0.8em;
    color: var(--font-color);
    text-decoration: none;
    transition: opacity .6s;
}

    .blogpost-more:hover {
        color: var(--hover-color);
        opacity: 0.8;
    }

.blogpost-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px
}

.more-news-btn {
    background: var(--background-color);
    border: 2px solid;
    color: var(--font-color);
    border: none;
    text-decoration: none;
    transition: opacity .6s;
}

    .more-news-btn:hover {
        color: var(--font-color);
        opacity: 0.8;
    }

@media (min-width:992px) {
    .blogposts {
        max-width: 800px
    }

    .blogpost {
        padding: 30px;
        margin: 20px 0
    }

    .blogpost-image {
        height: 160px;
        max-width: 160px;
        margin-top: 0;
        margin-left: 20px
    }
}
/* Blogpost */

/* Sidemenu */
a.side-menu-item {
    width: fit-content;
    padding-bottom: 6px;
    transition: color .4s;
    text-decoration: none;
    margin: 10px 15px;
    font-size: 14px;
    color: var(--sidemenu-color);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    border-bottom: 2px solid transparent;
}

    a.side-menu-item:hover {
        color: var(--sidemenu-active);
        border-color: var(--sidemenu-line);
    }

.side-menu-item.side-menu-item--active {
    border-bottom: 2px solid #000;
    color: var(--sidemenu-active);
}

.side-menu-item.descant {
    text-transform: capitalize;
    font-size: 13px;
    margin: 5px 15px;
}

.side-menu-item-hr {
    width: 70%;
    background: var(--sidemenu-line);
}
/* Sidemenu */

/* Contact form */
.contact__wrapper {
    margin: 0;
    list-style: none;
}

    .contact__wrapper li {
        border-right: 2px solid var(--contact-line-color);
    }

@media only screen and (max-width: 767px) {
    .contact__wrapper li {
        border-right: none;
        border-bottom: 2px solid var(--contact-line-color);
    }
}

@media only screen and (max-width: 991px) {
    .contact__wrapper li:nth-child(2n + 2) {
        border-right: none;
    }
}

@media only screen and (min-width: 992px) {
    .contact__wrapper li:nth-child(3n + 3) {
        border-right: none;
    }
}

.contact__wrapper li:last-child {
    border: none;
}

.contact__header {
    font-weight: 700;
    font-size: 1.1em;
    color: var(--contact-font-color);
}

.contact__phone {
    font-size: .99em;
    color: var(--contact-font-color);
    font-weight: 700;
    cursor: pointer;
    transition: opacity .3s;
}

.contact__email {
    color: var(--contact-font-color);
    font-size: .99em;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .3s;
}

    .contact__email:hover {
        opacity: 0.9;
    }

.field__validation__error {
    color: red !important;
}

.contact__details {
    color: var(--contact-color);
}

.contact__emailHeader {
    color: var(--contact-font-color);
}

.contact__item {
    border-color: var(--contact-line-color);
}

.contact__modal {
    z-index: 10000;
    color: black;
}

.button__primary {
    text-decoration: none;
    background: var(--navy);
    color: white;
    border: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    transition: opacity .3s;
    text-transform: uppercase;
}

    .button__primary:hover {
        opacity: 0.9;
    }

.button__secondary {
    text-decoration: none;
    background: #e9e9e9;
    color: black;
    border: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    transition: opacity .3s;
    text-transform: uppercase;
}

    .button__secondary:hover {
        opacity: 0.9;
    }
/* Contact form */
/*FLIP CARD*/




ul.list > li::before {
    color: lightgray;
    content: "\e001" !important;
    margin-right: 10px;
}


/* BlockWithIcon */

.block-with-icon-row {
    background-color: var(--background-color);
    border-radius: var(--border-radius);
    min-height: var(--min-height);
    max-height: var(--max-height);
    max-width: var(--max-width);
    margin: auto !important;
}

    .block-with-icon-row > a {
        border-radius: var(--border-radius);
        min-height: var(--min-height);
        max-height: var(--max-height);
        max-width: var(--max-width);
    }

    .block-with-icon-row:hover {
        background-color: var(--background-hover-color);
    }

    .block-with-icon-row > a:hover {
        background-color: var(--background-hover-color);
    }

.block-with-icon-icon {
    color: var(--icon-color) !important;
    font-size: var(--icon-size);
}

.block-with-icon-row:hover > a > .block-with-icon-icon {
    color: var(--icon-hover-color) !important;
}

.block-with-icon-text {
    color: var(--text-color);
    font-size: var(--text-size);
}

.block-with-icon-row:hover > a > .block-with-icon-text {
    color: var(--text-hover-color);
}

/*****************/


/* Second navbar */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.st-top-nav {
    min-height: 80px;
    background-color: white !important;
    z-index: 100;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    border-bottom: 3px solid var(--line-color);
}

@media only screen and (max-width: 991px) {
    .st-top-nav {
        border-top: 10px solid var(--line-color);
    }
}

.st-main-nav {
    background: var(--background-color);
}

.st-upper-nav {
    height: 40px;
    border-top: 3px solid var(--line-color);
    background: var(--background-color);
}

.st-navbar-link {
    text-decoration: none;
    transition: color 0.2s;
    color: var(--font-color);
    font-size: 0.9em;
    text-transform: uppercase;
    border: none;
    background: none;
}

    .st-navbar-link:hover {
        color: var(--hover-color);
    }

.search-btn-wrapper {
    background: none;
    border: none;
}

.search-bar {
    height: 35px;
    border: none;
    border-bottom: 1px solid #303030;
}

.search-bar-third {
    height: 35px;
    border: none;
    border-bottom: 1px solid #1672bd;
}

.second-navbar-link {
    text-decoration: none;
    transition: color 0.2s;
    color: var(--font-color);
    font-size: 0.9em;
    text-transform: uppercase;
    border-left: 2px solid var(--line-color);
    border-right: 2px solid var(--line-color);
    transition: color .6s;
}

    .second-navbar-link:hover {
        color: var(--hover-color);
    }

.nav-icon {
    width: 40px;
    height: 40px;
    cursor: pointer;
    fill: var(--font-color);
    transition: fill .6s;
}

    .nav-icon:hover {
        fill: var(--hover-color);
    }

.right-sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    background-color: var(--background-color);
    overflow-x: hidden;
    transition: width 0.8s;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

#rightSidebarItems {
    margin-top: 25px !important;
}

.flaga {
    background: linear-gradient( to bottom, #fff 50%, #d4213d 50% );
    height: 20px;
    -webkit-box-shadow: 0px 0px 11px -6px rgba(0,0,0,0.74);
    -moz-box-shadow: 0px 0px 11px -6px rgba(0,0,0,0.74);
    box-shadow: 0px 0px 11px -6px rgba(0,0,0,0.74);
}

@media only screen and (min-width: 992px) {
    .right-sidenav {
    }
}

.btn-toggle {
    font-size: 0.975rem;
    display: inline-flex;
    align-items: center;
    padding: .4rem .5rem;
    font-weight: 600;
    color: var(--font-color);
    background-color: transparent;
    border: 0;
    width: 100%;
    text-decoration: none;
    transition: color .6s;
}

    .btn-toggle:hover {
        color: var(--hover-color);
    }

    .btn-toggle[data-hasitems]::before {
        width: 1.6em;
        line-height: 0;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
        transition: transform .35s ease;
    }

    .btn-toggle[aria-expanded="true"]::before {
        transform: rotate(90deg);
    }

.second-navbar-hr {
    background: var(--line-color);
    opacity: 1;
}

.search-bar-btn {
    background: none;
    color: var(--hover-color);
    border: none;
    height: 35px;
    text-transform: uppercase;
    font-size: 0.9em;
}
/* Second navbar */

/* Slider with link */
.st-carousel-inners .carousel-item.active,
.st-carousel-inners .carousel-item-next,
.st-carousel-inners .carousel-item-prev {
    display: flex;
}

@media (min-width: 992px) {
    .st-carousel-img-wrapper {
        width: 25%;
    }

    .st-carousel-inners .carousel-item-end.active, .st-carousel-inners .carousel-item-next {
        transform: translateX(25%);
    }

    .st-carousel-inners .carousel-item-start.active,
    .st-carousel-inners .carousel-item-prev {
        transform: translateX(-25%);
    }
}

@media (max-width: 991px) {
    .st-carousel-inners .carousel-item-end.active,
    .st-carousel-inners .carousel-item-next {
        transform: translateX(50%);
    }

    .st-carousel-inners .carousel-item-start.active,
    .st-carousel-inners .carousel-item-prev {
        transform: translateX(-50%);
    }
}

.st-carousel-inners .carousel-item-end {
    transform: translateX(0%);
}


.st-carousel-inners .carousel-item-start {
    transform: translateX(0%);
}

.st-control-prev {
    width: fit-content !important;
    height: fit-content !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: -25px;
    color: black;
}

.st-control-next {
    width: fit-content !important;
    height: fit-content !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-right: -25px;
}


.st-slider-icon {
    width: 32px;
    height: 32px;
    color: black;
}

.section-title {
    padding: 0;
    margin: 0;
    letter-spacing: .1em;
    font-size: 2.2em;
    line-height: 2.5em;
    color: var(--font-color);
    font-weight: 300;
    text-transform: uppercase;
}
/* Slider with link */

/* Gallery */
.lightbox {
    transition: opacity 0.6s;
}

    .lightbox:hover {
        opacity: 0.8;
    }

#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

    #baguetteBox-overlay.visible {
        opacity: 1;
    }

    #baguetteBox-overlay .full-image {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
    }

        #baguetteBox-overlay .full-image figure {
            display: inline;
            margin: 0;
            height: 100%;
        }

        #baguetteBox-overlay .full-image img {
            display: inline-block;
            width: auto;
            height: auto;
            max-height: 100%;
            max-width: 100%;
            vertical-align: middle;
            -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        }

        #baguetteBox-overlay .full-image figcaption {
            display: block;
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
            line-height: 1.8;
            white-space: normal;
            color: #ccc;
            background-color: #000;
            background-color: rgba(0, 0, 0, 0.6);
        }

        #baguetteBox-overlay .full-image figcaption {
            display: block;
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
            line-height: 1.8;
            white-space: normal;
            color: #ccc;
            background-color: #000;
            background-color: rgba(0, 0, 0, 0.6);
            font-family: sans-serif;
        }

        #baguetteBox-overlay .full-image:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px;
        }

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
    transition: left 0.4s ease, -webkit-transform 0.4s ease;
    transition: left 0.4s ease, transform 0.4s ease;
    transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease;
}

    #baguetteBox-slider.bounce-from-right {
        -webkit-animation: bounceFromRight 0.4s ease-out;
        animation: bounceFromRight 0.4s ease-out;
    }

    #baguetteBox-slider.bounce-from-left {
        -webkit-animation: bounceFromLeft 0.4s ease-out;
        animation: bounceFromLeft 0.4s ease-out;
    }

@-webkit-keyframes bounceFromRight {
    0%, 100% {
        margin-left: 0;
    }

    50% {
        margin-left: -30px;
    }
}

@keyframes bounceFromRight {
    0%, 100% {
        margin-left: 0;
    }

    50% {
        margin-left: -30px;
    }
}

@-webkit-keyframes bounceFromLeft {
    0%, 100% {
        margin-left: 0;
    }

    50% {
        margin-left: 30px;
    }
}

@keyframes bounceFromLeft {
    0%, 100% {
        margin-left: 0;
    }

    50% {
        margin-left: 30px;
    }
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px;
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

    .baguetteBox-button:focus,
    .baguetteBox-button:hover {
        background-color: rgba(50, 50, 50, 0.9);
    }

    .baguetteBox-button#next-button {
        right: 2%;
    }

    .baguetteBox-button#previous-button {
        left: 2%;
    }

    .baguetteBox-button#close-button {
        top: 20px;
        right: 2%;
        right: calc(2% + 6px);
        width: 30px;
        height: 30px;
    }

    .baguetteBox-button svg {
        position: absolute;
        left: 0;
        top: 0;
    }

.baguetteBox-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}

    .tz-gallery .row > div {
        padding: 2px;
    }

    .tz-gallery .lightbox img {
        width: 100%;
        border-radius: 0;
        position: relative;
    }

    .tz-gallery .lightbox:hover {
        width: 100%;
        height: 100%;
        width: fit-content;
        opacity: 0.8;
        background-color: rgba(46, 132, 206, 0.7);
        transition: 0.4s;
    }

        .tz-gallery .lightbox:hover:after,
        .tz-gallery .lightbox:hover:before {
            opacity: 1;
        }

.baguetteBox-button {
    background-color: transparent !important;
}


.gallery-description {
    font-size: 1.1em;
    padding-top: 0.3em;
}

.gallery-wrapper {
    color: var(--font-color);
    text-decoration: none;
}

.gallery-hr {
    opacity: 1;
    background: var(--line-color);
    height: 2px !important;
}

.gallery-wrapper > img {
    transition: opacity 0.6s;
}

.gallery-wrapper:hover > img {
    opacity: 0.8;
}

.image-frame {
    color: white;
    font-size: 16px;
}

/* search */
.search__title {
    font-size: 20px;
    text-decoration: none;
    color: black;
    transition: color .3s;
}

    .search__title:hover {
        color: var(--navy);
    }

.search__meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.search__excerpt {
    font-size: 0.825em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.search__more {
    color: #000;
    text-decoration: none;
    transition: color .3s;
}

    .search__more:hover {
        color: var(--navy);
    }

.search__hr {
    opacity: 1;
    color: var(--navy);
}

.nav-bar {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row
}

.nav-link:hover {
    color: var(--pagination-hover-color) !important;
}

.nav-bar--list {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.nav-link {
    color: var(--pagination-page-color) !important;
}

.nav-bar--center, .nav-bar--list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.nav-bar--air-bottom {
    margin-bottom: 40px
}

.nav-bar-link, .nav-bar-link:visited {
    text-decoration: none;
    margin: 10px 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    border-bottom: 2px solid transparent
}

.nav-link--air-bottom {
    margin-bottom: 10px
}

a.nav-bar-link.nav-link--black {
    width: fit-content;
    padding-bottom: 6px;
    transition: color .4s;
}

    a.nav-bar-link.nav-link--black:hover {
        border-color: #000
    }

.nav-link--black.nav-link--active {
    border-bottom: 2px solid var(--pagination-active-page-color);
    color: var(--pagination-active-page-color) !important;
}
/* search */

/* page title */
.page-title {
    text-align: center;
    display: flex;
    font-weight: 400;
    font-size: var(--font-size);
    color: var(--font-color);
}
/* page title */


/* bip icon */
.fa-bip {
    content: url('../images/bip.png');
    transform: scale(.6);
}
/* bip icon */

/* page title */

/* First footer */
.ft-footer {
    border-top: 3px solid var(--line-color);
    background: var(--background-color);
}

.ft-newsletter-header {
    font-size: 1.2rem;
    color: var(--font-color);
}

.ft-newsletter-description {
    font-size: 1rem;
    color: var(--font-color);
}

.ft-newsletter-check {
    font-size: .9rem;
    color: var(--font-color);
}

.ft-save-btn {
    text-transform: uppercase;
    border: 1px solid var(--font-color);
    color: var(--font-color);
    background: none;
    transition: opacity 0.6s;
}

    .ft-save-btn:hover {
        opacity: 0.8;
    }

.ft-contact {
    color: var(--font-color);
}

.ft-footer-links {
    background: var(--background-color);
}

@media only screen and (max-width: 991px) {
    .ft-item-wrapper li {
        border-right: 0 !important;
    }

        .ft-item-wrapper li:first-child {
            padding-left: 1.2rem !important;
        }
}

.ft-item-wrapper {
    padding: 0;
    list-style: none;
}

    .ft-item-wrapper li {
        margin-top: 10px;
        padding-right: 1.2rem;
        padding-left: 1.2rem;
        border-right: 2px solid var(--line-color);
    }

        .ft-item-wrapper li:first-child {
            padding-left: 0;
        }

        .ft-item-wrapper li:last-child {
            border-right: none !important;
        }

.ft-item {
    color: var(--font-color);
    transition: color .6s;
    text-decoration: none;
}

    .ft-item:hover {
        color: var(--hover-color);
    }
/* First footer */

/* Video gallery */
.video-gallery {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
}

    .video-gallery .gallery-item {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 10px 1%;
        min-width: 320px;
        max-width: 580px;
        max-height: 360px;
        width: 48%;
        background: #000;
        cursor: pointer;
    }

        .video-gallery .gallery-item img {
            position: relative;
            display: block;
            opacity: .45;
            width: 105%;
            height: 300px;
            transition: opacity 0.35s, transform 0.35s;
            transform: translate3d(-23px, 0, 0);
            backface-visibility: hidden;
        }

        .video-gallery .gallery-item .gallery-item-caption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
        }

            .video-gallery .gallery-item .gallery-item-caption,
            .video-gallery .gallery-item .gallery-item-caption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

        .video-gallery .gallery-item h2 {
            font-weight: 300;
            overflow: hidden;
            padding: 0.5em 0;
        }


        .video-gallery .gallery-item h2,
        .video-gallery .gallery-item p {
            position: relative;
            margin: 0;
            z-index: 10;
        }

        .video-gallery .gallery-item p {
            letter-spacing: 1px;
            font-size: 68%;
            padding: 1em 0;
            opacity: 0;
            transition: opacity 0.35s, transform 0.35s;
            transform: translate3d(10%, 0, 0);
        }

        .video-gallery .gallery-item:hover img {
            opacity: .3;
            transform: translate3d(0, 0, 0);
        }

        .video-gallery .gallery-item .gallery-item-caption {
            text-align: left;
        }

        .video-gallery .gallery-item h2::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 15%;
            height: 1px;
            background: #fff;
            transition: transform 0.3s;
            transform: translate3d(-100%, 0, 0);
        }

        .video-gallery .gallery-item:hover h2::after {
            transform: translate3d(0, 0, 0);
        }

        .video-gallery .gallery-item:hover p {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

@media screen and (max-width: 50em) {
    .video-gallery .gallery-item {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}



.video-block {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
}

    .video-block .gallery-item {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 10px 1%;
        min-width: 320px;
        max-width: 580px;
        max-height: 360px;
        width: 48%;
        background: #000;
        cursor: pointer;
    }

        .video-block .gallery-item img {
            position: relative;
            display: block;
            opacity: .45;
            width: 105%;
            height: 300px;
            transition: opacity 0.35s, transform 0.35s;
            transform: translate3d(-23px, 0, 0);
            backface-visibility: hidden;
        }

        .video-block .gallery-item .gallery-item-caption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
        }

            .video-block .gallery-item .gallery-item-caption,
            .video-block .gallery-item .gallery-item-caption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

        .video-block .gallery-item h2 {
            font-weight: 300;
            overflow: hidden;
            padding: 0.5em 0;
        }


        .video-block .gallery-item h2,
        .video-block .gallery-item p {
            position: relative;
            margin: 0;
            z-index: 10;
        }

        .video-block .gallery-item p {
            letter-spacing: 1px;
            font-size: 68%;
            padding: 1em 0;
            opacity: 0;
            transition: opacity 0.35s, transform 0.35s;
            transform: translate3d(10%, 0, 0);
        }

        .video-block .gallery-item:hover img {
            opacity: .3;
            transform: translate3d(0, 0, 0);
        }

        .video-block .gallery-item .gallery-item-caption {
            text-align: left;
        }

        .video-block .gallery-item h2::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 15%;
            height: 1px;
            background: #fff;
            transition: transform 0.3s;
            transform: translate3d(-100%, 0, 0);
        }

        .video-block .gallery-item:hover h2::after {
            transform: translate3d(0, 0, 0);
        }

        .video-block .gallery-item:hover p {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

@media screen and (max-width: 50em) {
    .video-block .gallery-item {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}

.movie-gallery-description {
    color: var(--font-color);
}
/* Video gallery */

/* Photo gallery */
.photo-gallery-description {
    color: var(--font-color);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
}
/* Photo gallery */

/* Directories and files */
.directory-name {
    color: var(--font-color);
}


.folder_wrapper {
    cursor: pointer;
}

    .folder_wrapper:hover {
        filter: brightness(80%);
        cursor: pointer;
        color: var(--hover-color);
    }

        .folder_wrapper:hover > .directory-name {
            color: var(--hover-color);
        }

/* Directories */

/* Files */
.download_link {
    text-decoration: none;
    display: block;
}

.sortable {
    border-spacing: 0;
}

    .sortable tbody tr:nth-child(odd) {
        background: #e4e4e4;
    }

    .sortable td,
    .sortable th {
        padding: 15px;
    }

        .sortable td:first-child,
        .sortable th:first-child {
            border-top-left-radius: 4px;
        }

        .sortable td:last-child,
        .sortable th:last-child {
            border-top-right-radius: 4px;
        }


        .sortable th:hover::after {
            color: inherit;
            font-size: 1.2em;
            content: ' \025B8';
        }

        .sortable th::after {
            font-size: 1.2em;
            color: transparent;
            content: ' \025B8';
        }

        .sortable th.dir-d {
            color: #000;
        }

            .sortable th.dir-d::after {
                color: inherit;
                content: ' \025BE';
            }

        .sortable th.dir-u {
        }

            .sortable th.dir-u::after {
                color: inherit;
                content: ' \025B4';
            }

.files-th {
    color: var(--font-color);
}

    .files-th:hover {
        color: var(--font-color);
    }

.files-td {
    color: var(--font-color);
}

    .files-td:hover {
        color: var(--font-color);
    }
/* Files */

/* Login form */
.login-form-btn {
    background: var(--background-color);
    border: 2px solid;
    color: var(--font-color);
    border: none;
    text-decoration: none;
    transition: opacity .6s;
}

    .login-form-btn:hover {
        color: var(--font-color);
        opacity: 0.8;
    }
/* Login form */

/* Quick links */
.quickLinks {
    position: fixed;
    right: 0;
    top: var(--position);
    display: flex;
    flex-direction: column;
    width: 100px;
    z-index: 10;
}

    .quickLinks .item {
        cursor: pointer;
        width: 100%;
        min-height: inherit;
        background: white;
        position: relative;
    }

        .quickLinks .item .link {
            background: var(--background-color);
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            padding: 3px 12px;
            min-height: 98px;
            color: var(--font-color);
            text-decoration: none;
            text-align: center;
            line-height: 14px;
            text-transform: uppercase;
            transition: .3s ease-in-out all;
            border-bottom: 2px solid var(--line-color);
        }

        .quickLinks .item:last-child .link {
            border: none;
        }

        .quickLinks .item:hover .link {
            background: var(--background-hover-color);
            color: var(--hover-color);
        }

            .quickLinks .item:hover .link i {
                color: var(--hover-color);
            }

        .quickLinks .item .link i {
            font-size: 2.3rem;
            height: 38px;
            margin-bottom: 5px;
            color: var(--font-color);
        }

        .quickLinks .item .link span {
            text-decoration: none;
            text-align: center;
            font-size: 0.7rem;
            line-height: 14px;
            text-transform: uppercase;
            cursor: pointer;
        }


        .quickLinks .item:nth-child(1) .link-drop {
            padding: 0;
        }


    .quickLinks:not(.stuck) .link-drop {
        left: -390px !important;
        top: 0;
        right: auto !important;
        transform: translateY(20px);
    }

    .quickLinks .item .link-drop {
        cursor: default;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: #f5f5f5;
        color: #424242;
        left: 0;
        width: 390px;
        max-width: 100vw;
        transform: translateY(-20px);
        z-index: -1;
        transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
        pointer-events: none;
        text-align: left;
        text-transform: none;
        box-shadow: 0 5px 5px #0000001a;
    }

        .quickLinks .item .link-drop .content {
            display: flex;
            flex-direction: column;
        }


@media screen and (min-width: 992px) {
    .quickLinks .item:hover .link-drop {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transform: translateY(0%) !important;
        transition-delay: 0s, 0s, 0s, 0.3s;
        pointer-events: auto;
    }
}

@media screen and (max-width: 991px) {

    .quickLinks .item .link span {
        font-size: 0.6rem;
    }

    .quickLinks .item .link i {
        font-size: 1.8rem;
    }

    .quickLinks {
        position: unset;
        flex-direction: row;
        width: 100%;
    }

        .quickLinks .item .link {
            padding: 3px 2px;
            border-bottom: none !important;
            border-right: 2px solid var(--line-color);
        }
}
/* Quick links */

/* Fourth navigation */
.fourth-nav-item {
    font-weight: 700;
    text-transform: uppercase;
}

.fourth-dropdown-nav-item {
    color: black !important;
    text-transform: none;
}

.fourth-dropdown-menu {
    border-radius: 0;
    border: none;
}

.fourth-upper-nav {
    height: 45px;
    border-top: 3px solid var(--line-color);
    background: var(--background-color);
}

@media screen and (min-width: 992px) {
    .fourth-dropdown-menu {
        border-radius: 0;
        border-top: 4px solid var(--line-color);
    }
}
/* Fourth navigation */


/* COntainer sizing*/
@media (min-width: 1000px) {
    .container-sizing {
        max-width: 85%;
        margin: auto;
    }
}
/* COntainer sizing*/

/* third-nav-menu*/

.third-navbar {
    border-bottom: 3px solid var(--nav-border) !important;
}

.third-nav-menu:hover {
    opacity: 0.5;
}

.third-navbar-ul {
    height: 100vh !important;
}

.third-nav-menu {
    color: var(--link-font-color);
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.0625em;
    padding: 5px;
}

    .third-nav-menu > i {
        font-weight: 600;
        font-size: 1.2rem;
    }

.navbar-third {
    background-color: white;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    border-bottom: 3px solid;
    transition: 0.8s;
}

.third-display {
    display: flex;
}

.third-nav-link {
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    color: var(--link-font-color) !important;
    font-family: var(--font-family) !important;
}

    .third-nav-link:hover {
        color: var(--link-hover-color) !important;
    }

@media screen and (min-width: 2500px) {
    .third-nav-link, .third-nav-menu, .third-header-logo-text, .third-form {
        font-size: 1.5rem !important;
    }

    .third-header-under-text {
        font-size: 1rem !important;
    }
}

@media screen and (min-width: 993px) {
    .third-header-logo-text {
        font-size: 18px;
    }

    .third-header-under-text {
        font-size: 16px;
    }
}


@media screen and (max-width: 993px) {
    .third-header-logo-text {
        font-size: 14px;
    }

    .third-header-under-text {
        font-size: 12px;
    }
}

@media screen and (min-width: 683px) {
    .third-navbar {
        height: 85px !important;
    }

    .navbar-third {
        top: 103px;
        min-width: 275px;
    }

        .navbar-third > ul > li {
            display: flex;
            justify-content: start;
        }
}

@media screen and (max-width: 683px) {
    .third-navbar {
        height: 130px !important;
    }

    .navbar-third {
        top: 161px;
        min-width: 100vw;
    }

        .navbar-third > ul > li {
            display: flex;
            justify-content: center;
        }

    .third-nav-link {
        text-align: center;
    }
}

@media screen and (max-width: 320px) {
    .third-display {
        display: block;
    }

        .third-display > div {
            padding-top: 10px
        }

    .third-navbar {
        height: 190px !important;
    }

    .navbar-third {
        top: 191px;
        min-width: 100vw;
    }
}

.third-navigation-icon-search {
    font-size: 20px;
    color: var(--link-font-color);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--link-font-color);
    opacity: 1; /* Firefox */
    text-align: center;
}

/* third-nav-menu*/

/* back to top*/
.back-top i {
    color: var(--back-top-color);
    font-size: 1.5em
}

.back-top {
    background-color: var(--back-top-bg-color);
    position: fixed;
    bottom: 20px;
    margin-right: 20px;
    right: 0;
    /* visual styling */
    text-decoration: none;
    padding: 10px;
    font-family: sans-serif;
    white-space: nowrap;
    border-radius: 10%;
}

@media only screen and (max-device-width: 768px) {

    .back-top i {
        font-size: 1.2em
    }

    .back-top {
        bottom: 10px;
        margin-right: 10px;
        padding: 7px;
    }
}

@media only screen and (max-device-height: 768px) {

    .back-top i {
        font-size: 1.1em
    }

    .back-top {
        bottom: 10px;
        margin-right: 10px;
        padding: 5px;
    }
}



/* back to top*/
/* Fourth navigation */

/* UploadedVideoFile */

.simple-video {
    width: 100%;
    height: auto;
    /*margin-top: 1rem;*/
    display: flex;
}

/* UploadedVideoFile */


/* Block with image */
.advert__content {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-block: auto;
    display: flex;
    align-items: var(--vertical-align);
    flex-direction: column;
    justify-content: var(--horizontal-align);
    width: 90%;
}

.advert__header {
    color: var(--font-color);
    font-size: var(--mobile-font-size);
    line-height: 1.2;
    font-weight: 500;
}

.advert__image {
    object-fit: cover;
    width: 100%;
    max-height: var(--max-height);
}

.advert__link {
    z-index: 2;
}

.advert__filter {
    background: var(--filter);
}

.advert__hover {
    transition: all 0.3s;
    transform: scale(1);
}

    .advert__hover:hover {
        opacity: 0.9;
        transform: scale(1.02);
    }

@media screen and (min-width: 1200px) {
    .advert__header {
        font-size: var(--font-size);
    }
}
/* Block with image */
/* UploadedVideoFile */

/* NewsBlocksAndList */
.ibl-container,
.bl-container {
    padding: 0.5rem !important;
}

.nbal-important-blogpost-title {
    position: relative;
    background-color: rgb(22,114,189, 0.93);
    color: white;
    height: 45px;
    padding: 10px;
    box-sizing: border-box;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.nbal-important-blogpost-date {
    position: absolute;
    background-color: rgb(22,114,189, 0.93);
    color: white;
    font-weight: 700;
}

.nbal-blogpost-border-bottom {
    margin-bottom: 9.5px;
    border-bottom: 2px solid rgb(22,114,189, 0.93);
}

.nbal-blogpost-image {
    height: 40px;
    object-fit: cover;
}

.nbal-blogpost-title {
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-wrap;
}

.nbal-important-blogpost-content:hover,
.nbal-important-blogpost-content:hover > img,
.nbal-blogpost-content:hover,
.nbal-blogpost-content:hover > img {
    opacity: 0.8;
}

.nbal-more {
    color: rgb(22,114,189, 0.93);
    font-weight: 600;
}

    .nbal-more:hover {
        color: rgb(22,114,189, 0.93);
        font-weight: 700;
    }
/*********************/


/* OSM Map component */
.osmMap {
    height: var(--height);
}
/* OSM Map component */


/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0;
}

.leaflet-container {
    overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}
    /* Prevents IE11 from highlighting tiles in blue */
    .leaflet-tile::selection {
        background: transparent;
    }
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
    max-width: none !important;
    max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
    max-width: none !important;
    max-height: none !important;
    width: auto;
    padding: 0;
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    /* Fallback for FF which doesn't support pinch-zoom */
    touch-action: none;
    touch-action: pinch-zoom;
}

    .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
        -ms-touch-action: none;
        touch-action: none;
    }

.leaflet-container {
    -webkit-tap-highlight-color: transparent;
}

    .leaflet-container a {
        -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
    }

.leaflet-tile {
    filter: inherit;
    visibility: hidden;
}

.leaflet-tile-loaded {
    visibility: inherit;
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
    -moz-user-select: none;
}

.leaflet-pane {
    z-index: 400;
}

.leaflet-tile-pane {
    z-index: 200;
}

.leaflet-overlay-pane {
    z-index: 400;
}

.leaflet-shadow-pane {
    z-index: 500;
}

.leaflet-marker-pane {
    z-index: 600;
}

.leaflet-tooltip-pane {
    z-index: 650;
}

.leaflet-popup-pane {
    z-index: 700;
}

.leaflet-map-pane canvas {
    z-index: 100;
}

.leaflet-map-pane svg {
    z-index: 200;
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px;
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
}


/* control positioning */

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
    pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}

.leaflet-top {
    top: 0;
}

.leaflet-right {
    right: 0;
}

.leaflet-bottom {
    bottom: 0;
}

.leaflet-left {
    left: 0;
}

.leaflet-control {
    float: left;
    clear: both;
}

.leaflet-right .leaflet-control {
    float: right;
}

.leaflet-top .leaflet-control {
    margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
    margin-left: 10px;
}

.leaflet-right .leaflet-control {
    margin-right: 10px;
}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
    will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
    -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
    transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
}


/* cursors */

.leaflet-interactive {
    cursor: pointer;
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
    cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
    pointer-events: none;
}

    .leaflet-marker-icon.leaflet-interactive,
    .leaflet-image-layer.leaflet-interactive,
    .leaflet-pane > svg path.leaflet-interactive,
    svg.leaflet-image-layer.leaflet-interactive path {
        pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
        pointer-events: auto;
    }

/* visual tweaks */

.leaflet-container {
    background: #ddd;
    outline-offset: 1px;
}

    .leaflet-container a {
        color: #0078A8;
    }

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255,255,255,0.5);
}


/* general typography */
.leaflet-container {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
}


/* general toolbar styles */

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 4px;
}

    .leaflet-bar a {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        width: 26px;
        height: 26px;
        line-height: 26px;
        display: block;
        text-align: center;
        text-decoration: none;
        color: black;
    }

    .leaflet-bar a,
    .leaflet-control-layers-toggle {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        display: block;
    }

        .leaflet-bar a:hover,
        .leaflet-bar a:focus {
            background-color: #f4f4f4;
        }

        .leaflet-bar a:first-child {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .leaflet-bar a:last-child {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            border-bottom: none;
        }

        .leaflet-bar a.leaflet-disabled {
            cursor: default;
            background-color: #f4f4f4;
            color: #bbb;
        }

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

    .leaflet-touch .leaflet-bar a:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

    .leaflet-touch .leaflet-bar a:last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: bold 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px;
}


/* layers control */

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    background: #fff;
    border-radius: 5px;
}

.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.png);
    background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px;
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
}

.leaflet-control-layers label {
    display: block;
    font-size: 13px;
    font-size: 1.08333em;
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
    background-image: url(images/marker-icon.png);
}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
    line-height: 1.4;
}

    .leaflet-control-attribution a {
        text-decoration: none;
    }

        .leaflet-control-attribution a:hover,
        .leaflet-control-attribution a:focus {
            text-decoration: underline;
        }

.leaflet-attribution-flag {
    display: inline !important;
    vertical-align: baseline !important;
    width: 1em;
    height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    text-shadow: 1px 1px #fff;
}

    .leaflet-control-scale-line:not(:first-child) {
        border-top: 2px solid #777;
        border-bottom: none;
        margin-top: -2px;
    }

        .leaflet-control-scale-line:not(:first-child):not(:last-child) {
            border-bottom: 2px solid #777;
        }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
}


/* popup */

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
}

.leaflet-popup-content {
    margin: 13px 24px 13px 20px;
    line-height: 1.3;
    font-size: 13px;
    font-size: 1.08333em;
    min-height: 1px;
}

    .leaflet-popup-content p {
        margin: 17px 0;
        margin: 1.3em 0;
    }

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-top: -1px;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none;
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    pointer-events: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: white;
    color: #333;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    text-align: center;
    width: 24px;
    height: 24px;
    font: 16px/24px Tahoma, Verdana, sans-serif;
    color: #757575;
    text-decoration: none;
    background: transparent;
}

    .leaflet-container a.leaflet-popup-close-button:hover,
    .leaflet-container a.leaflet-popup-close-button:focus {
        color: #585858;
    }

.leaflet-popup-scrolled {
    overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
}


/* div icon */

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

    .leaflet-tooltip.leaflet-interactive {
        cursor: pointer;
        pointer-events: auto;
    }

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Directions */

.leaflet-tooltip-bottom {
    margin-top: 6px;
}

.leaflet-tooltip-top {
    margin-top: -6px;
}

    .leaflet-tooltip-bottom:before,
    .leaflet-tooltip-top:before {
        left: 50%;
        margin-left: -6px;
    }

    .leaflet-tooltip-top:before {
        bottom: 0;
        margin-bottom: -12px;
        border-top-color: #fff;
    }

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff;
}

.leaflet-tooltip-left {
    margin-left: -6px;
}

.leaflet-tooltip-right {
    margin-left: 6px;
}

    .leaflet-tooltip-left:before,
    .leaflet-tooltip-right:before {
        top: 50%;
        margin-top: -6px;
    }

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff;
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff;
}

/* Printing */

@media print {
    /* Prevent printers from removing background-images of controls. */
    .leaflet-control {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}



.leaflet-control-geocoder {
    border-radius: 4px;
    background: white;
    min-width: 26px;
    min-height: 26px;
}

.leaflet-touch .leaflet-control-geocoder {
    min-width: 30px;
    min-height: 30px;
}

.leaflet-control-geocoder a,
.leaflet-control-geocoder .leaflet-control-geocoder-icon {
    border-bottom: none;
    display: inline-block;
}

.leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
    width: inherit;
    height: inherit;
    line-height: inherit;
}

.leaflet-control-geocoder a:hover,
.leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
    border-bottom: none;
    display: inline-block;
}

.leaflet-control-geocoder-form {
    display: none;
    vertical-align: middle;
}

.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
    display: inline-block;
}

.leaflet-control-geocoder-form input {
    font-size: 120%;
    border: 0;
    background-color: transparent;
    width: 246px;
}

.leaflet-control-geocoder-icon {
    border-radius: 4px;
    width: 26px;
    height: 26px;
    border: none;
    background-color: white;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.2 13l3.4 6.6c.6 1.1 2.5-.4 2-1.2l-4-6.2z'/%3E%3Ccircle cx='10.8' cy='8.9' r='3.9' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.leaflet-touch .leaflet-control-geocoder-icon {
    width: 30px;
    height: 30px;
}

.leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' stroke-linecap='round' stroke-width='1.6' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cg%3E%3Cpath stroke-opacity='.1' d='M14 8.4l3-5'/%3E%3Cpath stroke-opacity='.2' d='M15.6 10l5-3'/%3E%3Cpath stroke-opacity='.3' d='M16.2 12H22'/%3E%3Cpath stroke-opacity='.4' d='M15.6 14l5 3m-6.5-1.4l2.9 5'/%3E%3Cpath stroke-opacity='.5' d='M12 16.2V22m-2-6.4l-3 5'/%3E%3Cpath stroke-opacity='.6' d='M8.4 14l-5 3'/%3E%3Cpath stroke-opacity='.7' d='M7.8 12H2'/%3E%3Cpath stroke-opacity='.8' d='M8.4 10l-5-3'/%3E%3Cpath stroke-opacity='.9' d='M10 8.4l-3-5'/%3E%3Cpath d='M12 7.8V2'/%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='1s' repeatCount='indefinite' type='rotate' values='0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12'/%3E%3C/g%3E%3C/svg%3E");
}

.leaflet-control-geocoder-form-no-error {
    display: none;
}

.leaflet-control-geocoder-form input:focus {
    outline: none;
}

.leaflet-control-geocoder-form button {
    display: none;
}

.leaflet-control-geocoder-error {
    margin-top: 8px;
    margin-left: 8px;
    display: block;
    color: #444;
}

.leaflet-control-geocoder-alternatives {
    display: block;
    width: 272px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.leaflet-control-geocoder-alternatives-minimized {
    display: none;
    height: 0;
}

.leaflet-control-geocoder-alternatives li {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    padding: 5px 8px;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

    .leaflet-control-geocoder-alternatives li a,
    .leaflet-control-geocoder-alternatives li a:hover {
        width: inherit;
        height: inherit;
        line-height: inherit;
        background: inherit;
        border-radius: inherit;
        text-align: left;
    }

    .leaflet-control-geocoder-alternatives li:last-child {
        border-bottom: none;
    }

    .leaflet-control-geocoder-alternatives li:hover,
    .leaflet-control-geocoder-selected {
        background-color: #f5f5f5;
    }

.leaflet-control-geocoder-address-detail {
}

.leaflet-control-geocoder-address-context {
    color: #666;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
    transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
    /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
    -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
    -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
    -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
    transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6);
}

    .marker-cluster-small div {
        background-color: rgba(110, 204, 57, 0.6);
    }

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6);
}

    .marker-cluster-medium div {
        background-color: rgba(240, 194, 12, 0.6);
    }

.marker-cluster-large {
    background-color: rgba(253, 156, 115, 0.6);
}

    .marker-cluster-large div {
        background-color: rgba(241, 128, 23, 0.6);
    }

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
    background-color: rgb(181, 226, 140);
}

    .leaflet-oldie .marker-cluster-small div {
        background-color: rgb(110, 204, 57);
    }

.leaflet-oldie .marker-cluster-medium {
    background-color: rgb(241, 211, 87);
}

    .leaflet-oldie .marker-cluster-medium div {
        background-color: rgb(240, 194, 12);
    }

.leaflet-oldie .marker-cluster-large {
    background-color: rgb(253, 156, 115);
}

    .leaflet-oldie .marker-cluster-large div {
        background-color: rgb(241, 128, 23);
    }

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}

    .marker-cluster div {
        width: 30px;
        height: 30px;
        margin-left: 5px;
        margin-top: 5px;
        text-align: center;
        border-radius: 15px;
        font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
    }

    .marker-cluster span {
        line-height: 30px;
    }


/* Virtual Worker */
.icon-box-vw {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 28px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: var(--sala-neutral-white, #ffffff);
    justify-content: space-between;
    height: 100%;
}

.icon-vw {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
    max-width: 64px;
    width: 64px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--sala-shade-background, #F8F9FC);
    height: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .icon-vw > i {
        font-size: 36px;
        color: var(--sala-neutral-dark, #111111);
    }

.title-vw {
    margin-top: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 92px);
    flex: 0 0 calc(100% - 92px);
    max-width: calc(100% - 200px);
    width: calc(100% - 92px);
}
/* Virtual Worker */


/* Calendar */

@media only screen and (max-device-width: 668px) {
    .calendar {
        transform: scale(0.9);
    }

    .day:not(.queue-day) {
        transform: scale(0.9);
    }
}

@media only screen and (max-device-width: 668px) {
    .day:not(.queue-day) {
        transform: scale(0.7);
        padding: 5px !important;
    }
}

.calendar {
    font-weight: 100;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin: 0 auto;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: var(--bg-color);
    color: var(--text-color);
}

.header {
    height: 50px;
    /*    width: 420px;*/
    border-bottom: 1px solid var( --text-color);
    /*background: rgba(66, 66, 66, 1);*/
    text-align: center;
    position: relative;
    z-index: 100;
}

    .header h1 {
        margin: 0;
        padding: 0;
        font-size: 20px;
        line-height: 50px;
        font-weight: 100;
        letter-spacing: 1px;
    }

.left, .right {
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    top: 50%;
    margin-top: -7.5px;
    cursor: pointer;
}

.left {
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent rgba(160, 159, 160, 1) transparent transparent;
    left: 20px;
}

.right {
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent rgba(160, 159, 160, 1);
    right: 20px;
}

.month {
    /*overflow: hidden;*/
    opacity: 0;
    /*padding-bottom: 80px;*/
}

    .month.new {
        -webkit-animation: fadeIn 1s ease-out;
        opacity: 1;
    }

    .month.in.next {
        -webkit-animation: moveFromTopFadeMonth .4s ease-out;
        -moz-animation: moveFromTopFadeMonth .4s ease-out;
        animation: moveFromTopFadeMonth .4s ease-out;
        opacity: 1;
    }

    .month.out.next {
        -webkit-animation: moveToTopFadeMonth .4s ease-in;
        -moz-animation: moveToTopFadeMonth .4s ease-in;
        animation: moveToTopFadeMonth .4s ease-in;
        opacity: 1;
    }

    .month.in.prev {
        -webkit-animation: moveFromBottomFadeMonth .4s ease-out;
        -moz-animation: moveFromBottomFadeMonth .4s ease-out;
        animation: moveFromBottomFadeMonth .4s ease-out;
        opacity: 1;
    }

    .month.out.prev {
        -webkit-animation: moveToBottomFadeMonth .4s ease-in;
        -moz-animation: moveToBottomFadeMonth .4s ease-in;
        animation: moveToBottomFadeMonth .4s ease-in;
        opacity: 1;
    }

.week {
    /*background: #4A4A4A;*/
    display: flex;
    justify-content: space-around;
}

.day {
    display: inline-block;
    /*width: 60px;*/
    padding: 10px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    /*background: #4A4A4A;*/
    position: relative;
    z-index: 100;
}

    .day.other, .day.other.weekend {
        filter: brightness(50%);
    }

.today {
    color: green;
}

.day.weekend {
    color: var(--weekend-color);
}


.day-name {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
    /*color: rgba(255, 255, 255, .5);*/
    letter-spacing: .7px;
}

.day-number {
    font-size: 24px;
    letter-spacing: 1.5px;
}


.day .day-events {
    list-style: none;
    margin-top: 3px;
    text-align: center;
    height: 12px;
    line-height: 6px;
    overflow: hidden;
}

    .day .day-events span {
        vertical-align: top;
        display: inline-block;
        padding: 0;
        margin: 0;
        width: 5px;
        height: 5px;
        line-height: 5px;
        margin: 0 1px;
    }

.blue {
    background: rgba(156, 202, 235, 1);
}

.orange {
    background: rgba(247, 167, 0, 1);
}

.green {
    background: rgba(153, 198, 109, 1);
}

.yellow {
    background: rgba(249, 233, 0, 1);
}

.red {
    background: #dc3545;
}

.puste {
    padding: 10px;
}

.details {
    position: absolute;
    width: 100%;
    height: auto;
    background: var(--text-color);
    color: var(--bg-color);
    /*margin-top: 80px;*/
    border: 1px solid var(--bg-color);
    z-index: 999;
}

    .details.in {
        -webkit-animation: moveFromTopFade .5s ease both;
        -moz-animation: moveFromTopFade .5s ease both;
        animation: moveFromTopFade .5s ease both;
    }

    .details.out {
        -webkit-animation: moveToTopFade .5s ease both;
        -moz-animation: moveToTopFade .5s ease both;
        animation: moveToTopFade .5s ease both;
    }

.arrow {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent rgba(164, 164, 164, 1) transparent;
    transition: all 0.7s ease;
}

.events {
    height: 75px;
    padding: 7px 0;
    overflow-y: auto;
    overflow-x: hidden;
}

    .events.in {
        -webkit-animation: fadeIn .3s ease both;
        -moz-animation: fadeIn .3s ease both;
        animation: fadeIn .3s ease both;
    }

    .events.in {
        -webkit-animation-delay: .3s;
        -moz-animation-delay: .3s;
        animation-delay: .3s;
    }

.details.out .events {
    -webkit-animation: fadeOutShrink .4s ease both;
    -moz-animation: fadeOutShink .4s ease both;
    animation: fadeOutShink .4s ease both;
}

.events.out {
    -webkit-animation: fadeOut .3s ease both;
    -moz-animation: fadeOut .3s ease both;
    animation: fadeOut .3s ease both;
}

.event, .empty-event {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: .5px;
    padding: 2px 16px;
    vertical-align: top;
}

    .event.empty {
        color: #eee;
    }

.event-category {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin: 6px 0 0;
    vertical-align: top;
}

.event span {
    display: inline-block;
    padding: 0 0 0 7px;
}

.legend {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    z-index: 100;
    border-top: 1px solid var( --text-color);
}

.entry {
    position: relative;
    padding: 0 0 0 25px;
    font-size: 13px;
    display: inline-block;
    line-height: 30px;
    background: transparent;
}

    .entry:after {
        position: absolute;
        content: '';
        height: 5px;
        width: 5px;
        top: 12px;
        left: 14px;
    }

    .entry.blue:after {
        background: rgba(156, 202, 235, 1);
    }

    .entry.orange:after {
        background: rgba(247, 167, 0, 1);
    }

    .entry.green:after {
        background: rgba(153, 198, 109, 1);
    }

    .entry.yellow:after {
        background: rgba(249, 233, 0, 1);
    }

    .entry.red:after {
        background: #dc3545;
    }

/* Animations are cool!  */
@-webkit-keyframes moveFromTopFade {
    from {
        opacity: .3;
        height: 0px;
        margin-top: 0px;
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes moveFromTopFade {
    from {
        height: 0px;
        margin-top: 0px;
        -moz-transform: translateY(-100%);
    }
}

@keyframes moveFromTopFade {
    from {
        height: 0px;
        margin-top: 0px;
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToTopFade {
    to {
        opacity: .3;
        height: 0px;
        margin-top: 0px;
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes moveToTopFade {
    to {
        height: 0px;
        -moz-transform: translateY(-100%);
    }
}

@keyframes moveToTopFade {
    to {
        height: 0px;
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToTopFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(-30%) scale(.95);
    }
}

@-moz-keyframes moveToTopFadeMonth {
    to {
        opacity: 0;
        -moz-transform: translateY(-30%);
    }
}

@keyframes moveToTopFadeMonth {
    to {
        opacity: 0;
        -moz-transform: translateY(-30%);
    }
}

@-webkit-keyframes moveFromTopFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(30%) scale(.95);
    }
}

@-moz-keyframes moveFromTopFadeMonth {
    from {
        opacity: 0;
        -moz-transform: translateY(30%);
    }
}

@keyframes moveFromTopFadeMonth {
    from {
        opacity: 0;
        -moz-transform: translateY(30%);
    }
}

@-webkit-keyframes moveToBottomFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(30%) scale(.95);
    }
}

@-moz-keyframes moveToBottomFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(30%);
    }
}

@keyframes moveToBottomFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(30%);
    }
}

@-webkit-keyframes moveFromBottomFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%) scale(.95);
    }
}

@-moz-keyframes moveFromBottomFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%);
    }
}

@keyframes moveFromBottomFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%);
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutShink {
    to {
        opacity: 0;
        padding: 0px;
        height: 0px;
    }
}

@-moz-keyframes fadeOutShink {
    to {
        opacity: 0;
        padding: 0px;
        height: 0px;
    }
}

@keyframes fadeOutShink {
    to {
        opacity: 0;
        padding: 0px;
        height: 0px;
    }
}

.details .in {
    z-index: 100;
}

.month-title {
    text-transform: uppercase;
}

.close-event {
    display: flex;
    justify-content: end;
    align-items: start;
    margin: 5px 10px 0 0;
    color: var(--bg-color);
    font-weight: 500;
}

    .close-event:hover {
        cursor: pointer;
    }

/* Calendar */

/* ErrorPage */

.error-page-container {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    top: 30%;
    position: relative;
    color: white;
}

/* ErrorPage */

.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900)
}

.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin,2.5em);
    padding-left: 0
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width,2em);
    line-height: inherit
}

.fa-border {
    border-radius: var(--fa-border-radius,.1em);
    border: var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);
    padding: var(--fa-border-padding,.2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin,.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin,.3em)
}

.fa-beat {
    -webkit-animation-name: fa-beat;
    animation-name: fa-beat;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-bounce {
    -webkit-animation-name: fa-bounce;
    animation-name: fa-bounce;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}

.fa-fade {
    -webkit-animation-name: fa-fade;
    animation-name: fa-fade;
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-beat-fade, .fa-fade {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s)
}

.fa-beat-fade {
    -webkit-animation-name: fa-beat-fade;
    animation-name: fa-beat-fade;
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-flip {
    -webkit-animation-name: fa-flip;
    animation-name: fa-flip;
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-shake {
    -webkit-animation-name: fa-shake;
    animation-name: fa-shake;
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,linear);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-shake, .fa-spin {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal)
}

.fa-spin {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-duration: var(--fa-animation-duration,2s);
    animation-duration: var(--fa-animation-duration,2s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,linear);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse, .fa-spin-pulse {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,steps(8));
    animation-timing-function: var(--fa-animation-timing,steps(8))
}

@media (prefers-reduced-motion:reduce) {
    .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@-webkit-keyframes fa-beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale,1.25));
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-beat {
    0%,90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale,1.25));
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@-webkit-keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@-webkit-keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@-webkit-keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@-webkit-keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    8%,24% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    8%,24% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.fa-rotate-by {
    -webkit-transform: rotate(var(--fa-rotate-angle,none));
    transform: rotate(var(--fa-rotate-angle,none))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index,auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse,#fff)
}

.fa-0:before {
    content: "\30"
}

.fa-1:before {
    content: "\31"
}

.fa-2:before {
    content: "\32"
}

.fa-3:before {
    content: "\33"
}

.fa-4:before {
    content: "\34"
}

.fa-5:before {
    content: "\35"
}

.fa-6:before {
    content: "\36"
}

.fa-7:before {
    content: "\37"
}

.fa-8:before {
    content: "\38"
}

.fa-9:before {
    content: "\39"
}

.fa-a:before {
    content: "\41"
}

.fa-address-book:before, .fa-contact-book:before {
    content: "\f2b9"
}

.fa-address-card:before, .fa-contact-card:before, .fa-vcard:before {
    content: "\f2bb"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-anchor-circle-check:before {
    content: "\e4aa"
}

.fa-anchor-circle-exclamation:before {
    content: "\e4ab"
}

.fa-anchor-circle-xmark:before {
    content: "\e4ac"
}

.fa-anchor-lock:before {
    content: "\e4ad"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-double-down:before, .fa-angles-down:before {
    content: "\f103"
}

.fa-angle-double-left:before, .fa-angles-left:before {
    content: "\f100"
}

.fa-angle-double-right:before, .fa-angles-right:before {
    content: "\f101"
}

.fa-angle-double-up:before, .fa-angles-up:before {
    content: "\f102"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-apple-alt:before, .fa-apple-whole:before {
    content: "\f5d1"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-down-1-9:before, .fa-sort-numeric-asc:before, .fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-arrow-down-9-1:before, .fa-sort-numeric-desc:before, .fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-arrow-down-a-z:before, .fa-sort-alpha-asc:before, .fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-arrow-down-long:before, .fa-long-arrow-down:before {
    content: "\f175"
}

.fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-arrow-down-up-across-line:before {
    content: "\e4af"
}

.fa-arrow-down-up-lock:before {
    content: "\e4b0"
}

.fa-arrow-down-wide-short:before, .fa-sort-amount-asc:before, .fa-sort-amount-down:before {
    content: "\f160"
}

.fa-arrow-down-z-a:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-left-long:before, .fa-long-arrow-left:before {
    content: "\f177"
}

.fa-arrow-pointer:before, .fa-mouse-pointer:before {
    content: "\f245"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-right-arrow-left:before, .fa-exchange:before {
    content: "\f0ec"
}

.fa-arrow-right-from-bracket:before, .fa-sign-out:before {
    content: "\f08b"
}

.fa-arrow-right-long:before, .fa-long-arrow-right:before {
    content: "\f178"
}

.fa-arrow-right-to-bracket:before, .fa-sign-in:before {
    content: "\f090"
}

.fa-arrow-right-to-city:before {
    content: "\e4b3"
}

.fa-arrow-left-rotate:before, .fa-arrow-rotate-back:before, .fa-arrow-rotate-backward:before, .fa-arrow-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-arrow-right-rotate:before, .fa-arrow-rotate-forward:before, .fa-arrow-rotate-right:before, .fa-redo:before {
    content: "\f01e"
}

.fa-arrow-trend-down:before {
    content: "\e097"
}

.fa-arrow-trend-up:before {
    content: "\e098"
}

.fa-arrow-turn-down:before, .fa-level-down:before {
    content: "\f149"
}

.fa-arrow-turn-up:before, .fa-level-up:before {
    content: "\f148"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-up-1-9:before, .fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-arrow-up-9-1:before, .fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-arrow-up-a-z:before, .fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-arrow-up-from-bracket:before {
    content: "\e09a"
}

.fa-arrow-up-from-ground-water:before {
    content: "\e4b5"
}

.fa-arrow-up-from-water-pump:before {
    content: "\e4b6"
}

.fa-arrow-up-long:before, .fa-long-arrow-up:before {
    content: "\f176"
}

.fa-arrow-up-right-dots:before {
    content: "\e4b7"
}

.fa-arrow-up-right-from-square:before, .fa-external-link:before {
    content: "\f08e"
}

.fa-arrow-up-short-wide:before, .fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-arrow-up-wide-short:before, .fa-sort-amount-up:before {
    content: "\f161"
}

.fa-arrow-up-z-a:before, .fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-arrows-down-to-line:before {
    content: "\e4b8"
}

.fa-arrows-down-to-people:before {
    content: "\e4b9"
}

.fa-arrows-h:before, .fa-arrows-left-right:before {
    content: "\f07e"
}

.fa-arrows-left-right-to-line:before {
    content: "\e4ba"
}

.fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before {
    content: "\f021"
}

.fa-arrows-spin:before {
    content: "\e4bb"
}

.fa-arrows-split-up-and-left:before {
    content: "\e4bc"
}

.fa-arrows-to-circle:before {
    content: "\e4bd"
}

.fa-arrows-to-dot:before {
    content: "\e4be"
}

.fa-arrows-to-eye:before {
    content: "\e4bf"
}

.fa-arrows-turn-right:before {
    content: "\e4c0"
}

.fa-arrows-turn-to-dots:before {
    content: "\e4c1"
}

.fa-arrows-up-down:before, .fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-up-down-left-right:before, .fa-arrows:before {
    content: "\f047"
}

.fa-arrows-up-to-line:before {
    content: "\e4c2"
}

.fa-asterisk:before {
    content: "\2a"
}

.fa-at:before {
    content: "\40"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-austral-sign:before {
    content: "\e0a9"
}

.fa-award:before {
    content: "\f559"
}

.fa-b:before {
    content: "\42"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before, .fa-carriage-baby:before {
    content: "\f77d"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-backward-fast:before, .fa-fast-backward:before {
    content: "\f049"
}

.fa-backward-step:before, .fa-step-backward:before {
    content: "\f048"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-bacteria:before {
    content: "\e059"
}

.fa-bacterium:before {
    content: "\e05a"
}

.fa-bag-shopping:before, .fa-shopping-bag:before {
    content: "\f290"
}

.fa-bahai:before {
    content: "\f666"
}

.fa-baht-sign:before {
    content: "\e0ac"
}

.fa-ban:before, .fa-cancel:before {
    content: "\f05e"
}

.fa-ban-smoking:before, .fa-smoking-ban:before {
    content: "\f54d"
}

.fa-band-aid:before, .fa-bandage:before {
    content: "\f462"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before, .fa-navicon:before {
    content: "\f0c9"
}

.fa-bars-progress:before, .fa-tasks-alt:before {
    content: "\f828"
}

.fa-bars-staggered:before, .fa-reorder:before, .fa-stream:before {
    content: "\f550"
}

.fa-baseball-ball:before, .fa-baseball:before {
    content: "\f433"
}

.fa-baseball-bat-ball:before {
    content: "\f432"
}

.fa-basket-shopping:before, .fa-shopping-basket:before {
    content: "\f291"
}

.fa-basketball-ball:before, .fa-basketball:before {
    content: "\f434"
}

.fa-bath:before, .fa-bathtub:before {
    content: "\f2cd"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-5:before, .fa-battery-full:before, .fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-2:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-4:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-bed:before {
    content: "\f236"
}

.fa-bed-pulse:before, .fa-procedures:before {
    content: "\f487"
}

.fa-beer-mug-empty:before, .fa-beer:before {
    content: "\f0fc"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-concierge:before, .fa-concierge-bell:before {
    content: "\f562"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-bitcoin-sign:before {
    content: "\e0b4"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blog:before {
    content: "\f781"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before, .fa-zap:before {
    content: "\f0e7"
}

.fa-bolt-lightning:before {
    content: "\e0b7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-atlas:before, .fa-book-atlas:before {
    content: "\f558"
}

.fa-bible:before, .fa-book-bible:before {
    content: "\f647"
}

.fa-book-bookmark:before {
    content: "\e0bb"
}

.fa-book-journal-whills:before, .fa-journal-whills:before {
    content: "\f66a"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-open-reader:before, .fa-book-reader:before {
    content: "\f5da"
}

.fa-book-quran:before, .fa-quran:before {
    content: "\f687"
}

.fa-book-dead:before, .fa-book-skull:before {
    content: "\f6b7"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-border-style:before, .fa-border-top-left:before {
    content: "\f853"
}

.fa-bore-hole:before {
    content: "\e4c3"
}

.fa-bottle-droplet:before {
    content: "\e4c4"
}

.fa-bottle-water:before {
    content: "\e4c5"
}

.fa-bowl-food:before {
    content: "\e4c6"
}

.fa-bowl-rice:before {
    content: "\e2eb"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-archive:before, .fa-box-archive:before {
    content: "\f187"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-box-tissue:before {
    content: "\e05b"
}

.fa-boxes-packing:before {
    content: "\e4c7"
}

.fa-boxes-alt:before, .fa-boxes-stacked:before, .fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-brazilian-real-sign:before {
    content: "\e46c"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-bridge:before {
    content: "\e4c8"
}

.fa-bridge-circle-check:before {
    content: "\e4c9"
}

.fa-bridge-circle-exclamation:before {
    content: "\e4ca"
}

.fa-bridge-circle-xmark:before {
    content: "\e4cb"
}

.fa-bridge-lock:before {
    content: "\e4cc"
}

.fa-bridge-water:before {
    content: "\e4ce"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-broom-ball:before, .fa-quidditch-broom-ball:before, .fa-quidditch:before {
    content: "\f458"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-bucket:before {
    content: "\e4cf"
}

.fa-bug:before {
    content: "\f188"
}

.fa-bug-slash:before {
    content: "\e490"
}

.fa-bugs:before {
    content: "\e4d0"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-building-circle-arrow-right:before {
    content: "\e4d1"
}

.fa-building-circle-check:before {
    content: "\e4d2"
}

.fa-building-circle-exclamation:before {
    content: "\e4d3"
}

.fa-building-circle-xmark:before {
    content: "\e4d4"
}

.fa-bank:before, .fa-building-columns:before, .fa-institution:before, .fa-museum:before, .fa-university:before {
    content: "\f19c"
}

.fa-building-flag:before {
    content: "\e4d5"
}

.fa-building-lock:before {
    content: "\e4d6"
}

.fa-building-ngo:before {
    content: "\e4d7"
}

.fa-building-shield:before {
    content: "\e4d8"
}

.fa-building-un:before {
    content: "\e4d9"
}

.fa-building-user:before {
    content: "\e4da"
}

.fa-building-wheat:before {
    content: "\e4db"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burger:before, .fa-hamburger:before {
    content: "\f805"
}

.fa-burst:before {
    content: "\e4dc"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before, .fa-bus-simple:before {
    content: "\f55e"
}

.fa-briefcase-clock:before, .fa-business-time:before {
    content: "\f64a"
}

.fa-c:before {
    content: "\43"
}

.fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before {
    content: "\f1fd"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-alt:before, .fa-calendar-days:before {
    content: "\f073"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-calendar-times:before, .fa-calendar-xmark:before {
    content: "\f273"
}

.fa-camera-alt:before, .fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-camera-rotate:before {
    content: "\e0d8"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-battery-car:before, .fa-car-battery:before {
    content: "\f5df"
}

.fa-car-burst:before, .fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-on:before {
    content: "\e4dd"
}

.fa-car-alt:before, .fa-car-rear:before {
    content: "\f5de"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-car-tunnel:before {
    content: "\e4de"
}

.fa-caravan:before {
    content: "\f8ff"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-flatbed:before, .fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-cart-flatbed-suitcase:before, .fa-luggage-cart:before {
    content: "\f59d"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-shopping:before, .fa-shopping-cart:before {
    content: "\f07a"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cedi-sign:before {
    content: "\e0df"
}

.fa-cent-sign:before {
    content: "\e3f5"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-blackboard:before, .fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before, .fa-chalkboard-user:before {
    content: "\f51c"
}

.fa-champagne-glasses:before, .fa-glass-cheers:before {
    content: "\f79f"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-area-chart:before, .fa-chart-area:before {
    content: "\f1fe"
}

.fa-bar-chart:before, .fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-column:before {
    content: "\e0e3"
}

.fa-chart-gantt:before {
    content: "\e0e4"
}

.fa-chart-line:before, .fa-line-chart:before {
    content: "\f201"
}

.fa-chart-pie:before, .fa-pie-chart:before {
    content: "\f200"
}

.fa-chart-simple:before {
    content: "\e473"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-to-slot:before, .fa-vote-yea:before {
    content: "\f772"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-child-dress:before {
    content: "\e59c"
}

.fa-child-reaching:before {
    content: "\e59d"
}

.fa-child-rifle:before {
    content: "\e4e0"
}

.fa-children:before {
    content: "\e4e1"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-arrow-circle-down:before, .fa-circle-arrow-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before, .fa-circle-arrow-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before, .fa-circle-arrow-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before, .fa-circle-arrow-up:before {
    content: "\f0aa"
}

.fa-check-circle:before, .fa-circle-check:before {
    content: "\f058"
}

.fa-chevron-circle-down:before, .fa-circle-chevron-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before, .fa-circle-chevron-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before, .fa-circle-chevron-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before, .fa-circle-chevron-up:before {
    content: "\f139"
}

.fa-circle-dollar-to-slot:before, .fa-donate:before {
    content: "\f4b9"
}

.fa-circle-dot:before, .fa-dot-circle:before {
    content: "\f192"
}

.fa-arrow-alt-circle-down:before, .fa-circle-down:before {
    content: "\f358"
}

.fa-circle-exclamation:before, .fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-circle-h:before, .fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-adjust:before, .fa-circle-half-stroke:before {
    content: "\f042"
}

.fa-circle-info:before, .fa-info-circle:before {
    content: "\f05a"
}

.fa-arrow-alt-circle-left:before, .fa-circle-left:before {
    content: "\f359"
}

.fa-circle-minus:before, .fa-minus-circle:before {
    content: "\f056"
}

.fa-circle-nodes:before {
    content: "\e4e2"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-circle-pause:before, .fa-pause-circle:before {
    content: "\f28b"
}

.fa-circle-play:before, .fa-play-circle:before {
    content: "\f144"
}

.fa-circle-plus:before, .fa-plus-circle:before {
    content: "\f055"
}

.fa-circle-question:before, .fa-question-circle:before {
    content: "\f059"
}

.fa-circle-radiation:before, .fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-arrow-alt-circle-right:before, .fa-circle-right:before {
    content: "\f35a"
}

.fa-circle-stop:before, .fa-stop-circle:before {
    content: "\f28d"
}

.fa-arrow-alt-circle-up:before, .fa-circle-up:before {
    content: "\f35b"
}

.fa-circle-user:before, .fa-user-circle:before {
    content: "\f2bd"
}

.fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before {
    content: "\f057"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clapperboard:before {
    content: "\e131"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clipboard-question:before {
    content: "\e4e3"
}

.fa-clipboard-user:before {
    content: "\f7f3"
}

.fa-clock-four:before, .fa-clock:before {
    content: "\f017"
}

.fa-clock-rotate-left:before, .fa-history:before {
    content: "\f1da"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-arrow-down:before, .fa-cloud-download-alt:before, .fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-arrow-up:before, .fa-cloud-upload-alt:before, .fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-cloud-bolt:before, .fa-thunderstorm:before {
    content: "\f76c"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-showers-water:before {
    content: "\e4e4"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-clover:before {
    content: "\e139"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-code-commit:before {
    content: "\f386"
}

.fa-code-compare:before {
    content: "\e13a"
}

.fa-code-fork:before {
    content: "\e13b"
}

.fa-code-merge:before {
    content: "\f387"
}

.fa-code-pull-request:before {
    content: "\e13c"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-colon-sign:before {
    content: "\e140"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before, .fa-commenting:before {
    content: "\f4ad"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comment-sms:before, .fa-sms:before {
    content: "\f7cd"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compass-drafting:before, .fa-drafting-compass:before {
    content: "\f568"
}

.fa-compress:before {
    content: "\f066"
}

.fa-computer:before {
    content: "\e4e5"
}

.fa-computer-mouse:before, .fa-mouse:before {
    content: "\f8cc"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cow:before {
    content: "\f6c8"
}

.fa-credit-card-alt:before, .fa-credit-card:before {
    content: "\f09d"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before, .fa-crop-simple:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-cruzeiro-sign:before {
    content: "\e152"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-cubes-stacked:before {
    content: "\e4e6"
}

.fa-d:before {
    content: "\44"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-backspace:before, .fa-delete-left:before {
    content: "\f55a"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-desktop-alt:before, .fa-desktop:before {
    content: "\f390"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-diagram-next:before {
    content: "\e476"
}

.fa-diagram-predecessor:before {
    content: "\e477"
}

.fa-diagram-project:before, .fa-project-diagram:before {
    content: "\f542"
}

.fa-diagram-successor:before {
    content: "\e47a"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-diamond-turn-right:before, .fa-directions:before {
    content: "\f5eb"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-disease:before {
    content: "\f7fa"
}

.fa-display:before {
    content: "\e163"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dollar-sign:before, .fa-dollar:before, .fa-usd:before {
    content: "\24"
}

.fa-dolly-box:before, .fa-dolly:before {
    content: "\f472"
}

.fa-dong-sign:before {
    content: "\e169"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-compress-alt:before, .fa-down-left-and-up-right-to-center:before {
    content: "\f422"
}

.fa-down-long:before, .fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-download:before {
    content: "\f019"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-droplet:before, .fa-tint:before {
    content: "\f043"
}

.fa-droplet-slash:before, .fa-tint-slash:before {
    content: "\f5c7"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-e:before {
    content: "\45"
}

.fa-deaf:before, .fa-deafness:before, .fa-ear-deaf:before, .fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-assistive-listening-systems:before, .fa-ear-listen:before {
    content: "\f2a2"
}

.fa-earth-africa:before, .fa-globe-africa:before {
    content: "\f57c"
}

.fa-earth-america:before, .fa-earth-americas:before, .fa-earth:before, .fa-globe-americas:before {
    content: "\f57d"
}

.fa-earth-asia:before, .fa-globe-asia:before {
    content: "\f57e"
}

.fa-earth-europe:before, .fa-globe-europe:before {
    content: "\f7a2"
}

.fa-earth-oceania:before, .fa-globe-oceania:before {
    content: "\e47b"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elevator:before {
    content: "\e16d"
}

.fa-ellipsis-h:before, .fa-ellipsis:before {
    content: "\f141"
}

.fa-ellipsis-v:before, .fa-ellipsis-vertical:before {
    content: "\f142"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-circle-check:before {
    content: "\e4e8"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelopes-bulk:before, .fa-mail-bulk:before {
    content: "\f674"
}

.fa-equals:before {
    content: "\3d"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-eur:before, .fa-euro-sign:before, .fa-euro:before {
    content: "\f153"
}

.fa-exclamation:before {
    content: "\21"
}

.fa-expand:before {
    content: "\f065"
}

.fa-explosion:before {
    content: "\e4e9"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper-empty:before, .fa-eye-dropper:before, .fa-eyedropper:before {
    content: "\f1fb"
}

.fa-eye-low-vision:before, .fa-low-vision:before {
    content: "\f2a8"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-f:before {
    content: "\46"
}

.fa-angry:before, .fa-face-angry:before {
    content: "\f556"
}

.fa-dizzy:before, .fa-face-dizzy:before {
    content: "\f567"
}

.fa-face-flushed:before, .fa-flushed:before {
    content: "\f579"
}

.fa-face-frown:before, .fa-frown:before {
    content: "\f119"
}

.fa-face-frown-open:before, .fa-frown-open:before {
    content: "\f57a"
}

.fa-face-grimace:before, .fa-grimace:before {
    content: "\f57f"
}

.fa-face-grin:before, .fa-grin:before {
    content: "\f580"
}

.fa-face-grin-beam:before, .fa-grin-beam:before {
    content: "\f582"
}

.fa-face-grin-beam-sweat:before, .fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-face-grin-hearts:before, .fa-grin-hearts:before {
    content: "\f584"
}

.fa-face-grin-squint:before, .fa-grin-squint:before {
    content: "\f585"
}

.fa-face-grin-squint-tears:before, .fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-face-grin-stars:before, .fa-grin-stars:before {
    content: "\f587"
}

.fa-face-grin-tears:before, .fa-grin-tears:before {
    content: "\f588"
}

.fa-face-grin-tongue:before, .fa-grin-tongue:before {
    content: "\f589"
}

.fa-face-grin-tongue-squint:before, .fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-face-grin-tongue-wink:before, .fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-face-grin-wide:before, .fa-grin-alt:before {
    content: "\f581"
}

.fa-face-grin-wink:before, .fa-grin-wink:before {
    content: "\f58c"
}

.fa-face-kiss:before, .fa-kiss:before {
    content: "\f596"
}

.fa-face-kiss-beam:before, .fa-kiss-beam:before {
    content: "\f597"
}

.fa-face-kiss-wink-heart:before, .fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-face-laugh:before, .fa-laugh:before {
    content: "\f599"
}

.fa-face-laugh-beam:before, .fa-laugh-beam:before {
    content: "\f59a"
}

.fa-face-laugh-squint:before, .fa-laugh-squint:before {
    content: "\f59b"
}

.fa-face-laugh-wink:before, .fa-laugh-wink:before {
    content: "\f59c"
}

.fa-face-meh:before, .fa-meh:before {
    content: "\f11a"
}

.fa-face-meh-blank:before, .fa-meh-blank:before {
    content: "\f5a4"
}

.fa-face-rolling-eyes:before, .fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-face-sad-cry:before, .fa-sad-cry:before {
    content: "\f5b3"
}

.fa-face-sad-tear:before, .fa-sad-tear:before {
    content: "\f5b4"
}

.fa-face-smile:before, .fa-smile:before {
    content: "\f118"
}

.fa-face-smile-beam:before, .fa-smile-beam:before {
    content: "\f5b8"
}

.fa-face-smile-wink:before, .fa-smile-wink:before {
    content: "\f4da"
}

.fa-face-surprise:before, .fa-surprise:before {
    content: "\f5c2"
}

.fa-face-tired:before, .fa-tired:before {
    content: "\f5c8"
}

.fa-fan:before {
    content: "\f863"
}

.fa-faucet:before {
    content: "\e005"
}

.fa-faucet-drip:before {
    content: "\e006"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before, .fa-feather-pointed:before {
    content: "\f56b"
}

.fa-ferry:before {
    content: "\e4ea"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-arrow-down:before, .fa-file-download:before {
    content: "\f56d"
}

.fa-file-arrow-up:before, .fa-file-upload:before {
    content: "\f574"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-circle-check:before {
    content: "\e493"
}

.fa-file-circle-exclamation:before {
    content: "\e4eb"
}

.fa-file-circle-minus:before {
    content: "\e4ed"
}

.fa-file-circle-plus:before {
    content: "\e4ee"
}

.fa-file-circle-question:before {
    content: "\e4ef"
}

.fa-file-circle-xmark:before {
    content: "\e494"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-arrow-right-from-file:before, .fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-arrow-right-to-file:before, .fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before {
    content: "\f15c"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-edit:before, .fa-file-pen:before {
    content: "\f31c"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-shield:before {
    content: "\e4f0"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-medical-alt:before, .fa-file-waveform:before {
    content: "\f478"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-file-archive:before, .fa-file-zipper:before {
    content: "\f1c6"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-filter-circle-dollar:before, .fa-funnel-dollar:before {
    content: "\f662"
}

.fa-filter-circle-xmark:before {
    content: "\e17b"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-burner:before {
    content: "\e4f1"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-fire-alt:before, .fa-fire-flame-curved:before {
    content: "\f7e4"
}

.fa-burn:before, .fa-fire-flame-simple:before {
    content: "\f46a"
}

.fa-fish:before {
    content: "\f578"
}

.fa-fish-fins:before {
    content: "\e4f2"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flask-vial:before {
    content: "\e4f3"
}

.fa-floppy-disk:before, .fa-save:before {
    content: "\f0c7"
}

.fa-florin-sign:before {
    content: "\e184"
}

.fa-folder-blank:before, .fa-folder:before {
    content: "\f07b"
}

.fa-folder-closed:before {
    content: "\e185"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-folder-tree:before {
    content: "\f802"
}

.fa-font:before {
    content: "\f031"
}

.fa-football-ball:before, .fa-football:before {
    content: "\f44e"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before, .fa-forward-fast:before {
    content: "\f050"
}

.fa-forward-step:before, .fa-step-forward:before {
    content: "\f051"
}

.fa-franc-sign:before {
    content: "\e18f"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-futbol-ball:before, .fa-futbol:before, .fa-soccer-ball:before {
    content: "\f1e3"
}

.fa-g:before {
    content: "\47"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-dashboard:before, .fa-gauge-med:before, .fa-gauge:before, .fa-tachometer-alt-average:before {
    content: "\f624"
}

.fa-gauge-high:before, .fa-tachometer-alt-fast:before, .fa-tachometer-alt:before {
    content: "\f625"
}

.fa-gauge-simple-med:before, .fa-gauge-simple:before, .fa-tachometer-average:before {
    content: "\f629"
}

.fa-gauge-simple-high:before, .fa-tachometer-fast:before, .fa-tachometer:before {
    content: "\f62a"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-cog:before, .fa-gear:before {
    content: "\f013"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-glass-water:before {
    content: "\e4f4"
}

.fa-glass-water-droplet:before {
    content: "\e4f5"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-golf-ball-tee:before, .fa-golf-ball:before {
    content: "\f450"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-greater-than:before {
    content: "\3e"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grip-horizontal:before, .fa-grip:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-group-arrows-rotate:before {
    content: "\e4f6"
}

.fa-guarani-sign:before {
    content: "\e19a"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gun:before {
    content: "\e19b"
}

.fa-h:before {
    content: "\48"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-paper:before, .fa-hand:before {
    content: "\f256"
}

.fa-hand-back-fist:before, .fa-hand-rock:before {
    content: "\f255"
}

.fa-allergies:before, .fa-hand-dots:before {
    content: "\f461"
}

.fa-fist-raised:before, .fa-hand-fist:before {
    content: "\f6de"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-dollar:before, .fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-holding-droplet:before, .fa-hand-holding-water:before {
    content: "\f4c1"
}

.fa-hand-holding-hand:before {
    content: "\e4f7"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-medical:before {
    content: "\e05c"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-sparkles:before {
    content: "\e05d"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-handcuffs:before {
    content: "\e4f8"
}

.fa-hands:before, .fa-sign-language:before, .fa-signing:before {
    content: "\f2a7"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before, .fa-hands-american-sign-language-interpreting:before, .fa-hands-asl-interpreting:before {
    content: "\f2a3"
}

.fa-hands-bound:before {
    content: "\e4f9"
}

.fa-hands-bubbles:before, .fa-hands-wash:before {
    content: "\e05e"
}

.fa-hands-clapping:before {
    content: "\e1a8"
}

.fa-hands-holding:before {
    content: "\f4c2"
}

.fa-hands-holding-child:before {
    content: "\e4fa"
}

.fa-hands-holding-circle:before {
    content: "\e4fb"
}

.fa-hands-praying:before, .fa-praying-hands:before {
    content: "\f684"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-hands-helping:before, .fa-handshake-angle:before {
    content: "\f4c4"
}

.fa-handshake-alt:before, .fa-handshake-simple:before {
    content: "\f4c6"
}

.fa-handshake-alt-slash:before, .fa-handshake-simple-slash:before {
    content: "\e05f"
}

.fa-handshake-slash:before {
    content: "\e060"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hard-drive:before, .fa-hdd:before {
    content: "\f0a0"
}

.fa-hashtag:before {
    content: "\23"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-head-side-cough:before {
    content: "\e061"
}

.fa-head-side-cough-slash:before {
    content: "\e062"
}

.fa-head-side-mask:before {
    content: "\e063"
}

.fa-head-side-virus:before {
    content: "\e064"
}

.fa-header:before, .fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before, .fa-headphones-simple:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-circle-bolt:before {
    content: "\e4fc"
}

.fa-heart-circle-check:before {
    content: "\e4fd"
}

.fa-heart-circle-exclamation:before {
    content: "\e4fe"
}

.fa-heart-circle-minus:before {
    content: "\e4ff"
}

.fa-heart-circle-plus:before {
    content: "\e500"
}

.fa-heart-circle-xmark:before {
    content: "\e501"
}

.fa-heart-broken:before, .fa-heart-crack:before {
    content: "\f7a9"
}

.fa-heart-pulse:before, .fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-helicopter-symbol:before {
    content: "\e502"
}

.fa-hard-hat:before, .fa-hat-hard:before, .fa-helmet-safety:before {
    content: "\f807"
}

.fa-helmet-un:before {
    content: "\e503"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hill-avalanche:before {
    content: "\e507"
}

.fa-hill-rockslide:before {
    content: "\e508"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital-alt:before, .fa-hospital-wide:before, .fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-user:before {
    content: "\f80d"
}

.fa-hot-tub-person:before, .fa-hot-tub:before {
    content: "\f593"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hourglass-2:before, .fa-hourglass-half:before, .fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-empty:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
    content: "\f015"
}

.fa-home-lg:before, .fa-house-chimney:before {
    content: "\e3af"
}

.fa-house-chimney-crack:before, .fa-house-damage:before {
    content: "\f6f1"
}

.fa-clinic-medical:before, .fa-house-chimney-medical:before {
    content: "\f7f2"
}

.fa-house-chimney-user:before {
    content: "\e065"
}

.fa-house-chimney-window:before {
    content: "\e00d"
}

.fa-house-circle-check:before {
    content: "\e509"
}

.fa-house-circle-exclamation:before {
    content: "\e50a"
}

.fa-house-circle-xmark:before {
    content: "\e50b"
}

.fa-house-crack:before {
    content: "\e3b1"
}

.fa-house-fire:before {
    content: "\e50c"
}

.fa-house-flag:before {
    content: "\e50d"
}

.fa-house-flood-water:before {
    content: "\e50e"
}

.fa-house-flood-water-circle-arrow-right:before {
    content: "\e50f"
}

.fa-house-laptop:before, .fa-laptop-house:before {
    content: "\e066"
}

.fa-house-lock:before {
    content: "\e510"
}

.fa-house-medical:before {
    content: "\e3b2"
}

.fa-house-medical-circle-check:before {
    content: "\e511"
}

.fa-house-medical-circle-exclamation:before {
    content: "\e512"
}

.fa-house-medical-circle-xmark:before {
    content: "\e513"
}

.fa-house-medical-flag:before {
    content: "\e514"
}

.fa-house-signal:before {
    content: "\e012"
}

.fa-house-tsunami:before {
    content: "\e515"
}

.fa-home-user:before, .fa-house-user:before {
    content: "\e1b0"
}

.fa-hryvnia-sign:before, .fa-hryvnia:before {
    content: "\f6f2"
}

.fa-hurricane:before {
    content: "\f751"
}

.fa-i:before {
    content: "\49"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-heart-music-camera-bolt:before, .fa-icons:before {
    content: "\f86d"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before, .fa-id-card-clip:before {
    content: "\f47f"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-image-portrait:before, .fa-portrait:before {
    content: "\f3e0"
}

.fa-images:before {
    content: "\f302"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-indian-rupee-sign:before, .fa-indian-rupee:before, .fa-inr:before {
    content: "\e1bc"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-italic:before {
    content: "\f033"
}

.fa-j:before {
    content: "\4a"
}

.fa-jar:before {
    content: "\e516"
}

.fa-jar-wheat:before {
    content: "\e517"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-fighter-jet:before, .fa-jet-fighter:before {
    content: "\f0fb"
}

.fa-jet-fighter-up:before {
    content: "\e518"
}

.fa-joint:before {
    content: "\f595"
}

.fa-jug-detergent:before {
    content: "\e519"
}

.fa-k:before {
    content: "\4b"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-key:before {
    content: "\f084"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kip-sign:before {
    content: "\e1c4"
}

.fa-first-aid:before, .fa-kit-medical:before {
    content: "\f479"
}

.fa-kitchen-set:before {
    content: "\e51a"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-l:before {
    content: "\4c"
}

.fa-land-mine-on:before {
    content: "\e51b"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-landmark-alt:before, .fa-landmark-dome:before {
    content: "\f752"
}

.fa-landmark-flag:before {
    content: "\e51c"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laptop-file:before {
    content: "\e51d"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-lari-sign:before {
    content: "\e1c8"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-left-long:before, .fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-arrows-alt-h:before, .fa-left-right:before {
    content: "\f337"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less-than:before {
    content: "\3c"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-lines-leaning:before {
    content: "\e51e"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-chain-broken:before, .fa-chain-slash:before, .fa-link-slash:before, .fa-unlink:before {
    content: "\f127"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list-squares:before, .fa-list:before {
    content: "\f03a"
}

.fa-list-check:before, .fa-tasks:before {
    content: "\f0ae"
}

.fa-list-1-2:before, .fa-list-numeric:before, .fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-dots:before, .fa-list-ul:before {
    content: "\f0ca"
}

.fa-litecoin-sign:before {
    content: "\e1d3"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-location-crosshairs:before, .fa-location:before {
    content: "\f601"
}

.fa-location-dot:before, .fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-location-pin:before, .fa-map-marker:before {
    content: "\f041"
}

.fa-location-pin-lock:before {
    content: "\e51f"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-locust:before {
    content: "\e520"
}

.fa-lungs:before {
    content: "\f604"
}

.fa-lungs-virus:before {
    content: "\e067"
}

.fa-m:before {
    content: "\4d"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-magnifying-glass:before, .fa-search:before {
    content: "\f002"
}

.fa-magnifying-glass-arrow-right:before {
    content: "\e521"
}

.fa-magnifying-glass-chart:before {
    content: "\e522"
}

.fa-magnifying-glass-dollar:before, .fa-search-dollar:before {
    content: "\f688"
}

.fa-magnifying-glass-location:before, .fa-search-location:before {
    content: "\f689"
}

.fa-magnifying-glass-minus:before, .fa-search-minus:before {
    content: "\f010"
}

.fa-magnifying-glass-plus:before, .fa-search-plus:before {
    content: "\f00e"
}

.fa-manat-sign:before {
    content: "\e1d5"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-location:before, .fa-map-marked:before {
    content: "\f59f"
}

.fa-map-location-dot:before, .fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-and-venus:before {
    content: "\f224"
}

.fa-mars-and-venus-burst:before {
    content: "\e523"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before, .fa-mars-stroke-right:before {
    content: "\f22b"
}

.fa-mars-stroke-up:before, .fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-glass-martini-alt:before, .fa-martini-glass:before {
    content: "\f57b"
}

.fa-cocktail:before, .fa-martini-glass-citrus:before {
    content: "\f561"
}

.fa-glass-martini:before, .fa-martini-glass-empty:before {
    content: "\f000"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mask-face:before {
    content: "\e1d7"
}

.fa-mask-ventilator:before {
    content: "\e524"
}

.fa-masks-theater:before, .fa-theater-masks:before {
    content: "\f630"
}

.fa-mattress-pillow:before {
    content: "\e525"
}

.fa-expand-arrows-alt:before, .fa-maximize:before {
    content: "\f31e"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-memory:before {
    content: "\f538"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-comment-alt:before, .fa-message:before {
    content: "\f27a"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before, .fa-microphone-lines:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before, .fa-microphone-lines-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-mill-sign:before {
    content: "\e1ed"
}

.fa-compress-arrows-alt:before, .fa-minimize:before {
    content: "\f78c"
}

.fa-minus:before, .fa-subtract:before {
    content: "\f068"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mobile-android:before, .fa-mobile-phone:before, .fa-mobile:before {
    content: "\f3ce"
}

.fa-mobile-button:before {
    content: "\f10b"
}

.fa-mobile-retro:before {
    content: "\e527"
}

.fa-mobile-android-alt:before, .fa-mobile-screen:before {
    content: "\f3cf"
}

.fa-mobile-alt:before, .fa-mobile-screen-button:before {
    content: "\f3cd"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-1:before, .fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-1-wave:before, .fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-bill-transfer:before {
    content: "\e528"
}

.fa-money-bill-trend-up:before {
    content: "\e529"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wheat:before {
    content: "\e52a"
}

.fa-money-bills:before {
    content: "\e1f3"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before, .fa-money-check-dollar:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-mosquito:before {
    content: "\e52b"
}

.fa-mosquito-net:before {
    content: "\e52c"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mound:before {
    content: "\e52d"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mountain-city:before {
    content: "\e52e"
}

.fa-mountain-sun:before {
    content: "\e52f"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-coffee:before, .fa-mug-saucer:before {
    content: "\f0f4"
}

.fa-music:before {
    content: "\f001"
}

.fa-n:before {
    content: "\4e"
}

.fa-naira-sign:before {
    content: "\e1f6"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-note-sticky:before, .fa-sticky-note:before {
    content: "\f249"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-o:before {
    content: "\4f"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-oil-well:before {
    content: "\e532"
}

.fa-om:before {
    content: "\f679"
}

.fa-otter:before {
    content: "\f700"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-p:before {
    content: "\50"
}

.fa-pager:before {
    content: "\f815"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-paint-brush:before, .fa-paintbrush:before {
    content: "\f1fc"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-panorama:before {
    content: "\e209"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-file-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before, .fa-pen-clip:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-ruler:before, .fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-edit:before, .fa-pen-to-square:before {
    content: "\f044"
}

.fa-pencil-alt:before, .fa-pencil:before {
    content: "\f303"
}

.fa-people-arrows-left-right:before, .fa-people-arrows:before {
    content: "\e068"
}

.fa-people-carry-box:before, .fa-people-carry:before {
    content: "\f4ce"
}

.fa-people-group:before {
    content: "\e533"
}

.fa-people-line:before {
    content: "\e534"
}

.fa-people-pulling:before {
    content: "\e535"
}

.fa-people-robbery:before {
    content: "\e536"
}

.fa-people-roof:before {
    content: "\e537"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-percent:before, .fa-percentage:before {
    content: "\25"
}

.fa-male:before, .fa-person:before {
    content: "\f183"
}

.fa-person-arrow-down-to-line:before {
    content: "\e538"
}

.fa-person-arrow-up-from-line:before {
    content: "\e539"
}

.fa-biking:before, .fa-person-biking:before {
    content: "\f84a"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-person-breastfeeding:before {
    content: "\e53a"
}

.fa-person-burst:before {
    content: "\e53b"
}

.fa-person-cane:before {
    content: "\e53c"
}

.fa-person-chalkboard:before {
    content: "\e53d"
}

.fa-person-circle-check:before {
    content: "\e53e"
}

.fa-person-circle-exclamation:before {
    content: "\e53f"
}

.fa-person-circle-minus:before {
    content: "\e540"
}

.fa-person-circle-plus:before {
    content: "\e541"
}

.fa-person-circle-question:before {
    content: "\e542"
}

.fa-person-circle-xmark:before {
    content: "\e543"
}

.fa-digging:before, .fa-person-digging:before {
    content: "\f85e"
}

.fa-diagnoses:before, .fa-person-dots-from-line:before {
    content: "\f470"
}

.fa-female:before, .fa-person-dress:before {
    content: "\f182"
}

.fa-person-dress-burst:before {
    content: "\e544"
}

.fa-person-drowning:before {
    content: "\e545"
}

.fa-person-falling:before {
    content: "\e546"
}

.fa-person-falling-burst:before {
    content: "\e547"
}

.fa-person-half-dress:before {
    content: "\e548"
}

.fa-person-harassing:before {
    content: "\e549"
}

.fa-hiking:before, .fa-person-hiking:before {
    content: "\f6ec"
}

.fa-person-military-pointing:before {
    content: "\e54a"
}

.fa-person-military-rifle:before {
    content: "\e54b"
}

.fa-person-military-to-person:before {
    content: "\e54c"
}

.fa-person-praying:before, .fa-pray:before {
    content: "\f683"
}

.fa-person-pregnant:before {
    content: "\e31e"
}

.fa-person-rays:before {
    content: "\e54d"
}

.fa-person-rifle:before {
    content: "\e54e"
}

.fa-person-running:before, .fa-running:before {
    content: "\f70c"
}

.fa-person-shelter:before {
    content: "\e54f"
}

.fa-person-skating:before, .fa-skating:before {
    content: "\f7c5"
}

.fa-person-skiing:before, .fa-skiing:before {
    content: "\f7c9"
}

.fa-person-skiing-nordic:before, .fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-person-snowboarding:before, .fa-snowboarding:before {
    content: "\f7ce"
}

.fa-person-swimming:before, .fa-swimmer:before {
    content: "\f5c4"
}

.fa-person-through-window:before {
    content: "\e433"
}

.fa-person-walking:before, .fa-walking:before {
    content: "\f554"
}

.fa-person-walking-arrow-loop-left:before {
    content: "\e551"
}

.fa-person-walking-arrow-right:before {
    content: "\e552"
}

.fa-person-walking-dashed-line-arrow-right:before {
    content: "\e553"
}

.fa-person-walking-luggage:before {
    content: "\e554"
}

.fa-blind:before, .fa-person-walking-with-cane:before {
    content: "\f29d"
}

.fa-peseta-sign:before {
    content: "\e221"
}

.fa-peso-sign:before {
    content: "\e222"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-alt:before, .fa-phone-flip:before {
    content: "\f879"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-volume:before, .fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-photo-film:before, .fa-photo-video:before {
    content: "\f87c"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-circle-check:before {
    content: "\e555"
}

.fa-plane-circle-exclamation:before {
    content: "\e556"
}

.fa-plane-circle-xmark:before {
    content: "\e557"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-plane-lock:before {
    content: "\e558"
}

.fa-plane-slash:before {
    content: "\e069"
}

.fa-plane-up:before {
    content: "\e22d"
}

.fa-plant-wilt:before {
    content: "\e43b"
}

.fa-plate-wheat:before {
    content: "\e55a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plug-circle-bolt:before {
    content: "\e55b"
}

.fa-plug-circle-check:before {
    content: "\e55c"
}

.fa-plug-circle-exclamation:before {
    content: "\e55d"
}

.fa-plug-circle-minus:before {
    content: "\e55e"
}

.fa-plug-circle-plus:before {
    content: "\e55f"
}

.fa-plug-circle-xmark:before {
    content: "\e560"
}

.fa-add:before, .fa-plus:before {
    content: "\2b"
}

.fa-plus-minus:before {
    content: "\e43c"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-bolt:before, .fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before, .fa-prescription-bottle-medical:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-pump-medical:before {
    content: "\e06a"
}

.fa-pump-soap:before {
    content: "\e06b"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-q:before {
    content: "\51"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\3f"
}

.fa-quote-left-alt:before, .fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right-alt:before, .fa-quote-right:before {
    content: "\f10e"
}

.fa-r:before {
    content: "\52"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-radio:before {
    content: "\f8d7"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-ranking-star:before {
    content: "\e561"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-ad:before, .fa-rectangle-ad:before {
    content: "\f641"
}

.fa-list-alt:before, .fa-rectangle-list:before {
    content: "\f022"
}

.fa-rectangle-times:before, .fa-rectangle-xmark:before, .fa-times-rectangle:before, .fa-window-close:before {
    content: "\f410"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-repeat:before {
    content: "\f363"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f3e5"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-right-from-bracket:before, .fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-exchange-alt:before, .fa-right-left:before {
    content: "\f362"
}

.fa-long-arrow-alt-right:before, .fa-right-long:before {
    content: "\f30b"
}

.fa-right-to-bracket:before, .fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-road-barrier:before {
    content: "\e562"
}

.fa-road-bridge:before {
    content: "\e563"
}

.fa-road-circle-check:before {
    content: "\e564"
}

.fa-road-circle-exclamation:before {
    content: "\e565"
}

.fa-road-circle-xmark:before {
    content: "\e566"
}

.fa-road-lock:before {
    content: "\e567"
}

.fa-road-spikes:before {
    content: "\e568"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rotate:before, .fa-sync-alt:before {
    content: "\f2f1"
}

.fa-rotate-back:before, .fa-rotate-backward:before, .fa-rotate-left:before, .fa-undo-alt:before {
    content: "\f2ea"
}

.fa-redo-alt:before, .fa-rotate-forward:before, .fa-rotate-right:before {
    content: "\f2f9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble-sign:before, .fa-ruble:before {
    content: "\f158"
}

.fa-rug:before {
    content: "\e569"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-rupee-sign:before, .fa-rupee:before {
    content: "\f156"
}

.fa-rupiah-sign:before {
    content: "\e23d"
}

.fa-s:before {
    content: "\53"
}

.fa-sack-dollar:before {
    content: "\f81d"
}

.fa-sack-xmark:before {
    content: "\e56a"
}

.fa-sailboat:before {
    content: "\e445"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-balance-scale:before, .fa-scale-balanced:before {
    content: "\f24e"
}

.fa-balance-scale-left:before, .fa-scale-unbalanced:before {
    content: "\f515"
}

.fa-balance-scale-right:before, .fa-scale-unbalanced-flip:before {
    content: "\f516"
}

.fa-school:before {
    content: "\f549"
}

.fa-school-circle-check:before {
    content: "\e56b"
}

.fa-school-circle-exclamation:before {
    content: "\e56c"
}

.fa-school-circle-xmark:before {
    content: "\e56d"
}

.fa-school-flag:before {
    content: "\e56e"
}

.fa-school-lock:before {
    content: "\e56f"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-screwdriver-wrench:before, .fa-tools:before {
    content: "\f7d9"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-scroll-torah:before, .fa-torah:before {
    content: "\f6a0"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-section:before {
    content: "\e447"
}

.fa-seedling:before, .fa-sprout:before {
    content: "\f4d8"
}

.fa-server:before {
    content: "\f233"
}

.fa-shapes:before, .fa-triangle-circle-square:before {
    content: "\f61f"
}

.fa-arrow-turn-right:before, .fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-share-from-square:before, .fa-share-square:before {
    content: "\f14d"
}

.fa-share-alt:before, .fa-share-nodes:before {
    content: "\f1e0"
}

.fa-sheet-plastic:before {
    content: "\e571"
}

.fa-ils:before, .fa-shekel-sign:before, .fa-shekel:before, .fa-sheqel-sign:before, .fa-sheqel:before {
    content: "\f20b"
}

.fa-shield-blank:before, .fa-shield:before {
    content: "\f132"
}

.fa-shield-cat:before {
    content: "\e572"
}

.fa-shield-dog:before {
    content: "\e573"
}

.fa-shield-alt:before, .fa-shield-halved:before {
    content: "\f3ed"
}

.fa-shield-heart:before {
    content: "\e574"
}

.fa-shield-virus:before {
    content: "\e06c"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before {
    content: "\f553"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shop:before, .fa-store-alt:before {
    content: "\f54f"
}

.fa-shop-lock:before {
    content: "\e4a5"
}

.fa-shop-slash:before, .fa-store-alt-slash:before {
    content: "\e070"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shrimp:before {
    content: "\e448"
}

.fa-random:before, .fa-shuffle:before {
    content: "\f074"
}

.fa-shuttle-space:before, .fa-space-shuttle:before {
    content: "\f197"
}

.fa-sign-hanging:before, .fa-sign:before {
    content: "\f4d9"
}

.fa-signal-5:before, .fa-signal-perfect:before, .fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-map-signs:before, .fa-signs-post:before {
    content: "\f277"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-sink:before {
    content: "\e06d"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before, .fa-sliders:before {
    content: "\f1de"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-soap:before {
    content: "\e06e"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-pastafarianism:before, .fa-spaghetti-monster-flying:before {
    content: "\f67b"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spoon:before, .fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-air-freshener:before, .fa-spray-can-sparkles:before {
    content: "\f5d0"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-external-link-square:before, .fa-square-arrow-up-right:before {
    content: "\f14c"
}

.fa-caret-square-down:before, .fa-square-caret-down:before {
    content: "\f150"
}

.fa-caret-square-left:before, .fa-square-caret-left:before {
    content: "\f191"
}

.fa-caret-square-right:before, .fa-square-caret-right:before {
    content: "\f152"
}

.fa-caret-square-up:before, .fa-square-caret-up:before {
    content: "\f151"
}

.fa-check-square:before, .fa-square-check:before {
    content: "\f14a"
}

.fa-envelope-square:before, .fa-square-envelope:before {
    content: "\f199"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-h-square:before, .fa-square-h:before {
    content: "\f0fd"
}

.fa-minus-square:before, .fa-square-minus:before {
    content: "\f146"
}

.fa-square-nfi:before {
    content: "\e576"
}

.fa-parking:before, .fa-square-parking:before {
    content: "\f540"
}

.fa-pen-square:before, .fa-pencil-square:before, .fa-square-pen:before {
    content: "\f14b"
}

.fa-square-person-confined:before {
    content: "\e577"
}

.fa-phone-square:before, .fa-square-phone:before {
    content: "\f098"
}

.fa-phone-square-alt:before, .fa-square-phone-flip:before {
    content: "\f87b"
}

.fa-plus-square:before, .fa-square-plus:before {
    content: "\f0fe"
}

.fa-poll-h:before, .fa-square-poll-horizontal:before {
    content: "\f682"
}

.fa-poll:before, .fa-square-poll-vertical:before {
    content: "\f681"
}

.fa-square-root-alt:before, .fa-square-root-variable:before {
    content: "\f698"
}

.fa-rss-square:before, .fa-square-rss:before {
    content: "\f143"
}

.fa-share-alt-square:before, .fa-square-share-nodes:before {
    content: "\f1e1"
}

.fa-external-link-square-alt:before, .fa-square-up-right:before {
    content: "\f360"
}

.fa-square-virus:before {
    content: "\e578"
}

.fa-square-xmark:before, .fa-times-square:before, .fa-xmark-square:before {
    content: "\f2d3"
}

.fa-rod-asclepius:before, .fa-rod-snake:before, .fa-staff-aesculapius:before, .fa-staff-snake:before {
    content: "\e579"
}

.fa-stairs:before {
    content: "\e289"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before, .fa-star-half-stroke:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-gbp:before, .fa-pound-sign:before, .fa-sterling-sign:before {
    content: "\f154"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-stopwatch-20:before {
    content: "\e06f"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-slash:before {
    content: "\e071"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-medkit:before, .fa-suitcase-medical:before {
    content: "\f0fa"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-sun-plant-wilt:before {
    content: "\e57a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-t:before {
    content: "\54"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-cells:before, .fa-th:before {
    content: "\f00a"
}

.fa-table-cells-large:before, .fa-th-large:before {
    content: "\f009"
}

.fa-columns:before, .fa-table-columns:before {
    content: "\f0db"
}

.fa-table-list:before, .fa-th-list:before {
    content: "\f00b"
}

.fa-ping-pong-paddle-ball:before, .fa-table-tennis-paddle-ball:before, .fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet-android:before, .fa-tablet:before {
    content: "\f3fb"
}

.fa-tablet-button:before {
    content: "\f10a"
}

.fa-tablet-alt:before, .fa-tablet-screen-button:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-digital-tachograph:before, .fa-tachograph-digital:before {
    content: "\f566"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tarp:before {
    content: "\e57b"
}

.fa-tarp-droplet:before {
    content: "\e57c"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-temperature-arrow-down:before, .fa-temperature-down:before {
    content: "\e03f"
}

.fa-temperature-arrow-up:before, .fa-temperature-up:before {
    content: "\e040"
}

.fa-temperature-0:before, .fa-temperature-empty:before, .fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-temperature-4:before, .fa-temperature-full:before, .fa-thermometer-4:before, .fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-temperature-2:before, .fa-temperature-half:before, .fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-temperature-1:before, .fa-temperature-quarter:before, .fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-temperature-3:before, .fa-temperature-three-quarters:before, .fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-tenge-sign:before, .fa-tenge:before {
    content: "\f7d7"
}

.fa-tent:before {
    content: "\e57d"
}

.fa-tent-arrow-down-to-line:before {
    content: "\e57e"
}

.fa-tent-arrow-left-right:before {
    content: "\e57f"
}

.fa-tent-arrow-turn-left:before {
    content: "\e580"
}

.fa-tent-arrows-down:before {
    content: "\e581"
}

.fa-tents:before {
    content: "\e582"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-remove-format:before, .fa-text-slash:before {
    content: "\f87d"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumb-tack:before, .fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-ticket-alt:before, .fa-ticket-simple:before {
    content: "\f3ff"
}

.fa-timeline:before {
    content: "\e29c"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toilet-paper-slash:before {
    content: "\e072"
}

.fa-toilet-portable:before {
    content: "\e583"
}

.fa-toilets-portable:before {
    content: "\e584"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-tornado:before {
    content: "\f76f"
}

.fa-broadcast-tower:before, .fa-tower-broadcast:before {
    content: "\f519"
}

.fa-tower-cell:before {
    content: "\e585"
}

.fa-tower-observation:before {
    content: "\e586"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-trailer:before {
    content: "\e041"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before, .fa-train-subway:before {
    content: "\f239"
}

.fa-train-tram:before, .fa-tram:before {
    content: "\f7da"
}

.fa-transgender-alt:before, .fa-transgender:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-arrow-up:before, .fa-trash-restore:before {
    content: "\f829"
}

.fa-trash-alt:before, .fa-trash-can:before {
    content: "\f2ed"
}

.fa-trash-can-arrow-up:before, .fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-tree-city:before {
    content: "\e587"
}

.fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before {
    content: "\f071"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-trowel:before {
    content: "\e589"
}

.fa-trowel-bricks:before {
    content: "\e58a"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-arrow-right:before {
    content: "\e58b"
}

.fa-truck-droplet:before {
    content: "\e58c"
}

.fa-shipping-fast:before, .fa-truck-fast:before {
    content: "\f48b"
}

.fa-truck-field:before {
    content: "\e58d"
}

.fa-truck-field-un:before {
    content: "\e58e"
}

.fa-truck-front:before {
    content: "\e2b7"
}

.fa-ambulance:before, .fa-truck-medical:before {
    content: "\f0f9"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-truck-plane:before {
    content: "\e58f"
}

.fa-truck-loading:before, .fa-truck-ramp-box:before {
    content: "\f4de"
}

.fa-teletype:before, .fa-tty:before {
    content: "\f1e4"
}

.fa-try:before, .fa-turkish-lira-sign:before, .fa-turkish-lira:before {
    content: "\e2bb"
}

.fa-level-down-alt:before, .fa-turn-down:before {
    content: "\f3be"
}

.fa-level-up-alt:before, .fa-turn-up:before {
    content: "\f3bf"
}

.fa-television:before, .fa-tv-alt:before, .fa-tv:before {
    content: "\f26c"
}

.fa-u:before {
    content: "\55"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before, .fa-unlock-keyhole:before {
    content: "\f13e"
}

.fa-arrows-alt-v:before, .fa-up-down:before {
    content: "\f338"
}

.fa-arrows-alt:before, .fa-up-down-left-right:before {
    content: "\f0b2"
}

.fa-long-arrow-alt-up:before, .fa-up-long:before {
    content: "\f30c"
}

.fa-expand-alt:before, .fa-up-right-and-down-left-from-center:before {
    content: "\f424"
}

.fa-external-link-alt:before, .fa-up-right-from-square:before {
    content: "\f35d"
}

.fa-upload:before {
    content: "\f093"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-doctor:before, .fa-user-md:before {
    content: "\f0f0"
}

.fa-user-cog:before, .fa-user-gear:before {
    content: "\f4fe"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-friends:before, .fa-user-group:before {
    content: "\f500"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-alt:before, .fa-user-large:before {
    content: "\f406"
}

.fa-user-alt-slash:before, .fa-user-large-slash:before {
    content: "\f4fa"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-edit:before, .fa-user-pen:before {
    content: "\f4ff"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before, .fa-user-xmark:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-between-lines:before {
    content: "\e591"
}

.fa-users-cog:before, .fa-users-gear:before {
    content: "\f509"
}

.fa-users-line:before {
    content: "\e592"
}

.fa-users-rays:before {
    content: "\e593"
}

.fa-users-rectangle:before {
    content: "\e594"
}

.fa-users-slash:before {
    content: "\e073"
}

.fa-users-viewfinder:before {
    content: "\e595"
}

.fa-cutlery:before, .fa-utensils:before {
    content: "\f2e7"
}

.fa-v:before {
    content: "\56"
}

.fa-shuttle-van:before, .fa-van-shuttle:before {
    content: "\f5b6"
}

.fa-vault:before {
    content: "\e2c5"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-vest:before {
    content: "\e085"
}

.fa-vest-patches:before {
    content: "\e086"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vial-circle-check:before {
    content: "\e596"
}

.fa-vial-virus:before {
    content: "\e597"
}

.fa-vials:before {
    content: "\f493"
}

.fa-video-camera:before, .fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-virus:before {
    content: "\e074"
}

.fa-virus-covid:before {
    content: "\e4a8"
}

.fa-virus-covid-slash:before {
    content: "\e4a9"
}

.fa-virus-slash:before {
    content: "\e075"
}

.fa-viruses:before {
    content: "\e076"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-volcano:before {
    content: "\f770"
}

.fa-volleyball-ball:before, .fa-volleyball:before {
    content: "\f45f"
}

.fa-volume-high:before, .fa-volume-up:before {
    content: "\f028"
}

.fa-volume-down:before, .fa-volume-low:before {
    content: "\f027"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-mute:before, .fa-volume-times:before, .fa-volume-xmark:before {
    content: "\f6a9"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-w:before {
    content: "\57"
}

.fa-walkie-talkie:before {
    content: "\f8ef"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-magic:before, .fa-wand-magic:before {
    content: "\f0d0"
}

.fa-magic-wand-sparkles:before, .fa-wand-magic-sparkles:before {
    content: "\e2ca"
}

.fa-wand-sparkles:before {
    content: "\f72b"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-water:before {
    content: "\f773"
}

.fa-ladder-water:before, .fa-swimming-pool:before, .fa-water-ladder:before {
    content: "\f5c5"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weight-scale:before, .fa-weight:before {
    content: "\f496"
}

.fa-wheat-alt:before, .fa-wheat-awn:before {
    content: "\e2cd"
}

.fa-wheat-awn-circle-exclamation:before {
    content: "\e598"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-wheelchair-alt:before, .fa-wheelchair-move:before {
    content: "\e2ce"
}

.fa-glass-whiskey:before, .fa-whiskey-glass:before {
    content: "\f7a0"
}

.fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before {
    content: "\f1eb"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before, .fa-wine-glass-empty:before {
    content: "\f5ce"
}

.fa-krw:before, .fa-won-sign:before, .fa-won:before {
    content: "\f159"
}

.fa-worm:before {
    content: "\e599"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x:before {
    content: "\58"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
    content: "\f00d"
}

.fa-xmarks-lines:before {
    content: "\e59a"
}

.fa-y:before {
    content: "\59"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen-sign:before, .fa-yen:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-z:before {
    content: "\5a"
}

.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

:host, :root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")
}

.fa-regular, .far {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

:host, :root {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")
}

.fa-solid, .fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");
    unicode-range: u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");
    unicode-range: u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a
}

/* Font awesome */

/* Fifth navigation */
.adm-list-wrap {
    margin: 0px;
    padding: 0px;
}

    .adm-list-wrap li {
        list-style: none
    }

.adm-btn {
    user-select: none;
    -moz-user-select: none;
    background: var(--bg-color) none repeat scroll 0 0;
    border: medium none;
    color: var(--font-color);
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 20px 31px;
    text-align: center;
    text-transform: none;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .adm-btn::after {
        content: "\f061";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 15px;
    }

    .adm-btn::before {
        content: "";
        position: absolute;
        -webkit-transition-duration: 800ms;
        transition-duration: 800ms;
        width: 200%;
        height: 200%;
        top: 110%;
        left: 50%;
        background: var(--bg-hover-color);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 50%;
        z-index: -1;
    }

    .adm-btn:hover:before {
        top: -40%;
    }

    .adm-btn:hover {
        color: var(--hover-color);
    }


.adm-btn-second {
    user-select: none;
    -moz-user-select: none;
    background: var(--bg-color) none repeat scroll 0 0;
    border: medium none;
    color: var(--font-color);
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 20px 31px;
    text-align: center;
    text-transform: none;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .adm-btn-second::before {
        content: "\f060";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-right: 15px;
    }

    .adm-btn-second::after {
        content: "";
        position: absolute;
        -webkit-transition-duration: 800ms;
        transition-duration: 800ms;
        width: 200%;
        height: 200%;
        top: 110%;
        left: 50%;
        background: var(--bg-hover-color);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 50%;
        z-index: -1;
    }

    .adm-btn-second:hover:after {
        top: -40%;
    }

    .adm-btn-second:hover {
        color: var(--hover-color);
    }


.adm-btn-alt {
    user-select: none;
    -moz-user-select: none;
    background: var(--bg-color) none repeat scroll 0 0;
    border: medium none;
    color: var(--font-color);
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 20px 31px;
    text-align: center;
    text-transform: none;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}



    .adm-btn-alt::before {
        content: "";
        position: absolute;
        -webkit-transition-duration: 800ms;
        transition-duration: 800ms;
        width: 200%;
        height: 200%;
        top: 110%;
        left: 50%;
        background: var(--bg-hover-color);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 50%;
        z-index: -1;
    }

    .adm-btn-alt:hover:before {
        top: -40%;
    }

    .adm-btn-alt:hover {
        color: var(--hover-color);
    }

.adm-container {
    max-width: 1470px;
}

.adm-logo img {
    max-height: 50px;
}

.adm-sticky-menu .adm-logo.d-none {
    display: block !important;
}

.adm-sticky-menu .adm-logo.different-logo {
    display: none;
}

.adm-menu-nav {
    min-height: 100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.adm-navbar-wrap {
    display: flex;
    flex-grow: 1;
}

    .adm-navbar-wrap ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0 0;
        margin: 0 auto;
    }

        .adm-navbar-wrap ul li {
            list-style: none;
            display: block;
            position: relative;
        }

            .adm-navbar-wrap ul li a {
                font-size: 16px;
                font-weight: 600;
                color: var(--font-color);
                padding: 42px 22px;
                display: block;
                line-height: 1;
                position: relative;
                z-index: 1;
            }

    .adm-navbar-wrap > ul > li.menu-item-has-children > a::after {
        content: "\f078";
        font-weight: 700;
        font-family: "Font Awesome 5 Free";
        font-size: 14px;
        margin-left: 5px;
    }

    .adm-navbar-wrap > ul > li.active > a,
    .adm-navbar-wrap > ul > li:hover > a {
        color: var(--hover-color);
    }

.adm-main-menu .adm-navigation li.menu-item-has-children .adm-dropdown-btn {
    display: none;
}

.adm-header-action > ul {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

    .adm-header-action > ul li {
        position: relative;
        margin-left: 30px;
    }

.adm-header-action ul li:first-child {
    margin-left: 0;
}


.adm-navbar-wrap ul li .sub-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    min-width: 230px;
    border: 1px solid #f5f5f5;
    background: #fff;
    margin: 0 0;
    transform: scale(1, 0);
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    -moz-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    border-radius: 0 0 8px 8px;
    padding: 18px 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
}

    .adm-navbar-wrap ul li .sub-menu .sub-menu {
        right: auto;
        left: 100%;
        top: 0;
    }

    .adm-navbar-wrap ul li .sub-menu li {
        margin-left: 0;
        text-align: left;
        display: block;
    }

        .adm-navbar-wrap ul li .sub-menu li a {
            padding: 9px 15px 9px 25px;
            line-height: 1.4;
            font-weight: 500;
            color: var(--font-color);
            text-transform: capitalize;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .adm-navbar-wrap ul li .sub-menu li a:hover,
            .adm-navbar-wrap ul li .sub-menu li.active a {
                color: var(--hover-color);
            }

.adm-navbar-wrap ul li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.adm-sticky-menu {
    position: fixed;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    z-index: 99;
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    border-radius: 0;
}

.adm-header-top-wrap {
    background: var(--bg-color);
    padding: 12px 0;
}

.adm-header-top-left .adm-list-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 60px;
}

    .adm-header-top-left .adm-list-wrap li {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        position: relative;
    }

        .adm-header-top-left .adm-list-wrap li::before {
            content: "";
            position: absolute;
            left: -30px;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 26px;
            background: var(--line-color);
            opacity: .5;
        }

        .adm-header-top-left .adm-list-wrap li:first-child::before {
            display: none;
        }

        .adm-header-top-left .adm-list-wrap li i {
            color: var(--icon-color);
            font-size: 20px;
            margin-right: 10px;
        }

        .adm-header-top-left .adm-list-wrap li a {
            color: var(--font-color);
        }

            .adm-header-top-left .adm-list-wrap li a:hover {
                color: var(--hover-color);
            }

.adm-header-top-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px 45px;
}

.adm-header-lang .dropdown > button {
    border: none;
    background: transparent;
    padding: 0;
    color: var(--font-color);
    font-weight: 400;
    font-size: 14px;
}

.adm-header-lang img {
    max-width: 19px;
    margin-right: 7px;
    border-radius: 1px;
}

.adm-header-lang .dropdown-toggle::after {
    margin-left: .255em;
    vertical-align: middle;
    content: "\f078";
    border: none !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.adm-header-lang .dropdown-menu {
    font-size: 14px;
    color: #ffffff;
}

.adm-header-lang-mobile {
    background: #f2f2f2;
}

    .adm-header-lang-mobile .dropdown > button {
        color: var(--font-color);
    }

.adm-header-social .adm-list-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

    .adm-header-social .adm-list-wrap li {
        position: relative;
    }

        .adm-header-social .adm-list-wrap li::before {
            content: "";
            position: absolute;
            left: -15px;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 26px;
            background: var(--line-color);
            opacity: .5;
        }

        .adm-header-social .adm-list-wrap li:first-child::before {
            display: none;
        }

        .adm-header-social .adm-list-wrap li a {
            font-size: 17px;
            color: var(--icon-color);
            line-height: 1;
        }

            .adm-header-social .adm-list-wrap li a:hover {
                color: var(--hover-color);
            }

.adm-dropdown {
    min-width: fit-content;
}

.adm-nav-logo img {
    width: 150px;
}

.adm-mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    z-index: 99;
    border-radius: 0px;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)e;
    -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

    .adm-mobile-menu .navbar-collapse {
        display: block !important;
    }

    .adm-mobile-menu .adm-nav-logo {
        position: relative;
        padding: 30px 25px;
        text-align: left;
    }

.adm-mobile-menu-visible {
    overflow: hidden;
}

    .adm-mobile-menu-visible .adm-mobile-menu {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

.adm-mobile-menu .adm-navigation li.current > a:before {
    height: 100%;
}

.adm-menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
}

.adm-mobile-menu-visible .adm-menu-backdrop {
    opacity: 1;
    visibility: visible;
}

.adm-mobile-menu .adm-menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--bg-color);
    padding: 0px 0px;
    z-index: 5;
    box-shadow: -9px 0 14px 0px rgb(0 0 0 / 6%);
}

.adm-mobile-menu-visible .adm-mobile-menu .adm-menu-box {
    opacity: 1;
    visibility: visible;
}

.adm-mobile-menu .adm-close-btn {
    position: absolute;
    right: 15px;
    top: 28px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 20px;
    color: var(--hover-color);
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.adm-mobile-menu-visible .adm-mobile-menu .adm-close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.adm-mobile-menu .adm-navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}

    .adm-mobile-menu .adm-navigation ul {
        padding: 0;
        margin: 0;
    }

    .adm-mobile-menu .adm-navigation li {
        position: relative;
        display: block;
        border-top: 1px solid rgb(0 0 0 / 10%);
    }

    .adm-mobile-menu .adm-navigation:last-child {
        border-bottom: 1px solid rgb(0 0 0 / 10%);
    }

    .adm-mobile-menu .adm-navigation li > ul > li:first-child {
        border-top: 1px solid rgb(0 0 0 / 10%);
    }

    .adm-mobile-menu .adm-navigation li > a {
        position: relative;
        display: block;
        line-height: 24px;
        padding: 10px 60px 10px 25px;
        font-size: 15px;
        font-weight: 600;
        color: var(--font-color);
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        border: none;
    }

        .adm-mobile-menu .adm-navigation li > a:hover {
            color: var(--hover-color);
        }

    .adm-mobile-menu .adm-navigation li ul li > a {
        font-size: 15px;
        margin-left: 20px;
        text-transform: capitalize;
    }

    .adm-mobile-menu .adm-navigation li.menu-item-has-children .adm-dropdown-btn.open span {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .adm-mobile-menu .adm-navigation li ul li ul li a {
        margin-left: 40px;
    }

    .adm-mobile-menu .adm-navigation li ul li ul li ul li a {
        margin-left: 60px;
    }

    .adm-mobile-menu .adm-navigation li > a:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 0;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .adm-mobile-menu .adm-navigation li.menu-item-has-children .adm-dropdown-btn {
        position: absolute;
        right: 15px;
        top: 6px;
        width: 32px;
        height: 32px;
        text-align: center;
        font-size: 16px;
        line-height: 32px;
        color: #fff;
        background: var(--side-hover-color);
        cursor: pointer;
        border-radius: 2px;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        z-index: 5;
    }

        .adm-mobile-menu .adm-navigation li.menu-item-has-children .adm-dropdown-btn i {
            -webkit-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            transition: all 500ms ease;
        }

        .adm-mobile-menu .adm-navigation li.menu-item-has-children .adm-dropdown-btn.open i {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .adm-mobile-menu .adm-navigation li > ul,
    .adm-mobile-menu .adm-navigation li > ul > li > ul {
        display: none;
    }

.adm-mobile-menu .adm-social-links ul {
    display: flex;
    position: relative;
    text-align: center;
    padding: 30px 20px 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.adm-mobile-menu .adm-social-links li {
    position: relative;
    display: inline-block;
    margin: 0px 6px 10px;
}

    .adm-mobile-menu .adm-social-links li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        position: relative;
        line-height: 32px;
        font-size: 16px;
        color: #000;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        border: 1px solid #F4F6FF;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }

        .adm-mobile-menu .adm-social-links li a:hover {
            border-color: var(--side-hover-color);
            background: var(--side-hover-color);
            color: #fff;
        }

.adm-menu-area {
    background: var(--bg-color);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}

    .adm-menu-area .mobile-nav-toggler {
        position: relative;
        float: right;
        font-size: 30px;
        cursor: pointer;
        line-height: 1;
        color: var(--hover-color);
    }
/* Fifth navigation  */

.adm-tab-content {
    box-shadow: 0px 4px 46px rgba(0, 0, 0, 0.14);
}

.adm-services-nav-wrap .nav-tabs {
    border-bottom: none;
    justify-content: center;
    gap: 20px;
}

    .adm-services-nav-wrap .nav-tabs .nav-link {
        margin-bottom: 0;
        background: var(--bg-color);
        border: none;
        padding: 20px 42px;
        font-weight: 500;
        font-size: 20px;
        color: var(--font-color) !important;
        box-shadow: 0px 4px 46px rgba(0, 0, 0, 0.14);
        border-radius: 4px;
        line-height: 1;
        z-index: 1;
        position: relative;
    }

        .adm-services-nav-wrap .nav-tabs .nav-link.active {
            color: var(--active-font-color) !important;
            background: var(--active-bg-color) !important;
        }

.adm-services-item {
    background: var(--bg-color);
    border-radius: 8px;
    padding: 66px 38px 50px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-top: -30px;
}

.adm-services-content {
    width: 56%;
    flex: 0 0 auto;
}

.adm-services-thumb {
    width: 44%;
    flex: 0 0 auto;
    padding-left: 46px;
}

    .adm-services-thumb img {
        border-radius: 10px;
    }

.adm-services-content p {
    margin-bottom: 30px;
}

.adm-services-list .adm-list-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -10px;
    gap: 15px 0;
    margin-bottom: 50px;
}

    .adm-services-list .adm-list-wrap li {
        width: 50%;
        padding: 0 10px;
        font-weight: 500;
        font-size: 16px;
        color: var(--font-color);
        display: flex;
        align-items: center;
    }

        .adm-services-list .adm-list-wrap li i {
            width: 24px;
            height: 24px;
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: var(--bullet-color);
            color: var(--icon-color);
            font-size: 12px;
            margin-right: 15px;
        }

.adm-section-title .adm-title {
    font-size: 38px;
}

/* project-four */
.adm-project-item {
    margin-bottom: 50px;
}

.adm-project-thumb {
    border-radius: 10px;
    overflow: hidden;
}

    .adm-project-thumb img {
        width: 100%;
        transform: scale(1);
        transition: .3s linear;
    }

.adm-project-item:hover .adm-project-thumb img {
    transform: scale(1.1);
}

.adm-project-content {
    box-shadow: 0px 4px 46px rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 25px 25px;
    background: var(--bg-color);
    margin: 0 45px;
    justify-content: space-between;
    border: 4px solid var(--border-color);
    margin-top: -78px;
    position: relative;
    z-index: 1;
}

.adm-project-content-active {
    zoom: 1.2;
}

.adm-project-content .adm-title {
    color: var(--font-color);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 14px;
}

.adm-project-content .adm-list-wrap {
    color: var(--font-color);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 2px;
}

    .adm-project-content .adm-list-wrap li {
        position: relative;
        line-height: 1;
    }

        .adm-project-content .adm-list-wrap li::before {
            content: "/";
            position: absolute;
            left: -11px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 16px;
            color: var(--line-color);
        }

        .adm-project-content .adm-list-wrap li:first-child::before {
            display: none;
        }

        .adm-project-content .adm-list-wrap li a {
            font-size: 16px;
        }


.adm-project-content .adm-content-right .adm-link-btn {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-color);
    border-radius: 5px;
    font-size: 24px;
    color: var(--font-color);
}

    .adm-project-content .adm-content-right .adm-link-btn i {
        transform: rotate(-40deg);
        transition: all 0.3s ease-out 0s;
    }

    .adm-project-content .adm-content-right .adm-link-btn:hover {
        background: var(--bg-hover-color);
        color: var(--hover-color);
    }

        .adm-project-content .adm-content-right .adm-link-btn:hover i {
            transform: rotate(0);
        }

.adm-link-btn-active i {
    transform: rotate(0) !important;
}

.adm-project-active [class*="col-"] {
    padding: 0 15px;
}

.adm-project-active button.slick-next.slick-arrow {
    right: 0;
    width: fit-content;
    position: absolute;
    top: 30%;
    padding: 3px;
    border: none;
    background: #ec1e24;
    border-radius: 50%;
    z-index: 1;
}

    .adm-project-active button.slick-next.slick-arrow:hover {
        opacity: 0.8;
    }

.adm-arrow-icon {
    padding: 5px;
    color: white;
}

.adm-project-active button.slick-prev.slick-arrow {
    left: 0;
    width: fit-content;
    position: absolute;
    top: 30%;
    padding: 3px;
    border-radius: 50%;
    z-index: 1;
    border: none;
    background: #ec1e24;
}


    .adm-project-active button.slick-prev.slick-arrow:hover {
        opacity: 0.9;
    }

.adm-project-active .slick-dots {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .adm-project-active .slick-dots li {
        list-style: none;
        line-height: 0;
    }

        .adm-project-active .slick-dots li button {
            text-indent: -9999999999px;
            border: none;
            padding: 0;
            width: 20px;
            height: 5px;
            border-radius: 500px;
            background: var(--indicators-color);
            opacity: 0.2;
            transition: width .5s;
        }

        .adm-project-active .slick-dots li.slick-active button {
            width: 40px;
            opacity: 1;
        }


.adm-section-title .adm-sub-title {
    font-size: 20px;
    display: block;
    color: var(--font-color);
    margin-bottom: 14px;
}

.adm-section-title .adm-title {
    color: var(--font-color);
    font-size: 40px;
    margin-bottom: 0;
}

.adm-about-text-content {
    color: var(--font-color);
}

.adm-about-list .adm-list-wrap {
    margin-bottom: 50px;
}

    .adm-about-list .adm-list-wrap li {
        display: flex;
        align-items: baseline;
        color: var(--font-color);
        font-size: 18px;
        margin-bottom: 10px;
    }

        .adm-about-list .adm-list-wrap li:last-child {
            margin-bottom: 0;
        }

        .adm-about-list .adm-list-wrap li i {
            width: 24px;
            height: 24px;
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: var(--bullet-color);
            color: var(--icon-color);
            font-size: 12px;
            margin-right: 15px;
        }

.adm-about-img-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 38px;
}

    .adm-about-img-wrap > img {
        border-radius: 10px;
    }

    .adm-about-img-wrap img:nth-child(2) {
        margin-left: 20px;
    }

.adm-experiences-item {
    box-shadow: 6px 6px 50px 5px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    padding: 20px;
    width: 352px;
    display: flex;
    align-items: center;
    position: absolute;
    background: var(--bg-color);
    color: var(--font-color);
    left: 70px;
    bottom: 87px;
}

    .adm-experiences-item .adm-icon {
        width: 63px;
        height: 63px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--bg-color);
        border-radius: 5px;
        color: var(--font-color);
        font-size: 30px;
        flex: 0 0 auto;
        margin-right: 20px;
    }

    .adm-experiences-item .adm-content .adm-title {
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 0;
        line-height: 1.55;
    }

    .adm-experiences-item:nth-child(2) {
        bottom: -38px;
        left: 145px;
    }

.adm-counter-content .adm-count {
    display: block;
    font-weight: 700;
    line-height: .8;
    font-size: 50px;
    margin-bottom: 8px;
}

.adm-counter-content p {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
}

.adm-counter-item {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

    .adm-counter-item::before {
        content: "";
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%) rotate(15deg);
        background: var(--line-color);
        width: 1px;
        height: 142px;
        opacity: 0.28;
    }

.adm-counter-area .row [class*="col-"]:first-child .adm-counter-item::before {
    display: none;
}

.adm-counter-area .row [class*="col-"]:nth-child(5n) .adm-counter-item::before {
    display: none;
}


.adm-counter-item .adm-counter-content span {
    color: var(--font-color);
}

.adm-counter-item .adm-counter-content P {
    font-size: 17px;
    color: var(--font-color);
}

.adm-counter-item .adm-counter-content .adm-count-icon {
    color: var(--font-color);
}


.adm-counter-content p {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
}


.adm-faq-wrap .accordion-item {
    box-shadow: 0px 10px 10px rgba(198, 198, 198, 0.19);
    border-radius: 4px;
    overflow: hidden;
    border: none;
    margin-bottom: 30px;
}

    .adm-faq-wrap .accordion-item:last-child {
        margin-bottom: 0;
    }

    .adm-faq-wrap .accordion-item:first-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .adm-faq-wrap .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

.adm-faq-wrap .accordion-button {
    font-weight: 500;
    font-size: 18px;
    padding: 22px 30px;
    color: var(--font-color);
    background: var(--bg-color);
    border-bottom: 1px solid transparent;
    position: relative;
}

    .adm-faq-wrap .accordion-button::after {
        flex-shrink: 0;
        width: auto;
        height: auto;
        content: "\f067";
        background-image: none;
        font-size: 20px;
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        position: absolute;
        right: 20px;
    }

    .adm-faq-wrap .accordion-button:not(.collapsed)::after {
        background-image: none;
        content: "\f068";
        transform: rotate(0);
    }

    .adm-faq-wrap .accordion-button:not(.collapsed) {
        color: var(--active-font-color);
        background-color: var(--active-bg-color);
        box-shadow: none;
        border-bottom: 1px solid #E7E7E7;
    }

    .adm-faq-wrap .accordion-button:focus {
        border-color: none;
        box-shadow: none;
    }

.adm-faq-wrap .accordion-body {
    padding: 22px 25px;
}

    .adm-faq-wrap .accordion-body p {
        font-weight: 400;
        font-size: 16px;
        margin: 0.5rem;
        margin-bottom: 0;
        line-height: 1.83;
    }

.adm-accordion-body-content {
    color: var(--font-color);
    background: var(--bg-color);
}

.adm-faq-img-wrap {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: flex-end;
    position: relative;
}

    .adm-faq-img-wrap img:nth-child(1) {
        border-radius: 12px;
        width: 332px;
        height: 628px;
        object-fit: cover;
    }

    .adm-faq-img-wrap img:nth-child(2) {
        border-radius: 12px 80px 12px 12px;
        width: 332px;
        height: 628px;
        object-fit: cover;
    }

    .adm-faq-img-wrap .adm-overlay-text {
        background: var(--bg-color);
        border-radius: 12px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 65px;
        padding: 28px 25px;
        width: 460px;
        text-align: center;
        margin: 0 auto;
    }

        .adm-faq-img-wrap .adm-overlay-text .adm-title {
            -webkit-text-fill-color: var(--fill-color);
            -webkit-text-stroke-width: 2px;
            -webkit-text-stroke-color: var(--stroke-color);
            margin-bottom: 0;
            font-size: 90px;
            text-transform: uppercase;
            line-height: .8;
        }


#adm-preloader {
    background: #ffffff;
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    z-index: 999;
}

.adm-preloader-block {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    text-align: center;
}

.adm-spinner-eff {
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-animation: taRotation 12.8s steps(1) 0s infinite;
    animation: taRotation 12.8s steps(1) 0s infinite;
}

    .adm-spinner-eff .adm-bar {
        position: absolute;
        background-color: var(--line-color);
    }

    .adm-spinner-eff .adm-bar-top {
        width: 100%;
        height: 7px;
        position: absolute;
        top: 0;
        left: 0;
        transform-origin: left top;
        transform: scale(0, 1);
        -webkit-animation: bar-top 3.2s linear 0s infinite;
        animation: bar-top 3.2s linear 0s infinite;
    }

    .adm-spinner-eff .adm-bar-right {
        width: 7px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        transform-origin: left top;
        transform: scale(1, 0);
        -webkit-animation: bar-right 3.2s linear 0s infinite;
        animation: bar-right 3.2s linear 0s infinite;
    }

    .adm-spinner-eff .adm-bar-bottom {
        width: 100%;
        height: 7px;
        position: absolute;
        right: 0;
        bottom: 0;
        transform-origin: right top;
        transform: scale(0, 1);
        -webkit-animation: bar-bottom 3.2s linear 0s infinite;
        animation: bar-bottom 3.2s linear 0s infinite;
    }

    .adm-spinner-eff .adm-bar-left {
        width: 7px;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        transform-origin: left bottom;
        transform: scale(1, 0);
        -webkit-animation: bar-left 3.2s linear 0s infinite;
        animation: bar-left 3.2s linear 0s infinite;
    }


@keyframes taRotation {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes bar-top {
    0% {
        transform: scale(0,1);
    }

    12.5% {
        transform: scale(1,1);
    }

    87.5% {
        transform: scale(1,1);
    }

    100% {
        transform: scale(0,1);
    }
}

@keyframes bar-right {
    0% {
        transform: scale(1,0);
    }

    12.5% {
        transform: scale(1,0);
    }

    25% {
        transform: scale(1,1);
    }

    75% {
        transform: scale(1,1);
    }

    87.5% {
        transform: scale(1,0);
    }

    100% {
        transform: scale(1,0);
    }
}

@keyframes bar-bottom {
    0% {
        transform: scale(0,1);
    }

    25% {
        transform: scale(0,1);
    }

    37.5% {
        transform: scale(1,1);
    }

    62.5% {
        transform: scale(1,1);
    }

    75% {
        transform: scale(0,1);
    }

    100% {
        transform: scale(0,1);
    }
}

@keyframes bar-left {
    0% {
        transform: scale(1,0);
    }

    37.5% {
        transform: scale(1,0);
    }

    50% {
        transform: scale(1,1);
    }

    62.5% {
        transform: scale(1,0);
    }

    100% {
        transform: scale(1,0);
    }
}

.adm-summary {
    height: 50px;
    border-radius: 5px;
    background-color: #F8F9FC;
    border: none;
}

    .adm-summary::placeholder {
        color: #7a7a7a;
    }

    .adm-summary:focus {
        background-color: #F8F9FC;
    }



/* Responsive.css */

/* Extra large devices (large desktops, 1800px and up) */
@media (max-width: 1500px) {
    .adm-container {
        max-width: 1320px;
    }

    .adm-experiences-item {
        left: 30px;
    }

        .adm-experiences-item:nth-child(2) {
            left: 140px;
        }

    .adm-faq-img-wrap img:nth-child(2),
    .adm-faq-img-wrap img:nth-child(1) {
        width: 300px;
    }

    .adm-services-thumb {
        padding-left: 15px;
    }

    .adm-project-content {
        margin: -78px 25px 0;
    }
}


/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
    .adm-container {
        max-width: 960px;
    }

    .adm-navbar-wrap ul {
        margin: 0 0 0 auto;
    }

    .adm-about-img-wrap > img:nth-child(1) {
        width: 245px;
        height: 440px;
        object-fit: cover;
    }

    .adm-about-img-wrap > img:nth-child(2) {
        width: 170px;
        object-fit: cover;
    }

    .adm-experiences-item:nth-child(2) {
        display: none;
    }

    .adm-experiences-item {
        left: 0;
    }

    .adm-experiences-item {
        width: 310px;
        left: 0;
        bottom: 30px;
    }

        .adm-experiences-item .adm-content .adm-title {
            font-size: 16px;
        }

    .adm-section-title .adm-title {
        font-size: 36px;
    }

    .adm-counter-content .adm-count {
        font-size: 35px;
    }

    .adm-about-img-wrap {
        margin-bottom: 0;
    }

    .adm-faq-img-wrap {
        justify-content: center;
        margin-bottom: 50px;
    }

        .adm-faq-img-wrap img:nth-child(2),
        .adm-faq-img-wrap img:nth-child(1) {
            width: 332px;
        }

    .adm-header-top-right {
        gap: 0;
    }

    .adm-services-item {
        padding: 66px 25px 40px;
    }

    .adm-services-content p {
        margin-bottom: 20px;
    }

    .adm-services-list .adm-list-wrap {
        margin-bottom: 30px;
    }
}



/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
    .adm-container {
        max-width: 720px;
    }

    .adm-menu-nav {
        justify-content: space-between;
    }

    .adm-header-action {
        margin-right: 40px;
    }

    .adm-menu-area .mobile-nav-toggler {
        display: block;
    }

    .adm-about-img-wrap > img:nth-child(1) {
        width: auto;
        height: auto;
    }

    .adm-about-img-wrap > img:nth-child(2) {
        width: auto;
    }

    .adm-about-img-wrap {
        margin-bottom: 60px;
    }

    .adm-header-top-right {
        display: none;
    }

    .adm-header-top-left .adm-list-wrap {
        justify-content: center;
    }

    .adm-counter-item::before {
        display: none;
    }

    .adm-services-thumb {
        padding-left: 0;
        width: 100%;
        margin-bottom: 40px;
    }

    .adm-services-content {
        width: 100%;
        flex: 0 0 auto;
    }

    .adm-services-item {
        padding: 66px 30px 40px;
        display: block;
        text-align: center;
    }

    .adm-services-list .adm-list-wrap li {
        padding: 0;
        width: auto;
    }

    .adm-services-list .adm-list-wrap {
        justify-content: center;
        margin: 0 0 30px;
        gap: 15px 20px;
    }

    .adm-project-content {
        padding: 25px 20px;
        margin: -78px 20px 0;
    }
}



/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
    .adm-container {
        max-width: 100%;
    }

    .adm-experiences-item {
        display: none;
    }

    .adm-about-img-wrap > img:nth-child(2) {
        display: none;
    }

    .adm-about-img-wrap > img:nth-child(1) {
        height: auto;
    }

    .adm-about-img-wrap {
        margin-bottom: 45px;
    }

    .adm-section-title .adm-title {
        font-size: 32px;
    }

    .adm-about-list .adm-list-wrap li i {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .adm-counter-area {
        padding: 0 0 100px;
    }

    .adm-about-img-wrap > img:nth-child(1) {
        width: 100%;
    }

    .adm-faq-img-wrap .adm-overlay-text {
        width: 90%;
    }

        .adm-faq-img-wrap .adm-overlay-text .adm-title {
            font-size: 60px;
        }

    .adm-faq-img-wrap img:nth-child(2) {
        display: none;
    }

    .adm-faq-img-wrap img:nth-child(1) {
        width: 100%;
        height: 550px;
    }

    .adm-faq-wrap .accordion-button {
        padding: 22px 40px 22px 20px;
    }

    .adm-faq-wrap .accordion-body {
        padding: 22px 20px;
    }

    .adm-section-title .adm-sub-title {
        font-size: 18px;
    }

    .adm-faq-bg {
        padding: 95px 0 100px;
    }

    .adm-header-top-left .adm-list-wrap li::before {
        display: none;
    }

    .adm-header-top-wrap {
        padding: 8px 0;
    }

    .adm-header-top-left .adm-list-wrap {
        gap: 8px 15px;
    }

    .adm-services-item {
        padding: 66px 20px 40px;
    }

    .adm-services-thumb img {
        max-height: 300px;
        object-fit: cover;
    }

    .adm-services-list .adm-list-wrap li i {
        font-size: 20px;
        margin-right: 10px;
    }

    .adm-services-area {
        padding: 95px 0 100px;
    }

    .adm-project-content {
        padding: 25px 15px;
        margin: -78px 10px 0;
    }

    .adm-section-title.mb-60 {
        margin-bottom: 40px;
    }
}


/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .adm-container {
        max-width: 540px;
    }

    .adm-about-img-wrap > img:nth-child(1) {
        height: 500px;
    }

    .adm-section-title .adm-title {
        font-size: 34px;
    }

    .adm-project-content {
        padding: 25px 25px;
        margin: -78px 25px 0;
    }
}




.adm-team-item {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.adm-team-thumb {
    border-radius: 10px;
    position: relative;
    margin-left: auto;
}

    .adm-team-thumb img {
        border-radius: 10px;
        height: 155px;
        background: #f7f7f7;
        object-fit: cover;
        width: 100%;
        border: 4px solid white;
    }

.adm-team-content {
    border: 4px solid var(--border-color);
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    background: var(--bg-color);
    border-radius: 4px;
    padding: 10px 10px;
    margin: 15px 15px;
}

.adm-team-item:hover {
    cursor: pointer;
}

.adm-profile-item {
    background: none;
}

    .adm-profile-item:hover {
        background: #f1f1f1;
    }

.adm-team-active {
    background-color: lightgrey !important;
}

.adm-team-content .adm-title {
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    color: #ffff;
}

    .adm-team-content .adm-title a:hover {
        color: #ffff;
    }

.adm-team-content span {
    font-weight: 400;
    font-size: 16px;
    display: block;
    color: #fff;
}

.adm-range::-webkit-slider-thumb {
    cursor: pointer;
    appearance: none;
    width: 20px !important;
    height: 20px !important;
    background: #ec1e24 !important;
    border-radius: 50%;
}

/* Stepper */
.md-stepper-horizontal {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

    .md-stepper-horizontal .md-step {
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 24px;
        min-width: 200px;
    }

        .md-stepper-horizontal .md-step:active {
            border-radius: 15% / 75%;
        }

        .md-stepper-horizontal .md-step:first-child:active {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .md-stepper-horizontal .md-step:last-child:active {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }


        .md-stepper-horizontal .md-step:first-child .md-step-bar-left,
        .md-stepper-horizontal .md-step:last-child .md-step-bar-right {
            display: none;
        }

        .md-stepper-horizontal .md-step .md-step-circle {
            width: 30px;
            height: 30px;
            margin: 0 auto;
            background-color: #999999;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
            font-size: 16px;
            font-weight: 600;
            color: #FFFFFF;
        }

    .md-stepper-horizontal.green .md-step.active .md-step-circle {
        background-color: #00AE4D;
    }

    .md-stepper-horizontal.orange .md-step.active .md-step-circle {
        background-color: #ec1e24;
    }

    .md-stepper-horizontal .md-step.active .md-step-circle {
        background-color: #ec1e24;
    }

    .md-stepper-horizontal .md-step.done .md-step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c";
    }

    .md-stepper-horizontal .md-step.done .md-step-circle *,
    .md-stepper-horizontal .md-step.editable .md-step-circle * {
        display: none;
    }

    .md-stepper-horizontal .md-step.editable .md-step-circle {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

        .md-stepper-horizontal .md-step.editable .md-step-circle:before {
            font-family: 'FontAwesome';
            font-weight: 100;
            content: "\f040";
        }

    .md-stepper-horizontal .md-step .md-step-title {
        margin-top: 16px;
        font-size: 16px;
        font-weight: 600;
    }

    .md-stepper-horizontal .md-step .md-step-title,
    .md-stepper-horizontal .md-step .md-step-optional {
        text-align: center;
        color: rgba(0,0,0,.26);
    }

    .md-stepper-horizontal .md-step.active .md-step-title {
        font-weight: 600;
        color: rgba(0,0,0,.87);
    }

    .md-stepper-horizontal .md-step.active.done .md-step-title,
    .md-stepper-horizontal .md-step.active.editable .md-step-title {
        font-weight: 600;
    }

    .md-stepper-horizontal .md-step .md-step-optional {
        font-size: 12px;
    }

    .md-stepper-horizontal .md-step.active .md-step-optional {
        color: rgba(0,0,0,.54);
    }

    .md-stepper-horizontal .md-step .md-step-bar-left,
    .md-stepper-horizontal .md-step .md-step-bar-right {
        position: absolute;
        top: 36px;
        height: 1px;
        border-top: 1px solid #DDDDDD;
    }

    .md-stepper-horizontal .md-step .md-step-bar-right {
        right: 0;
        left: 50%;
        margin-left: 20px;
    }

    .md-stepper-horizontal .md-step .md-step-bar-left {
        left: 0;
        right: 50%;
        margin-right: 20px;
    }
/* Stepper */

.form-contact-control:focus {
    background-color: #c9e4ffa6 !important;
    color: #095ab8 !important;
}

.form-contact-control {
    border-color: #095ab8 !important;
    color: #095ab8 !important;
}

/*Forum*/

.user-avatar {
    background-image: var(--bg-img);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.forum-user {
    aspect-ratio: 12 / 1;
    height: 100%;
}

.form-container {
    padding: 3%;
    transition-duration: 0.3s;
}

.comments-count {
    width: fit-content !important;
}

.form-container:hover {
    background-color: var(--bg-hover);
    cursor: pointer;
}

@media (max-width: 768px) {
    .user-avatar {
        width: 20%;
    }

    .forum-user {
        aspect-ratio: 5 / 1;
        height: 100%;
        margin-bottom: 8% !important;
    }

    .forum-date {
        display: flex;
        align-items: start !important;
        justify-content: start !important;
        margin: 2%;
    }

    .comments-count {
        margin: 7%;
    }
}

.desc-section {
    font-size: 1.18em;
}

.comments-section {
    font-size: 1.08em;
}
/*Forum*/


.back-top-elem {
    color: white;
    background-color: black;
    position: fixed;
    bottom: 35px;
    margin-right: 10px;
    right: 0;
    /* visual styling */
    text-decoration: none;
    padding: 5px;
    justify-content: center;
    display: none;
}

    .back-top-elem > i {
        font-size: 2.5em;
        color: white;
    }

    .back-top-elem:hover {
        cursor: pointer;
    }

.post-container {
    color: var(--text-color);
}

.post-comments-container {
    color: var(--text-color);
}

.post-container:hover {
    color: var(--text-hover);
}

.comment-container {
    color: var(--text-color);
}

    .comment-container:hover {
        background-color: var(--bg-hover);
        cursor: pointer;
        color: var(--text-hover);
    }

.blogpost-nav-link-forum {
    display: block;
    padding: 0.5rem 1rem;
    transition: opacity 0.3s;
    color: var(--text-color);
}

    .blogpost-nav-link-forum:hover {
        color: var(--text-color);
        opacity: 0.8;
    }

.blogpost-nav-link-forum--active {
    color: var(--text-color);
    border-bottom: 2px solid var(--text-color);
    opacity: 0.8;
}

.add-comment-btn {
    color: var(--bg-color);
    background: var(--text-color);
}


    .add-comment-btn:hover {
        color: var(--text-color);
        background: var(--bg-hover);
    }


.adm-team-active .adm-team-thumb img {
    transition: border linear .3s;
    border: 4px solid white;
}


@keyframes moneyAnimation {
    0% {
        opacity: 1;
        top: -10px;
    }

    100% {
        opacity: 0;
        top: -30px;
    }
}

.moneyAnimation {
    background: rgb(234 29 35);
    text-align: center;
    font-size: 12px;
    padding: 6px;
    color: white;
    border-radius: 100%;
    right: 10px;
    animation: moneyAnimation 1s forwards;
    position: absolute;
}

.custom-btn {
    color: var(--color);
    background-color: var(--bg-color);
}

    .custom-btn:hover {
        color: var(--color);
        opacity: 0.8;
    }

.styled-table tbody tr:last-of-type {
    border-bottom: none;
}

.table-body {
    border-bottom: 3px solid #ec1e24;
}

.table-expand-icon {
    color: black;
}

    .table-expand-icon:hover {
        color: #ec1e24;
    }

tr.expandable-table-row {
    display: none;
}

    tr.expandable-table-row.active {
        display: table-row;
    }

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

    .styled-table thead tr {
        background-color: #1f2549;
        color: #ffffff;
        text-align: left;
    }

    .styled-table th,
    .styled-table td {
        padding: 12px 15px;
        vertical-align: middle;
    }

    .styled-table tbody tr {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }

        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #ec1e24;
        }

        .styled-table tbody tr.active-row {
            font-weight: bold;
            color: #ec1e24;
        }

#productsTable, #featuresTable, #productMatrixTable, #productMatrixSrollbar {
    scrollbar-width: auto;
    scrollbar-color: #1f2549 #ffffff;
}

    #productsTable::-webkit-scrollbar, #featuresTable::-webkit-scrollbar, #productMatrixTable::-webkit-scrollbar, #productMatrixSrollbar::-webkit-scrollbar {
        width: 15px;
    }

    #productsTable::-webkit-scrollbar-track, #featuresTable::-webkit-scrollbar-track, #productMatrixTable::-webkit-scrollbar-track, #productMatrixSrollbar::-webkit-scrollbar-track {
        background: #f7f7f7;
    }

    #productsTable::-webkit-scrollbar-thumb, #featuresTable::-webkit-scrollbar-thumb, #productMatrixTable::-webkit-scrollbar-thumb, #productMatrixSrollbar::-webkit-scrollbar-thumb {
        background-color: #1f2549;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }


/*third footer*/

.third-footer {
    height: auto;
    position: fixed;
    bottom: 0;
    color: var(--text-color);
    background-color: var(--background-color);
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.3);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
    flex-direction: column;
}

.pasekprawa {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 19px;
    font-weight: 700;
}

.paseklewa {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

@media only screen and (min-width: 992px) {
    .third-footer {
        height: 60px !important;
        display: flex;
        flex-direction: row;
    }

    .th-foot {
        height: 60px !important;
    }
}

.th-foot {
    transition-duration: 1s;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .th-foot:hover {
        background-color: var(--text-color);
        color: var(--background-color);
    }

        .th-foot:hover > a {
            color: var(--background-color);
        }

div:has(.third-footer) {
    position: absolute;
}


/*third footer*/


/*Dynamic Links*/
.dynamic-links {
    display: flex;
    position: var(--position);
    padding: var(--padding);
    margin: var(--margin);
    background-color: var(--bg-color);
    background-image: var(--bg-image);
    background-size: var(--bg-size);
    background-position: var(--bg-pos);
    background-repeat: var(--bg-repeat);
    justify-content: var(--horizontal-align);
    align-items: var(--vertical-align);
    min-height: var(--min-height) !important;
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-top: var(--border-top);
    border-bottom: var(--border-bottom);
    border-right: var(--border-right);
    border-left: var(--border-left);
    border-radius: var(--border-radius);
    background-attachment: var(--bg-attachment);
    font-size: var(--font-size);
    color: var(--shadow-color) !important;
    font-weight: var(--font-weight);
    flex-direction: var(--flex-direction);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    z-index: 1;
}

    .dynamic-links > dynamic-link > a, .dynamic-links > dynamic-link > i {
        color: var(--text-color) !important;
    }

@media only screen and (max-device-width: 768px) {
    .dynamic-links {
        padding: var(--padding-mobile);
        margin: var(--margin-mobile);
        display: var(--display-mobile);
    }
}

.link-dynamic {
    transition-duration: 200ms;
    padding: var(--link-padding);
    margin: var(--link-margin);
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    display: flex;
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    background-color: var(--button-bg) !important;
}

    .link-dynamic > a, .link-dynamic > i {
        white-space: nowrap;
        color: var(--text-color) !important;
    }

    .link-dynamic:hover {
        background-color: var(--button-bg-hover) !important;
    }

        .link-dynamic:hover, .link-dynamic:hover > a, .link-dynamic:hover > i {
            color: var(--text-color-hover) !important;
            cursor: pointer;
        }

@media only screen and (max-device-width: 768px) {
    .link-dynamic {
        padding: var(--link-padding-mobile);
        margin: var(--link-margin-mobile);
        display: var(--link-display-mobile);
    }
}

/*Dynamic Links*/

.matrix-item-btn {
    color: #1f2549;
}

    .matrix-item-btn:hover {
        color: #ec1e24;
    }

.adm-label {
    display: inline-block;
    color: #1f2549;
    cursor: pointer;
    position: relative;
}

.adm-select .adm-select-span {
    display: inline-block;
    background-color: transparent;
    width: 25px;
    height: 25px;
    transform-origin: center;
    border: 2px solid #1f2549;
    vertical-align: -6px;
    margin-right: 10px;
    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}

    .adm-select .adm-select-span:before {
        content: "";
        width: 0px;
        height: 2px;
        border-radius: 2px;
        background: #1f2549;
        position: absolute;
        transform: rotate(45deg);
        top: 12px;
        left: 9px;
        transition: width 50ms ease 50ms;
        transform-origin: 0% 0%;
    }

    .adm-select .adm-select-span:after {
        content: "";
        width: 0;
        height: 2px;
        border-radius: 2px;
        background: #1f2549;
        position: absolute;
        transform: rotate(305deg);
        top: 16px;
        left: 10px;
        transition: width 50ms ease;
        transform-origin: 0% 0%;
    }

.adm-select:hover .adm-select-span:before {
    width: 5px;
    transition: width 100ms ease;
}

.adm-select:hover .adm-select-span:after {
    width: 10px;
    transition: width 150ms ease 100ms;
}

.adm-select-input {
    display: none;
}

    .adm-select-input:checked + .adm-select .adm-select-span {
        background-color: #1f2549;
        transform: scale(1.25);
    }

        .adm-select-input:checked + .adm-select .adm-select-span:after {
            width: 10px;
            background: #fff;
            top: 14px;
            left: 8px;
            transition: width 150ms ease 100ms;
        }

        .adm-select-input:checked + .adm-select .adm-select-span:before {
            width: 5px;
            background: #fff;
            top: 10px;
            left: 7px;
            transition: width 150ms ease 100ms;
        }

    .adm-select-input:checked + .adm-select:hover .adm-select-span {
        opacity: 0.9;
        background-color: #1f2549;
        transform: scale(1.25);
    }

        .adm-select-input:checked + .adm-select:hover .adm-select-span:after {
            width: 10px;
            background: #fff;
            transition: width 150ms ease 100ms;
        }

        .adm-select-input:checked + .adm-select:hover .adm-select-span:before {
            width: 5px;
            background: #fff;
            transition: width 150ms ease 100ms;
        }






.adm-select-all {
    display: inline-block;
    color: white;
    cursor: pointer;
    position: relative;
}

    .adm-select-all .adm-select-all-span {
        display: inline-block;
        background-color: transparent;
        width: 25px;
        height: 25px;
        transform-origin: center;
        border: 2px solid white;
        vertical-align: -6px;
        margin-right: 10px;
        transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    }

        .adm-select-all .adm-select-all-span:before {
            content: "";
            width: 0px;
            height: 2px;
            border-radius: 2px;
            background: white;
            position: absolute;
            transform: rotate(45deg);
            top: 12px;
            left: 9px;
            transition: width 50ms ease 50ms;
            transform-origin: 0% 0%;
        }

        .adm-select-all .adm-select-all-span:after {
            content: "";
            width: 0;
            height: 2px;
            border-radius: 2px;
            background: white;
            position: absolute;
            transform: rotate(305deg);
            top: 16px;
            left: 10px;
            transition: width 50ms ease;
            transform-origin: 0% 0%;
        }

    .adm-select-all:hover .adm-select-all-span:before {
        width: 5px;
        transition: width 100ms ease;
    }

    .adm-select-all:hover .adm-select-all-span:after {
        width: 10px;
        transition: width 150ms ease 100ms;
    }


.adm-select-all-input {
    display: none;
}

    .adm-select-all-input:checked + .adm-select-all .adm-select-all-span {
        background-color: white;
        transform: scale(1.25);
    }

        .adm-select-all-input:checked + .adm-select-all .adm-select-all-span:after {
            width: 10px;
            background: #1f2549;
            top: 14px;
            left: 8px;
            transition: width 150ms ease 100ms;
        }

        .adm-select-all-input:checked + .adm-select-all .adm-select-all-span:before {
            width: 5px;
            background: #1f2549;
            top: 10px;
            left: 7px;
            transition: width 150ms ease 100ms;
        }

    .adm-select-all-input:checked + .adm-select-all:hover .adm-select-all-span {
        opacity: 0.9;
        background-color: white;
        transform: scale(1.25);
    }

        .adm-select-all-input:checked + .adm-select-all:hover .adm-select-all-span:after {
            width: 10px;
            background: #1f2549;
            transition: width 150ms ease 100ms;
        }

        .adm-select-all-input:checked + .adm-select-all:hover .adm-select-all-span:before {
            width: 5px;
            background: #1f2549;
            transition: width 150ms ease 100ms;
        }



/*QueueFooter*/

/*QueueFooter*/

/*QueueCase*/

.queue-parent {
    background-color: var(--parent-bg);
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 1s ease-in-out;
}

.case-type {
    position: relative;
    flex-wrap: wrap;
}

#queue-container .case-content {
    color: var(--text-color);
    background: var(--button-bg);
}

.queue-parent .queue-spinner {
    color: var(--queue-spinner-color);
}

.queue-container-contrast .case-content, .queue-container-contrast .case-to-select, .queue-container-contrast .step-number, .queue-container-contrast .case-slot, .queue-container-contrast .queue-back, .queue-container-contrast .today, .queue-container-contrast .queue-input, .queue-container-contrast .iti__country-list {
    color: var(--contrast-border-color) !important;
    border: 1px solid;
    border-color: var(--contrast-border-color) !important;
    background-color: var(--contrast-background-color) !important;
    box-shadow: var(--contrast-box-shadow) !important;
    text-shadow: var(--contrast-text-shadow) !important;
}

.queue-container-contrast .active-day {
    color: var(--contrast-background-color) !important;
    border: 1px solid;
    border-color: var(--contrast-border-color) !important;
    background-color: var(--contrast-border-color) !important;
    box-shadow: var(--contrast-box-shadow) !important;
    text-shadow: var(--contrast-text-shadow) !important;
}

.case-content:not(.case-to-select) {
    margin: 0.25rem;
    border-width: 1px;
    font-weight: 600;
    min-width: 30rem;
    text-align: center;
    font-size: 16px;
}

@media (max-width: 450px) {
    .case-content:not(.case-to-select) {
        min-width: 90% !important;
    }

    .queue-month-header > .right {
        right: 0px !important;
    }

    .queue-month-header > .left {
        left: 0px !important;
    }
}

.case-to-select {
    margin: 0.25rem;
    border-width: 1px;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
}

#queue-container .case-content:hover {
    background: var(--button-bg-hover);
    cursor: pointer;
    color: var(--text-color-hover);
}

.days-names > .day-name {
    padding: 10px;
    margin: 0.1rem;
}

.case-slot {
    font-weight: 600;
    margin: 0.4rem;
    border-width: 1px;
    text-align: center;
}

#queue-container .case-slot {
    color: var(--text-color);
    background: var(--button-bg);
}

    #queue-container .case-slot:hover {
        background: var(--button-bg-hover);
        cursor: pointer;
        color: var(--text-color-hover);
    }

.desc-btn {
    color: var(--text-color);
    background: var(--button-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.25rem;
}

    .desc-btn:hover {
        background: var(--button-bg-hover);
        cursor: pointer;
        color: var(--text-color-hover);
    }

.case-selected {
    margin: 0.25rem;
    border-width: 1px;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
}

#queue-container .case-selected {
    background: var(--button-bg-hover);
    color: var(--text-color-hover);
}

.case-selected:hover {
    cursor: pointer;
}
/*QueueCase*/

#queue-container .cancel-container {
    color: var(--text-color);
}
/*QueueCalendar*/
.queue-calendar {
}

.old-date {
    opacity: 0.5;
}

#queue-container .date-weekend, #queue-container .disabled-day, #queue-container .available-weekend {
    color: #f9c81b;
}

.date-weekend:hover, .disabled-day:hover {
    color: #f9c81b;
    cursor: not-allowed;
    background-color: #dc3545;
}

.month-header {
    border-bottom: 1px solid black;
}

.queue-day {
    margin: 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 40px;
    max-height: 40px;
}

#queue-container .queue-day.active-day:not(.today) {
    background-color: var(--button-nav-bg) !important;
    color: var(--button-nav-text) !important;
    border-radius: 50%;
}

@media (min-width: 768px) {
    #queue-container .queue-day.active-day:not(.today):hover {
        background-color: var(--button-nav-bg-hover);
        color: var(--button-nav-text-hover);
    }
}

#queue-container .queue-day.today, #queue-container .queue-day.today.disabled-day {
    border-radius: 50%;
    border: 1px solid var(--button-nav-bg);
    color: black;
}

    #queue-container .queue-day.today.active-day {
        background-color: var(--button-nav-bg);
    }

#queue-container .queue-day:hover {
    background: var(--button-bg-hover);
    color: var(--text-color-hover);
    border-radius: 50%;
    transform: scale(1.05);
}

.old-date {
    opacity: 0.5;
}

    .old-date:hover {
        cursor: not-allowed;
        background-color: #dc3545;
    }

.young-date {
    cursor: not-allowed;
    opacity: 0.5;
}

    .young-date:hover {
        cursor: not-allowed;
    }

.form-queue {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 1.1rem;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

.form-queue {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 10%;
    /*stacking fieldsets above each other*/
    position: relative;
    margin-top: 30px;
}

.queue-checkbox-label {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    min-height: 24px;
    margin: 0;
    padding: 0;
}

.queue-checkbox-span {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.queue-register-error {
    margin-bottom: 7px;
    color: red;
}

.queue-checkbox-input {
    line-height: 24px;
}

#queue-container {
    transition: 0.4s ease-out;
    max-width: 1536px;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: var(--bg-color);
}

.queue-day-number {
    font-size: 15px;
    letter-spacing: 1px;
    display: contents;
}

#queue-container .days-names {
    margin-top: 1rem;
    border-bottom: 1px solid;
    border-color: var(--text-color);
}
/*QueueCalendar*/
/*Stepper*/
.mdl-stepper-step {
    /*max-width: 16.6%;*/
    text-align: center;
    width: fit-content;
}

.stepper-line {
    border-top-width: 1px;
    border-top-style: solid;
    flex: auto;
    height: 0;
    margin: auto;
    width: auto;
    max-width: 10%;
}

@media (max-width: 991px) {
    .mdl-stepper-title.hide-mobile {
        display: none;
    }
}

.mdl-stepper-title {
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

#queue-container .done-step > .step-number {
    background-color: var(--button-nav-bg);
    color: var(--button-nav-text);
}

    #queue-container .done-step > .step-number:hover {
        background-color: var(--button-nav-bg-hover);
        color: var(--button-nav-text-hover);
        cursor: pointer;
    }

#queue-container .active-step > .step-number {
    color: var(--button-nav-avtive-text);
    background-color: var(--button-nav-active-bg);
}

#anonimize-container .queue-back {
    color: var(--btn-text-color);
    background-color: var(--button-bg);
}

    #anonimize-container .queue-back:hover {
        color: var(--btn-text-color-hover);
        background-color: var(--button-bg-hover);
    }

#anonimize-container .withdrawalForm {
    color: var(--text-color);
}

.undone-step > .step-number {
    color: white;
    background-color: darkgray;
}

.queue-back {
    width: auto;
    border: none;
    display: flex;
    padding: 0.75rem 1.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    align-items: center;
    border-radius: 0.5rem;
    user-select: none;
    gap: 0.75rem;
    box-shadow: 0 4px 6px -1px #488aec31, 0 2px 4px -1px #488aec17;
    transition: all .6s ease;
}

    .queue-back:hover {
        box-shadow: 0 10px 15px -3px #488aec4f, 0 4px 6px -2px #488aec17;
    }

    .queue-back:focus, .queue-back:active {
        opacity: .85;
        box-shadow: none;
    }


#queue-container .queue-back {
    background-color: var(--button-nav-bg);
    color: var(--button-nav-text);
}

    #queue-container .queue-back:hover {
        background-color: var(--button-nav-bg-hover);
        color: var(--button-nav-text-hover);
    }

.step-title {
    margin-top: 1.5rem !important;
    font-weight: 400 !important;
    letter-spacing: .0125em;
    line-height: 32px;
    font-size: 20px;
}

.queue-input-group {
    position: relative;
}

.queue-input {
    min-width: 250px;
    padding: 12px;
    border: none;
    border-radius: 4px;
    box-shadow: 2px 2px 7px 0 rgb(0, 0, 0, 0.2);
    outline: none;
}

#phone.queue-input, #cancel-phone.queue-input {
    padding-left: 85px !important;
}

#anonimize-container .queue-input:invalid {
    animation: justshake 0.3s forwards;
    color: var(--invalid-color);
}

#anonimize-container .queue-input:valid {
    animation: justshake 0.3s forwards;
    color: var(--text-color);
}

#anonimize-container .queue-input {
    color: var(--text-color);
}

#queue-container .queue-input:invalid {
    animation: justshake 0.3s forwards;
    color: var(--text-color);
}

@keyframes justshake {
    25% {
        transform: translateX(5px);
    }

    50% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

#queue-container .queue-info {
    border: 1px solid;
    border-color: var(--text-color);
    color: var(--text-color)
}
/*Stepper*/
/*QueueCancel*/


.cancel-button {
    font-size: var(--text-size) !important;
    color: var(--text-color) !important;
    background-color: var(--button-bg) !important;
    padding: var(--padding) !important;
    margin: var(--margin) !important;
}

    .cancel-button:hover {
        color: var(--text-color-hover) !important;
        background-color: var(--button-bg-hover) !important;
    }

/*QueueCancel*/
/* Carousel with static content */
.static-carousel-buttons {
    bottom: 20px;
    right: 20px;
}

    .static-carousel-buttons > button {
        background: var(--background-color);
        margin: 2px;
        width: 60px;
        height: 60px;
    }

        .static-carousel-buttons > button:hover {
            background: var(--hover-background-color);
        }

        .static-carousel-buttons > button > span {
            width: 1.5rem;
            height: 1.5rem;
        }

.static-carousel-content {
    left: 0;
    height: 100%;
    background: var(--background-color);
    width: 100%;
}



@media (min-width: 1200px) {
    .static-carousel-content {
        width: 75%;
    }
}

@media (min-width: 1400px) {
    .static-carousel-content {
        width: 55%;
    }
}

.static-carousel-button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    transition: 600ms ease background,font;
    font-size: var(--font-size) !important;
    color: var(--font-color);
    background-color: var(--bg-color);
    padding: var(--padding) !important;
    margin: var(--margin) !important;
    border: var(--border);
}

.button-link {
    font-family: var(--font-family) !important;
    font-weight: var(--font-weight) !important;
}

    .button-link:hover {
        color: var(--font-hover-color);
        background-color: var(--bg-hover-color);
    }
/* Carousel with static content */

#productMatrix {
    z-index: 100000;
    background: white;
}

.adm-project-material:hover {
    opacity: 0.8;
}


/* Slider full width */
.sliderFullWidth {
    position: relative;
    padding: 0;
    margin: 0;
}

.carousel-inner-full-width {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.carousel-fullWidth-item {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: var(--background-image);
    width: 100vw;
    height: 100vh;
    position: relative;
    transition-duration: 1s !important;
}

.carousel-transition {
    background-color: var(--background-color);
    width: 100%;
    height: 100%;
}

.carousel-fullwidth-control-prev {
    left: 0;
}

.carousel-fullwidth-control-next {
    right: 0;
}

.carousel-fullwidth-control-prev, .carousel-fullwidth-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

    .carousel-fullwidth-control-prev:hover, .carousel-fullwidth-control-next:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: 0.9;
    }

    .carousel-fullwidth-control-prev > span, .carousel-fullwidth-control-next > span {
        width: 3rem;
        height: 3rem;
        font-size: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--background-control);
        visibility: hidden;
    }

.sliderFullWidth:hover > .carousel-fullwidth-control-prev > span, .sliderFullWidth:hover > .carousel-fullwidth-control-next > span {
    visibility: visible !important;
}

.bnm-slider-button {
    background-color: var(--bg-color);
    color: var(--text-color);
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 700;
}

    .bnm-slider-button:hover {
        background-color: var(--hover-bg-color);
        color: var(--hover-text-color);
    }

@media (max-width: 576px) {

    .carousel-fullWidth-row span {
        font-size: 8vw !important;
    }
}

/* Slider full width */

/* seventh navigation */
.svnth-navbar {
    top: 0;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.svnthNavbar-container {
    display: flex;
    margin-right: 2rem;
    margin-left: 2rem;
}

.svnthNavbar-center-img {
    max-height: 110px;
}

.svnthNavbar-row {
    align-items: center;
    display: grid;
}

.svnth-navbar .svnthNavbar-navItem {
    color: var(--text-color);
    font-size: 0.8vw;
    font-weight: 600;
}

    .svnth-navbar .svnthNavbar-navItem:hover {
        color: var(--hover-text-color);
    }

.svnth-navbar-mobile {
    display: none;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: var(--navbar-bg-color) !important;
    color: var(--navbar-bg-color) !important;
}

.svnth-navbar-brand {
    float: right;
}

.svnth-navbar-nav {
    width: 100%;
}

.svnth-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");
}

@media (max-width: 991px) {
    .svnthNavbar-uppercontent, .svnthNavbar-container {
        display: none;
    }

    .svnth-navbar-mobile {
        display: flex;
        background-color: var(--mobile-bg-color) !important;
        color: var(--mobile-text-color) !important;
    }

    .svnt-mobile-nav-item {
        color: var(--mobile-text-color) !important;
    }

    .svnt-mobile-nav-link {
        font-weight: 550;
        color: var(--mobile-text-color) !important;
        font-size: 13px;
        padding: 10px 20px;
    }

    .svnt-mobile-nav-item:hover {
        background-color: var(--mobile-hover-bg-color) !important;
        color: var(--mobile-hover-text-color) !important;
        border: 1px solid var(--mobile-hover-text-color);
    }

        .svnt-mobile-nav-item:hover > .svnt-mobile-nav-link {
            background-color: var(--mobile-hover-bg-color) !important;
            color: var(--mobile-hover-text-color) !important;
        }
}

@media (max-width: 1199px) {
    .svnth-navbar .svnthNavbar-navItem {
        font-size: 1.2vw;
    }
}

/* seventh navigation */

/* eight navigation */

#eightNavigation {
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --vspace-0_5: calc(0.5 * var(--space));
    --multiplier: 0.9;
    --base-font-size: calc(1.8rem * var(--multiplier));
    --space: calc(3.2rem * var(--multiplier));
    --vspace-1: calc(var(--space));
    --vspace-1_25: calc(1.25 * var(--space));
    --text-scale-ratio: 1.2;
    --text-size: var(--base-font-size);
    --text-xs: calc((var(--text-size) / var(--text-scale-ratio)) / var(--text-scale-ratio));
    --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
    --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
    --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
    --text-display-1: calc(var(--text-xxxl) * var(--text-scale-ratio));
    --text-display-2: calc(var(--text-display-1) * var(--text-scale-ratio));
    --text-display-3: calc(var(--text-display-2) * var(--text-scale-ratio));
    --vspace-1_5: calc(1.5 * var(--space));
    --vspace-0_5: calc(0.5 * var(--space));
}

.s-header__menu-toggle {
    --menu-toggle-height: 4.2rem;
    z-index: 2;
    padding-right: calc(var(--menu-toggle-height) + .2rem);
    padding-left: 1.2rem;
    transition: all 0.3s ease-in-out;
    position: fixed;
    top: 0.8rem;
    right: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .s-header__menu-toggle.opaque, .s-header__menu-toggle.opaque .s-header__menu-text, .s-header__menu-toggle.opaque .s-header__menu-icon {
        background-color: var(--scrollBg);
        color: var(--scrollNavTextColor);
    }

.s-header__logo {
    z-index: 2;
    position: absolute;
    top: 3.2rem;
    left: 2.8rem;
}

    .s-header__logo a {
        display: block;
        margin: 0;
        padding: 0;
        outline: 0;
        border: none;
    }

    .s-header__logo img {
        width: 40px;
        margin: 0;
        vertical-align: bottom;
    }

.s-header__menu-text {
    display: block;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: var(--menu-toggle-height);
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: var(--navMenuColor);
}

.s-header__menu-icon {
    display: block;
    width: 2.4rem;
    position: absolute;
    right: .9rem;
    margin-top: -1px;
}

.s-header__nav {
    z-index: 3;
    background: var(--bg-color);
    color: var(--contentColor);
    font-size: 1.2rem;
    line-height: 2.8rem;
    padding: 3.25rem 3rem;
    height: 100%;
    transform: translateX(100%);
    overflow-y: auto;
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    position: fixed;
    right: 0;
    top: 0;
}

    .s-header__nav::-webkit-scrollbar {
        width: 0;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .s-header__nav * {
        scrollbar-width: none;
    }

@media (max-width: 500px) {
    .s-header__logo {
        left: 2.4rem;
    }
}

.menu-is-open .s-header__nav {
    transform: translateX(0);
    visibility: visible;
    -webkit-overflow-scrolling: touch;
}

.s-header__nav-close-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 3rem;
    border-radius: 3px;
    color: white;
    text-shadow: none;
    background-color: transparent;
    position: absolute;
    top: var(--vspace-1_25);
    right: var(--vspace-1);
    text-align: center;
}

    .s-header__nav-close-btn span::before {
        transform: rotate(-45deg);
    }

    .s-header__nav-close-btn span::after {
        transform: rotate(45deg);
    }

    .s-header__nav-close-btn:hover {
        cursor: pointer;
    }

.s-header__nav h3 {
    margin-top: 0;
    font-weight: 600;
    font-size: var(--text-md);
    line-height: 3rem;
    color: var(--titleColor);
    margin-bottom: calc(1.5 * var(--space));
}

.s-header__nav-list {
    list-style: none;
    margin-left: 0;
    margin-bottom: var(--vspace-1_5);
    font-size: 1.1rem;
    line-height: 1;
}

    .s-header__nav-list li {
        padding-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.025);
    }

        .s-header__nav-list li:last-child {
            border-bottom: 1px solid rgba(255, 255, 255, 0.025);
        }

        .s-header__nav-list li a {
            display: block;
            padding: var(--vspace-0_5) 0;
            text-decoration: none;
        }

header__nav a:hover {
    color: var(--contentHoverTextColor);
    cursor: pointer;
}

.s-header__nav a, .s-header__nav .text-highlight {
    color: var(--contentColor);
}

    .s-header__nav a:hover {
        color: var(--contentHoverTextColor);
        cursor: pointer;
    }

.s-header__nav-close-btn span::before, .s-header__nav-close-btn span::after {
    content: "";
    display: block;
    height: 2px;
    width: 12px;
    background-color: white;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    left: 9px;
}

.s-header__social {
    list-style: none;
    display: flex;
    margin: 0;
}

    .s-header__social li {
        padding-left: 0;
        line-height: 1;
    }

        .s-header__social li:last-child {
            margin-right: 0;
        }

    .s-header__social i {
        height: 2.4rem;
        width: 2.4rem;
    }

    .s-header__social i {
        color: var(--contentColor);
        transition: all 0.3s ease-in-out;
    }

    .s-header__social a:focus i,
    .s-header__social a:hover i {
        color: var(--contentHoverTextColor);
        cursor: pointer;
    }
/* eight navigation */

/* Intro Social */

.s-intro__social {
    margin: 0;
    padding: 0;
}

    .s-intro__social li {
        padding-left: 0;
        line-height: 1;
        margin: 1rem;
        list-style: none;
    }

        .s-intro__social li a {
            text-decoration: none;
        }

            .s-intro__social li a:hover {
                cursor: pointer;
            }

    .s-intro__social i {
        font-size: var(--s-intro-fontSize);
        color: var(--s-intro-color);
        transition: all 0.3s ease;
    }

    .s-intro__social > li > a:hover > i {
        transform: scale(1.55, 1.55);
        color: var(--s-intro-hoverColor);
    }

/* Intro Social */

/* SectionScroll */
.s-intro__scroll {
    white-space: nowrap;
    z-index: 2;
    transform: rotate(90deg);
    transform-origin: right bottom;
}

    .s-intro__scroll a {
        display: flex;
        align-items: center;
    }

    .s-intro__scroll span {
        font-weight: 400;
        font-size: calc(var(--text-size) * 0.6667);
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: .3em;
        color: var(--s-intro-color);
        margin-right: 0.6rem;
    }

    .s-intro__scroll i {
        color: var(--s-intro-color);
    }

    .s-intro__scroll a:hover span, .s-intro__scroll a:hover i {
        color: var(--s-intro-hoverColor);
        cursor: pointer;
    }
/* SectionScroll */

/* OpinionSlider */
.opinion-slider-nav {
    height: 0.7em;
    width: 0.5em;
    border-radius: 50%;
    border-style: none;
    background: #00000038;
    transition: all 0.2s ease;
}

    .opinion-slider-nav.active {
        background: #000000;
    }


@media (max-width: 768px) {

    .opinion-slider-item {
        margin: 0;
        padding: 0;
    }
}

/* OpinionSlider */

/* NinthNavigation */

.ninth-nav-container {
    background-color: var(--bgColor);
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .ninth-nav-container {
        padding: 0.3rem 0.3rem 0.3rem 0.3rem;
    }
}

.ninthNavigation {
    height: var(--height);
    max-height: var(--max-height);
    min-height: var(--min-height);
}

#ninthNavbarContent.navbar-collapse {
    margin-left: 0;
    letter-spacing: 1px;
}

.ninth-upperContent {
    height: -webkit-fill-available;
}

.ninth-container {
}

.ninth-logo {
    display: block;
    max-height: 75px;
    width: auto
}

.ninth-nav-ul {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ninth-nav-li {
    width: auto;
    padding: 0;
}

    .ninth-nav-li:not(:last-child) > a {
        border-right: 1px solid #80808073;
    }

.ninth-nav-logo {
    width: auto;
    height: 30px;
}

.ninth-nav-li > a {
    font-size: 0.9rem;
    color: var(--textColor);
    font-weight: 500;
}

    .ninth-nav-li > a:hover {
        color: var(--hover-textColor);
        cursor: pointer;
    }

.ninth-dropdown-li > a {
    font-size: 0.9rem;
    font-weight: 500;
    white-space: nowrap;
    color: var(--textColor) !important;
    line-height: 20px;
}

    .ninth-dropdown-li > a:hover {
        color: var(--hover-textColor) !important;
        cursor: pointer;
    }

.ninth-nav-items {
    transition-property: transform;
    transition: all 0.3s ease;
}

.outline-btn {
    border: 2px solid !important;
}

    .outline-btn:hover {
        opacity: 0.7 !important;
    }

.ninth-button {
    font-size: 1.2rem;
    background-color: var(--buttonsBg);
    border-radius: 2px;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: all 0.3s;
    color: var(--buttonsTextColor) !important;
}

    .ninth-button.navbar-toggler {
        margin: 0.8rem
    }

        .ninth-button.navbar-toggler > i {
            font-size: 1.2rem;
        }

    .ninth-button:hover {
        color: var(--hover-buttonsTextColor) !important;
        background-color: var(--hover-buttonsBg);
    }

.navbar-toggler-mobile {
    display: none;
}

.ninth-dropdown-ul {
    display: none;
}

    .ninth-dropdown-ul.show {
        padding-top: 25px;
        padding-bottom: 25px;
        overflow: hidden;
    }

.ninth-extended-ul {
    list-style: none;
    margin: 0;
    padding: 0em 1em;
}

.ninth-dropdown:hover + .ninth-dropdown-ul {
    display: flex;
}

.ninth-extended-li > a {
    color: var(--textColor) !important;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: normal;
    white-space: nowrap;
}

    .ninth-extended-li > a:hover {
        opacity: 0.5;
        transition: all 0.3s ease;
    }

.ninth-search-modal {
    z-index: 1111;
}

    .ninth-search-modal .modal-content {
        min-width: 30vw;
    }

.ninth-modal-hr {
    background-color: black;
    opacity: 1;
}

.ninth-modal-active {
    font-weight: 800;
}

.ninth-nav-list-excerpt {
    font-size: 0.875em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.search-spinner {
    color: #000000;
}

.bnm-search-input-div {
    display: flex;
    align-items: center;
    position: relative;
}

.ninth-modal-search {
    width: 100%;
    padding: 0 1rem;
    padding-left: 2.5rem;
    border: 2px solid transparent;
    border-radius: 8px;
    outline: none;
    background-color: #f3f3f4;
    color: #0d0c22;
    transition: .3s ease;
}

    .ninth-modal-search::placeholder {
        color: #9e9ea7;
    }

    .ninth-modal-search:focus, ninth-modal-search:hover {
        background-color: #fff;
    }

.bnm-search-btn {
    position: absolute;
    left: 1rem;
    fill: #07294e;
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ninth-nav-li:hover > .ninth-dropdown-ul {
    display: block !important;
}

@media (min-width: 1400px) {

    .ninth-dropdown-div {
        display: flex;
        width: 100vw;
        justify-content: center;
    }

    .ninth-dropdown-ul {
        display: none;
        list-style: none;
        inset: auto 1px auto -1px !important;
        background-color: var(--bgColor);
        min-width: 102vw;
    }

    .ninth-nav-li:hover > .ninth-dropdown-ul {
        display: block !important;
        margin-top: 20px !important;
        transform: none !important;
        padding-top: 25px;
        padding-bottom: 25px;
        overflow: hidden;
    }

    .ninth-nav-li {
        position: unset;
        padding: 1.5rem 0 1.5rem 0;
    }
}

@media (max-width: 1399px) {

    .ninth-nav-li > a {
        font-size: 1.1rem;
    }

    .ninth-dropdown-ul.show > .ninth-dropdown-div {
        display: flex;
        flex-direction: column;
        list-style: none;
    }

    .ninth-dropdown-ul.show {
        display: flex;
        list-style: none;
        transform: translate3d(-33px, 20px, 0px) !important;
        background-color: var(--mobile-extended-bg);
    }

    .ninth-dropdown-li > a, .ninth-extended-li > a {
        color: var(--mobile-extended-text) !important;
    }

    .ninth-nav-items {
        background-color: var(--mobile-Bg);
        height: 100%;
        overflow-y: auto;
        transition: all 0.3s ease;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 2;
        padding: 2rem;
        min-width: 50vw;
    }

    .navbar-toggler-mobile {
        display: block;
    }

    .ninth-nav-ul {
        margin-top: 1rem;
        display: block;
        list-style: none;
        line-height: 1;
    }

    .ninth-nav-li > a {
        color: var(--mobile-textColor);
    }

        .ninth-nav-li > a:hover {
            color: var(--mobile-hover-textColor);
        }

    .ninth-nav-ul .ninth-nav-li:last-child {
        border-bottom: 1px solid var(--mobile-buttons-bg);
    }

    .ninth-nav-li {
        padding: 1rem 0;
        position: unset;
    }

        .ninth-nav-li:not(:last-child) > a {
            border: none;
        }

    .ninth-button, .ninth-button > i {
        background-color: var(--mobile-buttons-bg);
        color: var( --mobile-buttons-textColor);
    }

    .ninth-buttons {
        margin: 2rem 0;
    }

    .ninth-dropdown-ul {
        background-color: var(--mobile-buttons-bg);
        color: var( --mobile-buttons-textColor);
        left: 0;
        min-width: 100%;
    }

    .ninth-dropdown-div {
        display: contents;
    }

    .ninth-dropdown-li {
        padding-bottom: 0.5rem;
    }
}

@media (max-width: 768px) {
    .ninth-nav-items {
        min-width: 100vw;
    }

    .ninth-extended-li > a {
        font-size: 13px;
        white-space: break-spaces;
    }

    .ninth-extended-li {
        padding: 0.4em 0;
    }

    .ninthNavigation {
        height: auto;
    }
}

/* NinthNavigation */
/* bnm-news */
.bnm-news-parent {
    display: grid;
    height: var(--height);
    min-height: var(--min-height);
    max-height: var(--max-height);
}

.bnm-news {
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    transition: background-image 0.5s ease-in-out;
}

    .bnm-news:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.bnm-news-parent .bnm-news-content {
    background: linear-gradient(to top, var(--gradientColor), rgba(255, 255, 255, 0));
}

.bnm-news-content {
    height: 60%;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.bnm-news > a {
    width: 100%;
    height: 100%;
    display: block;
}

.bnm-news-text {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.bnm-news-parent .bnm-news-icon {
    color: var(--iconsColor);
    background-color: var(--iconsBg);
}

.bnm-news-icon {
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 38px;
}

.bnm-news-0 .bnm-news-text {
    padding-left: 50px;
    padding-right: 67px;
    padding-bottom: 50px;
}


.bnm-news-parent .bnm-news-title, .bnm-news-parent .bnm-news-date {
    color: var(--textcolor);
}

.bnm-news-0 .bnm-news-date {
    font-size: 16px;
    line-height: 36px;
    font-weight: 300;
}

.bnm-news-0 .bnm-news-title {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
}

.bnm-news-1 .bnm-news-text {
    padding-bottom: 50px;
    padding-left: 17px;
    padding-right: 57px;
}

.bnm-news-1 .bnm-news-date {
    font-size: 14px;
    line-height: 28px;
    font-weight: 300;
    color: #FFFFFF;
}

.bnm-news-1 .bnm-news-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

.bnm-news-2 .bnm-news-text, .bnm-news-3 .bnm-news-text {
    padding-bottom: 50px;
    padding-left: 17px;
    padding-right: 57px;
}

.bnm-news-2 .bnm-news-date {
    font-size: 12px;
    line-height: 24px;
    font-weight: 300;
    color: #FFFFFF;
}

.bnm-news-2 .bnm-news-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.bnm-news-3 .bnm-news-date {
    font-size: 12px;
    line-height: 24px;
    font-weight: 300;
    color: #FFFFFF;
}

.bnm-news-3 .bnm-news-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.bnm-news-0 {
    grid-area: 1 / 1 / 3 / 3;
}

.bnm-news-1 {
    grid-area: 1 / 3 / 2 / 5;
}

.bnm-news-2 {
    grid-area: 2 / 3 / 3 / 4;
}

.bnm-news-3 {
    grid-area: 2 / 4 / 3 / 5;
}

@media (max-width: 1020px) {

    .bnm-news-parent {
        height: auto;
    }

    .bnm-news-0 {
        grid-area: 1 / 1 / 2 / 3;
    }

    .bnm-news-1 {
        grid-area: 2 / 1 / 3 / 3;
    }

    .bnm-news-2 {
        grid-area: 3 / 1 / 4 / 2;
    }

    .bnm-news-3 {
        grid-area: 3 / 2 / 4 / 3;
    }

    .bnm-news-1 .bnm-news-text {
        padding-left: 50px;
        padding-right: 67px;
        padding-bottom: 50px;
    }

    .bnm-news-2 .bnm-news-text, .bnm-news-3 .bnm-news-text {
        padding-bottom: 30px;
        padding-left: 17px;
        padding-right: 57px;
    }

    .bnm-news-0 .bnm-news-date {
        font-size: 14px;
        line-height: 28px;
    }

    .bnm-news-0 .bnm-news-title {
        font-size: 20px;
        line-height: 30px;
    }

    .bnm-news {
        height: 45vh;
    }

    .bnm-news-0 .bnm-news-text, .bnm-news-1 .bnm-news-text {
        padding-left: 17px;
        padding-right: 57px;
        padding-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .bnm-news {
        height: 80vh;
    }
}

@media (max-width: 640px) {

    .bnm-news {
        height: 60vh;
    }

    .bnm-news-0 {
        grid-area: 1 / 1 / 2 / 3;
    }

    .bnm-news-1 {
        grid-area: 2 / 1 / 3 / 3;
    }

    .bnm-news-2 {
        grid-area: 3 / 1 / 4 / 3;
    }

    .bnm-news-3 {
        grid-area: 4 / 1 / 5 / 3;
    }

        .bnm-news-0 .bnm-news-text, .bnm-news-1 .bnm-news-text, .bnm-news-2 .bnm-news-text, .bnm-news-3 .bnm-news-text {
            padding-left: 17px;
            padding-right: 57px;
            padding-bottom: 30px;
        }

        .bnm-news-0 .bnm-news-date, .bnm-news-1 .bnm-news-date, .bnm-news-2 .bnm-news-date, .bnm-news-3 .bnm-news-date {
            font-size: 14px;
            line-height: 28px;
        }

        .bnm-news-0 .bnm-news-title, .bnm-news-1 .bnm-news-title, .bnm-news-2 .bnm-news-title, .bnm-news-3 .bnm-news-title {
            font-size: 15px;
            line-height: 20px;
        }

    .bnm-news-text {
        padding-left: 17px !important;
        padding-right: 57px !important;
        padding-bottom: 30px !important;
    }
}

.bnm-post img {
    max-width: 100%;
    height: auto;
}

/* bnm-news */
/* bnm-news-list */
.bnm-news-list-post {
    padding: 1.5rem 1rem;
    transition: all .3s;
}

.bnm-notify-list-post {
    padding: 1.5rem 1rem;
    transition: all .3s;
}

    .bnm-notify-list-post:hover {
        cursor: pointer;
        transform: scale(0.8);
    }

.bnm-news-list-img-container:hover > .bnm-news-list-img,
.bnm-news-list-img-container:focus > .bnm-news-list-img {
    transform: scale(1.2);
}

.bnm-news-list .title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    color: var(--titleColor);
    padding: 1rem;
}

.bnm-news-list-end {
    content: "";
    position: absolute;
    width: 70px;
    height: 5px;
    background-color: var(--titleColor);
    margin-top: 30px;
    margin-left: 30px;
}

.bnm-news-list-img-container {
    width: 100%;
    display: block;
    height: 250px;
    position: relative;
    overflow: hidden;
}

.bnm-news-list-img {
    width: 100%;
    height: 100%;
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .4s;
}

.bnm-notify-list-img {
    width: 100%;
    height: 100%;
    background-image: var(--bg-img);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .4s;
}

.bnm-news-list-icon {
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: var(--iconsBgColor);
    text-align: center;
    color: var(--iconsColor);
    font-size: 30px;
}

.bnm-news-list-link {
    width: 100%;
    height: 100%;
    display: block;
}

.bnm-news-list-date {
    font-size: 14px;
    line-height: 18px;
    vertical-align: inherit;
    color: var(--textColor);
    opacity: 0.8;
    text-decoration: none;
}

.bnm-news-list-title {
    font-size: 18px;
    vertical-align: inherit;
    font-weight: 600;
    line-height: 20px;
    color: var(--textColor);
}
/* bnm-news-list */

/* TsliderGalleryPhoto */
.tslider-photo-desc {
    position: absolute;
    bottom: 0;
    color: white;
    text-align: left;
    padding: 1rem;
}

.bnm-tslider-list-date {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-align: left;
    margin-bottom: 1rem;
}

.bnm-tslider-list-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
}

.photos-carousel-img, .photos-carousel-icon {
    border-radius: 10px;
}

.photos-carousel-cirle {
    width: 60px;
    height: 60px;
    background-color: #1468bf73;
    border-radius: 50%;
    border: 2px solid #fefefe;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-carousel-control-prev-icon,
.gallery-carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
}

.gallery-carousel-control-prev,
.gallery-carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 0;
    color: #ffffff;
    text-align: center;
    background: none;
    border: 0;
    font-size: 2rem;
}

.gallery-carousel-control-prev {
    left: 0;
}

.gallery-carousel-control-next {
    right: 0;
}

    .gallery-carousel-control-prev:hover,
    .gallery-carousel-control-next:hover {
        opacity: 0.5;
        transition: opacity 0.15s ease;
    }


.photos-slider-card.card:hover {
    transform: scale(0.95) !important;
}

/* TsliderGalleryPhoto */
/* TGalleryPhoto */

.bnm-gallery-title, .bnm-gallery-title > .bnm-news-list-end {
    color: var(--titleColor);
}

.bnm-gallery-title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 800;
    padding: 1rem;
}

.tgallery-photo-desc {
    position: absolute;
    bottom: 0;
    color: var(--textColor);
    text-align: left;
    padding: 1rem;
    transition: all 0.5s;
}
/* TGalleryPhoto */
/* TsliderGalleryVideo */
.gallery-carousel-control-prev-icon,
.gallery-carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    color: var(--controlsColor);
}

.movie-carousel-control-prev,
.movie-carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #ffffff;
    text-align: center;
    background: none;
    border: 0;
    font-size: 2rem;
}

.movie-carousel-control-prev {
    left: 0;
}

.movie-carousel-control-next {
    right: 0;
}

    .movie-carousel-control-prev:hover,
    .movie-carousel-control-next:hover {
        opacity: 0.5;
        transition: opacity 0.15s ease;
    }

.bnm-wideo-gallery-img {
    transition: all .3s;
    height: 250px;
}

.bnm-wideo-gallery-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #0d5597;
    text-align: center;
    color: #FFFFFF;
    font-size: 22px;
}
/* TsliderGalleryVideo */

/* TsliderProducts */
.bnm-products-button {
    bottom: 0;
    background-color: #0d5597;
    color: #FFFFFF;
}

.product-price-desc p {
    font-size: 18px;
    vertical-align: inherit;
    font-weight: 600;
    line-height: 20px;
}

.bnm-products-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    height: 100%;
}

.slider-products .slider-products-control {
    color: var(--controlsColor);
}

.slider-products .bnm-slider-title {
    color: var(--titleColor);
}

/* TsliderProducts */
/* CartWithLinkToContent */
/* CartsListWithLinkToContent */
.bnm-cart {
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    transition: all .3s;
}

    .bnm-cart:hover {
        opacity: 0.9;
        cursor: pointer;
    }

.bnm-cart-content {
    height: 60%;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.bnm-carts-content-links .bnm-cart-content, .photos-slider-card .bnm-cart-content, .bnm-video-gallery-slider .bnm-cart-content {
    background: linear-gradient(to top, var(--gradientColor), rgba(255, 255, 255, 0));
}

.bnm-cart > a {
    width: 100%;
    height: 100%;
    display: block;
}

.bnm-cart-text {
    position: absolute;
    bottom: 0;
    width: 76%;
}

.bnm-carts-content-links .bnm-cart-title, .bnm-video-gallery-slider .bnm-cart-title {
    color: var(--textColor);
}

.bnm-carts-content-links .bnm-cart-date, .bnm-video-gallery-slider .bnm-cart-date {
    color: var(--textColor);
    opacity: 0.8;
}

.bnm-cart-title {
    font-size: 16px;
}

.bnm-cart-date {
    font-size: 14px;
}

.bnm-carts-content-links .bnm-cart-icon, .bnm-video-gallery-slider .bnm-cart-icon {
    color: var(--iconsColor);
    background-color: var(--iconsBgColor);
}

.bnm-cart-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 25px;
}
/* CartsListWithLinkToContent */
/* CartWithLinkToContent */

.bnm-slider-title {
    color: var(--titleColor);
}

.photos-carousel-icon > .bnm-slider-icon {
    color: var(--iconsColor);
}

.copyright-text, .copyright-text > a {
    font-size: var(--font-size);
    color: var(--font-color);
    text-align: center;
}


/*BNM_TAB_SECTION*/
.bnm-score-clubs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bnm-last-score {
    font-size: 48px;
    font-weight: 800;
    height: 60px;
    line-height: 60px;
    width: 260px;
    margin: 0.4rem;
    padding: 0;
    letter-spacing: 10px;
}

.last-score-logo {
    max-height: 140px;
    max-width: 140px;
    display: block;
    vertical-align: middle;
}

.bnm-tabs-button {
    font-weight: 500;
    font-size: 18px;
    min-width: 170px;
    border: 2px solid var(--fontColor);
    text-align: center;
    line-height: 32px;
    color: var(--fontColor);
    background: none;
}

    .bnm-tabs-button:hover, .last-score-logo:hover {
        opacity: 1.8;
        transform: scale(1.2);
        transition: all .3s;
        cursor: pointer;
    }

.bnm-last-vs {
    font-size: 35px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    width: auto;
    padding: 0;
    color: var(--fontColor);
}

.bnm-last-score-container {
    color: var(--fontColor);
    background-color: var(--scoreBgColor);
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .bnm-match-desc {
        text-align: center;
    }
}
/*BNM_TAB_SECTION*/

/*bnm-forum-list-post*/
.bnm-forum-list-avatar > img {
    max-width: 95%;
    height: auto;
}

.bnm-forum-list {
    margin: 1rem;
}

.bnm-forum-list-post {
    background-color: var(--bgColor);
    padding: 1.2rem 0.5rem;
    margin: 1rem;
    border-radius: 1rem;
    min-height: 230px;
}

.bnm-forum-list .title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 800;
    color: var(--titleColor);
    padding: 1rem;
}

.posts-list-bottom {
    width: 100%;
    padding: 1rem 1rem 0rem 1rem;
}

.posts-list-content {
    justify-content: space-between;
}

.bnm-news-list-desc {
    color: var(--textColor);
}

.bnm-forum-list-title {
    font-size: 1.1rem;
    vertical-align: inherit;
    font-weight: 600;
    line-height: 20px;
    color: var(--textColor);
}

.bnm-event-picture {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .bnm-event-picture > img {
        border-radius: 12px;
    }

.events-container {
    color: var(--textColor);
    transition: transform 0.6s ease-in-out;
}

    .events-container .events-title {
        color: var(--textColor);
    }

.event-title {
    color: var(--textColor);
    font-size: 26px;
    text-align: center;
}

.bnm-profile-image {
    width: 40px;
    height: 40px;
}
/*bnm-forum-list-post*/

/*user-welcome*/
.user-welcome {
    color: var(--text-color);
    font-size: var(--text-size);
    text-align: var(--text-align);
}
/*user-welcome*/

/*emoji-reactions*/
.like-button {
    padding: 5px;
    background-color: #F0F3F5;
    border: 1px solid #F0EFF1;
    border-radius: 25px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
}

    .like-button:hover {
        background-color: #DADAE8;
    }

.emoji-buttons {
    display: none;
    flex-direction: row;
    gap: 5px;
    padding: 5px;
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    z-index: 999;
}

.emoji-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    transition: transform 0.2s;
}

    .emoji-btn:hover {
        transform: scale(1.2);
    }

.emoji-item {
    padding: 5px;
    background: white;
    border: 1px solid #F0EFF1;
    border-radius: 25px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
}

    .emoji-item:hover {
        cursor: default;
    }

.emoji-list {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.emoji-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.overlayTransparent {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
}
/*emoji-reactions*/

/*register-form*/
.register-form-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.register-form-btn {
    border-radius: .3rem;
}

.register-form-option option {
    margin: 0.3rem;
    font-weight: 400;
}

.register-form-option {
    border-radius: 5px;
    background-color: #F8F9FC;
    border: none;
}

/*register-form*/
.adv-card-container {
    background-image: var(--bg-image);
    background-size: 100%;
    background-repeat: round;
    max-width: var(--max-width);
}

    .adv-card-container:hover {
        background-image: var(--bg-hover);
    }

.adv-card {
    background-color: var(--card-bg) !important;
    box-shadow: var(--card-box-shadow) !important;
}

.adv-card-header {
    background-color: var(--title-bg);
    color: var(--title-color);
}

.adv-card-description {
    background-color: var(--description-bg);
    color: var(--title-color);
}


@media only screen and (max-width: 768px) {
    .issec-main-header {
        font-size: 36px !important;
    }

    .umb-block-grid-demo-rich-text-block-container {
        padding: var(--padding-mobile) !important;
        margin: var(--margin-mobile) !important;
        display: var(--display-mobile);
    }

    .adv-card-container {
        margin-top: 1rem !important;
    }

    .tags-container {
        padding: var(--padding-mobile) !important;
        margin: var(--margin-mobile) !important;
    }

    .issec-second-header {
        font-size: 28px !important;
    }

    .issec-third-header {
        font-size: 18px !important;
    }

    .issec-card-header {
        font-size: 24px !important;
    }

    .umb-block-grid-demo-image-block-container {
        padding: var(--padding-mobile) !important;
        margin: var(--margin-mobile) !important;
    }
}

.gtx-1 {
    --bs-gutter-x: 1.5rem
}


@media (max-width: 768px) {
    #ntf-area.active {
        width: -webkit-fill-available;
    }
}


/*Modu rodowiskowy*/
.weather-card {
    border: none;
    border-radius: 13px;
    text-align: left;
    background-image: var(--bg-img);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1em;
    -webkit-box-shadow: 0px 6px 12px 0px rgba(165, 162, 162, 0.38);
    -moz-box-shadow: 0px 6px 12px 0px rgba(165, 162, 162, 0.38);
    box-shadow: 0px 6px 12px 0px rgba(165, 162, 162, 0.38);
}

    .weather-card p {
        font-weight: 600;
        font-size: 26px;
    }

    .weather-card .location {
        font-weight: 500;
        font-size: 30px;
    }

.temperature {
    font-weight: 600;
    font-size: 26px;
}

.weather-card .pm10, .weather-card .pm25 {
    font-weight: 600;
    font-size: 20px;
}

.pm10, .pm25 {
    font-weight: 500;
    font-size: 22px;
}

.weather-icon {
    background-image: var(--bg-img-weather-icon);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 130px;
}

.weather-details {
    margin-top: 10px;
}

.more-link {
    color: blue;
    text-decoration: none;
}
/*Modu rodowiskowy*/

/*Nawigacja e-platforma*/
.e-platform-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-color);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(17, 82, 165, 0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(17, 82, 165, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(17, 82, 165, 0.1);
}

.e-platform-1-left {
    padding: 20px;
}

.e-platform-1 img {
    height: 50px;
}

.e-platform-1 .search {
    display: inline-block;
    position: relative;
    min-width: 400px;
    margin-right: 1em;
}

@media (max-width: 900px) {
    .e-platform-1 .search {
        min-width: 250px;
    }

    .e-platform-1 img {
        height: 40px;
        margin-left: 10px;
    }
}

.e-platform-1 .search input[type="text"] {
    width: 100%;
    padding: 10px 50px 10px 15px;
    border: none;
    border-radius: 25px;
    box-shadow: inset 1px 2px 5px #21252945;
    background-color: var(--search-color);
}

.e-platform-1 .search input::placeholder {
    text-align: start;
    padding: .5em;
    opacity: 0.5;
}

.e-platform-1 .search input:focus {
    box-shadow: inset 0 0 5px var(--font-color) !important;
    outline: none !important;
    border: 0 !important;
}

.e-platform-1 .search button .search__icon {
    font-size: 1.5em;
}

.e-platform-1 .search button[type="submit"],
.e-platform-1 .search button[type="button"] {
    border: none;
    color: var(--font-color);
    cursor: pointer;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    right: 0;
    transition: .9s ease;
    background: none;
}

    .e-platform-1 .search button[type="submit"]:hover,
    .e-platform-1 .search button[type="button"]:hover {
        transform: scale(1.1);
        color: #212529;
    }

.e-platform-1 .globe {
    font-size: 1.5rem;
    color: var(--font-color);
}

.e-platform-1 .user-section {
    border-left: 1px solid rgba(17, 82, 165, 0.1);
}

.e-patform-dropdown-list {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 100px;
}

#ePlatform-navbar {
    justify-content: end;
    align-items: center;
    padding-right: 20px;
}

@media (max-width: 767.98px) {
    #ePlatform-navbar {
        height: 400px;
        justify-content: start;
        align-items: center;
        width: 100%;
        position: fixed;
        bottom: 0;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        visibility: hidden;
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out;
        background: #FFF;
        -webkit-box-shadow: 0px 0px 4px 0px var(--accent-color);
        -moz-box-shadow: 0px 0px 4px 0px var(--accent-color);
        box-shadow: 0px 0px 4px 0px var(--accent-color);
    }

        #ePlatform-navbar.show {
            visibility: visible;
            z-index: 10;
        }

    .e-platform-1 .user-section {
        border: none;
    }

    .e-platform-1 .search {
        min-width: 300px;
        margin: 2em 0;
    }

    .e-patform-dropdown {
        transform: scale(1.3);
    }

    .e-platform-1 .globe {
        font-size: 2em;
    }
}

.e-platform-1 .e-patform-dropdown {
    display: none;
    background-color: var(--bg-color);
}

.e-patform-to-dropdown {
    cursor: pointer;
    padding: 1em;
    height: 99%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .e-patform-to-dropdown:hover .e-patform-dropdown {
        padding: 0;
        min-height: 70px;
        list-style: none;
        display: flex;
        position: absolute;
        margin-top: 99%;
        z-index: 1;
        width: 100%;
        left: 0;
    }

.e-patform-dropdown {
    border-bottom-left-radius: 15px;
    font-size: 16px;
    font-weight: 500;
}

.e-patform-dropdown {
    display: none;
}


.e-patform-dropdown-bar {
    border-radius: 10px;
    margin: 30px 10px 10px 10px !important;
}

    .e-patform-dropdown-bar > li:hover {
        transform: scale(1.05);
        transition: transform 1.3s ease;
    }

.e-platform-div {
    padding: 25px 20px 25px 20px;
    background: transparent;
}

.e-platform-card {
    background-image: var(--bg-image), var(--bg-card-gradient-image, none);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--bg-color, #ff5f09);
    color: var(--font-color, #fff);
    border-radius: var(--e-card-border-radius, 13px);
    box-shadow: 0px 4px 10px 0px var(--bg-color, #ff5f09);
    height: 100%;
    min-height: 140px;
    cursor: pointer;
    border: none;
}

/*#euslugi-container-home .e-platform-card-text {
    background-image: var(--bg-card-gradient-image, none);
}*/
.eplatform-card-one {
    background-image: var(--bg-card-gradient-image, none);
}

    .eplatform-card-one:hover {
        background-image: var(--bg-card-gradient-image-hover, none) !important;
    }


.e-platform-card:hover {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-image: var(--bg-image), var(--bg-card-gradient-image-hover, none);
    background-color: var(--bg-color-hover, var(--bg-color)) !important;
    color: var(--font-color-hover, #fff);
}

    .e-platform-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--bg-card-gradient, transparent);
        border-radius: inherit;
        z-index: 0;
    }

/*.e-platform-card {
    position: relative;
    background-image: var(--bg-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: var(--font-color, #fff);
    border-radius: var(--e-card-border-radius, 13px);
    overflow: hidden;
}*/

    .e-platform-card > * {
        position: relative;
        z-index: 1;
    }

.e-platform-card-icon {
    float: right;
    width: 50px;
    height: auto;
    margin: 1em 1em 1em 1em;
}

.e-platform-card-svg {
    float: right;
}

    .e-platform-card-svg svg {
        fill: var(--font-color);
        width: 40px;
        height: auto;
        stroke: var(--font-color);
        stroke-width: 0;
    }

        .e-platform-card-svg svg > path, .e-platform-card-svg svg > g > path {
            fill: var(--font-color);
        }

        .e-platform-card-svg svg > g {
            opacity: 1;
        }

.e-platform-card-body {
    padding-top: 25px;
    padding-left: 30px;
    color: var(--font-color);
}

.e-platform-count {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem;
}

    .e-platform-count > p {
        margin: 0;
        font-size: smaller;
        color: var(--font-color);
    }


.e-platform-title {
    font-size: 24px;
    color: var(--font-color, "#ffffff");
}

.e-platform-description {
    font-size: 16px;
    color: var(--font-color-desc, "#ffffff");
}

.e-platform-title, .e-platform-description {
    margin: 0;
    letter-spacing: .05em;
    width: 70%;
}

.e-platform-card:hover .e-platform-title {
    color: var(--font-color-hover, "#ffffff");
}

.e-platform-card:hover .e-platform-description {
    color: var(--font-color-hover-desc, "#ffffff");
}

.card-style-1 .e-platform-title, .card-style-1 .e-platform-description {
    width: 100%;
}

    .e-platform-card-picture {
        position: absolute;
        right: 25px;
    
    }
.eplatform-card__icon-top {
    top: 25px;
}
.eplatform-card__icon-bottom {
    bottom: 25px;
}

.e-platform-card-text-eplatform {
    background-image: var(--bg-image), var(--bg-card-gradient-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



.e-platform-card-text {
    /*    margin: .3em 0 2.2em .7em;*/
    margin-bottom: 2.5em;
    width: 100%;
}

.crumbs-of-bread {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5em 2em .5em 2em;
}

    .crumbs-of-bread *, .crumbs-of-bread > a {
        font-size: 16px;
        font-weight: 800;
        color: var(--font-color);
    }

.return-icon > svg {
    width: 15px;
    height: 16px;
}

.globe > svg {
    width: auto;
    height: 18px;
}

.logout-icon > svg {
    width: auto;
    height: 25px;
}

.accent-icon > svg > path {
    fill: var(--accent-color);
}

.e-platform-1 .navbar-toggler {
    color: var(--font-color);
}

.small-text {
    font-size: 0.675em;
}

.card-measurement {
    border-radius: 13px;
    background: var(--bg-second-color);
    color: var(--font-second-color);
    background-size: cover;
    background-image: var(--bg-imagePic);
}

.container-landslide-map {
    border-radius: 13px;
    background: var(--bg-color);
    color: var(--font-color);
    background-size: cover;
    background-image: var(--bg-image);
    -webkit-box-shadow: 0px 4px 10px 0px var(--bg-color);
    -moz-box-shadow: 0px 4px 10px 0px var(--bg-color);
    box-shadow: 0px 4px 10px 0px var(--bg-color);
}

/*Nawigacja e-platforma*/

/*Eleven navigation*/
.ePlatform-navbar {
    background-color: var(--background-color) !important;
    color: var(--font-color) !important;
    padding-top: 1em;
    padding-bottom: 1em;
}

    .ePlatform-navbar .nav-link {
        padding: 0 20px 0 20px;
        font-size: 16px;
    }

        .ePlatform-navbar .nav-link:hover {
            cursor: pointer;
        }

    .ePlatform-navbar .input-box {
        position: relative;
        border-radius: 25%;
    }

        .ePlatform-navbar .input-box i {
            position: absolute;
            right: 13px;
            top: 15px;
            color: var(--background-color) !important;
        }

    .ePlatform-navbar .search {
        position: relative;
        min-width: 250px;
        margin: 0 20px 0 20px;
    }

@media (max-width: 900px) {
    .ePlatform-navbar .search {
        min-width: 150px;
    }
}

.ePlatform-navbar .search input[type="text"] {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 25px;
    box-shadow: inset 1px 2px 5px #21252945;
    background-color: var(--font-color) !important;
    height: 35px;
}

.ePlatform-navbar .search input::placeholder {
    text-align: start;
    padding: .5em;
    opacity: 0.5;
    color: var(--background-color);
    font-size: .8em;
}

.ePlatform-navbar .search input:focus {
    box-shadow: inset 0 0 5px var(--font-color) !important;
    outline: none !important;
    border: 0 !important;
}

.ePlatform-navbar .search button .search__icon {
    font-size: 1em;
}

.ePlatform-navbar .search button[type="submit"] {
    border: none;
    color: var(--background-color);
    cursor: pointer;
    padding: 7px 14px;
    position: absolute;
    top: 0;
    right: 0;
    transition: .9s ease;
    background: none;
}

    .ePlatform-navbar .search button[type="submit"]:hover {
        transform: scale(1.1);
    }

.ePlatform-navbar .navbar-nav {
    margin-right: 2em;
}

.ePlatform-navbar .dropdown-menu {
    background-color: var(--background-color) !important;
    color: var(--font-color) !important;
    border: none;
    padding-top: 1em;
    border-radius: .35em;
}

    .ePlatform-navbar .dropdown-menu .dropdown-item {
        padding: .7rem 1rem;
    }

        .ePlatform-navbar .dropdown-menu .dropdown-item:hover {
            background-color: var(--font-color) !important;
            color: var(--background-color) !important;
            opacity: 0.8;
        }

.e-platform-dot {
    color: var(--dot-color);
}
/*Eleven navigation*/
/*twoColumnsSplitLayout*/
.twoColumnsSplitLayout {
    color: var(--textColor);
}

    .twoColumnsSplitLayout .left-side,
    .twoRowsSplitLayout .left-side,
    .twoColumnsSplitLayoutFive .left-side {
        display: flex;
        flex-direction: column;
    }

        .twoRowsSplitLayout .left-side .thumb-div > img,
        .twoColumnsSplitLayoutFive .left-side .thumb-div > img {
            width: auto;
            height: auto;
            padding: 1em;
            max-height: 250px;
        }

        .twoColumnsSplitLayout .left-side .thumb-div {
            background-image: var(--bg-img);
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            height: 150px;
        }

        .twoColumnsSplitLayout .left-side:first-child,
        .twoRowsSplitLayout .left-side:first-child,
        .twoColumnsSplitLayoutFive .left-side:first-child {
            border-bottom: 2px solid #ebebeb;
        }

.twoColumnsSplitLayoutFive .category {
    color: #545E69;
    font-size: 16px;
    font-family: 'Inter';
    margin: 12px 0;
}

.twoColumnsSplitLayoutFive .title {
    color: var(--textColor);
    font-size: 18px;
}



.twoColumnsSplitLayout .right-side,
.twoRowsSplitLayout .right-side {
    height: 100%;
    border-left: 2px solid #ebebeb;
}

.twoColumnsSplitLayout .newest-title, .twoRowsSplitLayout .title {
    font-size: 24px;
    color: var(--textColor);
}

.twoRowsSplitLayout, .twoRowsSplitLayout .small-section .news-title {
    color: var(--textColor);
}

    .twoRowsSplitLayout .news-title {
        font-size: 18px;
    }

    .twoRowsSplitLayout .small-section .news-title {
        font-size: 14px !important;
        margin: 12px 0;
    }

    .twoRowsSplitLayout .date {
        color: #545E69;
        font-size: 12px;
        font-family: 'Inter';
        margin: 12px 0;
    }

    .twoRowsSplitLayout .small-section .date {
        font-family: 'Inter';
        font-size: 12px;
        color: #545E69;
        padding-bottom: 12px;
    }

    .twoRowsSplitLayout .small-section .thumbnail-div {
        background-image: var(--bg-img);
        background-size: 80%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .twoRowsSplitLayout .excerpt {
        margin-bottom: 14px;
        color: #545E69;
        font-size: 16px;
        font-family: 'Inter';
    }

    .twoRowsSplitLayout .more-btn {
        font-family: 'Inter';
        font-size: 14px;
        color: var(--titleColor);
    }

    .twoRowsSplitLayout .category {
        color: #545E69;
        font-size: 16px;
        font-family: 'Inter';
        margin-bottom: 12px;
    }

.twoColumnsSplitLayoutFive {
    color: var(--textColor);
}

    .twoColumnsSplitLayoutFive .title-section {
        font-size: 24px;
    }

    .twoColumnsSplitLayoutFive .date {
        color: #545E69;
        font-size: 12px;
        font-family: 'Inter';
        margin-top: 12px;
    }


    .twoColumnsSplitLayoutFive .small-category {
        color: #545E69;
        font-size: 14px;
        font-family: 'Inter';
        margin-bottom: 8px;
    }

    .twoColumnsSplitLayoutFive .small-title {
        font-size: 14px;
        margin: 12px 0;
        color: var(--textColor);
    }

    .twoColumnsSplitLayoutFive .small-date {
        font-family: 'Inter';
        font-size: 12px;
        color: #545E69;
    }

    .twoColumnsSplitLayoutFive .thumbnail-div {
        background-image: var(--bg-img);
        background-size: 80%;
        background-position: center center;
        background-repeat: no-repeat;
    }

.twoRowsSplitLayout .small-section .category {
    color: #545E69;
    font-size: 14px;
    font-family: 'Inter';
    margin-bottom: 8px;
}

.twoColumnsSplitLayout .news-title {
    font-size: 18px;
    margin: 12px 0;
    color: var(--textColor);
}

.twoColumnsSplitLayout .post-date {
    color: #545E69;
    font-size: 12px;
    font-family: 'Inter';
    padding-bottom: 1em;
}

.twoColumnsSplitLayout .category {
    color: #545E69;
    font-size: 14px;
    font-family: 'Inter';
    margin-top: 10px;
}

.twoColumnsSplitLayout .first-category-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.twoColumnsSplitLayout .first-category {
    color: #545E69;
    font-size: 16px;
    font-family: 'Inter';
    padding: 0;
    margin: 0;
}

.twoColumnsSplitLayout .left-side {
    margin: 10px 10px 30px 10px;
}

.twoColumnsSplitLayout .right-side {
    padding: 10px 10px 30px 10px;
}

    .twoColumnsSplitLayout .right-side > div {
        margin-bottom: 14px;
        color: #545E69;
        font-size: 16px;
        font-family: 'Inter'
    }

    .twoColumnsSplitLayout .right-side .date {
        margin-bottom: 14px;
        color: #545E69;
        font-size: 12px;
        font-family: 'Inter'
    }
/*twoColumnsSplitLayout*/
/*e-platform-btn*/

.e-platform-btn {
    background-image: var(--background-image);
    background-color: var(--background-color);
    background-position: var(--img-position);
    background-repeat: var(--img-repeat);
    background-size: var(--img-size);
    color: var(--font-color);
    width: 100%;
    padding: 24px 20px 24px 20px;
    margin: 10px 0px 0px 0px;
    transition: .2s ease-in-out;
    display: block;
    font-size: 16px;
    font-family: 'Manrope';
    font-weight: 600;
}

    .e-platform-btn:hover {
        background-color: var(--background-hover-color);
        color: var(--font-hover-color);
    }

    .e-platform-btn.collapsed > .e-platform-btn-chevron {
        transform: rotate(180deg);
        transition: transform 0.3s ease-out;
    }

    .e-platform-btn > .e-platform-btn-chevron {
        transition: transform 0.3s ease-out;
    }

/*e-platform-btn*/
/*eplatform-news-list*/
.eplatform-news-list .eplatform-news-list-post {
    border-right: 2px solid #ebebeb;
}

    .eplatform-news-list .eplatform-news-list-post:last-child {
        border: none;
    }

.eplatform-news-list-post {
    padding: 1.5rem 1rem;
    transition: all .3s;
}

.eplatform-notify-list-post {
    padding: 1.5rem 1rem;
    transition: all .3s;
}

.eplatform-news-list .title {
    font-size: 24px;
    line-height: 44px;
    font-weight: 700;
    color: var(--titleColor);
    padding: 0.5rem;
}

.eplatform-news-list-end {
    content: "";
    position: absolute;
    width: 70px;
    height: 5px;
    background-color: var(--titleColor);
    margin-top: 30px;
    margin-left: 30px;
}

.eplatform-news-list-img-container {
    width: 100%;
    display: block;
    height: 250px;
    position: relative;
    overflow: hidden;
}

.eplatform-news-list-img {
    width: 100%;
    height: 100%;
    background-image: var(--bg-img);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .4s;
}

.eplatform-news-list-link {
    width: 100%;
    height: 100%;
    display: block;
}

.eplatform-news-list-date {
    font-size: 12px;
    line-height: 18px;
    vertical-align: inherit;
    color: #545E69;
    text-decoration: none;
    margin-top: 12px;
}

.eplatform-news-list-title {
    font-size: 18px;
    vertical-align: inherit;
    color: var(--textColor);
    margin-top: 12px;
}

/*eplatform-news-list*/

/*eplatform-btn-root-href*/
.e-platform-btn-root-href {
    color: var(--font-color);
    width: 100%;
    font-size: 16px;
    font-family: 'Manrope';
    font-weight: 600;
}

    .e-platform-btn-root-href:hover {
        background-color: var(--background-hover-color);
        color: var(--font-hover-color);
    }

/*eplatform-btn-root-href*/

/*eplatform-carousel*/

.carousel-eplatform-prev,
.carousel-eplatform-next {
    color: var(--titleColor);
    border: 2px solid #ebebeb;
    border-radius: .3em;
    background: none;
}

.eplatform-carousel .title {
    font-size: 24px;
    line-height: 44px;
    font-weight: 700;
    color: var(--titleColor);
    padding: 0.5rem;
}

.eplatform-carousel .carousel-inner {
    padding: 1em 0em;
}

.eplatform-carousel .card {
    margin: 0 1em;
    border: none;
}

.eplatform-carousel .carousel-control-prev,
.eplatform-carousel .carousel-control-next {
    background-color: #e1e1e1;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 768px) {
    .eplatform-carousel .carousel-item {
        margin-right: 0;
        flex: var(--flex);
        display: block;
    }

    .eplatform-carousel .carousel-inner {
        display: flex;
    }
}

.eplatform-carousel .card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: var(--bg-img);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.eplatform-carousel .card img {
    max-height: 100%;
}

@media (max-width: 767px) {
    .eplatform-carousel .card .img-wrapper {
        height: 17em;
    }
}

/*eplatform-carousel*/

/*WeatherWidget*/
#tp-widget-default {
    border: none !important;
    width: auto !important;
    height: auto !important;
}

#tp-widget-forecast-default {
    height: 430px !important;
}

#tp-widget-mlink-default, #tp-widget-flink-second, #tp-widget-flink-default {
    display: none !important;
}

.waether-widget .title {
    color: var(--text-color);
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 0;
}
/*WeatherWidget*/

/*Oxygen: CSS classes*/
.oxygen-light {
    font-family: "Oxygen", serif;
    font-weight: 300;
    font-style: normal;
}

.oxygen-regular {
    font-family: "Oxygen", serif;
    font-weight: 400;
    font-style: normal;
}

.oxygen-bold {
    font-family: "Oxygen", serif;
    font-weight: 700;
    font-style: normal;
}

.manrope-<uniquifier > {
    font-family: "Manrope", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

/*Oxygen: CSS classes*/

/*rest-of-news*/
.rest-of-news .title {
    font-size: 24px;
    line-height: 44px;
    font-weight: 700;
    color: var(--titleColor);
    padding: 0.5rem;
}

.rest-of-news .news-title {
    color: var(--titleColor);
}

.rest-of-news .main-news > .row > div {
    padding: 10px 10px 30px 10px;
}

.rest-of-news .main-news {
    border-right: 2px solid #ebebeb;
}

.rest-of-news .news {
    margin: 10px 10px 10px 10px;
    border-bottom: 2px solid #ebebeb;
}

.rest-of-news .news-title {
    font-family: 'Manrope';
    font-size: 18px;
}

.rest-of-news .paragrapgh {
    font-family: 'Inter';
    font-size: 16px;
    color: #545E69;
}

.rest-of-news .date {
    font-family: 'Inter';
    font-size: 12px;
    color: #545E69;
    padding: 12px 0;
}

.rest-of-news .excerpt {
    font-family: 'Inter';
    font-size: 16px;
    color: #545E69;
    padding-bottom: 12px;
}

.rest-of-news .category {
    color: #545E69;
    font-size: 16px;
    font-family: 'Inter';
}

.rest-of-news .more-btn {
    font-family: 'Inter';
    font-size: 14px;
    color: var(--titleColor);
}



@media (max-width: 767.98px) {
    .rest-of-news .main-news {
        border-right: none;
        border-bottom: 2px solid #ebebeb;
    }

    .twoColumnsSplitLayout .right-side {
        border-left: none;
        border-top: 2px solid #ebebeb;
    }

    .eplatform-news-list .eplatform-news-list-post {
        border-right: none;
        border-bottom: 2px solid #ebebeb;
    }
}
/*rest-of-news*/

/*e-platform-carousel*/
.eplatform-carousel .date {
    font-family: 'Inter';
    font-size: 12px;
    color: #545E69;
    padding-top: 12px;
}

.eplatform-carousel .card-title {
    font-family: 'Manrope';
    font-size: 18px;
    padding-top: 12px;
    color: var( --titleColor);
}
/*e-platform-carousel*/

/*waether-widget*/
#tp-widget-forecast-default .tp-widget-header {
    color: var(--textColor) !important;
}
/*waether-widget*/



@media (max-width: 1024px) {
    .nav-container-scheme-1 {
        display: none !important;
    }
}



@media (min-width: 1024px) {
    .mobile-menu-cover {
        display: none !important;
    }
}

/*@media (min-width: 1024px) {
    .nav-container-scheme-1 {
 
        position: absolute;
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%);
    }
}
*/


#news-section, .left-column-section {
    color: #06003C;
    padding: 10px 34px 30px 10px;
}

@media (max-width: 1024px) {
    #news-section, .left-column-section {
        padding: 0px;
    }
}

#news-section .card-feed {
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: #06003C;
}

    #news-section .card-feed:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }

#news-section .card-img-top {
    border-radius: 6px;
    object-fit: cover;
    height: 240px;
}

#news-section .card-title {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #06003C !important;
    margin: 10px 0;
    font-weight: 500 !important;
}

    #news-section .card-title h5 {
        color: #06003C !important;
        font-weight: normal !important;
    }

.maciek .title-section {
    width: 100%;
    color: #06003C !important;
    padding: 10px 34px 30px 10px;
}

    .maciek .title-section h2 {
        margin: 0;
        font-size: clamp(1.6rem, 2vw, 1.8rem) !important;
    }


@media (max-width: 767.98px) {
    #news-section .row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (min-width: 768px) {
    #news-section .row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (min-width: 992px) {
    .menu-toggle {
        display: none;
    }
}

#news-section .news-title, .news-title h2 {
    font-size: clamp(1rem, 1.2vw, 1rem) !important;
    font-weight: 500;
    color: #06003C;
    margin-bottom: 5px;
}

#eplatform-footer p span {
    font-size: 1rem !important;
    font-weight: 500 !important;
    margin-bottom: 4px !important;
}

.camera-title {
    font-size: clamp(.9rem, 1.2vw, 1rem) !important;
    font-weight: 500 !important;
    margin-bottom: 4px !important;
}

/*AccessibilitySettings*/
.accessibility-col {
    padding: 10px;
    max-width: fit-content;
}

.accessibility-col {
}

.accessibility-dropdown .btn {
    padding: 0 !important;
    font-size: large;
    color: #0052a4;
}

.accessibility-dropdown .dropdown-menu {
    min-width: auto;
}

.dropdown-action-accessibility {
    padding: 5px;
    width: max-content;
    min-width: auto !important;
}

    .dropdown-action-accessibility .dropdown-action {
        border: none;
    }

#accessibility-contrast {
    border: none;
    background: none;
}

.high-contrast * {
    background-color: black !important;
    color: yellow !important;
}
/*AccessibilitySettings*/

/*search-result-item*/
.search-result-item .link {
    color: var(--font-color);
    background-color: var(--background-color);
    display: block;
    width: fit-content;
}
/*search-result-item*/



/*MobileE-Platform*/
@media (max-width: 576px) {
    .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
        padding-right: var(--bs-gutter-x, 0.15rem);
        padding-left: var(--bs-gutter-x, 0.15rem);
    }

    .card-measurement {
        margin: 10px !important;
    }

    .crumbs-of-bread > div {
        justify-content: center !important;
    }

    #title-container, #footer {
        text-align: center;
        justify-content: center !important;
    }
}
/*MobileE-Platform*/


/* DynamicSearchE-platform */
.result-box-suggestions {
    padding: 5px 10px 11px 0px
}

.container-search {
    width: 390px;
    position: absolute;
    margin: -22px 0px;
    z-index: 999;
}

@media (max-width: 901px) {
    .container-search {
        margin: -22px -145px;
    }
}

@media (max-width: 768px) {
    .container-search {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: -22px 0px;
    }
}

.container-search .search-input {
    background: #fff;
    height: 100%;
    width: 100%;
    border-radius: 24px;
    position: relative;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
}

.search-input input {
    width: 100%;
    outline: none;
    border: none;
    border-radius: 24px;
    padding: 0 60px 0 20px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}

.search-input.active {
    padding-bottom: 24px;
}

    .search-input.active input {
        border-radius: 5px 5px 0 0;
    }

.search-input .result-box {
    padding: 0;
    opacity: 0;
    pointer-events: none;
    max-height: 280px;
    overflow-y: auto;
}

.search-input.active .result-box {
    padding: 10px 8px;
    opacity: 1;
    pointer-events: auto;
}

.result-box li {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    border-radius: 3px;
}

.search-input.active .result-box li {
    display: block;
}

.result-box li:hover {
    background: #efefef;
}

.result-box > li > a {
    display: none;
    cursor: pointer;
}

.result-box > li:hover a {
    display: flex;
}
/*
.ui-effects-placeholder {
    display: none!important;
}*/
/* DynamicSearchE-platform */
/*MobileE-Platform*/


.navbar-actions {
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

    .navbar-actions span {
        color: white;
        font-size: 14px;
        font-weight: 600;
    }

@media (max-width: 1384px) {
    .navbar-actions span {
        display: none;
    }
}


.navbar-actions img {
    height: 20px !important;
    margin-left: 0;
}

.navbar-actions > * {
    padding: 0 2rem;
}

    .navbar-actions > *:not(:last-child) {
        border-right: 1px solid white;
    }



.nav-actions-buttons {
    margin-top: 5px;
    top: 32px !important;
    padding: 10px;
    gap: 5px;
}

    .nav-actions-buttons button {
        border: 1px solid black;
        outline: none;
        background: transparent;
        width: 48%;
    }

.navigation-eplatform {
    right: 0;
}

/*multipleFilesDownloader*/
.multipleFilesDownloader .file-list {
    list-style: none;
    padding: 0;
}

.multipleFilesDownloader .file-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.multipleFilesDownloader .file-icon {
    margin-right: 10px;
    font-size: 20px;
}

.multipleFilesDownloader .icon-pdf {
    color: red;
}

.multipleFilesDownloader .icon-word {
    color: blue;
}

.multipleFilesDownloader .icon-excel {
    color: green;
}

.multipleFilesDownloader .icon-powerpoint {
    color: orange;
}

.multipleFilesDownloader .icon-image {
    color: purple;
}

.multipleFilesDownloader .icon-file {
    color: gray;
}

.multipleFilesDownloader .file-name {
    flex-grow: 1;
    margin: 0 10px;
}

.multipleFilesDownloader .file-size {
    margin-right: 10px;
    color: #666;
}

.multipleFilesDownloader .download-button {
    padding: 5px 10px;
    background-color: #0052a4;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

    .multipleFilesDownloader .download-button:hover {
        background-color: #FFFFFF;
        color: #0052a4;
    }
/*multipleFilesDownloader*/



.e-platform-dark {
    background-color: #212529;
}


    .e-platform-dark #title-container span {
        color: white !important;
    }

    .e-platform-dark #eplatform-footer-1 {
        background: #212529;
    }

    .e-platform-dark #euslugi-container, .e-platform-dark #footer-bg {
        background: #c8cbcf;
        color: white !important
    }

    .e-platform-dark .copyright p, .e-platform-dark .copyright .footer-links a {
        color: white !important;
    }

    .e-platform-dark .weather-card p, .e-platform-dark .weather-card span {
        color: black;
    }



.object-fit-cover {
    object-fit: cover;
    object-position: center;
}

.card-style-photo-right {
    background: var(--bg-card-gradient, #ff5f09);
    background-color: var(--bg-color, #ff5f09);
    color: var(--font-color, #fff);
}

    .card-style-photo-right .e-platform-card-body {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex-grow: 1;
        height: 100%;
        padding: 0 !important;
    }


@media (min-width: 768px) {
    .card-style-photo-right .e-platform-card-body {
        flex-direction: row;
    }
}

.card-style-photo-right .e-platform-card-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem;
    width: 100%;
    order: 2;
}


.card-style-photo-right .e-platform-card-picture {
    width: 100%;
    height: auto;
    display: flex;
    order: 1;
}

@media (min-width: 768px) {
    .card-style-photo-right .e-platform-card-text {
        width: 66.6667%;
        order: 1;
    }

    .card-style-photo-right .e-platform-card-picture {
        width: 33.3333%;
        height: 100%;
        order: 2;
    }
}


.card-style-photo-right .e-platform-card-cover-image {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    min-height: 1px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-top-right-radius: var(--e-card-border-radius, 13px);
    border-bottom-right-radius: var(--e-card-border-radius, 13px);
}


.card-style-photo-right .e-platform-title {
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.card-style-photo-right .e-platform-description {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.card-style-photo-right .e-platform-count {
    font-size: 0.9rem;
    color: var(--font-color, #fff);
}


.card-style-photo-right .e-platform-card-picture {
    position: static;
}
/*cleanNavbar*/
.navbar-img {
    height: 65px;
}

#search-form input {
    color: var(--search-text-color);
    border-radius: var(--search-border-radius);
    border: 1px solid var(--search-border-color);
    /*box-shadow: inset 0px 0px 4px var(--search-border-color);*/
    background-color: #ffffff00 !important;
}

    #search-form input::placeholder {
        color: var(--search-text-color) !important;
        opacity: 1;
    }

#search-form .search__icon {
    color: var(--search-text-color);
}

.clean-navbar .navbar-actions > *:not(:last-child) {
    border-right: 1px solid #dbe1eb;
}

.clean-navbar #navbarSupportedContent {
    justify-content: right !important;
}
/*cleanNavbar*/


.icon-with-text-row-container p {
    margin: 0.5rem 0 1.3rem 0;
}

.icon-with-text-row-container .icon-with-text-row {
    padding-top: 1rem;
    color: white;
    font-size: 14px;
    font-weight: 600;
}

.navbar-img {
    height: 85px
}

#nav-menu-block {
    padding: 0;
    margin-top: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

    #nav-menu-block .container {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
/*#navbar {
    padding-bottom: 68px;
}*/

/*.navbar-actions span {
    color: black!important;*/
/*}*/
/*.navbar-actions img{
    filter: invert(1.0);
}*/

.ePlatform-navbar .search input[type="text"] {
    .navbar-actions span box-shadow: inset 1px 2px 5px #21252900 !important;
    border: black;
}

#search-form input {
    color: var(--search-text-color) !important;
    border-radius: 24px;
}

.button-text-title {
    max-width: 20ch;
}

.bar-container {
    background-color: #f9fbfd; /* jasne tło paska */
    height: 10px; /* wysokość całego paska */
    position: relative;
    width: 100%;
    margin-bottom: 0.5rem;
}

.bar {
    background-color: #cc8400; /* pomarańczowy kolor */
    height: 100%;
    width: 80px; /* długość kolorowej części */
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}

#right-side-bar p {
    margin: .5rem 0;
}

.waether-widget > .title,
.waether-widget .img-fluid {
    display: none;
}

/* fourteen navigation */

.fourteen-nav span {
    color: black;
}

.fourteen-nav .item-box {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.see-all-news-btn, #button-eplatform-web .e-platform-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    background: transparent;
    border: 2px solid #4C0B2C;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    color: #4C0B2C;
    transition: background-color 0.3s, color 0.3s;
}

    .see-all-news-btn:hover, #button-eplatform-web .e-platform-btn:hover {
        background-color: #4C0B2C;
        color: white;
    }

#sidebar-section {
    padding: .5rem 0;
}

#kwi-btn img{
    height: 45px;
}

.drop-down-title {
    background: #cbb3c0;
    color: black;
    font-weight: bold;
}

#tp-widget-default #tp-widget-forecast-default {
    width: 100% !important;
    margin: 0 !important;
}

#site-sidebar-panel .e-platform-btn {
    margin: 0.5rem 0;
    min-height: 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}