@charset "UTF-8"; /*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --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: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --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-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,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: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

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

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

body {
    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: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

.h1, h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {
    .h1, h1 {
        font-size: 2.5rem
    }
}

.h2, h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    .h2, h2 {
        font-size: 2rem
    }
}

.h3, h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
    .h3, h3 {
        font-size: 1.75rem
    }
}

.h4, h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    .h4, h4 {
        font-size: 1.5rem
    }
}

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

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

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

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

ol, ul {
    padding-left: 2rem;
    margin-top: 0
}

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

.small, small {
    font-size: .875em
}

.mark, mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: underline
}

    a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
    }

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

code, kbd, pre, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

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

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

    kbd kbd {
        padding: 0;
        font-size: 1em
    }

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

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

tbody, td, tfoot, th, thead, tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

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

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

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical;
    resize: none
}

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

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

    legend + * {
        clear: left
    }

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

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

output {
    display: inline-block
}

iframe {
    border: 0;
    width: 100%
}

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) {
    legend {
        font-size: 1.5rem
    }

    .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-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

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

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

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

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

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

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "— "
    }

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

.img-thumbnail {
    padding: .25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

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

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

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

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

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.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(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y)
    }

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

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

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

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%
}

.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.66666667%
}

.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.33333333%
    }

    .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.66666667%
    }

    .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.33333333%
    }

    .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.66666667%
    }

    .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.33333333%
    }

    .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.66666667%
    }

    .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.33333333%
    }

    .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.66666667%
    }

    .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.33333333%
    }

    .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.66666667%
    }

    .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-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

    .table > :not(caption) > * > * {
        padding: .5rem;
        color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
        background-color: var(--bs-table-bg);
        border-bottom-width: var(--bs-border-width);
        box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

.table-group-divider {
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem
}

.table-bordered > :not(caption) > * {
    border-width: var(--bs-border-width) 0
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 var(--bs-border-width)
    }

.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-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a6b5cc;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --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: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #a7b9b1;
    --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: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #a6c3ca;
    --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: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #ccc2a4;
    --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: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #c6acae;
    --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: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --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: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #4d5154;
    --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: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + var(--bs-border-width));
    padding-bottom: calc(.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + var(--bs-border-width));
    padding-bottom: calc(.5rem + var(--bs-border-width));
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + var(--bs-border-width));
    padding-bottom: calc(.25rem + var(--bs-border-width));
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.form-control[type=file] {
    overflow: hidden
}

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::-moz-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border: 0 solid;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: inherit
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border: 0 solid;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: inherit
}

@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: var(--bs-secondary-bg)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0
}

    .form-control-plaintext:focus {
        outline: 0
    }

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

.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

    .form-control-sm::-webkit-file-upload-button {
        padding: .25rem .5rem;
        margin: -.25rem -.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

    .form-control-sm::file-selector-button {
        padding: .25rem .5rem;
        margin: -.25rem -.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

    .form-control-lg::-webkit-file-upload-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem
    }

    .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end: 1rem
    }

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    padding: .375rem
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius)
    }

    .form-control-color::-webkit-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius)
    }

    .form-control-color.form-control-sm {
        height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
    }

    .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
    }

.form-select {
    --bs-form-select-bg-img: 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 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .form-select:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
    }

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

    .form-select:disabled {
        background-color: var(--bs-secondary-bg)
    }

    .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 var(--bs-body-color)
    }

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em
    }

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -1.5em;
        margin-left: 0
    }

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

    .form-check-input[type=checkbox] {
        border-radius: .25em
    }

    .form-check-input[type=radio] {
        border-radius: 50%
    }

    .form-check-input:active {
        filter: brightness(90%)
    }

    .form-check-input:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-check-input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd
    }

        .form-check-input:checked[type=checkbox] {
            --bs-form-check-bg-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 10 3 3 6-6'/%3e%3c/svg%3e")
        }

        .form-check-input:checked[type=radio] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
        }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #0d6efd;
        border-color: #0d6efd;
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: .5
    }

        .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
            cursor: default;
            opacity: .5
        }

.form-switch {
    padding-left: 2.5em
}

    .form-switch .form-check-input {
        --bs-form-switch-bg: 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");
        width: 2em;
        margin-left: -2.5em;
        background-image: var(--bs-form-switch-bg);
        background-position: left center;
        border-radius: 2em;
        transition: background-position .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-select, .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: 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-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

    .form-switch.form-check-reverse .form-check-input {
        margin-right: -2.5em;
        margin-left: 0
    }

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

    .btn-check:disabled + .btn, .btn-check[disabled] + .btn {
        pointer-events: none;
        filter: none;
        opacity: .65
    }

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

    .form-range:focus {
        outline: 0
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
        }

    .form-range::-moz-focus-outer {
        border: 0
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        -webkit-appearance: none;
        appearance: none;
        background-color: #0d6efd;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

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

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

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

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

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: var(--bs-secondary-color)
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: var(--bs-secondary-color)
    }

.form-floating {
    position: relative
}

    .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
        height: calc(3.5rem + calc(var(--bs-border-width) * 2));
        min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
        line-height: 1.25
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        height: 100%;
        padding: 1rem .75rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: var(--bs-border-width) solid transparent;
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out
    }

    .form-floating > .form-control, .form-floating > .form-control-plaintext {
        padding: 1rem .75rem
    }

        .form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {
            color: transparent
        }

        .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
            color: transparent
        }

        .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), .form-floating > .form-control:not(:-moz-placeholder-shown) {
            padding-top: 1.625rem;
            padding-bottom: .625rem
        }

        .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
            padding-top: 1.625rem;
            padding-bottom: .625rem
        }

        .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
            padding-top: 1.625rem;
            padding-bottom: .625rem
        }

    .form-floating > .form-select {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
        color: rgba(var(--bs-body-color-rgb),.65);
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
        color: rgba(var(--bs-body-color-rgb),.65);
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
        position: absolute;
        inset: 1rem .375rem;
        z-index: -1;
        height: 1.5em;
        content: "";
        background-color: var(--bs-body-bg);
        border-radius: var(--bs-border-radius)
    }

    .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
        position: absolute;
        inset: 1rem .375rem;
        z-index: -1;
        height: 1.5em;
        content: "";
        background-color: var(--bs-body-bg);
        border-radius: var(--bs-border-radius)
    }

    .form-floating > .form-control:-webkit-autofill ~ label {
        color: rgba(var(--bs-body-color-rgb),.65);
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .form-floating > .form-control-plaintext ~ label {
        border-width: var(--bs-border-width) 0
    }

    .form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label {
        color: #6c757d
    }

        .form-floating > .form-control:disabled ~ label::after, .form-floating > :disabled ~ label::after {
            background-color: var(--bs-secondary-bg)
        }

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

    .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
            z-index: 5
        }

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

        .input-group .btn:focus {
            z-index: 5
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-valid-color)
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius)
}

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

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

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
    }

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

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: var(--bs-form-valid-border-color)
}

    .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: 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.73.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");
        padding-right: 4.125rem;
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
    }

.form-control-color.is-valid, .was-validated .form-control-color:valid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color)
}

    .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
        background-color: var(--bs-form-valid-color)
    }

    .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
    }

    .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
        color: var(--bs-form-valid-color)
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color)
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius)
}

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

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

    .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

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

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

    .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: 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");
        padding-right: 4.125rem;
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

    .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
        background-color: var(--bs-form-invalid-color)
    }

    .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

    .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
        color: var(--bs-form-invalid-color)
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn, .form-floating > label {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

    .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline
}

    .btn-link:focus-visible {
        color: var(--bs-btn-color)
    }

    .btn-link:hover {
        color: var(--bs-btn-hover-color)
    }

.btn-group-lg > .btn, .btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm > .btn, .btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

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

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

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

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s
}

    .collapsing.collapse-horizontal {
        width: 0;
        height: auto;
        transition: width .35s
    }

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

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

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

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

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer)
    }

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

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

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

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

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

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

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

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

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

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

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0)
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg)
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg)
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

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

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

        .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 1
        }

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

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

.btn-group {
    border-radius: var(--bs-border-radius)
}

    .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
        margin-left: calc(var(--bs-border-width) * -1)
    }

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

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

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

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

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

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

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

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

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

        .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
            margin-top: calc(var(--bs-border-width) * -1)
        }

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

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

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus, .nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.nav-link.disabled, .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            isolation: isolate;
            border-color: var(--bs-nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

    .nav-pills .nav-link {
        border-radius: var(--bs-nav-pills-border-radius)
    }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg)
        }

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

    .nav-underline .nav-link {
        padding-right: 0;
        padding-left: 0;
        border-bottom: var(--bs-nav-underline-border-width) solid transparent
    }

        .nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
            border-bottom-color: currentcolor
        }

        .nav-underline .nav-link.active, .nav-underline .show > .nav-link {
            font-weight: 700;
            color: var(--bs-nav-underline-link-active-color);
            border-bottom-color: currentcolor
        }

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

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

    .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
        width: 100%
    }

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

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

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

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

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color)
    }

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: var(--bs-navbar-active-color)
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

    .navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
        color: var(--bs-navbar-active-color)
    }

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

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@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 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    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: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .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 {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-sm .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-sm .offcanvas .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: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .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 {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-md .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-md .offcanvas .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: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .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 {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-lg .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-lg .offcanvas .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: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .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 {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-xl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@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
        }

    .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: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .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 {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-xxl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xxl .offcanvas .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: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

    .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 {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

        .navbar-expand .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }

.navbar-dark, .navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: 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")
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: 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")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

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

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

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

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

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color)
}

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

.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
    }

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
    }

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

    .card-header-tabs .nav-link.active {
        background-color: var(--bs-card-bg);
        border-bottom-color: var(--bs-card-bg)
    }

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom, .card-img-top {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group > .card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0
                }

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

                .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0
                }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-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;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: 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");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%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");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

    .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color: var(--bs-accordion-active-bg);
        box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
    }

        .accordion-button:not(.collapsed)::after {
            background-image: var(--bs-accordion-btn-active-icon);
            transform: var(--bs-accordion-btn-icon-transform)
        }

    .accordion-button::after {
        flex-shrink: 0;
        width: var(--bs-accordion-btn-icon-width);
        height: var(--bs-accordion-btn-icon-width);
        margin-left: auto;
        content: "";
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: var(--bs-accordion-btn-icon-width);
        transition: var(--bs-accordion-btn-icon-transition)
    }

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }

        .accordion-button::after {
            transition: none
        }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

    .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
            border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: var(--bs-accordion-border-radius);
            border-bottom-left-radius: var(--bs-accordion-border-radius)
        }

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

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

    .accordion-flush .accordion-item:first-child {
        border-top: 0
    }

    .accordion-flush .accordion-item:last-child {
        border-bottom: 0
    }

    .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
        border-radius: 0
    }

[data-bs-theme=dark] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider, "/")
    }

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active > .page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled > .page-link, .page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-border-width) * -1)
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

    .badge:empty {
        display: none
    }

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

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color)
}

.alert-dismissible {
    padding-right: 3rem
}

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

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress, .progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked > .progress {
    overflow: visible
}

    .progress-stacked > .progress > .progress-bar {
        width: 100%
    }

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

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

    .list-group-numbered > .list-group-item::before {
        content: counters(section, ".") ". ";
        counter-increment: section
    }

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        z-index: 1;
        color: var(--bs-list-group-action-hover-color);
        text-decoration: none;
        background-color: var(--bs-list-group-action-hover-bg)
    }

    .list-group-item-action:active {
        color: var(--bs-list-group-action-active-color);
        background-color: var(--bs-list-group-action-active-bg)
    }

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

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

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

    .list-group-item.disabled, .list-group-item:disabled {
        color: var(--bs-list-group-disabled-color);
        pointer-events: none;
        background-color: var(--bs-list-group-disabled-bg)
    }

    .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color)
    }

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

        .list-group-item + .list-group-item.active {
            margin-top: calc(-1 * var(--bs-list-group-border-width));
            border-top-width: var(--bs-list-group-border-width)
        }

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

    .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: calc(-1 * var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

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

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

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

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

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

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

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

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

        .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

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

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

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

    .list-group-flush > .list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width)
    }

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

.list-group-item-primary {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: 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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

    .btn-close:hover {
        color: var(--bs-btn-close-color);
        text-decoration: none;
        opacity: var(--bs-btn-close-hover-opacity)
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: var(--bs-btn-close-focus-shadow);
        opacity: var(--bs-btn-close-focus-opacity)
    }

    .btn-close.disabled, .btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: var(--bs-btn-close-disabled-opacity)
    }

.btn-close-white, [data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

    .toast.showing {
        opacity: 0
    }

    .toast:not(.show) {
        display: none
    }

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

    .toast-container > :not(:last-child) {
        margin-bottom: var(--bs-toast-spacing)
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

    .toast-header .btn-close {
        margin-right: calc(-.5 * var(--bs-toast-padding-x));
        margin-left: var(--bs-toast-padding-x)
    }

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transform: translate(0,-50px)
}

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

    .progress-bar-animated {
        animation: none
    }

    .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% - var(--bs-modal-margin) * 2)
}

    .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% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity)
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
        margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

    .modal-footer > * {
        margin: calc(var(--bs-modal-footer-gap) * .5)
    }

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
        border-radius: 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;
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
            border-radius: 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;
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
            border-radius: 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;
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
            border-radius: 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;
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
            border-radius: 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;
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto
        }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: var(--bs-tooltip-opacity)
    }

    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height)
    }

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

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-top-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-right-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

    .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg)
    }

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

    .popover .popover-arrow {
        display: block;
        width: var(--bs-popover-arrow-width);
        height: var(--bs-popover-arrow-height)
    }

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

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
        bottom: var(--bs-popover-border-width);
        border-top-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
        left: var(--bs-popover-border-width);
        border-right-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
        border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
        top: var(--bs-popover-border-width);
        border-bottom-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg)
    }

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        touch-action: pan-y
    }

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

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        display: block
    }

        .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
            transform: translateX(100%)
        }

        .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
            transform: translateX(-100%)
        }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

    .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start, .carousel-item {
        transition: none
    }
}

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

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

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s
    }

    .carousel-indicators .active {
        opacity: 1
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
    color: #000
}

.spinner-border, .spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next, .carousel-control-prev, .carousel-indicators [data-bs-target] {
        transition: none
    }

    .spinner-border, .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

        .offcanvas-sm.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-sm.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-sm.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-sm.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
            transform: none
        }

        .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
            visibility: visible
        }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-sm .offcanvas-header {
            display: none
        }

        .offcanvas-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

        .offcanvas-md.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-md.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-md.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-md.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
            transform: none
        }

        .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
            visibility: visible
        }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-md .offcanvas-header {
            display: none
        }

        .offcanvas-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

        .offcanvas-lg.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-lg.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-lg.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-lg.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
            transform: none
        }

        .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
            visibility: visible
        }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px
    }

    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-lg .offcanvas-header {
            display: none
        }

        .offcanvas-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

        .offcanvas-xl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-xl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-xl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-xl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
            transform: none
        }

        .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
            visibility: visible
        }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }

    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xl .offcanvas-header {
            display: none
        }

        .offcanvas-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

        .offcanvas-xxl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-xxl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-xxl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-xxl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
            transform: none
        }

        .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
            visibility: visible
        }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xxl .offcanvas-header {
            display: none
        }

        .offcanvas-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
}

    .offcanvas.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas.show:not(.hiding), .offcanvas.showing {
        transform: none
    }

    .offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
        visibility: visible
    }

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

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

    .offcanvas-header .btn-close {
        padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
        margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
        margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
        margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
    }

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

    .placeholder.btn::before {
        display: inline-block;
        content: ""
    }

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: 2s ease-in-out infinite placeholder-glow
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: 2s linear infinite placeholder-wave
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1)) !important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-primary:focus, .link-primary:hover {
        color: RGBA(10,88,202,var(--bs-link-opacity,1)) !important;
        -webkit-text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1)) !important;
        text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1)) !important
    }

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-secondary:focus, .link-secondary:hover {
        color: RGBA(86,94,100,var(--bs-link-opacity,1)) !important;
        -webkit-text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1)) !important;
        text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1)) !important
    }

.link-success {
    color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-success:focus, .link-success:hover {
        color: RGBA(20,108,67,var(--bs-link-opacity,1)) !important;
        -webkit-text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1)) !important;
        text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1)) !important
    }

.link-info {
    color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-info:focus, .link-info:hover {
        color: RGBA(61,213,243,var(--bs-link-opacity,1)) !important;
        -webkit-text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1)) !important;
        text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1)) !important
    }

.link-warning {
    color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-warning:focus, .link-warning:hover {
        color: RGBA(255,205,57,var(--bs-link-opacity,1)) !important;
        -webkit-text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1)) !important;
        text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1)) !important
    }

.link-danger {
    color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-danger:focus, .link-danger:hover {
        color: RGBA(176,42,55,var(--bs-link-opacity,1)) !important;
        -webkit-text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1)) !important;
        text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1)) !important
    }

.link-light {
    color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-light:focus, .link-light:hover {
        color: RGBA(249,250,251,var(--bs-link-opacity,1)) !important;
        -webkit-text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1)) !important;
        text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1)) !important
    }

.link-dark {
    color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-dark:focus, .link-dark:hover {
        color: RGBA(26,30,33,var(--bs-link-opacity,1)) !important;
        -webkit-text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1)) !important;
        text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1)) !important
    }

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-body-emphasis:focus, .link-body-emphasis:hover {
        color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75)) !important;
        -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75)) !important;
        text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75)) !important
    }

.focus-ring:focus {
    outline: 0;
    box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-underline-offset: .25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .icon-link > .bi {
        flex-shrink: 0;
        width: 1em;
        height: 1em;
        fill: currentcolor;
        transition: transform .2s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .icon-link > .bi, .offcanvas {
        transition: none
    }
}

.icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi {
    transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
}

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

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 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) {
    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
}

    .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
        position: absolute !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: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: .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
}

.object-fit-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.object-fit-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
}

.object-fit-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
}

.object-fit-none {
    -o-object-fit: none !important;
    object-fit: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .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
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: 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-inline-grid {
    display: inline-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: var(--bs-box-shadow) !important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg) !important
}

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

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.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: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle) !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
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

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

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.column-gap-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
}

.column-gap-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important
}

.column-gap-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important
}

.column-gap-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.column-gap-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
}

.column-gap-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

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

.fst-normal {
    font-style: normal !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !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: var(--bs-secondary-color) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,.5) !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color) !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
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10, .link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

.link-opacity-25, .link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25
}

.link-opacity-50, .link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5
}

.link-opacity-75, .link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75
}

.link-opacity-100, .link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1, .link-offset-1-hover:hover {
    text-underline-offset: .125em !important
}

.link-offset-2, .link-offset-2-hover:hover {
    text-underline-offset: .25em !important
}

.link-offset-3, .link-offset-3-hover:hover {
    text-underline-offset: .375em !important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1)) !important;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1)) !important
}

.link-underline-opacity-0, .link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10, .link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25, .link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50, .link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75, .link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100, .link-underline-opacity-100-hover:hover {
    --bs-link-underline-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-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity)) !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-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-left-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .object-fit-sm-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }

    .object-fit-sm-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }

    .object-fit-sm-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }

    .object-fit-sm-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }

    .object-fit-sm-none {
        -o-object-fit: none !important;
        object-fit: 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-inline-grid {
        display: inline-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
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .row-gap-sm-0 {
        row-gap: 0 !important
    }

    .row-gap-sm-1 {
        row-gap: .25rem !important
    }

    .row-gap-sm-2 {
        row-gap: .5rem !important
    }

    .row-gap-sm-3 {
        row-gap: 1rem !important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-sm-5 {
        row-gap: 3rem !important
    }

    .column-gap-sm-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .column-gap-sm-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .column-gap-sm-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .column-gap-sm-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .column-gap-sm-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .column-gap-sm-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 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
    }

    .object-fit-md-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }

    .object-fit-md-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }

    .object-fit-md-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }

    .object-fit-md-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }

    .object-fit-md-none {
        -o-object-fit: none !important;
        object-fit: 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-inline-grid {
        display: inline-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
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .row-gap-md-0 {
        row-gap: 0 !important
    }

    .row-gap-md-1 {
        row-gap: .25rem !important
    }

    .row-gap-md-2 {
        row-gap: .5rem !important
    }

    .row-gap-md-3 {
        row-gap: 1rem !important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-md-5 {
        row-gap: 3rem !important
    }

    .column-gap-md-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .column-gap-md-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .column-gap-md-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .column-gap-md-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .column-gap-md-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .column-gap-md-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 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
    }

    .object-fit-lg-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }

    .object-fit-lg-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }

    .object-fit-lg-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }

    .object-fit-lg-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }

    .object-fit-lg-none {
        -o-object-fit: none !important;
        object-fit: 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-inline-grid {
        display: inline-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
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .row-gap-lg-0 {
        row-gap: 0 !important
    }

    .row-gap-lg-1 {
        row-gap: .25rem !important
    }

    .row-gap-lg-2 {
        row-gap: .5rem !important
    }

    .row-gap-lg-3 {
        row-gap: 1rem !important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-lg-5 {
        row-gap: 3rem !important
    }

    .column-gap-lg-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .column-gap-lg-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .column-gap-lg-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .column-gap-lg-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .column-gap-lg-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .column-gap-lg-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 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
    }

    .object-fit-xl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }

    .object-fit-xl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }

    .object-fit-xl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }

    .object-fit-xl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }

    .object-fit-xl-none {
        -o-object-fit: none !important;
        object-fit: 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-inline-grid {
        display: inline-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
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .row-gap-xl-0 {
        row-gap: 0 !important
    }

    .row-gap-xl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .column-gap-xl-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .column-gap-xl-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .column-gap-xl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .column-gap-xl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .column-gap-xl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

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

    .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 (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .object-fit-xxl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }

    .object-fit-xxl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }

    .object-fit-xxl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }

    .object-fit-xxl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }

    .object-fit-xxl-none {
        -o-object-fit: none !important;
        object-fit: 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-inline-grid {
        display: inline-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
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .row-gap-xxl-0 {
        row-gap: 0 !important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xxl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .column-gap-xxl-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .column-gap-xxl-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .column-gap-xxl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .column-gap-xxl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .column-gap-xxl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !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-inline-grid {
        display: inline-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
    }
}
/*! 
* @package IcoFont 
* @version 1.0.1 
* @author IcoFont https://icofont.com 
* @copyright Copyright (c) 2015 - 2018 IcoFont 
* @license - https://icofont.com/license/
*/

@font-face {
    font-family: IcoFont;
    font-weight: 400;
    font-style: Regular;
    src: url(../fonts/icofont.woff2?v=0HjFHe1WJv3BabXZxzD07gQSMwg) format("woff2"),url(../fonts/icofont.woff?v=0HjFHe1WJv3BabXZxzD07gQSMwg) format("woff")
}

[class*=" icofont-"], [class^=icofont-] {
    font-family: IcoFont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

.icofont-angry-monster:before {
    content: "\e800"
}

.icofont-bathtub:before {
    content: "\e801"
}

.icofont-bird-wings:before {
    content: "\e802"
}

.icofont-bow:before {
    content: "\e803"
}

.icofont-castle:before {
    content: "\e804"
}

.icofont-circuit:before {
    content: "\e805"
}

.icofont-crown-king:before {
    content: "\e806"
}

.icofont-crown-queen:before {
    content: "\e807"
}

.icofont-dart:before {
    content: "\e808"
}

.icofont-disability-race:before {
    content: "\e809"
}

.icofont-diving-goggle:before {
    content: "\e80a"
}

.icofont-eye-open:before {
    content: "\e80b"
}

.icofont-flora-flower:before {
    content: "\e80c"
}

.icofont-flora:before {
    content: "\e80d"
}

.icofont-gift-box:before {
    content: "\e80e"
}

.icofont-halloween-pumpkin:before {
    content: "\e80f"
}

.icofont-hand-power:before {
    content: "\e810"
}

.icofont-hand-thunder:before {
    content: "\e811"
}

.icofont-king-monster:before {
    content: "\e812"
}

.icofont-love:before {
    content: "\e813"
}

.icofont-magician-hat:before {
    content: "\e814"
}

.icofont-native-american:before {
    content: "\e815"
}

.icofont-owl-look:before {
    content: "\e816"
}

.icofont-phoenix:before {
    content: "\e817"
}

.icofont-robot-face:before {
    content: "\e818"
}

.icofont-sand-clock:before {
    content: "\e819"
}

.icofont-shield-alt:before {
    content: "\e81a"
}

.icofont-ship-wheel:before {
    content: "\e81b"
}

.icofont-skull-danger:before {
    content: "\e81c"
}

.icofont-skull-face:before {
    content: "\e81d"
}

.icofont-snowmobile:before {
    content: "\e81e"
}

.icofont-space-shuttle:before {
    content: "\e81f"
}

.icofont-star-shape:before {
    content: "\e820"
}

.icofont-swirl:before {
    content: "\e821"
}

.icofont-tattoo-wing:before {
    content: "\e822"
}

.icofont-throne:before {
    content: "\e823"
}

.icofont-tree-alt:before {
    content: "\e824"
}

.icofont-triangle:before {
    content: "\e825"
}

.icofont-unity-hand:before {
    content: "\e826"
}

.icofont-weed:before {
    content: "\e827"
}

.icofont-woman-bird:before {
    content: "\e828"
}

.icofont-bat:before {
    content: "\e829"
}

.icofont-bear-face:before {
    content: "\e82a"
}

.icofont-bear-tracks:before {
    content: "\e82b"
}

.icofont-bear:before {
    content: "\e82c"
}

.icofont-bird-alt:before {
    content: "\e82d"
}

.icofont-bird-flying:before {
    content: "\e82e"
}

.icofont-bird:before {
    content: "\e82f"
}

.icofont-birds:before {
    content: "\e830"
}

.icofont-bone:before {
    content: "\e831"
}

.icofont-bull:before {
    content: "\e832"
}

.icofont-butterfly-alt:before {
    content: "\e833"
}

.icofont-butterfly:before {
    content: "\e834"
}

.icofont-camel-alt:before {
    content: "\e835"
}

.icofont-camel-head:before {
    content: "\e836"
}

.icofont-camel:before {
    content: "\e837"
}

.icofont-cat-alt-1:before {
    content: "\e838"
}

.icofont-cat-alt-2:before {
    content: "\e839"
}

.icofont-cat-alt-3:before {
    content: "\e83a"
}

.icofont-cat-dog:before {
    content: "\e83b"
}

.icofont-cat-face:before {
    content: "\e83c"
}

.icofont-cat:before {
    content: "\e83d"
}

.icofont-cow-head:before {
    content: "\e83e"
}

.icofont-cow:before {
    content: "\e83f"
}

.icofont-crab:before {
    content: "\e840"
}

.icofont-crocodile:before {
    content: "\e841"
}

.icofont-deer-head:before {
    content: "\e842"
}

.icofont-dog-alt:before {
    content: "\e843"
}

.icofont-dog-barking:before {
    content: "\e844"
}

.icofont-dog:before {
    content: "\e845"
}

.icofont-dolphin:before {
    content: "\e846"
}

.icofont-duck-tracks:before {
    content: "\e847"
}

.icofont-eagle-head:before {
    content: "\e848"
}

.icofont-eaten-fish:before {
    content: "\e849"
}

.icofont-elephant-alt:before {
    content: "\e84a"
}

.icofont-elephant-head-alt:before {
    content: "\e84b"
}

.icofont-elephant-head:before {
    content: "\e84c"
}

.icofont-elephant:before {
    content: "\e84d"
}

.icofont-elk:before {
    content: "\e84e"
}

.icofont-fish-1:before {
    content: "\e84f"
}

.icofont-fish-2:before {
    content: "\e850"
}

.icofont-fish-3:before {
    content: "\e851"
}

.icofont-fish-4:before {
    content: "\e852"
}

.icofont-fish-5:before {
    content: "\e853"
}

.icofont-fish:before {
    content: "\e854"
}

.icofont-fox-alt:before {
    content: "\e855"
}

.icofont-fox:before {
    content: "\e856"
}

.icofont-frog-tracks:before {
    content: "\e857"
}

.icofont-frog:before {
    content: "\e858"
}

.icofont-froggy:before {
    content: "\e859"
}

.icofont-giraffe-head-1:before {
    content: "\e85a"
}

.icofont-giraffe-head-2:before {
    content: "\e85b"
}

.icofont-giraffe-head:before {
    content: "\e85c"
}

.icofont-giraffe:before {
    content: "\e85d"
}

.icofont-goat-head:before {
    content: "\e85e"
}

.icofont-gorilla:before {
    content: "\e85f"
}

.icofont-hen-tracks:before {
    content: "\e860"
}

.icofont-horse-head-1:before {
    content: "\e861"
}

.icofont-horse-head-2:before {
    content: "\e862"
}

.icofont-horse-head:before {
    content: "\e863"
}

.icofont-horse-tracks:before {
    content: "\e864"
}

.icofont-jellyfish:before {
    content: "\e865"
}

.icofont-kangaroo:before {
    content: "\e866"
}

.icofont-lemur:before {
    content: "\e867"
}

.icofont-lion-head-1:before {
    content: "\e868"
}

.icofont-lion-head-2:before {
    content: "\e869"
}

.icofont-lion-head:before {
    content: "\e86a"
}

.icofont-lion:before {
    content: "\e86b"
}

.icofont-monkey-2:before {
    content: "\e86c"
}

.icofont-monkey-3:before {
    content: "\e86d"
}

.icofont-monkey-face:before {
    content: "\e86e"
}

.icofont-monkey:before {
    content: "\e86f"
}

.icofont-octopus-alt:before {
    content: "\e870"
}

.icofont-octopus:before {
    content: "\e871"
}

.icofont-owl:before {
    content: "\e872"
}

.icofont-panda-face:before {
    content: "\e873"
}

.icofont-panda:before {
    content: "\e874"
}

.icofont-panther:before {
    content: "\e875"
}

.icofont-parrot-lip:before {
    content: "\e876"
}

.icofont-parrot:before {
    content: "\e877"
}

.icofont-paw:before {
    content: "\e878"
}

.icofont-pelican:before {
    content: "\e879"
}

.icofont-penguin:before {
    content: "\e87a"
}

.icofont-pig-face:before {
    content: "\e87b"
}

.icofont-pig:before {
    content: "\e87c"
}

.icofont-pigeon-1:before {
    content: "\e87d"
}

.icofont-pigeon-2:before {
    content: "\e87e"
}

.icofont-pigeon:before {
    content: "\e87f"
}

.icofont-rabbit:before {
    content: "\e880"
}

.icofont-rat:before {
    content: "\e881"
}

.icofont-rhino-head:before {
    content: "\e882"
}

.icofont-rhino:before {
    content: "\e883"
}

.icofont-rooster:before {
    content: "\e884"
}

.icofont-seahorse:before {
    content: "\e885"
}

.icofont-seal:before {
    content: "\e886"
}

.icofont-shrimp-alt:before {
    content: "\e887"
}

.icofont-shrimp:before {
    content: "\e888"
}

.icofont-snail-1:before {
    content: "\e889"
}

.icofont-snail-2:before {
    content: "\e88a"
}

.icofont-snail-3:before {
    content: "\e88b"
}

.icofont-snail:before {
    content: "\e88c"
}

.icofont-snake:before {
    content: "\e88d"
}

.icofont-squid:before {
    content: "\e88e"
}

.icofont-squirrel:before {
    content: "\e88f"
}

.icofont-tiger-face:before {
    content: "\e890"
}

.icofont-tiger:before {
    content: "\e891"
}

.icofont-turtle:before {
    content: "\e892"
}

.icofont-whale:before {
    content: "\e893"
}

.icofont-woodpecker:before {
    content: "\e894"
}

.icofont-zebra:before {
    content: "\e895"
}

.icofont-brand-acer:before {
    content: "\e896"
}

.icofont-brand-adidas:before {
    content: "\e897"
}

.icofont-brand-adobe:before {
    content: "\e898"
}

.icofont-brand-air-new-zealand:before {
    content: "\e899"
}

.icofont-brand-airbnb:before {
    content: "\e89a"
}

.icofont-brand-aircell:before {
    content: "\e89b"
}

.icofont-brand-airtel:before {
    content: "\e89c"
}

.icofont-brand-alcatel:before {
    content: "\e89d"
}

.icofont-brand-alibaba:before {
    content: "\e89e"
}

.icofont-brand-aliexpress:before {
    content: "\e89f"
}

.icofont-brand-alipay:before {
    content: "\e8a0"
}

.icofont-brand-amazon:before {
    content: "\e8a1"
}

.icofont-brand-amd:before {
    content: "\e8a2"
}

.icofont-brand-american-airlines:before {
    content: "\e8a3"
}

.icofont-brand-android-robot:before {
    content: "\e8a4"
}

.icofont-brand-android:before {
    content: "\e8a5"
}

.icofont-brand-aol:before {
    content: "\e8a6"
}

.icofont-brand-apple:before {
    content: "\e8a7"
}

.icofont-brand-appstore:before {
    content: "\e8a8"
}

.icofont-brand-asus:before {
    content: "\e8a9"
}

.icofont-brand-ati:before {
    content: "\e8aa"
}

.icofont-brand-att:before {
    content: "\e8ab"
}

.icofont-brand-audi:before {
    content: "\e8ac"
}

.icofont-brand-axiata:before {
    content: "\e8ad"
}

.icofont-brand-bada:before {
    content: "\e8ae"
}

.icofont-brand-bbc:before {
    content: "\e8af"
}

.icofont-brand-bing:before {
    content: "\e8b0"
}

.icofont-brand-blackberry:before {
    content: "\e8b1"
}

.icofont-brand-bmw:before {
    content: "\e8b2"
}

.icofont-brand-box:before {
    content: "\e8b3"
}

.icofont-brand-burger-king:before {
    content: "\e8b4"
}

.icofont-brand-business-insider:before {
    content: "\e8b5"
}

.icofont-brand-buzzfeed:before {
    content: "\e8b6"
}

.icofont-brand-cannon:before {
    content: "\e8b7"
}

.icofont-brand-casio:before {
    content: "\e8b8"
}

.icofont-brand-china-mobile:before {
    content: "\e8b9"
}

.icofont-brand-china-telecom:before {
    content: "\e8ba"
}

.icofont-brand-china-unicom:before {
    content: "\e8bb"
}

.icofont-brand-cisco:before {
    content: "\e8bc"
}

.icofont-brand-citibank:before {
    content: "\e8bd"
}

.icofont-brand-cnet:before {
    content: "\e8be"
}

.icofont-brand-cnn:before {
    content: "\e8bf"
}

.icofont-brand-cocal-cola:before {
    content: "\e8c0"
}

.icofont-brand-compaq:before {
    content: "\e8c1"
}

.icofont-brand-debian:before {
    content: "\e8c2"
}

.icofont-brand-delicious:before {
    content: "\e8c3"
}

.icofont-brand-dell:before {
    content: "\e8c4"
}

.icofont-brand-designbump:before {
    content: "\e8c5"
}

.icofont-brand-designfloat:before {
    content: "\e8c6"
}

.icofont-brand-disney:before {
    content: "\e8c7"
}

.icofont-brand-dodge:before {
    content: "\e8c8"
}

.icofont-brand-dove:before {
    content: "\e8c9"
}

.icofont-brand-drupal:before {
    content: "\e8ca"
}

.icofont-brand-ebay:before {
    content: "\e8cb"
}

.icofont-brand-eleven:before {
    content: "\e8cc"
}

.icofont-brand-emirates:before {
    content: "\e8cd"
}

.icofont-brand-espn:before {
    content: "\e8ce"
}

.icofont-brand-etihad-airways:before {
    content: "\e8cf"
}

.icofont-brand-etisalat:before {
    content: "\e8d0"
}

.icofont-brand-etsy:before {
    content: "\e8d1"
}

.icofont-brand-fastrack:before {
    content: "\e8d2"
}

.icofont-brand-fedex:before {
    content: "\e8d3"
}

.icofont-brand-ferrari:before {
    content: "\e8d4"
}

.icofont-brand-fitbit:before {
    content: "\e8d5"
}

.icofont-brand-flikr:before {
    content: "\e8d6"
}

.icofont-brand-forbes:before {
    content: "\e8d7"
}

.icofont-brand-foursquare:before {
    content: "\e8d8"
}

.icofont-brand-foxconn:before {
    content: "\e8d9"
}

.icofont-brand-fujitsu:before {
    content: "\e8da"
}

.icofont-brand-general-electric:before {
    content: "\e8db"
}

.icofont-brand-gillette:before {
    content: "\e8dc"
}

.icofont-brand-gizmodo:before {
    content: "\e8dd"
}

.icofont-brand-gnome:before {
    content: "\e8de"
}

.icofont-brand-google:before {
    content: "\e8df"
}

.icofont-brand-gopro:before {
    content: "\e8e0"
}

.icofont-brand-gucci:before {
    content: "\e8e1"
}

.icofont-brand-hallmark:before {
    content: "\e8e2"
}

.icofont-brand-hi5:before {
    content: "\e8e3"
}

.icofont-brand-honda:before {
    content: "\e8e4"
}

.icofont-brand-hp:before {
    content: "\e8e5"
}

.icofont-brand-hsbc:before {
    content: "\e8e6"
}

.icofont-brand-htc:before {
    content: "\e8e7"
}

.icofont-brand-huawei:before {
    content: "\e8e8"
}

.icofont-brand-hulu:before {
    content: "\e8e9"
}

.icofont-brand-hyundai:before {
    content: "\e8ea"
}

.icofont-brand-ibm:before {
    content: "\e8eb"
}

.icofont-brand-icofont:before {
    content: "\e8ec"
}

.icofont-brand-icq:before {
    content: "\e8ed"
}

.icofont-brand-ikea:before {
    content: "\e8ee"
}

.icofont-brand-imdb:before {
    content: "\e8ef"
}

.icofont-brand-indiegogo:before {
    content: "\e8f0"
}

.icofont-brand-intel:before {
    content: "\e8f1"
}

.icofont-brand-ipair:before {
    content: "\e8f2"
}

.icofont-brand-jaguar:before {
    content: "\e8f3"
}

.icofont-brand-java:before {
    content: "\e8f4"
}

.icofont-brand-joomla:before {
    content: "\e8f5"
}

.icofont-brand-kickstarter:before {
    content: "\e8f6"
}

.icofont-brand-kik:before {
    content: "\e8f7"
}

.icofont-brand-lastfm:before {
    content: "\e8f8"
}

.icofont-brand-lego:before {
    content: "\e8f9"
}

.icofont-brand-lenovo:before {
    content: "\e8fa"
}

.icofont-brand-levis:before {
    content: "\e8fb"
}

.icofont-brand-lexus:before {
    content: "\e8fc"
}

.icofont-brand-lg:before {
    content: "\e8fd"
}

.icofont-brand-life-hacker:before {
    content: "\e8fe"
}

.icofont-brand-linux-mint:before {
    content: "\e8ff"
}

.icofont-brand-linux:before {
    content: "\e900"
}

.icofont-brand-lionix:before {
    content: "\e901"
}

.icofont-brand-loreal:before {
    content: "\e902"
}

.icofont-brand-louis-vuitton:before {
    content: "\e903"
}

.icofont-brand-mac-os:before {
    content: "\e904"
}

.icofont-brand-marvel-app:before {
    content: "\e905"
}

.icofont-brand-mashable:before {
    content: "\e906"
}

.icofont-brand-mazda:before {
    content: "\e907"
}

.icofont-brand-mcdonals:before {
    content: "\e908"
}

.icofont-brand-mercedes:before {
    content: "\e909"
}

.icofont-brand-micromax:before {
    content: "\e90a"
}

.icofont-brand-microsoft:before {
    content: "\e90b"
}

.icofont-brand-mobileme:before {
    content: "\e90c"
}

.icofont-brand-mobily:before {
    content: "\e90d"
}

.icofont-brand-motorola:before {
    content: "\e90e"
}

.icofont-brand-msi:before {
    content: "\e90f"
}

.icofont-brand-mts:before {
    content: "\e910"
}

.icofont-brand-myspace:before {
    content: "\e911"
}

.icofont-brand-mytv:before {
    content: "\e912"
}

.icofont-brand-nasa:before {
    content: "\e913"
}

.icofont-brand-natgeo:before {
    content: "\e914"
}

.icofont-brand-nbc:before {
    content: "\e915"
}

.icofont-brand-nescafe:before {
    content: "\e916"
}

.icofont-brand-nestle:before {
    content: "\e917"
}

.icofont-brand-netflix:before {
    content: "\e918"
}

.icofont-brand-nexus:before {
    content: "\e919"
}

.icofont-brand-nike:before {
    content: "\e91a"
}

.icofont-brand-nokia:before {
    content: "\e91b"
}

.icofont-brand-nvidia:before {
    content: "\e91c"
}

.icofont-brand-omega:before {
    content: "\e91d"
}

.icofont-brand-opensuse:before {
    content: "\e91e"
}

.icofont-brand-oracle:before {
    content: "\e91f"
}

.icofont-brand-panasonic:before {
    content: "\e920"
}

.icofont-brand-paypal:before {
    content: "\e921"
}

.icofont-brand-pepsi:before {
    content: "\e922"
}

.icofont-brand-philips:before {
    content: "\e923"
}

.icofont-brand-pizza-hut:before {
    content: "\e924"
}

.icofont-brand-playstation:before {
    content: "\e925"
}

.icofont-brand-puma:before {
    content: "\e926"
}

.icofont-brand-qatar-air:before {
    content: "\e927"
}

.icofont-brand-qvc:before {
    content: "\e928"
}

.icofont-brand-readernaut:before {
    content: "\e929"
}

.icofont-brand-redbull:before {
    content: "\e92a"
}

.icofont-brand-reebok:before {
    content: "\e92b"
}

.icofont-brand-reuters:before {
    content: "\e92c"
}

.icofont-brand-samsung:before {
    content: "\e92d"
}

.icofont-brand-sap:before {
    content: "\e92e"
}

.icofont-brand-saudia-airlines:before {
    content: "\e92f"
}

.icofont-brand-scribd:before {
    content: "\e930"
}

.icofont-brand-shell:before {
    content: "\e931"
}

.icofont-brand-siemens:before {
    content: "\e932"
}

.icofont-brand-sk-telecom:before {
    content: "\e933"
}

.icofont-brand-slideshare:before {
    content: "\e934"
}

.icofont-brand-smashing-magazine:before {
    content: "\e935"
}

.icofont-brand-snapchat:before {
    content: "\e936"
}

.icofont-brand-sony-ericsson:before {
    content: "\e937"
}

.icofont-brand-sony:before {
    content: "\e938"
}

.icofont-brand-soundcloud:before {
    content: "\e939"
}

.icofont-brand-sprint:before {
    content: "\e93a"
}

.icofont-brand-squidoo:before {
    content: "\e93b"
}

.icofont-brand-starbucks:before {
    content: "\e93c"
}

.icofont-brand-stc:before {
    content: "\e93d"
}

.icofont-brand-steam:before {
    content: "\e93e"
}

.icofont-brand-suzuki:before {
    content: "\e93f"
}

.icofont-brand-symbian:before {
    content: "\e940"
}

.icofont-brand-t-mobile:before {
    content: "\e941"
}

.icofont-brand-tango:before {
    content: "\e942"
}

.icofont-brand-target:before {
    content: "\e943"
}

.icofont-brand-tata-indicom:before {
    content: "\e944"
}

.icofont-brand-techcrunch:before {
    content: "\e945"
}

.icofont-brand-telenor:before {
    content: "\e946"
}

.icofont-brand-teliasonera:before {
    content: "\e947"
}

.icofont-brand-tesla:before {
    content: "\e948"
}

.icofont-brand-the-verge:before {
    content: "\e949"
}

.icofont-brand-thenextweb:before {
    content: "\e94a"
}

.icofont-brand-toshiba:before {
    content: "\e94b"
}

.icofont-brand-toyota:before {
    content: "\e94c"
}

.icofont-brand-tribenet:before {
    content: "\e94d"
}

.icofont-brand-ubuntu:before {
    content: "\e94e"
}

.icofont-brand-unilever:before {
    content: "\e94f"
}

.icofont-brand-vaio:before {
    content: "\e950"
}

.icofont-brand-verizon:before {
    content: "\e951"
}

.icofont-brand-viber:before {
    content: "\e952"
}

.icofont-brand-vodafone:before {
    content: "\e953"
}

.icofont-brand-volkswagen:before {
    content: "\e954"
}

.icofont-brand-walmart:before {
    content: "\e955"
}

.icofont-brand-warnerbros:before {
    content: "\e956"
}

.icofont-brand-whatsapp:before {
    content: "\e957"
}

.icofont-brand-wikipedia:before {
    content: "\e958"
}

.icofont-brand-windows:before {
    content: "\e959"
}

.icofont-brand-wire:before {
    content: "\e95a"
}

.icofont-brand-wordpress:before {
    content: "\e95b"
}

.icofont-brand-xiaomi:before {
    content: "\e95c"
}

.icofont-brand-yahoobuzz:before {
    content: "\e95d"
}

.icofont-brand-yamaha:before {
    content: "\e95e"
}

.icofont-brand-youtube:before {
    content: "\e95f"
}

.icofont-brand-zain:before {
    content: "\e960"
}

.icofont-bank-alt:before {
    content: "\e961"
}

.icofont-bank:before {
    content: "\e962"
}

.icofont-barcode:before {
    content: "\e963"
}

.icofont-bill-alt:before {
    content: "\e964"
}

.icofont-billboard:before {
    content: "\e965"
}

.icofont-briefcase-1:before {
    content: "\e966"
}

.icofont-briefcase-2:before {
    content: "\e967"
}

.icofont-businessman:before {
    content: "\e968"
}

.icofont-businesswoman:before {
    content: "\e969"
}

.icofont-chair:before {
    content: "\e96a"
}

.icofont-coins:before {
    content: "\e96b"
}

.icofont-company:before {
    content: "\e96c"
}

.icofont-contact-add:before {
    content: "\e96d"
}

.icofont-files-stack:before {
    content: "\e96e"
}

.icofont-handshake-deal:before {
    content: "\e96f"
}

.icofont-id-card:before {
    content: "\e970"
}

.icofont-meeting-add:before {
    content: "\e971"
}

.icofont-money-bag:before {
    content: "\e972"
}

.icofont-pie-chart:before {
    content: "\e973"
}

.icofont-presentation-alt:before {
    content: "\e974"
}

.icofont-presentation:before {
    content: "\e975"
}

.icofont-stamp:before {
    content: "\e976"
}

.icofont-stock-mobile:before {
    content: "\e977"
}

.icofont-chart-arrows-axis:before {
    content: "\e978"
}

.icofont-chart-bar-graph:before {
    content: "\e979"
}

.icofont-chart-flow-1:before {
    content: "\e97a"
}

.icofont-chart-flow-2:before {
    content: "\e97b"
}

.icofont-chart-flow:before {
    content: "\e97c"
}

.icofont-chart-growth:before {
    content: "\e97d"
}

.icofont-chart-histogram-alt:before {
    content: "\e97e"
}

.icofont-chart-histogram:before {
    content: "\e97f"
}

.icofont-chart-line-alt:before {
    content: "\e980"
}

.icofont-chart-line:before {
    content: "\e981"
}

.icofont-chart-pie-alt:before {
    content: "\e982"
}

.icofont-chart-pie:before {
    content: "\e983"
}

.icofont-chart-radar-graph:before {
    content: "\e984"
}

.icofont-architecture-alt:before {
    content: "\e985"
}

.icofont-architecture:before {
    content: "\e986"
}

.icofont-barricade:before {
    content: "\e987"
}

.icofont-bolt:before {
    content: "\e988"
}

.icofont-bricks:before {
    content: "\e989"
}

.icofont-building-alt:before {
    content: "\e98a"
}

.icofont-bull-dozer:before {
    content: "\e98b"
}

.icofont-calculations:before {
    content: "\e98c"
}

.icofont-cement-mix:before {
    content: "\e98d"
}

.icofont-cement-mixer:before {
    content: "\e98e"
}

.icofont-concrete-mixer:before {
    content: "\e98f"
}

.icofont-danger-zone:before {
    content: "\e990"
}

.icofont-drill:before {
    content: "\e991"
}

.icofont-eco-energy:before {
    content: "\e992"
}

.icofont-eco-environmen:before {
    content: "\e993"
}

.icofont-energy-air:before {
    content: "\e994"
}

.icofont-energy-oil:before {
    content: "\e995"
}

.icofont-energy-savings:before {
    content: "\e996"
}

.icofont-energy-solar:before {
    content: "\e997"
}

.icofont-energy-water:before {
    content: "\e998"
}

.icofont-engineer:before {
    content: "\e999"
}

.icofont-fire-extinguisher-alt:before {
    content: "\e99a"
}

.icofont-fire-extinguisher:before {
    content: "\e99b"
}

.icofont-fix-tools:before {
    content: "\e99c"
}

.icofont-fork-lift:before {
    content: "\e99d"
}

.icofont-glue-oil:before {
    content: "\e99e"
}

.icofont-hammer-alt:before {
    content: "\e99f"
}

.icofont-hammer:before {
    content: "\e9a0"
}

.icofont-help-robot:before {
    content: "\e9a1"
}

.icofont-industries-1:before {
    content: "\e9a2"
}

.icofont-industries-2:before {
    content: "\e9a3"
}

.icofont-industries-3:before {
    content: "\e9a4"
}

.icofont-industries-4:before {
    content: "\e9a5"
}

.icofont-industries-5:before {
    content: "\e9a6"
}

.icofont-industries:before {
    content: "\e9a7"
}

.icofont-labour:before {
    content: "\e9a8"
}

.icofont-mining:before {
    content: "\e9a9"
}

.icofont-paint-brush:before {
    content: "\e9aa"
}

.icofont-pollution:before {
    content: "\e9ab"
}

.icofont-power-zone:before {
    content: "\e9ac"
}

.icofont-radio-active:before {
    content: "\e9ad"
}

.icofont-recycle-alt:before {
    content: "\e9ae"
}

.icofont-recycling-man:before {
    content: "\e9af"
}

.icofont-safety-hat-light:before {
    content: "\e9b0"
}

.icofont-safety-hat:before {
    content: "\e9b1"
}

.icofont-saw:before {
    content: "\e9b2"
}

.icofont-screw-driver:before {
    content: "\e9b3"
}

.icofont-tools-1:before {
    content: "\e9b4"
}

.icofont-tools-bag:before {
    content: "\e9b5"
}

.icofont-tow-truck:before {
    content: "\e9b6"
}

.icofont-trolley:before {
    content: "\e9b7"
}

.icofont-trowel:before {
    content: "\e9b8"
}

.icofont-under-construction-alt:before {
    content: "\e9b9"
}

.icofont-under-construction:before {
    content: "\e9ba"
}

.icofont-vehicle-cement:before {
    content: "\e9bb"
}

.icofont-vehicle-crane:before {
    content: "\e9bc"
}

.icofont-vehicle-delivery-van:before {
    content: "\e9bd"
}

.icofont-vehicle-dozer:before {
    content: "\e9be"
}

.icofont-vehicle-excavator:before {
    content: "\e9bf"
}

.icofont-vehicle-trucktor:before {
    content: "\e9c0"
}

.icofont-vehicle-wrecking:before {
    content: "\e9c1"
}

.icofont-worker:before {
    content: "\e9c2"
}

.icofont-workers-group:before {
    content: "\e9c3"
}

.icofont-wrench:before {
    content: "\e9c4"
}

.icofont-afghani-false:before {
    content: "\e9c5"
}

.icofont-afghani-minus:before {
    content: "\e9c6"
}

.icofont-afghani-plus:before {
    content: "\e9c7"
}

.icofont-afghani-true:before {
    content: "\e9c8"
}

.icofont-afghani:before {
    content: "\e9c9"
}

.icofont-baht-false:before {
    content: "\e9ca"
}

.icofont-baht-minus:before {
    content: "\e9cb"
}

.icofont-baht-plus:before {
    content: "\e9cc"
}

.icofont-baht-true:before {
    content: "\e9cd"
}

.icofont-baht:before {
    content: "\e9ce"
}

.icofont-bitcoin-false:before {
    content: "\e9cf"
}

.icofont-bitcoin-minus:before {
    content: "\e9d0"
}

.icofont-bitcoin-plus:before {
    content: "\e9d1"
}

.icofont-bitcoin-true:before {
    content: "\e9d2"
}

.icofont-bitcoin:before {
    content: "\e9d3"
}

.icofont-dollar-flase:before {
    content: "\e9d4"
}

.icofont-dollar-minus:before {
    content: "\e9d5"
}

.icofont-dollar-plus:before {
    content: "\e9d6"
}

.icofont-dollar-true:before {
    content: "\e9d7"
}

.icofont-dollar:before {
    content: "\e9d8"
}

.icofont-dong-false:before {
    content: "\e9d9"
}

.icofont-dong-minus:before {
    content: "\e9da"
}

.icofont-dong-plus:before {
    content: "\e9db"
}

.icofont-dong-true:before {
    content: "\e9dc"
}

.icofont-dong:before {
    content: "\e9dd"
}

.icofont-euro-false:before {
    content: "\e9de"
}

.icofont-euro-minus:before {
    content: "\e9df"
}

.icofont-euro-plus:before {
    content: "\e9e0"
}

.icofont-euro-true:before {
    content: "\e9e1"
}

.icofont-euro:before {
    content: "\e9e2"
}

.icofont-frank-false:before {
    content: "\e9e3"
}

.icofont-frank-minus:before {
    content: "\e9e4"
}

.icofont-frank-plus:before {
    content: "\e9e5"
}

.icofont-frank-true:before {
    content: "\e9e6"
}

.icofont-frank:before {
    content: "\e9e7"
}

.icofont-hryvnia-false:before {
    content: "\e9e8"
}

.icofont-hryvnia-minus:before {
    content: "\e9e9"
}

.icofont-hryvnia-plus:before {
    content: "\e9ea"
}

.icofont-hryvnia-true:before {
    content: "\e9eb"
}

.icofont-hryvnia:before {
    content: "\e9ec"
}

.icofont-lira-false:before {
    content: "\e9ed"
}

.icofont-lira-minus:before {
    content: "\e9ee"
}

.icofont-lira-plus:before {
    content: "\e9ef"
}

.icofont-lira-true:before {
    content: "\e9f0"
}

.icofont-lira:before {
    content: "\e9f1"
}

.icofont-peseta-false:before {
    content: "\e9f2"
}

.icofont-peseta-minus:before {
    content: "\e9f3"
}

.icofont-peseta-plus:before {
    content: "\e9f4"
}

.icofont-peseta-true:before {
    content: "\e9f5"
}

.icofont-peseta:before {
    content: "\e9f6"
}

.icofont-peso-false:before {
    content: "\e9f7"
}

.icofont-peso-minus:before {
    content: "\e9f8"
}

.icofont-peso-plus:before {
    content: "\e9f9"
}

.icofont-peso-true:before {
    content: "\e9fa"
}

.icofont-peso:before {
    content: "\e9fb"
}

.icofont-pound-false:before {
    content: "\e9fc"
}

.icofont-pound-minus:before {
    content: "\e9fd"
}

.icofont-pound-plus:before {
    content: "\e9fe"
}

.icofont-pound-true:before {
    content: "\e9ff"
}

.icofont-pound:before {
    content: "\ea00"
}

.icofont-renminbi-false:before {
    content: "\ea01"
}

.icofont-renminbi-minus:before {
    content: "\ea02"
}

.icofont-renminbi-plus:before {
    content: "\ea03"
}

.icofont-renminbi-true:before {
    content: "\ea04"
}

.icofont-renminbi:before {
    content: "\ea05"
}

.icofont-riyal-false:before {
    content: "\ea06"
}

.icofont-riyal-minus:before {
    content: "\ea07"
}

.icofont-riyal-plus:before {
    content: "\ea08"
}

.icofont-riyal-true:before {
    content: "\ea09"
}

.icofont-riyal:before {
    content: "\ea0a"
}

.icofont-rouble-false:before {
    content: "\ea0b"
}

.icofont-rouble-minus:before {
    content: "\ea0c"
}

.icofont-rouble-plus:before {
    content: "\ea0d"
}

.icofont-rouble-true:before {
    content: "\ea0e"
}

.icofont-rouble:before {
    content: "\ea0f"
}

.icofont-rupee-false:before {
    content: "\ea10"
}

.icofont-rupee-minus:before {
    content: "\ea11"
}

.icofont-rupee-plus:before {
    content: "\ea12"
}

.icofont-rupee-true:before {
    content: "\ea13"
}

.icofont-rupee:before {
    content: "\ea14"
}

.icofont-taka-false:before {
    content: "\ea15"
}

.icofont-taka-minus:before {
    content: "\ea16"
}

.icofont-taka-plus:before {
    content: "\ea17"
}

.icofont-taka-true:before {
    content: "\ea18"
}

.icofont-taka:before {
    content: "\ea19"
}

.icofont-turkish-lira-false:before {
    content: "\ea1a"
}

.icofont-turkish-lira-minus:before {
    content: "\ea1b"
}

.icofont-turkish-lira-plus:before {
    content: "\ea1c"
}

.icofont-turkish-lira-true:before {
    content: "\ea1d"
}

.icofont-turkish-lira:before {
    content: "\ea1e"
}

.icofont-won-false:before {
    content: "\ea1f"
}

.icofont-won-minus:before {
    content: "\ea20"
}

.icofont-won-plus:before {
    content: "\ea21"
}

.icofont-won-true:before {
    content: "\ea22"
}

.icofont-won:before {
    content: "\ea23"
}

.icofont-yen-false:before {
    content: "\ea24"
}

.icofont-yen-minus:before {
    content: "\ea25"
}

.icofont-yen-plus:before {
    content: "\ea26"
}

.icofont-yen-true:before {
    content: "\ea27"
}

.icofont-yen:before {
    content: "\ea28"
}

.icofont-android-nexus:before {
    content: "\ea29"
}

.icofont-android-tablet:before {
    content: "\ea2a"
}

.icofont-apple-watch:before {
    content: "\ea2b"
}

.icofont-drawing-tablet:before {
    content: "\ea2c"
}

.icofont-earphone:before {
    content: "\ea2d"
}

.icofont-flash-drive:before {
    content: "\ea2e"
}

.icofont-game-console:before {
    content: "\ea2f"
}

.icofont-game-controller:before {
    content: "\ea30"
}

.icofont-game-pad:before {
    content: "\ea31"
}

.icofont-game:before {
    content: "\ea32"
}

.icofont-headphone-alt-1:before {
    content: "\ea33"
}

.icofont-headphone-alt-2:before {
    content: "\ea34"
}

.icofont-headphone-alt-3:before {
    content: "\ea35"
}

.icofont-headphone-alt:before {
    content: "\ea36"
}

.icofont-headphone:before {
    content: "\ea37"
}

.icofont-htc-one:before {
    content: "\ea38"
}

.icofont-imac:before {
    content: "\ea39"
}

.icofont-ipad:before {
    content: "\ea3a"
}

.icofont-iphone:before {
    content: "\ea3b"
}

.icofont-ipod-nano:before {
    content: "\ea3c"
}

.icofont-ipod-touch:before {
    content: "\ea3d"
}

.icofont-keyboard-alt:before {
    content: "\ea3e"
}

.icofont-keyboard-wireless:before {
    content: "\ea3f"
}

.icofont-keyboard:before {
    content: "\ea40"
}

.icofont-laptop-alt:before {
    content: "\ea41"
}

.icofont-laptop:before {
    content: "\ea42"
}

.icofont-macbook:before {
    content: "\ea43"
}

.icofont-magic-mouse:before {
    content: "\ea44"
}

.icofont-micro-chip:before {
    content: "\ea45"
}

.icofont-microphone-alt:before {
    content: "\ea46"
}

.icofont-microphone:before {
    content: "\ea47"
}

.icofont-monitor:before {
    content: "\ea48"
}

.icofont-mouse:before {
    content: "\ea49"
}

.icofont-mp3-player:before {
    content: "\ea4a"
}

.icofont-nintendo:before {
    content: "\ea4b"
}

.icofont-playstation-alt:before {
    content: "\ea4c"
}

.icofont-psvita:before {
    content: "\ea4d"
}

.icofont-radio-mic:before {
    content: "\ea4e"
}

.icofont-radio:before {
    content: "\ea4f"
}

.icofont-refrigerator:before {
    content: "\ea50"
}

.icofont-samsung-galaxy:before {
    content: "\ea51"
}

.icofont-surface-tablet:before {
    content: "\ea52"
}

.icofont-ui-head-phone:before {
    content: "\ea53"
}

.icofont-ui-keyboard:before {
    content: "\ea54"
}

.icofont-washing-machine:before {
    content: "\ea55"
}

.icofont-wifi-router:before {
    content: "\ea56"
}

.icofont-wii-u:before {
    content: "\ea57"
}

.icofont-windows-lumia:before {
    content: "\ea58"
}

.icofont-wireless-mouse:before {
    content: "\ea59"
}

.icofont-xbox-360:before {
    content: "\ea5a"
}

.icofont-arrow-down:before {
    content: "\ea5b"
}

.icofont-arrow-left:before {
    content: "\ea5c"
}

.icofont-arrow-right:before {
    content: "\ea5d"
}

.icofont-arrow-up:before {
    content: "\ea5e"
}

.icofont-block-down:before {
    content: "\ea5f"
}

.icofont-block-left:before {
    content: "\ea60"
}

.icofont-block-right:before {
    content: "\ea61"
}

.icofont-block-up:before {
    content: "\ea62"
}

.icofont-bubble-down:before {
    content: "\ea63"
}

.icofont-bubble-left:before {
    content: "\ea64"
}

.icofont-bubble-right:before {
    content: "\ea65"
}

.icofont-bubble-up:before {
    content: "\ea66"
}

.icofont-caret-down:before {
    content: "\ea67"
}

.icofont-caret-left:before {
    content: "\ea68"
}

.icofont-caret-right:before {
    content: "\ea69"
}

.icofont-caret-up:before {
    content: "\ea6a"
}

.icofont-circled-down:before {
    content: "\ea6b"
}

.icofont-circled-left:before {
    content: "\ea6c"
}

.icofont-circled-right:before {
    content: "\ea6d"
}

.icofont-circled-up:before {
    content: "\ea6e"
}

.icofont-collapse:before {
    content: "\ea6f"
}

.icofont-cursor-drag:before {
    content: "\ea70"
}

.icofont-curved-double-left:before {
    content: "\ea71"
}

.icofont-curved-double-right:before {
    content: "\ea72"
}

.icofont-curved-down:before {
    content: "\ea73"
}

.icofont-curved-left:before {
    content: "\ea74"
}

.icofont-curved-right:before {
    content: "\ea75"
}

.icofont-curved-up:before {
    content: "\ea76"
}

.icofont-dotted-down:before {
    content: "\ea77"
}

.icofont-dotted-left:before {
    content: "\ea78"
}

.icofont-dotted-right:before {
    content: "\ea79"
}

.icofont-dotted-up:before {
    content: "\ea7a"
}

.icofont-double-left:before {
    content: "\ea7b"
}

.icofont-double-right:before {
    content: "\ea7c"
}

.icofont-expand-alt:before {
    content: "\ea7d"
}

.icofont-hand-down:before {
    content: "\ea7e"
}

.icofont-hand-drag:before {
    content: "\ea7f"
}

.icofont-hand-drag1:before {
    content: "\ea80"
}

.icofont-hand-drag2:before {
    content: "\ea81"
}

.icofont-hand-drawn-alt-down:before {
    content: "\ea82"
}

.icofont-hand-drawn-alt-left:before {
    content: "\ea83"
}

.icofont-hand-drawn-alt-right:before {
    content: "\ea84"
}

.icofont-hand-drawn-alt-up:before {
    content: "\ea85"
}

.icofont-hand-drawn-down:before {
    content: "\ea86"
}

.icofont-hand-drawn-left:before {
    content: "\ea87"
}

.icofont-hand-drawn-right:before {
    content: "\ea88"
}

.icofont-hand-drawn-up:before {
    content: "\ea89"
}

.icofont-hand-grippers:before {
    content: "\ea8a"
}

.icofont-hand-left:before {
    content: "\ea8b"
}

.icofont-hand-right:before {
    content: "\ea8c"
}

.icofont-hand-up:before {
    content: "\ea8d"
}

.icofont-line-block-down:before {
    content: "\ea8e"
}

.icofont-line-block-left:before {
    content: "\ea8f"
}

.icofont-line-block-right:before {
    content: "\ea90"
}

.icofont-line-block-up:before {
    content: "\ea91"
}

.icofont-long-arrow-down:before {
    content: "\ea92"
}

.icofont-long-arrow-left:before {
    content: "\ea93"
}

.icofont-long-arrow-right:before {
    content: "\ea94"
}

.icofont-long-arrow-up:before {
    content: "\ea95"
}

.icofont-rounded-collapse:before {
    content: "\ea96"
}

.icofont-rounded-double-left:before {
    content: "\ea97"
}

.icofont-rounded-double-right:before {
    content: "\ea98"
}

.icofont-rounded-down:before {
    content: "\ea99"
}

.icofont-rounded-expand:before {
    content: "\ea9a"
}

.icofont-rounded-left-down:before {
    content: "\ea9b"
}

.icofont-rounded-left-up:before {
    content: "\ea9c"
}

.icofont-rounded-left:before {
    content: "\ea9d"
}

.icofont-rounded-right-down:before {
    content: "\ea9e"
}

.icofont-rounded-right-up:before {
    content: "\ea9f"
}

.icofont-rounded-right:before {
    content: "\eaa0"
}

.icofont-rounded-up:before {
    content: "\eaa1"
}

.icofont-scroll-bubble-down:before {
    content: "\eaa2"
}

.icofont-scroll-bubble-left:before {
    content: "\eaa3"
}

.icofont-scroll-bubble-right:before {
    content: "\eaa4"
}

.icofont-scroll-bubble-up:before {
    content: "\eaa5"
}

.icofont-scroll-double-down:before {
    content: "\eaa6"
}

.icofont-scroll-double-left:before {
    content: "\eaa7"
}

.icofont-scroll-double-right:before {
    content: "\eaa8"
}

.icofont-scroll-double-up:before {
    content: "\eaa9"
}

.icofont-scroll-down:before {
    content: "\eaaa"
}

.icofont-scroll-left:before {
    content: "\eaab"
}

.icofont-scroll-long-down:before {
    content: "\eaac"
}

.icofont-scroll-long-left:before {
    content: "\eaad"
}

.icofont-scroll-long-right:before {
    content: "\eaae"
}

.icofont-scroll-long-up:before {
    content: "\eaaf"
}

.icofont-scroll-right:before {
    content: "\eab0"
}

.icofont-scroll-up:before {
    content: "\eab1"
}

.icofont-simple-down:before {
    content: "\eab2"
}

.icofont-simple-left-down:before {
    content: "\eab3"
}

.icofont-simple-left-up:before {
    content: "\eab4"
}

.icofont-simple-left:before {
    content: "\eab5"
}

.icofont-simple-right-down:before {
    content: "\eab6"
}

.icofont-simple-right-up:before {
    content: "\eab7"
}

.icofont-simple-right:before {
    content: "\eab8"
}

.icofont-simple-up:before {
    content: "\eab9"
}

.icofont-square-down:before {
    content: "\eaba"
}

.icofont-square-left:before {
    content: "\eabb"
}

.icofont-square-right:before {
    content: "\eabc"
}

.icofont-square-up:before {
    content: "\eabd"
}

.icofont-stylish-down:before {
    content: "\eabe"
}

.icofont-stylish-left:before {
    content: "\eabf"
}

.icofont-stylish-right:before {
    content: "\eac0"
}

.icofont-stylish-up:before {
    content: "\eac1"
}

.icofont-swoosh-down:before {
    content: "\eac2"
}

.icofont-swoosh-left:before {
    content: "\eac3"
}

.icofont-swoosh-right:before {
    content: "\eac4"
}

.icofont-swoosh-up:before {
    content: "\eac5"
}

.icofont-thin-double-left:before {
    content: "\eac6"
}

.icofont-thin-double-right:before {
    content: "\eac7"
}

.icofont-thin-down:before {
    content: "\eac8"
}

.icofont-thin-left:before {
    content: "\eac9"
}

.icofont-thin-right:before {
    content: "\eaca"
}

.icofont-thin-up:before {
    content: "\eacb"
}

.icofont-abc:before {
    content: "\eacc"
}

.icofont-atom:before {
    content: "\eacd"
}

.icofont-award:before {
    content: "\eace"
}

.icofont-bell-alt:before {
    content: "\eacf"
}

.icofont-black-board:before {
    content: "\ead0"
}

.icofont-book-alt:before {
    content: "\ead1"
}

.icofont-book:before {
    content: "\ead2"
}

.icofont-brainstorming:before {
    content: "\ead3"
}

.icofont-certificate-alt-1:before {
    content: "\ead4"
}

.icofont-certificate-alt-2:before {
    content: "\ead5"
}

.icofont-certificate:before {
    content: "\ead6"
}

.icofont-education:before {
    content: "\ead7"
}

.icofont-electron:before {
    content: "\ead8"
}

.icofont-fountain-pen:before {
    content: "\ead9"
}

.icofont-globe-alt:before {
    content: "\eada"
}

.icofont-graduate-alt:before {
    content: "\eadb"
}

.icofont-graduate:before {
    content: "\eadc"
}

.icofont-group-students:before {
    content: "\eadd"
}

.icofont-hat-alt:before {
    content: "\eade"
}

.icofont-hat:before {
    content: "\eadf"
}

.icofont-instrument:before {
    content: "\eae0"
}

.icofont-lamp-light:before {
    content: "\eae1"
}

.icofont-medal:before {
    content: "\eae2"
}

.icofont-microscope-alt:before {
    content: "\eae3"
}

.icofont-microscope:before {
    content: "\eae4"
}

.icofont-paper:before {
    content: "\eae5"
}

.icofont-pen-alt-4:before {
    content: "\eae6"
}

.icofont-pen-nib:before {
    content: "\eae7"
}

.icofont-pencil-alt-5:before {
    content: "\eae8"
}

.icofont-quill-pen:before {
    content: "\eae9"
}

.icofont-read-book-alt:before {
    content: "\eaea"
}

.icofont-read-book:before {
    content: "\eaeb"
}

.icofont-school-bag:before {
    content: "\eaec"
}

.icofont-school-bus:before {
    content: "\eaed"
}

.icofont-student-alt:before {
    content: "\eaee"
}

.icofont-student:before {
    content: "\eaef"
}

.icofont-teacher:before {
    content: "\eaf0"
}

.icofont-test-bulb:before {
    content: "\eaf1"
}

.icofont-test-tube-alt:before {
    content: "\eaf2"
}

.icofont-university:before {
    content: "\eaf3"
}

.icofont-angry:before {
    content: "\eaf4"
}

.icofont-astonished:before {
    content: "\eaf5"
}

.icofont-confounded:before {
    content: "\eaf6"
}

.icofont-confused:before {
    content: "\eaf7"
}

.icofont-crying:before {
    content: "\eaf8"
}

.icofont-dizzy:before {
    content: "\eaf9"
}

.icofont-expressionless:before {
    content: "\eafa"
}

.icofont-heart-eyes:before {
    content: "\eafb"
}

.icofont-laughing:before {
    content: "\eafc"
}

.icofont-nerd-smile:before {
    content: "\eafd"
}

.icofont-open-mouth:before {
    content: "\eafe"
}

.icofont-rage:before {
    content: "\eaff"
}

.icofont-rolling-eyes:before {
    content: "\eb00"
}

.icofont-sad:before {
    content: "\eb01"
}

.icofont-simple-smile:before {
    content: "\eb02"
}

.icofont-slightly-smile:before {
    content: "\eb03"
}

.icofont-smirk:before {
    content: "\eb04"
}

.icofont-stuck-out-tongue:before {
    content: "\eb05"
}

.icofont-wink-smile:before {
    content: "\eb06"
}

.icofont-worried:before {
    content: "\eb07"
}

.icofont-file-alt:before {
    content: "\eb08"
}

.icofont-file-audio:before {
    content: "\eb09"
}

.icofont-file-avi-mp4:before {
    content: "\eb0a"
}

.icofont-file-bmp:before {
    content: "\eb0b"
}

.icofont-file-code:before {
    content: "\eb0c"
}

.icofont-file-css:before {
    content: "\eb0d"
}

.icofont-file-document:before {
    content: "\eb0e"
}

.icofont-file-eps:before {
    content: "\eb0f"
}

.icofont-file-excel:before {
    content: "\eb10"
}

.icofont-file-exe:before {
    content: "\eb11"
}

.icofont-file-file:before {
    content: "\eb12"
}

.icofont-file-flv:before {
    content: "\eb13"
}

.icofont-file-gif:before {
    content: "\eb14"
}

.icofont-file-html5:before {
    content: "\eb15"
}

.icofont-file-image:before {
    content: "\eb16"
}

.icofont-file-iso:before {
    content: "\eb17"
}

.icofont-file-java:before {
    content: "\eb18"
}

.icofont-file-javascript:before {
    content: "\eb19"
}

.icofont-file-jpg:before {
    content: "\eb1a"
}

.icofont-file-midi:before {
    content: "\eb1b"
}

.icofont-file-mov:before {
    content: "\eb1c"
}

.icofont-file-mp3:before {
    content: "\eb1d"
}

.icofont-file-pdf:before {
    content: "\eb1e"
}

.icofont-file-php:before {
    content: "\eb1f"
}

.icofont-file-png:before {
    content: "\eb20"
}

.icofont-file-powerpoint:before {
    content: "\eb21"
}

.icofont-file-presentation:before {
    content: "\eb22"
}

.icofont-file-psb:before {
    content: "\eb23"
}

.icofont-file-psd:before {
    content: "\eb24"
}

.icofont-file-python:before {
    content: "\eb25"
}

.icofont-file-ruby:before {
    content: "\eb26"
}

.icofont-file-spreadsheet:before {
    content: "\eb27"
}

.icofont-file-sql:before {
    content: "\eb28"
}

.icofont-file-svg:before {
    content: "\eb29"
}

.icofont-file-text:before {
    content: "\eb2a"
}

.icofont-file-tiff:before {
    content: "\eb2b"
}

.icofont-file-video:before {
    content: "\eb2c"
}

.icofont-file-wave:before {
    content: "\eb2d"
}

.icofont-file-wmv:before {
    content: "\eb2e"
}

.icofont-file-word:before {
    content: "\eb2f"
}

.icofont-file-zip:before {
    content: "\eb30"
}

.icofont-cycling-alt:before {
    content: "\eb31"
}

.icofont-cycling:before {
    content: "\eb32"
}

.icofont-dumbbell:before {
    content: "\eb33"
}

.icofont-dumbbells:before {
    content: "\eb34"
}

.icofont-gym-alt-1:before {
    content: "\eb35"
}

.icofont-gym-alt-2:before {
    content: "\eb36"
}

.icofont-gym-alt-3:before {
    content: "\eb37"
}

.icofont-gym:before {
    content: "\eb38"
}

.icofont-muscle-weight:before {
    content: "\eb39"
}

.icofont-muscle:before {
    content: "\eb3a"
}

.icofont-apple:before {
    content: "\eb3b"
}

.icofont-arabian-coffee:before {
    content: "\eb3c"
}

.icofont-artichoke:before {
    content: "\eb3d"
}

.icofont-asparagus:before {
    content: "\eb3e"
}

.icofont-avocado:before {
    content: "\eb3f"
}

.icofont-baby-food:before {
    content: "\eb40"
}

.icofont-banana:before {
    content: "\eb41"
}

.icofont-bbq:before {
    content: "\eb42"
}

.icofont-beans:before {
    content: "\eb43"
}

.icofont-beer:before {
    content: "\eb44"
}

.icofont-bell-pepper-capsicum:before {
    content: "\eb45"
}

.icofont-birthday-cake:before {
    content: "\eb46"
}

.icofont-bread:before {
    content: "\eb47"
}

.icofont-broccoli:before {
    content: "\eb48"
}

.icofont-burger:before {
    content: "\eb49"
}

.icofont-cabbage:before {
    content: "\eb4a"
}

.icofont-carrot:before {
    content: "\eb4b"
}

.icofont-cauli-flower:before {
    content: "\eb4c"
}

.icofont-cheese:before {
    content: "\eb4d"
}

.icofont-chef:before {
    content: "\eb4e"
}

.icofont-cherry:before {
    content: "\eb4f"
}

.icofont-chicken-fry:before {
    content: "\eb50"
}

.icofont-chicken:before {
    content: "\eb51"
}

.icofont-cocktail:before {
    content: "\eb52"
}

.icofont-coconut-water:before {
    content: "\eb53"
}

.icofont-coconut:before {
    content: "\eb54"
}

.icofont-coffee-alt:before {
    content: "\eb55"
}

.icofont-coffee-cup:before {
    content: "\eb56"
}

.icofont-coffee-mug:before {
    content: "\eb57"
}

.icofont-coffee-pot:before {
    content: "\eb58"
}

.icofont-cola:before {
    content: "\eb59"
}

.icofont-corn:before {
    content: "\eb5a"
}

.icofont-croissant:before {
    content: "\eb5b"
}

.icofont-crop-plant:before {
    content: "\eb5c"
}

.icofont-cucumber:before {
    content: "\eb5d"
}

.icofont-culinary:before {
    content: "\eb5e"
}

.icofont-cup-cake:before {
    content: "\eb5f"
}

.icofont-dining-table:before {
    content: "\eb60"
}

.icofont-donut:before {
    content: "\eb61"
}

.icofont-egg-plant:before {
    content: "\eb62"
}

.icofont-egg-poached:before {
    content: "\eb63"
}

.icofont-farmer-alt:before {
    content: "\eb64"
}

.icofont-farmer:before {
    content: "\eb65"
}

.icofont-fast-food:before {
    content: "\eb66"
}

.icofont-food-basket:before {
    content: "\eb67"
}

.icofont-food-cart:before {
    content: "\eb68"
}

.icofont-fork-and-knife:before {
    content: "\eb69"
}

.icofont-french-fries:before {
    content: "\eb6a"
}

.icofont-fruits:before {
    content: "\eb6b"
}

.icofont-grapes:before {
    content: "\eb6c"
}

.icofont-honey:before {
    content: "\eb6d"
}

.icofont-hot-dog:before {
    content: "\eb6e"
}

.icofont-ice-cream-alt:before {
    content: "\eb6f"
}

.icofont-ice-cream:before {
    content: "\eb70"
}

.icofont-juice:before {
    content: "\eb71"
}

.icofont-ketchup:before {
    content: "\eb72"
}

.icofont-kiwi:before {
    content: "\eb73"
}

.icofont-layered-cake:before {
    content: "\eb74"
}

.icofont-lemon-alt:before {
    content: "\eb75"
}

.icofont-lemon:before {
    content: "\eb76"
}

.icofont-lobster:before {
    content: "\eb77"
}

.icofont-mango:before {
    content: "\eb78"
}

.icofont-milk:before {
    content: "\eb79"
}

.icofont-mushroom:before {
    content: "\eb7a"
}

.icofont-noodles:before {
    content: "\eb7b"
}

.icofont-onion:before {
    content: "\eb7c"
}

.icofont-orange:before {
    content: "\eb7d"
}

.icofont-pear:before {
    content: "\eb7e"
}

.icofont-peas:before {
    content: "\eb7f"
}

.icofont-pepper:before {
    content: "\eb80"
}

.icofont-pie-alt:before {
    content: "\eb81"
}

.icofont-pie:before {
    content: "\eb82"
}

.icofont-pineapple:before {
    content: "\eb83"
}

.icofont-pizza-slice:before {
    content: "\eb84"
}

.icofont-pizza:before {
    content: "\eb85"
}

.icofont-plant:before {
    content: "\eb86"
}

.icofont-popcorn:before {
    content: "\eb87"
}

.icofont-potato:before {
    content: "\eb88"
}

.icofont-pumpkin:before {
    content: "\eb89"
}

.icofont-raddish:before {
    content: "\eb8a"
}

.icofont-restaurant-menu:before {
    content: "\eb8b"
}

.icofont-restaurant:before {
    content: "\eb8c"
}

.icofont-salt-and-pepper:before {
    content: "\eb8d"
}

.icofont-sandwich:before {
    content: "\eb8e"
}

.icofont-sausage:before {
    content: "\eb8f"
}

.icofont-soft-drinks:before {
    content: "\eb90"
}

.icofont-soup-bowl:before {
    content: "\eb91"
}

.icofont-spoon-and-fork:before {
    content: "\eb92"
}

.icofont-steak:before {
    content: "\eb93"
}

.icofont-strawberry:before {
    content: "\eb94"
}

.icofont-sub-sandwich:before {
    content: "\eb95"
}

.icofont-sushi:before {
    content: "\eb96"
}

.icofont-taco:before {
    content: "\eb97"
}

.icofont-tea-pot:before {
    content: "\eb98"
}

.icofont-tea:before {
    content: "\eb99"
}

.icofont-tomato:before {
    content: "\eb9a"
}

.icofont-watermelon:before {
    content: "\eb9b"
}

.icofont-wheat:before {
    content: "\eb9c"
}

.icofont-baby-backpack:before {
    content: "\eb9d"
}

.icofont-baby-cloth:before {
    content: "\eb9e"
}

.icofont-baby-milk-bottle:before {
    content: "\eb9f"
}

.icofont-baby-trolley:before {
    content: "\eba0"
}

.icofont-baby:before {
    content: "\eba1"
}

.icofont-candy:before {
    content: "\eba2"
}

.icofont-holding-hands:before {
    content: "\eba3"
}

.icofont-infant-nipple:before {
    content: "\eba4"
}

.icofont-kids-scooter:before {
    content: "\eba5"
}

.icofont-safety-pin:before {
    content: "\eba6"
}

.icofont-teddy-bear:before {
    content: "\eba7"
}

.icofont-toy-ball:before {
    content: "\eba8"
}

.icofont-toy-cat:before {
    content: "\eba9"
}

.icofont-toy-duck:before {
    content: "\ebaa"
}

.icofont-toy-elephant:before {
    content: "\ebab"
}

.icofont-toy-hand:before {
    content: "\ebac"
}

.icofont-toy-horse:before {
    content: "\ebad"
}

.icofont-toy-lattu:before {
    content: "\ebae"
}

.icofont-toy-train:before {
    content: "\ebaf"
}

.icofont-burglar:before {
    content: "\ebb0"
}

.icofont-cannon-firing:before {
    content: "\ebb1"
}

.icofont-cc-camera:before {
    content: "\ebb2"
}

.icofont-cop-badge:before {
    content: "\ebb3"
}

.icofont-cop:before {
    content: "\ebb4"
}

.icofont-court-hammer:before {
    content: "\ebb5"
}

.icofont-court:before {
    content: "\ebb6"
}

.icofont-finger-print:before {
    content: "\ebb7"
}

.icofont-gavel:before {
    content: "\ebb8"
}

.icofont-handcuff-alt:before {
    content: "\ebb9"
}

.icofont-handcuff:before {
    content: "\ebba"
}

.icofont-investigation:before {
    content: "\ebbb"
}

.icofont-investigator:before {
    content: "\ebbc"
}

.icofont-jail:before {
    content: "\ebbd"
}

.icofont-judge:before {
    content: "\ebbe"
}

.icofont-law-alt-1:before {
    content: "\ebbf"
}

.icofont-law-alt-2:before {
    content: "\ebc0"
}

.icofont-law-alt-3:before {
    content: "\ebc1"
}

.icofont-law-book:before {
    content: "\ebc2"
}

.icofont-law-document:before {
    content: "\ebc3"
}

.icofont-law-order:before {
    content: "\ebc4"
}

.icofont-law-protect:before {
    content: "\ebc5"
}

.icofont-law-scales:before {
    content: "\ebc6"
}

.icofont-law:before {
    content: "\ebc7"
}

.icofont-lawyer-alt-1:before {
    content: "\ebc8"
}

.icofont-lawyer-alt-2:before {
    content: "\ebc9"
}

.icofont-lawyer:before {
    content: "\ebca"
}

.icofont-legal:before {
    content: "\ebcb"
}

.icofont-pistol:before {
    content: "\ebcc"
}

.icofont-police-badge:before {
    content: "\ebcd"
}

.icofont-police-cap:before {
    content: "\ebce"
}

.icofont-police-car-alt-1:before {
    content: "\ebcf"
}

.icofont-police-car-alt-2:before {
    content: "\ebd0"
}

.icofont-police-car:before {
    content: "\ebd1"
}

.icofont-police-hat:before {
    content: "\ebd2"
}

.icofont-police-van:before {
    content: "\ebd3"
}

.icofont-police:before {
    content: "\ebd4"
}

.icofont-thief-alt:before {
    content: "\ebd5"
}

.icofont-thief:before {
    content: "\ebd6"
}

.icofont-abacus-alt:before {
    content: "\ebd7"
}

.icofont-abacus:before {
    content: "\ebd8"
}

.icofont-angle-180:before {
    content: "\ebd9"
}

.icofont-angle-45:before {
    content: "\ebda"
}

.icofont-angle-90:before {
    content: "\ebdb"
}

.icofont-angle:before {
    content: "\ebdc"
}

.icofont-calculator-alt-1:before {
    content: "\ebdd"
}

.icofont-calculator-alt-2:before {
    content: "\ebde"
}

.icofont-calculator:before {
    content: "\ebdf"
}

.icofont-circle-ruler-alt:before {
    content: "\ebe0"
}

.icofont-circle-ruler:before {
    content: "\ebe1"
}

.icofont-compass-alt-1:before {
    content: "\ebe2"
}

.icofont-compass-alt-2:before {
    content: "\ebe3"
}

.icofont-compass-alt-3:before {
    content: "\ebe4"
}

.icofont-compass-alt-4:before {
    content: "\ebe5"
}

.icofont-golden-ratio:before {
    content: "\ebe6"
}

.icofont-marker-alt-1:before {
    content: "\ebe7"
}

.icofont-marker-alt-2:before {
    content: "\ebe8"
}

.icofont-marker-alt-3:before {
    content: "\ebe9"
}

.icofont-marker:before {
    content: "\ebea"
}

.icofont-math:before {
    content: "\ebeb"
}

.icofont-mathematical-alt-1:before {
    content: "\ebec"
}

.icofont-mathematical-alt-2:before {
    content: "\ebed"
}

.icofont-mathematical:before {
    content: "\ebee"
}

.icofont-pen-alt-1:before {
    content: "\ebef"
}

.icofont-pen-alt-2:before {
    content: "\ebf0"
}

.icofont-pen-alt-3:before {
    content: "\ebf1"
}

.icofont-pen-holder-alt-1:before {
    content: "\ebf2"
}

.icofont-pen-holder:before {
    content: "\ebf3"
}

.icofont-pen:before {
    content: "\ebf4"
}

.icofont-pencil-alt-1:before {
    content: "\ebf5"
}

.icofont-pencil-alt-2:before {
    content: "\ebf6"
}

.icofont-pencil-alt-3:before {
    content: "\ebf7"
}

.icofont-pencil-alt-4:before {
    content: "\ebf8"
}

.icofont-pencil:before {
    content: "\ebf9"
}

.icofont-ruler-alt-1:before {
    content: "\ebfa"
}

.icofont-ruler-alt-2:before {
    content: "\ebfb"
}

.icofont-ruler-compass-alt:before {
    content: "\ebfc"
}

.icofont-ruler-compass:before {
    content: "\ebfd"
}

.icofont-ruler-pencil-alt-1:before {
    content: "\ebfe"
}

.icofont-ruler-pencil-alt-2:before {
    content: "\ebff"
}

.icofont-ruler-pencil:before {
    content: "\ec00"
}

.icofont-ruler:before {
    content: "\ec01"
}

.icofont-rulers-alt:before {
    content: "\ec02"
}

.icofont-rulers:before {
    content: "\ec03"
}

.icofont-square-root:before {
    content: "\ec04"
}

.icofont-ui-calculator:before {
    content: "\ec05"
}

.icofont-aids:before {
    content: "\ec06"
}

.icofont-ambulance-crescent:before {
    content: "\ec07"
}

.icofont-ambulance-cross:before {
    content: "\ec08"
}

.icofont-ambulance:before {
    content: "\ec09"
}

.icofont-autism:before {
    content: "\ec0a"
}

.icofont-bandage:before {
    content: "\ec0b"
}

.icofont-blind:before {
    content: "\ec0c"
}

.icofont-blood-drop:before {
    content: "\ec0d"
}

.icofont-blood-test:before {
    content: "\ec0e"
}

.icofont-blood:before {
    content: "\ec0f"
}

.icofont-brain-alt:before {
    content: "\ec10"
}

.icofont-brain:before {
    content: "\ec11"
}

.icofont-capsule:before {
    content: "\ec12"
}

.icofont-crutch:before {
    content: "\ec13"
}

.icofont-disabled:before {
    content: "\ec14"
}

.icofont-dna-alt-1:before {
    content: "\ec15"
}

.icofont-dna-alt-2:before {
    content: "\ec16"
}

.icofont-dna:before {
    content: "\ec17"
}

.icofont-doctor-alt:before {
    content: "\ec18"
}

.icofont-doctor:before {
    content: "\ec19"
}

.icofont-drug-pack:before {
    content: "\ec1a"
}

.icofont-drug:before {
    content: "\ec1b"
}

.icofont-first-aid-alt:before {
    content: "\ec1c"
}

.icofont-first-aid:before {
    content: "\ec1d"
}

.icofont-heart-beat-alt:before {
    content: "\ec1e"
}

.icofont-heart-beat:before {
    content: "\ec1f"
}

.icofont-heartbeat:before {
    content: "\ec20"
}

.icofont-herbal:before {
    content: "\ec21"
}

.icofont-hospital:before {
    content: "\ec22"
}

.icofont-icu:before {
    content: "\ec23"
}

.icofont-injection-syringe:before {
    content: "\ec24"
}

.icofont-laboratory:before {
    content: "\ec25"
}

.icofont-medical-sign-alt:before {
    content: "\ec26"
}

.icofont-medical-sign:before {
    content: "\ec27"
}

.icofont-nurse-alt:before {
    content: "\ec28"
}

.icofont-nurse:before {
    content: "\ec29"
}

.icofont-nursing-home:before {
    content: "\ec2a"
}

.icofont-operation-theater:before {
    content: "\ec2b"
}

.icofont-paralysis-disability:before {
    content: "\ec2c"
}

.icofont-patient-bed:before {
    content: "\ec2d"
}

.icofont-patient-file:before {
    content: "\ec2e"
}

.icofont-pills:before {
    content: "\ec2f"
}

.icofont-prescription:before {
    content: "\ec30"
}

.icofont-pulse:before {
    content: "\ec31"
}

.icofont-stethoscope-alt:before {
    content: "\ec32"
}

.icofont-stethoscope:before {
    content: "\ec33"
}

.icofont-stretcher:before {
    content: "\ec34"
}

.icofont-surgeon-alt:before {
    content: "\ec35"
}

.icofont-surgeon:before {
    content: "\ec36"
}

.icofont-tablets:before {
    content: "\ec37"
}

.icofont-test-bottle:before {
    content: "\ec38"
}

.icofont-test-tube:before {
    content: "\ec39"
}

.icofont-thermometer-alt:before {
    content: "\ec3a"
}

.icofont-thermometer:before {
    content: "\ec3b"
}

.icofont-tooth:before {
    content: "\ec3c"
}

.icofont-xray:before {
    content: "\ec3d"
}

.icofont-ui-add:before {
    content: "\ec3e"
}

.icofont-ui-alarm:before {
    content: "\ec3f"
}

.icofont-ui-battery:before {
    content: "\ec40"
}

.icofont-ui-block:before {
    content: "\ec41"
}

.icofont-ui-bluetooth:before {
    content: "\ec42"
}

.icofont-ui-brightness:before {
    content: "\ec43"
}

.icofont-ui-browser:before {
    content: "\ec44"
}

.icofont-ui-calendar:before {
    content: "\ec45"
}

.icofont-ui-call:before {
    content: "\ec46"
}

.icofont-ui-camera:before {
    content: "\ec47"
}

.icofont-ui-cart:before {
    content: "\ec48"
}

.icofont-ui-cell-phone:before {
    content: "\ec49"
}

.icofont-ui-chat:before {
    content: "\ec4a"
}

.icofont-ui-check:before {
    content: "\ec4b"
}

.icofont-ui-clip-board:before {
    content: "\ec4c"
}

.icofont-ui-clip:before {
    content: "\ec4d"
}

.icofont-ui-clock:before {
    content: "\ec4e"
}

.icofont-ui-close:before {
    content: "\ec4f"
}

.icofont-ui-contact-list:before {
    content: "\ec50"
}

.icofont-ui-copy:before {
    content: "\ec51"
}

.icofont-ui-cut:before {
    content: "\ec52"
}

.icofont-ui-delete:before {
    content: "\ec53"
}

.icofont-ui-dial-phone:before {
    content: "\ec54"
}

.icofont-ui-edit:before {
    content: "\ec55"
}

.icofont-ui-email:before {
    content: "\ec56"
}

.icofont-ui-file:before {
    content: "\ec57"
}

.icofont-ui-fire-wall:before {
    content: "\ec58"
}

.icofont-ui-flash-light:before {
    content: "\ec59"
}

.icofont-ui-flight:before {
    content: "\ec5a"
}

.icofont-ui-folder:before {
    content: "\ec5b"
}

.icofont-ui-game:before {
    content: "\ec5c"
}

.icofont-ui-handicapped:before {
    content: "\ec5d"
}

.icofont-ui-home:before {
    content: "\ec5e"
}

.icofont-ui-image:before {
    content: "\ec5f"
}

.icofont-ui-laoding:before {
    content: "\ec60"
}

.icofont-ui-lock:before {
    content: "\ec61"
}

.icofont-ui-love-add:before {
    content: "\ec62"
}

.icofont-ui-love-broken:before {
    content: "\ec63"
}

.icofont-ui-love-remove:before {
    content: "\ec64"
}

.icofont-ui-love:before {
    content: "\ec65"
}

.icofont-ui-map:before {
    content: "\ec66"
}

.icofont-ui-message:before {
    content: "\ec67"
}

.icofont-ui-messaging:before {
    content: "\ec68"
}

.icofont-ui-movie:before {
    content: "\ec69"
}

.icofont-ui-music-player:before {
    content: "\ec6a"
}

.icofont-ui-music:before {
    content: "\ec6b"
}

.icofont-ui-mute:before {
    content: "\ec6c"
}

.icofont-ui-network:before {
    content: "\ec6d"
}

.icofont-ui-next:before {
    content: "\ec6e"
}

.icofont-ui-note:before {
    content: "\ec6f"
}

.icofont-ui-office:before {
    content: "\ec70"
}

.icofont-ui-password:before {
    content: "\ec71"
}

.icofont-ui-pause:before {
    content: "\ec72"
}

.icofont-ui-play-stop:before {
    content: "\ec73"
}

.icofont-ui-play:before {
    content: "\ec74"
}

.icofont-ui-pointer:before {
    content: "\ec75"
}

.icofont-ui-power:before {
    content: "\ec76"
}

.icofont-ui-press:before {
    content: "\ec77"
}

.icofont-ui-previous:before {
    content: "\ec78"
}

.icofont-ui-rate-add:before {
    content: "\ec79"
}

.icofont-ui-rate-blank:before {
    content: "\ec7a"
}

.icofont-ui-rate-remove:before {
    content: "\ec7b"
}

.icofont-ui-rating:before {
    content: "\ec7c"
}

.icofont-ui-record:before {
    content: "\ec7d"
}

.icofont-ui-remove:before {
    content: "\ec7e"
}

.icofont-ui-reply:before {
    content: "\ec7f"
}

.icofont-ui-rotation:before {
    content: "\ec80"
}

.icofont-ui-rss:before {
    content: "\ec81"
}

.icofont-ui-search:before {
    content: "\ec82"
}

.icofont-ui-settings:before {
    content: "\ec83"
}

.icofont-ui-social-link:before {
    content: "\ec84"
}

.icofont-ui-tag:before {
    content: "\ec85"
}

.icofont-ui-text-chat:before {
    content: "\ec86"
}

.icofont-ui-text-loading:before {
    content: "\ec87"
}

.icofont-ui-theme:before {
    content: "\ec88"
}

.icofont-ui-timer:before {
    content: "\ec89"
}

.icofont-ui-touch-phone:before {
    content: "\ec8a"
}

.icofont-ui-travel:before {
    content: "\ec8b"
}

.icofont-ui-unlock:before {
    content: "\ec8c"
}

.icofont-ui-user-group:before {
    content: "\ec8d"
}

.icofont-ui-user:before {
    content: "\ec8e"
}

.icofont-ui-v-card:before {
    content: "\ec8f"
}

.icofont-ui-video-chat:before {
    content: "\ec90"
}

.icofont-ui-video-message:before {
    content: "\ec91"
}

.icofont-ui-video-play:before {
    content: "\ec92"
}

.icofont-ui-video:before {
    content: "\ec93"
}

.icofont-ui-volume:before {
    content: "\ec94"
}

.icofont-ui-weather:before {
    content: "\ec95"
}

.icofont-ui-wifi:before {
    content: "\ec96"
}

.icofont-ui-zoom-in:before {
    content: "\ec97"
}

.icofont-ui-zoom-out:before {
    content: "\ec98"
}

.icofont-cassette-player:before {
    content: "\ec99"
}

.icofont-cassette:before {
    content: "\ec9a"
}

.icofont-forward:before {
    content: "\ec9b"
}

.icofont-guiter:before {
    content: "\ec9c"
}

.icofont-movie:before {
    content: "\ec9d"
}

.icofont-multimedia:before {
    content: "\ec9e"
}

.icofont-music-alt:before {
    content: "\ec9f"
}

.icofont-music-disk:before {
    content: "\eca0"
}

.icofont-music-note:before {
    content: "\eca1"
}

.icofont-music-notes:before {
    content: "\eca2"
}

.icofont-music:before {
    content: "\eca3"
}

.icofont-mute-volume:before {
    content: "\eca4"
}

.icofont-pause:before {
    content: "\eca5"
}

.icofont-play-alt-1:before {
    content: "\eca6"
}

.icofont-play-alt-2:before {
    content: "\eca7"
}

.icofont-play-alt-3:before {
    content: "\eca8"
}

.icofont-play-pause:before {
    content: "\eca9"
}

.icofont-play:before {
    content: "\ecaa"
}

.icofont-record:before {
    content: "\ecab"
}

.icofont-retro-music-disk:before {
    content: "\ecac"
}

.icofont-rewind:before {
    content: "\ecad"
}

.icofont-song-notes:before {
    content: "\ecae"
}

.icofont-sound-wave-alt:before {
    content: "\ecaf"
}

.icofont-sound-wave:before {
    content: "\ecb0"
}

.icofont-stop:before {
    content: "\ecb1"
}

.icofont-video-alt:before {
    content: "\ecb2"
}

.icofont-video-cam:before {
    content: "\ecb3"
}

.icofont-video-clapper:before {
    content: "\ecb4"
}

.icofont-video:before {
    content: "\ecb5"
}

.icofont-volume-bar:before {
    content: "\ecb6"
}

.icofont-volume-down:before {
    content: "\ecb7"
}

.icofont-volume-mute:before {
    content: "\ecb8"
}

.icofont-volume-off:before {
    content: "\ecb9"
}

.icofont-volume-up:before {
    content: "\ecba"
}

.icofont-youtube-play:before {
    content: "\ecbb"
}

.icofont-2checkout-alt:before {
    content: "\ecbc"
}

.icofont-2checkout:before {
    content: "\ecbd"
}

.icofont-amazon-alt:before {
    content: "\ecbe"
}

.icofont-amazon:before {
    content: "\ecbf"
}

.icofont-american-express-alt:before {
    content: "\ecc0"
}

.icofont-american-express:before {
    content: "\ecc1"
}

.icofont-apple-pay-alt:before {
    content: "\ecc2"
}

.icofont-apple-pay:before {
    content: "\ecc3"
}

.icofont-bank-transfer-alt:before {
    content: "\ecc4"
}

.icofont-bank-transfer:before {
    content: "\ecc5"
}

.icofont-braintree-alt:before {
    content: "\ecc6"
}

.icofont-braintree:before {
    content: "\ecc7"
}

.icofont-cash-on-delivery-alt:before {
    content: "\ecc8"
}

.icofont-cash-on-delivery:before {
    content: "\ecc9"
}

.icofont-diners-club-alt-1:before {
    content: "\ecca"
}

.icofont-diners-club-alt-2:before {
    content: "\eccb"
}

.icofont-diners-club-alt-3:before {
    content: "\eccc"
}

.icofont-diners-club:before {
    content: "\eccd"
}

.icofont-discover-alt:before {
    content: "\ecce"
}

.icofont-discover:before {
    content: "\eccf"
}

.icofont-eway-alt:before {
    content: "\ecd0"
}

.icofont-eway:before {
    content: "\ecd1"
}

.icofont-google-wallet-alt-1:before {
    content: "\ecd2"
}

.icofont-google-wallet-alt-2:before {
    content: "\ecd3"
}

.icofont-google-wallet-alt-3:before {
    content: "\ecd4"
}

.icofont-google-wallet:before {
    content: "\ecd5"
}

.icofont-jcb-alt:before {
    content: "\ecd6"
}

.icofont-jcb:before {
    content: "\ecd7"
}

.icofont-maestro-alt:before {
    content: "\ecd8"
}

.icofont-maestro:before {
    content: "\ecd9"
}

.icofont-mastercard-alt:before {
    content: "\ecda"
}

.icofont-mastercard:before {
    content: "\ecdb"
}

.icofont-payoneer-alt:before {
    content: "\ecdc"
}

.icofont-payoneer:before {
    content: "\ecdd"
}

.icofont-paypal-alt:before {
    content: "\ecde"
}

.icofont-paypal:before {
    content: "\ecdf"
}

.icofont-sage-alt:before {
    content: "\ece0"
}

.icofont-sage:before {
    content: "\ece1"
}

.icofont-skrill-alt:before {
    content: "\ece2"
}

.icofont-skrill:before {
    content: "\ece3"
}

.icofont-stripe-alt:before {
    content: "\ece4"
}

.icofont-stripe:before {
    content: "\ece5"
}

.icofont-visa-alt:before {
    content: "\ece6"
}

.icofont-visa-electron:before {
    content: "\ece7"
}

.icofont-visa:before {
    content: "\ece8"
}

.icofont-western-union-alt:before {
    content: "\ece9"
}

.icofont-western-union:before {
    content: "\ecea"
}

.icofont-boy:before {
    content: "\eceb"
}

.icofont-business-man-alt-1:before {
    content: "\ecec"
}

.icofont-business-man-alt-2:before {
    content: "\eced"
}

.icofont-business-man-alt-3:before {
    content: "\ecee"
}

.icofont-business-man:before {
    content: "\ecef"
}

.icofont-female:before {
    content: "\ecf0"
}

.icofont-funky-man:before {
    content: "\ecf1"
}

.icofont-girl-alt:before {
    content: "\ecf2"
}

.icofont-girl:before {
    content: "\ecf3"
}

.icofont-group:before {
    content: "\ecf4"
}

.icofont-hotel-boy-alt:before {
    content: "\ecf5"
}

.icofont-hotel-boy:before {
    content: "\ecf6"
}

.icofont-kid:before {
    content: "\ecf7"
}

.icofont-man-in-glasses:before {
    content: "\ecf8"
}

.icofont-people:before {
    content: "\ecf9"
}

.icofont-support:before {
    content: "\ecfa"
}

.icofont-user-alt-1:before {
    content: "\ecfb"
}

.icofont-user-alt-2:before {
    content: "\ecfc"
}

.icofont-user-alt-3:before {
    content: "\ecfd"
}

.icofont-user-alt-4:before {
    content: "\ecfe"
}

.icofont-user-alt-5:before {
    content: "\ecff"
}

.icofont-user-alt-6:before {
    content: "\ed00"
}

.icofont-user-alt-7:before {
    content: "\ed01"
}

.icofont-user-female:before {
    content: "\ed02"
}

.icofont-user-male:before {
    content: "\ed03"
}

.icofont-user-suited:before {
    content: "\ed04"
}

.icofont-user:before {
    content: "\ed05"
}

.icofont-users-alt-1:before {
    content: "\ed06"
}

.icofont-users-alt-2:before {
    content: "\ed07"
}

.icofont-users-alt-3:before {
    content: "\ed08"
}

.icofont-users-alt-4:before {
    content: "\ed09"
}

.icofont-users-alt-5:before {
    content: "\ed0a"
}

.icofont-users-alt-6:before {
    content: "\ed0b"
}

.icofont-users-social:before {
    content: "\ed0c"
}

.icofont-users:before {
    content: "\ed0d"
}

.icofont-waiter-alt:before {
    content: "\ed0e"
}

.icofont-waiter:before {
    content: "\ed0f"
}

.icofont-woman-in-glasses:before {
    content: "\ed10"
}

.icofont-search-1:before {
    content: "\ed11"
}

.icofont-search-2:before {
    content: "\ed12"
}

.icofont-search-document:before {
    content: "\ed13"
}

.icofont-search-folder:before {
    content: "\ed14"
}

.icofont-search-job:before {
    content: "\ed15"
}

.icofont-search-map:before {
    content: "\ed16"
}

.icofont-search-property:before {
    content: "\ed17"
}

.icofont-search-restaurant:before {
    content: "\ed18"
}

.icofont-search-stock:before {
    content: "\ed19"
}

.icofont-search-user:before {
    content: "\ed1a"
}

.icofont-search:before {
    content: "\ed1b"
}

.icofont-500px:before {
    content: "\ed1c"
}

.icofont-aim:before {
    content: "\ed1d"
}

.icofont-badoo:before {
    content: "\ed1e"
}

.icofont-baidu-tieba:before {
    content: "\ed1f"
}

.icofont-bbm-messenger:before {
    content: "\ed20"
}

.icofont-bebo:before {
    content: "\ed21"
}

.icofont-behance:before {
    content: "\ed22"
}

.icofont-blogger:before {
    content: "\ed23"
}

.icofont-bootstrap:before {
    content: "\ed24"
}

.icofont-brightkite:before {
    content: "\ed25"
}

.icofont-cloudapp:before {
    content: "\ed26"
}

.icofont-concrete5:before {
    content: "\ed27"
}

.icofont-delicious:before {
    content: "\ed28"
}

.icofont-designbump:before {
    content: "\ed29"
}

.icofont-designfloat:before {
    content: "\ed2a"
}

.icofont-deviantart:before {
    content: "\ed2b"
}

.icofont-digg:before {
    content: "\ed2c"
}

.icofont-dotcms:before {
    content: "\ed2d"
}

.icofont-dribbble:before {
    content: "\ed2e"
}

.icofont-dribble:before {
    content: "\ed2f"
}

.icofont-dropbox:before {
    content: "\ed30"
}

.icofont-ebuddy:before {
    content: "\ed31"
}

.icofont-ello:before {
    content: "\ed32"
}

.icofont-ember:before {
    content: "\ed33"
}

.icofont-envato:before {
    content: "\ed34"
}

.icofont-evernote:before {
    content: "\ed35"
}

.icofont-facebook-messenger:before {
    content: "\ed36"
}

.icofont-facebook:before {
    content: "\ed37"
}

.icofont-feedburner:before {
    content: "\ed38"
}

.icofont-flikr:before {
    content: "\ed39"
}

.icofont-folkd:before {
    content: "\ed3a"
}

.icofont-foursquare:before {
    content: "\ed3b"
}

.icofont-friendfeed:before {
    content: "\ed3c"
}

.icofont-ghost:before {
    content: "\ed3d"
}

.icofont-github:before {
    content: "\ed3e"
}

.icofont-gnome:before {
    content: "\ed3f"
}

.icofont-google-buzz:before {
    content: "\ed40"
}

.icofont-google-hangouts:before {
    content: "\ed41"
}

.icofont-google-map:before {
    content: "\ed42"
}

.icofont-google-plus:before {
    content: "\ed43"
}

.icofont-google-talk:before {
    content: "\ed44"
}

.icofont-hype-machine:before {
    content: "\ed45"
}

.icofont-instagram:before {
    content: "\ed46"
}

.icofont-kakaotalk:before {
    content: "\ed47"
}

.icofont-kickstarter:before {
    content: "\ed48"
}

.icofont-kik:before {
    content: "\ed49"
}

.icofont-kiwibox:before {
    content: "\ed4a"
}

.icofont-line-messenger:before {
    content: "\ed4b"
}

.icofont-line:before {
    content: "\ed4c"
}

.icofont-linkedin:before {
    content: "\ed4d"
}

.icofont-linux-mint:before {
    content: "\ed4e"
}

.icofont-live-messenger:before {
    content: "\ed4f"
}

.icofont-livejournal:before {
    content: "\ed50"
}

.icofont-magento:before {
    content: "\ed51"
}

.icofont-meetme:before {
    content: "\ed52"
}

.icofont-meetup:before {
    content: "\ed53"
}

.icofont-mixx:before {
    content: "\ed54"
}

.icofont-newsvine:before {
    content: "\ed55"
}

.icofont-nimbuss:before {
    content: "\ed56"
}

.icofont-odnoklassniki:before {
    content: "\ed57"
}

.icofont-opencart:before {
    content: "\ed58"
}

.icofont-oscommerce:before {
    content: "\ed59"
}

.icofont-pandora:before {
    content: "\ed5a"
}

.icofont-photobucket:before {
    content: "\ed5b"
}

.icofont-picasa:before {
    content: "\ed5c"
}

.icofont-pinterest:before {
    content: "\ed5d"
}

.icofont-prestashop:before {
    content: "\ed5e"
}

.icofont-qik:before {
    content: "\ed5f"
}

.icofont-qq:before {
    content: "\ed60"
}

.icofont-readernaut:before {
    content: "\ed61"
}

.icofont-reddit:before {
    content: "\ed62"
}

.icofont-renren:before {
    content: "\ed63"
}

.icofont-rss:before {
    content: "\ed64"
}

.icofont-shopify:before {
    content: "\ed65"
}

.icofont-silverstripe:before {
    content: "\ed66"
}

.icofont-skype:before {
    content: "\ed67"
}

.icofont-slack:before {
    content: "\ed68"
}

.icofont-slashdot:before {
    content: "\ed69"
}

.icofont-slidshare:before {
    content: "\ed6a"
}

.icofont-smugmug:before {
    content: "\ed6b"
}

.icofont-snapchat:before {
    content: "\ed6c"
}

.icofont-soundcloud:before {
    content: "\ed6d"
}

.icofont-spotify:before {
    content: "\ed6e"
}

.icofont-stack-exchange:before {
    content: "\ed6f"
}

.icofont-stack-overflow:before {
    content: "\ed70"
}

.icofont-steam:before {
    content: "\ed71"
}

.icofont-stumbleupon:before {
    content: "\ed72"
}

.icofont-tagged:before {
    content: "\ed73"
}

.icofont-technorati:before {
    content: "\ed74"
}

.icofont-telegram:before {
    content: "\ed75"
}

.icofont-tinder:before {
    content: "\ed76"
}

.icofont-trello:before {
    content: "\ed77"
}

.icofont-tumblr:before {
    content: "\ed78"
}

.icofont-twitch:before {
    content: "\ed79"
}

.icofont-twitter:before {
    content: "\ed7a"
}

.icofont-typo3:before {
    content: "\ed7b"
}

.icofont-ubercart:before {
    content: "\ed7c"
}

.icofont-viber:before {
    content: "\ed7d"
}

.icofont-viddler:before {
    content: "\ed7e"
}

.icofont-vimeo:before {
    content: "\ed7f"
}

.icofont-vine:before {
    content: "\ed80"
}

.icofont-virb:before {
    content: "\ed81"
}

.icofont-virtuemart:before {
    content: "\ed82"
}

.icofont-vk:before {
    content: "\ed83"
}

.icofont-wechat:before {
    content: "\ed84"
}

.icofont-weibo:before {
    content: "\ed85"
}

.icofont-whatsapp:before {
    content: "\ed86"
}

.icofont-xing:before {
    content: "\ed87"
}

.icofont-yahoo:before {
    content: "\ed88"
}

.icofont-yelp:before {
    content: "\ed89"
}

.icofont-youku:before {
    content: "\ed8a"
}

.icofont-youtube:before {
    content: "\ed8b"
}

.icofont-zencart:before {
    content: "\ed8c"
}

.icofont-badminton-birdie:before {
    content: "\ed8d"
}

.icofont-baseball:before {
    content: "\ed8e"
}

.icofont-baseballer:before {
    content: "\ed8f"
}

.icofont-basketball-hoop:before {
    content: "\ed90"
}

.icofont-basketball:before {
    content: "\ed91"
}

.icofont-billiard-ball:before {
    content: "\ed92"
}

.icofont-boot-alt-1:before {
    content: "\ed93"
}

.icofont-boot-alt-2:before {
    content: "\ed94"
}

.icofont-boot:before {
    content: "\ed95"
}

.icofont-bowling-alt:before {
    content: "\ed96"
}

.icofont-bowling:before {
    content: "\ed97"
}

.icofont-canoe:before {
    content: "\ed98"
}

.icofont-cheer-leader:before {
    content: "\ed99"
}

.icofont-climbing:before {
    content: "\ed9a"
}

.icofont-corner:before {
    content: "\ed9b"
}

.icofont-field-alt:before {
    content: "\ed9c"
}

.icofont-field:before {
    content: "\ed9d"
}

.icofont-football-alt:before {
    content: "\ed9e"
}

.icofont-football-american:before {
    content: "\ed9f"
}

.icofont-football:before {
    content: "\eda0"
}

.icofont-foul:before {
    content: "\eda1"
}

.icofont-goal-keeper:before {
    content: "\eda2"
}

.icofont-goal:before {
    content: "\eda3"
}

.icofont-golf-alt:before {
    content: "\eda4"
}

.icofont-golf-bag:before {
    content: "\eda5"
}

.icofont-golf-cart:before {
    content: "\eda6"
}

.icofont-golf-field:before {
    content: "\eda7"
}

.icofont-golf:before {
    content: "\eda8"
}

.icofont-golfer:before {
    content: "\eda9"
}

.icofont-helmet:before {
    content: "\edaa"
}

.icofont-hockey-alt:before {
    content: "\edab"
}

.icofont-hockey:before {
    content: "\edac"
}

.icofont-ice-skate:before {
    content: "\edad"
}

.icofont-jersey-alt:before {
    content: "\edae"
}

.icofont-jersey:before {
    content: "\edaf"
}

.icofont-jumping:before {
    content: "\edb0"
}

.icofont-kick:before {
    content: "\edb1"
}

.icofont-leg:before {
    content: "\edb2"
}

.icofont-match-review:before {
    content: "\edb3"
}

.icofont-medal-sport:before {
    content: "\edb4"
}

.icofont-offside:before {
    content: "\edb5"
}

.icofont-olympic-logo:before {
    content: "\edb6"
}

.icofont-olympic:before {
    content: "\edb7"
}

.icofont-padding:before {
    content: "\edb8"
}

.icofont-penalty-card:before {
    content: "\edb9"
}

.icofont-racer:before {
    content: "\edba"
}

.icofont-racing-car:before {
    content: "\edbb"
}

.icofont-racing-flag-alt:before {
    content: "\edbc"
}

.icofont-racing-flag:before {
    content: "\edbd"
}

.icofont-racings-wheel:before {
    content: "\edbe"
}

.icofont-referee:before {
    content: "\edbf"
}

.icofont-refree-jersey:before {
    content: "\edc0"
}

.icofont-result-sport:before {
    content: "\edc1"
}

.icofont-rugby-ball:before {
    content: "\edc2"
}

.icofont-rugby-player:before {
    content: "\edc3"
}

.icofont-rugby:before {
    content: "\edc4"
}

.icofont-runner-alt-1:before {
    content: "\edc5"
}

.icofont-runner-alt-2:before {
    content: "\edc6"
}

.icofont-runner:before {
    content: "\edc7"
}

.icofont-score-board:before {
    content: "\edc8"
}

.icofont-skiing-man:before {
    content: "\edc9"
}

.icofont-skydiving-goggles:before {
    content: "\edca"
}

.icofont-snow-mobile:before {
    content: "\edcb"
}

.icofont-steering:before {
    content: "\edcc"
}

.icofont-stopwatch:before {
    content: "\edcd"
}

.icofont-substitute:before {
    content: "\edce"
}

.icofont-swimmer:before {
    content: "\edcf"
}

.icofont-table-tennis:before {
    content: "\edd0"
}

.icofont-team-alt:before {
    content: "\edd1"
}

.icofont-team:before {
    content: "\edd2"
}

.icofont-tennis-player:before {
    content: "\edd3"
}

.icofont-tennis:before {
    content: "\edd4"
}

.icofont-tracking:before {
    content: "\edd5"
}

.icofont-trophy-alt:before {
    content: "\edd6"
}

.icofont-trophy:before {
    content: "\edd7"
}

.icofont-volleyball-alt:before {
    content: "\edd8"
}

.icofont-volleyball-fire:before {
    content: "\edd9"
}

.icofont-volleyball:before {
    content: "\edda"
}

.icofont-water-bottle:before {
    content: "\eddb"
}

.icofont-whistle-alt:before {
    content: "\eddc"
}

.icofont-whistle:before {
    content: "\eddd"
}

.icofont-win-trophy:before {
    content: "\edde"
}

.icofont-align-center:before {
    content: "\eddf"
}

.icofont-align-left:before {
    content: "\ede0"
}

.icofont-align-right:before {
    content: "\ede1"
}

.icofont-all-caps:before {
    content: "\ede2"
}

.icofont-bold:before {
    content: "\ede3"
}

.icofont-brush:before {
    content: "\ede4"
}

.icofont-clip-board:before {
    content: "\ede5"
}

.icofont-code-alt:before {
    content: "\ede6"
}

.icofont-color-bucket:before {
    content: "\ede7"
}

.icofont-color-picker:before {
    content: "\ede8"
}

.icofont-copy-invert:before {
    content: "\ede9"
}

.icofont-copy:before {
    content: "\edea"
}

.icofont-cut:before {
    content: "\edeb"
}

.icofont-delete-alt:before {
    content: "\edec"
}

.icofont-edit-alt:before {
    content: "\eded"
}

.icofont-eraser-alt:before {
    content: "\edee"
}

.icofont-font:before {
    content: "\edef"
}

.icofont-heading:before {
    content: "\edf0"
}

.icofont-indent:before {
    content: "\edf1"
}

.icofont-italic-alt:before {
    content: "\edf2"
}

.icofont-italic:before {
    content: "\edf3"
}

.icofont-justify-all:before {
    content: "\edf4"
}

.icofont-justify-center:before {
    content: "\edf5"
}

.icofont-justify-left:before {
    content: "\edf6"
}

.icofont-justify-right:before {
    content: "\edf7"
}

.icofont-link-broken:before {
    content: "\edf8"
}

.icofont-outdent:before {
    content: "\edf9"
}

.icofont-paper-clip:before {
    content: "\edfa"
}

.icofont-paragraph:before {
    content: "\edfb"
}

.icofont-pin:before {
    content: "\edfc"
}

.icofont-printer:before {
    content: "\edfd"
}

.icofont-redo:before {
    content: "\edfe"
}

.icofont-rotation:before {
    content: "\edff"
}

.icofont-save:before {
    content: "\ee00"
}

.icofont-small-cap:before {
    content: "\ee01"
}

.icofont-strike-through:before {
    content: "\ee02"
}

.icofont-sub-listing:before {
    content: "\ee03"
}

.icofont-subscript:before {
    content: "\ee04"
}

.icofont-superscript:before {
    content: "\ee05"
}

.icofont-table:before {
    content: "\ee06"
}

.icofont-text-height:before {
    content: "\ee07"
}

.icofont-text-width:before {
    content: "\ee08"
}

.icofont-trash:before {
    content: "\ee09"
}

.icofont-underline:before {
    content: "\ee0a"
}

.icofont-undo:before {
    content: "\ee0b"
}

.icofont-air-balloon:before {
    content: "\ee0c"
}

.icofont-airplane-alt:before {
    content: "\ee0d"
}

.icofont-airplane:before {
    content: "\ee0e"
}

.icofont-articulated-truck:before {
    content: "\ee0f"
}

.icofont-auto-mobile:before {
    content: "\ee10"
}

.icofont-auto-rickshaw:before {
    content: "\ee11"
}

.icofont-bicycle-alt-1:before {
    content: "\ee12"
}

.icofont-bicycle-alt-2:before {
    content: "\ee13"
}

.icofont-bicycle:before {
    content: "\ee14"
}

.icofont-bus-alt-1:before {
    content: "\ee15"
}

.icofont-bus-alt-2:before {
    content: "\ee16"
}

.icofont-bus-alt-3:before {
    content: "\ee17"
}

.icofont-bus:before {
    content: "\ee18"
}

.icofont-cab:before {
    content: "\ee19"
}

.icofont-cable-car:before {
    content: "\ee1a"
}

.icofont-car-alt-1:before {
    content: "\ee1b"
}

.icofont-car-alt-2:before {
    content: "\ee1c"
}

.icofont-car-alt-3:before {
    content: "\ee1d"
}

.icofont-car-alt-4:before {
    content: "\ee1e"
}

.icofont-car:before {
    content: "\ee1f"
}

.icofont-delivery-time:before {
    content: "\ee20"
}

.icofont-fast-delivery:before {
    content: "\ee21"
}

.icofont-fire-truck-alt:before {
    content: "\ee22"
}

.icofont-fire-truck:before {
    content: "\ee23"
}

.icofont-free-delivery:before {
    content: "\ee24"
}

.icofont-helicopter:before {
    content: "\ee25"
}

.icofont-motor-bike-alt:before {
    content: "\ee26"
}

.icofont-motor-bike:before {
    content: "\ee27"
}

.icofont-motor-biker:before {
    content: "\ee28"
}

.icofont-oil-truck:before {
    content: "\ee29"
}

.icofont-rickshaw:before {
    content: "\ee2a"
}

.icofont-rocket-alt-1:before {
    content: "\ee2b"
}

.icofont-rocket-alt-2:before {
    content: "\ee2c"
}

.icofont-rocket:before {
    content: "\ee2d"
}

.icofont-sail-boat-alt-1:before {
    content: "\ee2e"
}

.icofont-sail-boat-alt-2:before {
    content: "\ee2f"
}

.icofont-sail-boat:before {
    content: "\ee30"
}

.icofont-scooter:before {
    content: "\ee31"
}

.icofont-sea-plane:before {
    content: "\ee32"
}

.icofont-ship-alt:before {
    content: "\ee33"
}

.icofont-ship:before {
    content: "\ee34"
}

.icofont-speed-boat:before {
    content: "\ee35"
}

.icofont-taxi:before {
    content: "\ee36"
}

.icofont-tractor:before {
    content: "\ee37"
}

.icofont-train-line:before {
    content: "\ee38"
}

.icofont-train-steam:before {
    content: "\ee39"
}

.icofont-tram:before {
    content: "\ee3a"
}

.icofont-truck-alt:before {
    content: "\ee3b"
}

.icofont-truck-loaded:before {
    content: "\ee3c"
}

.icofont-truck:before {
    content: "\ee3d"
}

.icofont-van-alt:before {
    content: "\ee3e"
}

.icofont-van:before {
    content: "\ee3f"
}

.icofont-yacht:before {
    content: "\ee40"
}

.icofont-5-star-hotel:before {
    content: "\ee41"
}

.icofont-air-ticket:before {
    content: "\ee42"
}

.icofont-beach-bed:before {
    content: "\ee43"
}

.icofont-beach:before {
    content: "\ee44"
}

.icofont-camping-vest:before {
    content: "\ee45"
}

.icofont-direction-sign:before {
    content: "\ee46"
}

.icofont-hill-side:before {
    content: "\ee47"
}

.icofont-hill:before {
    content: "\ee48"
}

.icofont-hotel:before {
    content: "\ee49"
}

.icofont-island-alt:before {
    content: "\ee4a"
}

.icofont-island:before {
    content: "\ee4b"
}

.icofont-sandals-female:before {
    content: "\ee4c"
}

.icofont-sandals-male:before {
    content: "\ee4d"
}

.icofont-travelling:before {
    content: "\ee4e"
}

.icofont-breakdown:before {
    content: "\ee4f"
}

.icofont-celsius:before {
    content: "\ee50"
}

.icofont-clouds:before {
    content: "\ee51"
}

.icofont-cloudy:before {
    content: "\ee52"
}

.icofont-dust:before {
    content: "\ee53"
}

.icofont-eclipse:before {
    content: "\ee54"
}

.icofont-fahrenheit:before {
    content: "\ee55"
}

.icofont-forest-fire:before {
    content: "\ee56"
}

.icofont-full-night:before {
    content: "\ee57"
}

.icofont-full-sunny:before {
    content: "\ee58"
}

.icofont-hail-night:before {
    content: "\ee59"
}

.icofont-hail-rainy-night:before {
    content: "\ee5a"
}

.icofont-hail-rainy-sunny:before {
    content: "\ee5b"
}

.icofont-hail-rainy:before {
    content: "\ee5c"
}

.icofont-hail-sunny:before {
    content: "\ee5d"
}

.icofont-hail-thunder-night:before {
    content: "\ee5e"
}

.icofont-hail-thunder-sunny:before {
    content: "\ee5f"
}

.icofont-hail-thunder:before {
    content: "\ee60"
}

.icofont-hail:before {
    content: "\ee61"
}

.icofont-hill-night:before {
    content: "\ee62"
}

.icofont-hill-sunny:before {
    content: "\ee63"
}

.icofont-hurricane:before {
    content: "\ee64"
}

.icofont-meteor:before {
    content: "\ee65"
}

.icofont-night:before {
    content: "\ee66"
}

.icofont-rainy-night:before {
    content: "\ee67"
}

.icofont-rainy-sunny:before {
    content: "\ee68"
}

.icofont-rainy-thunder:before {
    content: "\ee69"
}

.icofont-rainy:before {
    content: "\ee6a"
}

.icofont-snow-alt:before {
    content: "\ee6b"
}

.icofont-snow-flake:before {
    content: "\ee6c"
}

.icofont-snow-temp:before {
    content: "\ee6d"
}

.icofont-snow:before {
    content: "\ee6e"
}

.icofont-snowy-hail:before {
    content: "\ee6f"
}

.icofont-snowy-night-hail:before {
    content: "\ee70"
}

.icofont-snowy-night-rainy:before {
    content: "\ee71"
}

.icofont-snowy-night:before {
    content: "\ee72"
}

.icofont-snowy-rainy:before {
    content: "\ee73"
}

.icofont-snowy-sunny-hail:before {
    content: "\ee74"
}

.icofont-snowy-sunny-rainy:before {
    content: "\ee75"
}

.icofont-snowy-sunny:before {
    content: "\ee76"
}

.icofont-snowy-thunder-night:before {
    content: "\ee77"
}

.icofont-snowy-thunder-sunny:before {
    content: "\ee78"
}

.icofont-snowy-thunder:before {
    content: "\ee79"
}

.icofont-snowy-windy-night:before {
    content: "\ee7a"
}

.icofont-snowy-windy-sunny:before {
    content: "\ee7b"
}

.icofont-snowy-windy:before {
    content: "\ee7c"
}

.icofont-snowy:before {
    content: "\ee7d"
}

.icofont-sun-alt:before {
    content: "\ee7e"
}

.icofont-sun-rise:before {
    content: "\ee7f"
}

.icofont-sun-set:before {
    content: "\ee80"
}

.icofont-sun:before {
    content: "\ee81"
}

.icofont-sunny-day-temp:before {
    content: "\ee82"
}

.icofont-sunny:before {
    content: "\ee83"
}

.icofont-thunder-light:before {
    content: "\ee84"
}

.icofont-tornado:before {
    content: "\ee85"
}

.icofont-umbrella-alt:before {
    content: "\ee86"
}

.icofont-umbrella:before {
    content: "\ee87"
}

.icofont-volcano:before {
    content: "\ee88"
}

.icofont-wave:before {
    content: "\ee89"
}

.icofont-wind-scale-0:before {
    content: "\ee8a"
}

.icofont-wind-scale-1:before {
    content: "\ee8b"
}

.icofont-wind-scale-10:before {
    content: "\ee8c"
}

.icofont-wind-scale-11:before {
    content: "\ee8d"
}

.icofont-wind-scale-12:before {
    content: "\ee8e"
}

.icofont-wind-scale-2:before {
    content: "\ee8f"
}

.icofont-wind-scale-3:before {
    content: "\ee90"
}

.icofont-wind-scale-4:before {
    content: "\ee91"
}

.icofont-wind-scale-5:before {
    content: "\ee92"
}

.icofont-wind-scale-6:before {
    content: "\ee93"
}

.icofont-wind-scale-7:before {
    content: "\ee94"
}

.icofont-wind-scale-8:before {
    content: "\ee95"
}

.icofont-wind-scale-9:before {
    content: "\ee96"
}

.icofont-wind-waves:before {
    content: "\ee97"
}

.icofont-wind:before {
    content: "\ee98"
}

.icofont-windy-hail:before {
    content: "\ee99"
}

.icofont-windy-night:before {
    content: "\ee9a"
}

.icofont-windy-raining:before {
    content: "\ee9b"
}

.icofont-windy-sunny:before {
    content: "\ee9c"
}

.icofont-windy-thunder-raining:before {
    content: "\ee9d"
}

.icofont-windy-thunder:before {
    content: "\ee9e"
}

.icofont-windy:before {
    content: "\ee9f"
}

.icofont-addons:before {
    content: "\eea0"
}

.icofont-address-book:before {
    content: "\eea1"
}

.icofont-adjust:before {
    content: "\eea2"
}

.icofont-alarm:before {
    content: "\eea3"
}

.icofont-anchor:before {
    content: "\eea4"
}

.icofont-archive:before {
    content: "\eea5"
}

.icofont-at:before {
    content: "\eea6"
}

.icofont-attachment:before {
    content: "\eea7"
}

.icofont-audio:before {
    content: "\eea8"
}

.icofont-automation:before {
    content: "\eea9"
}

.icofont-badge:before {
    content: "\eeaa"
}

.icofont-bag-alt:before {
    content: "\eeab"
}

.icofont-bag:before {
    content: "\eeac"
}

.icofont-ban:before {
    content: "\eead"
}

.icofont-bar-code:before {
    content: "\eeae"
}

.icofont-bars:before {
    content: "\eeaf"
}

.icofont-basket:before {
    content: "\eeb0"
}

.icofont-battery-empty:before {
    content: "\eeb1"
}

.icofont-battery-full:before {
    content: "\eeb2"
}

.icofont-battery-half:before {
    content: "\eeb3"
}

.icofont-battery-low:before {
    content: "\eeb4"
}

.icofont-beaker:before {
    content: "\eeb5"
}

.icofont-beard:before {
    content: "\eeb6"
}

.icofont-bed:before {
    content: "\eeb7"
}

.icofont-bell:before {
    content: "\eeb8"
}

.icofont-beverage:before {
    content: "\eeb9"
}

.icofont-bill:before {
    content: "\eeba"
}

.icofont-bin:before {
    content: "\eebb"
}

.icofont-binary:before {
    content: "\eebc"
}

.icofont-binoculars:before {
    content: "\eebd"
}

.icofont-bluetooth:before {
    content: "\eebe"
}

.icofont-bomb:before {
    content: "\eebf"
}

.icofont-book-mark:before {
    content: "\eec0"
}

.icofont-box:before {
    content: "\eec1"
}

.icofont-briefcase:before {
    content: "\eec2"
}

.icofont-broken:before {
    content: "\eec3"
}

.icofont-bucket:before {
    content: "\eec4"
}

.icofont-bucket1:before {
    content: "\eec5"
}

.icofont-bucket2:before {
    content: "\eec6"
}

.icofont-bug:before {
    content: "\eec7"
}

.icofont-building:before {
    content: "\eec8"
}

.icofont-bulb-alt:before {
    content: "\eec9"
}

.icofont-bullet:before {
    content: "\eeca"
}

.icofont-bullhorn:before {
    content: "\eecb"
}

.icofont-bullseye:before {
    content: "\eecc"
}

.icofont-calendar:before {
    content: "\eecd"
}

.icofont-camera-alt:before {
    content: "\eece"
}

.icofont-camera:before {
    content: "\eecf"
}

.icofont-card:before {
    content: "\eed0"
}

.icofont-cart-alt:before {
    content: "\eed1"
}

.icofont-cart:before {
    content: "\eed2"
}

.icofont-cc:before {
    content: "\eed3"
}

.icofont-charging:before {
    content: "\eed4"
}

.icofont-chat:before {
    content: "\eed5"
}

.icofont-check-alt:before {
    content: "\eed6"
}

.icofont-check-circled:before {
    content: "\eed7"
}

.icofont-check:before {
    content: "\eed8"
}

.icofont-checked:before {
    content: "\eed9"
}

.icofont-children-care:before {
    content: "\eeda"
}

.icofont-clip:before {
    content: "\eedb"
}

.icofont-clock-time:before {
    content: "\eedc"
}

.icofont-close-circled:before {
    content: "\eedd"
}

.icofont-close-line-circled:before {
    content: "\eede"
}

.icofont-close-line-squared-alt:before {
    content: "\eedf"
}

.icofont-close-line-squared:before {
    content: "\eee0"
}

.icofont-close-line:before {
    content: "\eee1"
}

.icofont-close-squared-alt:before {
    content: "\eee2"
}

.icofont-close-squared:before {
    content: "\eee3"
}

.icofont-close:before {
    content: "\eee4"
}

.icofont-cloud-download:before {
    content: "\eee5"
}

.icofont-cloud-refresh:before {
    content: "\eee6"
}

.icofont-cloud-upload:before {
    content: "\eee7"
}

.icofont-cloud:before {
    content: "\eee8"
}

.icofont-code-not-allowed:before {
    content: "\eee9"
}

.icofont-code:before {
    content: "\eeea"
}

.icofont-comment:before {
    content: "\eeeb"
}

.icofont-compass-alt:before {
    content: "\eeec"
}

.icofont-compass:before {
    content: "\eeed"
}

.icofont-computer:before {
    content: "\eeee"
}

.icofont-connection:before {
    content: "\eeef"
}

.icofont-console:before {
    content: "\eef0"
}

.icofont-contacts:before {
    content: "\eef1"
}

.icofont-contrast:before {
    content: "\eef2"
}

.icofont-copyright:before {
    content: "\eef3"
}

.icofont-credit-card:before {
    content: "\eef4"
}

.icofont-crop:before {
    content: "\eef5"
}

.icofont-crown:before {
    content: "\eef6"
}

.icofont-cube:before {
    content: "\eef7"
}

.icofont-cubes:before {
    content: "\eef8"
}

.icofont-dashboard-web:before {
    content: "\eef9"
}

.icofont-dashboard:before {
    content: "\eefa"
}

.icofont-data:before {
    content: "\eefb"
}

.icofont-database-add:before {
    content: "\eefc"
}

.icofont-database-locked:before {
    content: "\eefd"
}

.icofont-database-remove:before {
    content: "\eefe"
}

.icofont-database:before {
    content: "\eeff"
}

.icofont-delete:before {
    content: "\ef00"
}

.icofont-diamond:before {
    content: "\ef01"
}

.icofont-dice-multiple:before {
    content: "\ef02"
}

.icofont-dice:before {
    content: "\ef03"
}

.icofont-disc:before {
    content: "\ef04"
}

.icofont-diskette:before {
    content: "\ef05"
}

.icofont-document-folder:before {
    content: "\ef06"
}

.icofont-download-alt:before {
    content: "\ef07"
}

.icofont-download:before {
    content: "\ef08"
}

.icofont-downloaded:before {
    content: "\ef09"
}

.icofont-drag:before {
    content: "\ef0a"
}

.icofont-drag1:before {
    content: "\ef0b"
}

.icofont-drag2:before {
    content: "\ef0c"
}

.icofont-drag3:before {
    content: "\ef0d"
}

.icofont-earth:before {
    content: "\ef0e"
}

.icofont-ebook:before {
    content: "\ef0f"
}

.icofont-edit:before {
    content: "\ef10"
}

.icofont-eject:before {
    content: "\ef11"
}

.icofont-email:before {
    content: "\ef12"
}

.icofont-envelope-open:before {
    content: "\ef13"
}

.icofont-envelope:before {
    content: "\ef14"
}

.icofont-eraser:before {
    content: "\ef15"
}

.icofont-error:before {
    content: "\ef16"
}

.icofont-excavator:before {
    content: "\ef17"
}

.icofont-exchange:before {
    content: "\ef18"
}

.icofont-exclamation-circle:before {
    content: "\ef19"
}

.icofont-exclamation-square:before {
    content: "\ef1a"
}

.icofont-exclamation-tringle:before {
    content: "\ef1b"
}

.icofont-exclamation:before {
    content: "\ef1c"
}

.icofont-exit:before {
    content: "\ef1d"
}

.icofont-expand:before {
    content: "\ef1e"
}

.icofont-external-link:before {
    content: "\ef1f"
}

.icofont-external:before {
    content: "\ef20"
}

.icofont-eye-alt:before {
    content: "\ef21"
}

.icofont-eye-blocked:before {
    content: "\ef22"
}

.icofont-eye-dropper:before {
    content: "\ef23"
}

.icofont-eye:before {
    content: "\ef24"
}

.icofont-favourite:before {
    content: "\ef25"
}

.icofont-fax:before {
    content: "\ef26"
}

.icofont-file-fill:before {
    content: "\ef27"
}

.icofont-film:before {
    content: "\ef28"
}

.icofont-filter:before {
    content: "\ef29"
}

.icofont-fire-alt:before {
    content: "\ef2a"
}

.icofont-fire-burn:before {
    content: "\ef2b"
}

.icofont-fire:before {
    content: "\ef2c"
}

.icofont-flag-alt-1:before {
    content: "\ef2d"
}

.icofont-flag-alt-2:before {
    content: "\ef2e"
}

.icofont-flag:before {
    content: "\ef2f"
}

.icofont-flame-torch:before {
    content: "\ef30"
}

.icofont-flash-light:before {
    content: "\ef31"
}

.icofont-flash:before {
    content: "\ef32"
}

.icofont-flask:before {
    content: "\ef33"
}

.icofont-focus:before {
    content: "\ef34"
}

.icofont-folder-open:before {
    content: "\ef35"
}

.icofont-folder:before {
    content: "\ef36"
}

.icofont-foot-print:before {
    content: "\ef37"
}

.icofont-garbage:before {
    content: "\ef38"
}

.icofont-gear-alt:before {
    content: "\ef39"
}

.icofont-gear:before {
    content: "\ef3a"
}

.icofont-gears:before {
    content: "\ef3b"
}

.icofont-gift:before {
    content: "\ef3c"
}

.icofont-glass:before {
    content: "\ef3d"
}

.icofont-globe:before {
    content: "\ef3e"
}

.icofont-graffiti:before {
    content: "\ef3f"
}

.icofont-grocery:before {
    content: "\ef40"
}

.icofont-hand:before {
    content: "\ef41"
}

.icofont-hanger:before {
    content: "\ef42"
}

.icofont-hard-disk:before {
    content: "\ef43"
}

.icofont-heart-alt:before {
    content: "\ef44"
}

.icofont-heart:before {
    content: "\ef45"
}

.icofont-history:before {
    content: "\ef46"
}

.icofont-home:before {
    content: "\ef47"
}

.icofont-horn:before {
    content: "\ef48"
}

.icofont-hour-glass:before {
    content: "\ef49"
}

.icofont-id:before {
    content: "\ef4a"
}

.icofont-image:before {
    content: "\ef4b"
}

.icofont-inbox:before {
    content: "\ef4c"
}

.icofont-infinite:before {
    content: "\ef4d"
}

.icofont-info-circle:before {
    content: "\ef4e"
}

.icofont-info-square:before {
    content: "\ef4f"
}

.icofont-info:before {
    content: "\ef50"
}

.icofont-institution:before {
    content: "\ef51"
}

.icofont-interface:before {
    content: "\ef52"
}

.icofont-invisible:before {
    content: "\ef53"
}

.icofont-jacket:before {
    content: "\ef54"
}

.icofont-jar:before {
    content: "\ef55"
}

.icofont-jewlery:before {
    content: "\ef56"
}

.icofont-karate:before {
    content: "\ef57"
}

.icofont-key-hole:before {
    content: "\ef58"
}

.icofont-key:before {
    content: "\ef59"
}

.icofont-label:before {
    content: "\ef5a"
}

.icofont-lamp:before {
    content: "\ef5b"
}

.icofont-layers:before {
    content: "\ef5c"
}

.icofont-layout:before {
    content: "\ef5d"
}

.icofont-leaf:before {
    content: "\ef5e"
}

.icofont-leaflet:before {
    content: "\ef5f"
}

.icofont-learn:before {
    content: "\ef60"
}

.icofont-lego:before {
    content: "\ef61"
}

.icofont-lens:before {
    content: "\ef62"
}

.icofont-letter:before {
    content: "\ef63"
}

.icofont-letterbox:before {
    content: "\ef64"
}

.icofont-library:before {
    content: "\ef65"
}

.icofont-license:before {
    content: "\ef66"
}

.icofont-life-bouy:before {
    content: "\ef67"
}

.icofont-life-buoy:before {
    content: "\ef68"
}

.icofont-life-jacket:before {
    content: "\ef69"
}

.icofont-life-ring:before {
    content: "\ef6a"
}

.icofont-light-bulb:before {
    content: "\ef6b"
}

.icofont-lighter:before {
    content: "\ef6c"
}

.icofont-lightning-ray:before {
    content: "\ef6d"
}

.icofont-like:before {
    content: "\ef6e"
}

.icofont-line-height:before {
    content: "\ef6f"
}

.icofont-link-alt:before {
    content: "\ef70"
}

.icofont-link:before {
    content: "\ef71"
}

.icofont-list:before {
    content: "\ef72"
}

.icofont-listening:before {
    content: "\ef73"
}

.icofont-listine-dots:before {
    content: "\ef74"
}

.icofont-listing-box:before {
    content: "\ef75"
}

.icofont-listing-number:before {
    content: "\ef76"
}

.icofont-live-support:before {
    content: "\ef77"
}

.icofont-location-arrow:before {
    content: "\ef78"
}

.icofont-location-pin:before {
    content: "\ef79"
}

.icofont-lock:before {
    content: "\ef7a"
}

.icofont-login:before {
    content: "\ef7b"
}

.icofont-logout:before {
    content: "\ef7c"
}

.icofont-lollipop:before {
    content: "\ef7d"
}

.icofont-long-drive:before {
    content: "\ef7e"
}

.icofont-look:before {
    content: "\ef7f"
}

.icofont-loop:before {
    content: "\ef80"
}

.icofont-luggage:before {
    content: "\ef81"
}

.icofont-lunch:before {
    content: "\ef82"
}

.icofont-lungs:before {
    content: "\ef83"
}

.icofont-magic-alt:before {
    content: "\ef84"
}

.icofont-magic:before {
    content: "\ef85"
}

.icofont-magnet:before {
    content: "\ef86"
}

.icofont-mail-box:before {
    content: "\ef87"
}

.icofont-mail:before {
    content: "\ef88"
}

.icofont-male:before {
    content: "\ef89"
}

.icofont-map-pins:before {
    content: "\ef8a"
}

.icofont-map:before {
    content: "\ef8b"
}

.icofont-maximize:before {
    content: "\ef8c"
}

.icofont-measure:before {
    content: "\ef8d"
}

.icofont-medicine:before {
    content: "\ef8e"
}

.icofont-mega-phone:before {
    content: "\ef8f"
}

.icofont-megaphone-alt:before {
    content: "\ef90"
}

.icofont-megaphone:before {
    content: "\ef91"
}

.icofont-memorial:before {
    content: "\ef92"
}

.icofont-memory-card:before {
    content: "\ef93"
}

.icofont-mic-mute:before {
    content: "\ef94"
}

.icofont-mic:before {
    content: "\ef95"
}

.icofont-military:before {
    content: "\ef96"
}

.icofont-mill:before {
    content: "\ef97"
}

.icofont-minus-circle:before {
    content: "\ef98"
}

.icofont-minus-square:before {
    content: "\ef99"
}

.icofont-minus:before {
    content: "\ef9a"
}

.icofont-mobile-phone:before {
    content: "\ef9b"
}

.icofont-molecule:before {
    content: "\ef9c"
}

.icofont-money:before {
    content: "\ef9d"
}

.icofont-moon:before {
    content: "\ef9e"
}

.icofont-mop:before {
    content: "\ef9f"
}

.icofont-muffin:before {
    content: "\efa0"
}

.icofont-mustache:before {
    content: "\efa1"
}

.icofont-navigation-menu:before {
    content: "\efa2"
}

.icofont-navigation:before {
    content: "\efa3"
}

.icofont-network-tower:before {
    content: "\efa4"
}

.icofont-network:before {
    content: "\efa5"
}

.icofont-news:before {
    content: "\efa6"
}

.icofont-newspaper:before {
    content: "\efa7"
}

.icofont-no-smoking:before {
    content: "\efa8"
}

.icofont-not-allowed:before {
    content: "\efa9"
}

.icofont-notebook:before {
    content: "\efaa"
}

.icofont-notepad:before {
    content: "\efab"
}

.icofont-notification:before {
    content: "\efac"
}

.icofont-numbered:before {
    content: "\efad"
}

.icofont-opposite:before {
    content: "\efae"
}

.icofont-optic:before {
    content: "\efaf"
}

.icofont-options:before {
    content: "\efb0"
}

.icofont-package:before {
    content: "\efb1"
}

.icofont-page:before {
    content: "\efb2"
}

.icofont-paint:before {
    content: "\efb3"
}

.icofont-paper-plane:before {
    content: "\efb4"
}

.icofont-paperclip:before {
    content: "\efb5"
}

.icofont-papers:before {
    content: "\efb6"
}

.icofont-pay:before {
    content: "\efb7"
}

.icofont-penguin-linux:before {
    content: "\efb8"
}

.icofont-pestle:before {
    content: "\efb9"
}

.icofont-phone-circle:before {
    content: "\efba"
}

.icofont-phone:before {
    content: "\efbb"
}

.icofont-picture:before {
    content: "\efbc"
}

.icofont-pine:before {
    content: "\efbd"
}

.icofont-pixels:before {
    content: "\efbe"
}

.icofont-plugin:before {
    content: "\efbf"
}

.icofont-plus-circle:before {
    content: "\efc0"
}

.icofont-plus-square:before {
    content: "\efc1"
}

.icofont-plus:before {
    content: "\efc2"
}

.icofont-polygonal:before {
    content: "\efc3"
}

.icofont-power:before {
    content: "\efc4"
}

.icofont-price:before {
    content: "\efc5"
}

.icofont-print:before {
    content: "\efc6"
}

.icofont-puzzle:before {
    content: "\efc7"
}

.icofont-qr-code:before {
    content: "\efc8"
}

.icofont-queen:before {
    content: "\efc9"
}

.icofont-question-circle:before {
    content: "\efca"
}

.icofont-question-square:before {
    content: "\efcb"
}

.icofont-question:before {
    content: "\efcc"
}

.icofont-quote-left:before {
    content: "\efcd"
}

.icofont-quote-right:before {
    content: "\efce"
}

.icofont-random:before {
    content: "\efcf"
}

.icofont-recycle:before {
    content: "\efd0"
}

.icofont-refresh:before {
    content: "\efd1"
}

.icofont-repair:before {
    content: "\efd2"
}

.icofont-reply-all:before {
    content: "\efd3"
}

.icofont-reply:before {
    content: "\efd4"
}

.icofont-resize:before {
    content: "\efd5"
}

.icofont-responsive:before {
    content: "\efd6"
}

.icofont-retweet:before {
    content: "\efd7"
}

.icofont-road:before {
    content: "\efd8"
}

.icofont-robot:before {
    content: "\efd9"
}

.icofont-royal:before {
    content: "\efda"
}

.icofont-rss-feed:before {
    content: "\efdb"
}

.icofont-safety:before {
    content: "\efdc"
}

.icofont-sale-discount:before {
    content: "\efdd"
}

.icofont-satellite:before {
    content: "\efde"
}

.icofont-send-mail:before {
    content: "\efdf"
}

.icofont-server:before {
    content: "\efe0"
}

.icofont-settings-alt:before {
    content: "\efe1"
}

.icofont-settings:before {
    content: "\efe2"
}

.icofont-share-alt:before {
    content: "\efe3"
}

.icofont-share-boxed:before {
    content: "\efe4"
}

.icofont-share:before {
    content: "\efe5"
}

.icofont-shield:before {
    content: "\efe6"
}

.icofont-shopping-cart:before {
    content: "\efe7"
}

.icofont-sign-in:before {
    content: "\efe8"
}

.icofont-sign-out:before {
    content: "\efe9"
}

.icofont-signal:before {
    content: "\efea"
}

.icofont-site-map:before {
    content: "\efeb"
}

.icofont-smart-phone:before {
    content: "\efec"
}

.icofont-soccer:before {
    content: "\efed"
}

.icofont-sort-alt:before {
    content: "\efee"
}

.icofont-sort:before {
    content: "\efef"
}

.icofont-space:before {
    content: "\eff0"
}

.icofont-spanner:before {
    content: "\eff1"
}

.icofont-speech-comments:before {
    content: "\eff2"
}

.icofont-speed-meter:before {
    content: "\eff3"
}

.icofont-spinner-alt-1:before {
    content: "\eff4"
}

.icofont-spinner-alt-2:before {
    content: "\eff5"
}

.icofont-spinner-alt-3:before {
    content: "\eff6"
}

.icofont-spinner-alt-4:before {
    content: "\eff7"
}

.icofont-spinner-alt-5:before {
    content: "\eff8"
}

.icofont-spinner-alt-6:before {
    content: "\eff9"
}

.icofont-spinner:before {
    content: "\effa"
}

.icofont-spreadsheet:before {
    content: "\effb"
}

.icofont-square:before {
    content: "\effc"
}

.icofont-ssl-security:before {
    content: "\effd"
}

.icofont-star-alt-1:before {
    content: "\effe"
}

.icofont-star-alt-2:before {
    content: "\efff"
}

.icofont-star:before {
    content: "\f000"
}

.icofont-street-view:before {
    content: "\f001"
}

.icofont-support-faq:before {
    content: "\f002"
}

.icofont-tack-pin:before {
    content: "\f003"
}

.icofont-tag:before {
    content: "\f004"
}

.icofont-tags:before {
    content: "\f005"
}

.icofont-tasks-alt:before {
    content: "\f006"
}

.icofont-tasks:before {
    content: "\f007"
}

.icofont-telephone:before {
    content: "\f008"
}

.icofont-telescope:before {
    content: "\f009"
}

.icofont-terminal:before {
    content: "\f00a"
}

.icofont-thumbs-down:before {
    content: "\f00b"
}

.icofont-thumbs-up:before {
    content: "\f00c"
}

.icofont-tick-boxed:before {
    content: "\f00d"
}

.icofont-tick-mark:before {
    content: "\f00e"
}

.icofont-ticket:before {
    content: "\f00f"
}

.icofont-tie:before {
    content: "\f010"
}

.icofont-toggle-off:before {
    content: "\f011"
}

.icofont-toggle-on:before {
    content: "\f012"
}

.icofont-tools-alt-2:before {
    content: "\f013"
}

.icofont-tools:before {
    content: "\f014"
}

.icofont-touch:before {
    content: "\f015"
}

.icofont-traffic-light:before {
    content: "\f016"
}

.icofont-transparent:before {
    content: "\f017"
}

.icofont-tree:before {
    content: "\f018"
}

.icofont-unique-idea:before {
    content: "\f019"
}

.icofont-unlock:before {
    content: "\f01a"
}

.icofont-unlocked:before {
    content: "\f01b"
}

.icofont-upload-alt:before {
    content: "\f01c"
}

.icofont-upload:before {
    content: "\f01d"
}

.icofont-usb-drive:before {
    content: "\f01e"
}

.icofont-usb:before {
    content: "\f01f"
}

.icofont-vector-path:before {
    content: "\f020"
}

.icofont-verification-check:before {
    content: "\f021"
}

.icofont-wall-clock:before {
    content: "\f022"
}

.icofont-wall:before {
    content: "\f023"
}

.icofont-wallet:before {
    content: "\f024"
}

.icofont-warning-alt:before {
    content: "\f025"
}

.icofont-warning:before {
    content: "\f026"
}

.icofont-water-drop:before {
    content: "\f027"
}

.icofont-web:before {
    content: "\f028"
}

.icofont-wheelchair:before {
    content: "\f029"
}

.icofont-wifi-alt:before {
    content: "\f02a"
}

.icofont-wifi:before {
    content: "\f02b"
}

.icofont-world:before {
    content: "\f02c"
}

.icofont-zigzag:before {
    content: "\f02d"
}

.icofont-zipped:before {
    content: "\f02e"
}

.icofont-xs {
    font-size: .5em
}

.icofont-sm {
    font-size: .75em
}

.icofont-md {
    font-size: 1.25em
}

.icofont-lg {
    font-size: 1.5em
}

.icofont-1x {
    font-size: 1em
}

.icofont-2x {
    font-size: 2em
}

.icofont-3x {
    font-size: 3em
}

.icofont-4x {
    font-size: 4em
}

.icofont-5x {
    font-size: 5em
}

.icofont-6x {
    font-size: 6em
}

.icofont-7x {
    font-size: 7em
}

.icofont-8x {
    font-size: 8em
}

.icofont-9x {
    font-size: 9em
}

.icofont-10x {
    font-size: 10em
}

.icofont-fw {
    text-align: center;
    width: 1.25em
}

.icofont-ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0
}

    .icofont-ul > li {
        position: relative;
        line-height: 2em
    }

        .icofont-ul > li .icofont {
            display: inline-block;
            vertical-align: middle
        }

.icofont-border {
    border: .08em solid #f1f1f1;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.icofont-pull-left {
    float: left
}

.icofont-pull-right {
    float: right
}

.icofont.icofont-pull-left {
    margin-right: .3em
}

.icofont.icofont-pull-right {
    margin-left: .3em
}

.icofont-spin {
    -webkit-animation: 2s linear infinite icofont-spin;
    animation: 2s linear infinite icofont-spin;
    display: inline-block
}

.icofont-pulse {
    -webkit-animation: 1s steps(8) infinite icofont-spin;
    animation: 1s steps(8) infinite icofont-spin;
    display: inline-block
}

@-webkit-keyframes icofont-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes icofont-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.icofont-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icofont-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icofont-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.icofont-flip-horizontal {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.icofont-flip-vertical {
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1)
}

.icofont-flip-horizontal.icofont-flip-vertical {
    -webkit-transform: scale(-1,-1);
    transform: scale(-1,-1)
}

:root .icofont-flip-horizontal, :root .icofont-flip-vertical, :root .icofont-rotate-180, :root .icofont-rotate-270, :root .icofont-rotate-90 {
    -webkit-filter: none;
    filter: none;
    display: inline-block
}

.icofont-inverse {
    color: #fff
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -webkit-transform-origin: center bottom;
    animation-name: bounce;
    transform-origin: center bottom
}

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

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

@keyframes pulse {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

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

@-webkit-keyframes rubberBand {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

@keyframes rubberBand {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

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

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

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

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

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

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

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

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

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

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

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

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

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

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

@-webkit-keyframes tada {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

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

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

@keyframes tada {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

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

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

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

@-webkit-keyframes wobble {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }
}

@keyframes wobble {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }
}

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

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    -webkit-transform-origin: center;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0%,28%,70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14%,42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes heartBeat {
    0%,28%,70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14%,42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.heartBeat {
    -webkit-animation-duration: 1.3s;
    -webkit-animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 1.3s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        -webkit-transform: scale3d(1.03,1.03,1.03);
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        -webkit-transform: scale3d(1.03,1.03,1.03);
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-duration: .75s;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(0,-3000px,0);
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        -webkit-transform: translate3d(0,25px,0);
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(0,-3000px,0);
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        -webkit-transform: translate3d(0,25px,0);
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(-3000px,0,0);
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        -webkit-transform: translate3d(25px,0,0);
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(-3000px,0,0);
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        -webkit-transform: translate3d(25px,0,0);
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(3000px,0,0);
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        -webkit-transform: translate3d(-25px,0,0);
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(3000px,0,0);
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        -webkit-transform: translate3d(-25px,0,0);
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(0,3000px,0);
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(0,3000px,0);
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-duration: .75s;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px,0,0);
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px,0,0);
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

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

@-webkit-keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px,0,0);
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px,0,0);
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        -webkit-transform: translate3d(0,20px,0);
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        -webkit-transform: translate3d(0,20px,0);
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

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

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

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

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

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

    to {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0)
    }
}

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

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

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

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

    to {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0)
    }
}

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

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

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

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

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

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

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

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

.flipOutX {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    animation-duration: .75s;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

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

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

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

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

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

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

.flipOutY {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    animation-duration: .75s;
    animation-name: flipOutY;
    backface-visibility: visible !important
}

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

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

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

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

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

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

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

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

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

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

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

    to {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

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

    to {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

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

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

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

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

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

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

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

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

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

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: translate3d(0,700px,0);
        opacity: 0;
        transform: translate3d(0,700px,0)
    }
}

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

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

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

    to {
        -webkit-transform: translate3d(0,700px,0);
        opacity: 0;
        transform: translate3d(0,700px,0)
    }
}

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

@-webkit-keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

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

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

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

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

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

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

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

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

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

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

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

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

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

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

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

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

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

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    .animated.delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }

    .animated.delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }

    .animated.delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s
    }

    .animated.delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }

    .animated.fast {
        -webkit-animation-duration: .8s;
        animation-duration: .8s
    }

    .animated.faster {
        -webkit-animation-duration: .5s;
        animation-duration: .5s
    }

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

    .animated.slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s
    }

@media (prefers-reduced-motion),(print) {
    .animated {
        -webkit-animation: unset !important;
        -webkit-transition: none !important;
        animation: unset !important;
        transition: none !important
    }
}

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

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

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

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel .owl-refresh .owl-item {
        display: none
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d
        }

    .owl-carousel.owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto
    }

    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale .1s;
    -moz-transition: scale .1s;
    -ms-transition: scale .1s;
    -o-transition: scale .1s
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .chosen-container * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1010;
        width: 100%;
        border: 1px solid #aaa;
        border-top: 0;
        background: #fff;
        box-shadow: 0 4px 5px rgba(0,0,0,.15)
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0
    }

    .chosen-container a {
        cursor: pointer
    }

    .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name {
        margin-right: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: 400;
        color: #999
    }

        .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after {
            content: ":";
            padding-left: 2px;
            vertical-align: top
        }

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -moz-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -o-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png?v=79UzxY2qhNnbWHS97RxjT1SeXc4) -42px 1px no-repeat;
    font-size: 1px
}

    .chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
        background-position: -42px -10px
    }

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
        background: url(chosen-sprite.png?v=79UzxY2qhNnbWHS97RxjT1SeXc4) 0 2px no-repeat
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

    .chosen-container-single .chosen-search input[type=text] {
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        background: url(chosen-sprite.png?v=79UzxY2qhNnbWHS97RxjT1SeXc4) 100% -20px no-repeat;
        font-size: 1em;
        font-family: sans-serif;
        line-height: normal;
        border-radius: 0
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
        word-wrap: break-word;
        -webkit-touch-callout: none
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #ccc;
            cursor: default
        }

        .chosen-container .chosen-results li.highlighted {
            background-color: #3875d7;
            background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));
            background-image: -webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: -moz-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: -o-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: linear-gradient(#3875d7 20%,#2a62bc 90%);
            color: #fff
        }

        .chosen-container .chosen-results li.no-results {
            color: #777;
            display: list-item;
            background: #f4f4f4
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: 700;
            cursor: default
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline
        }

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));
    background-image: -webkit-linear-gradient(#eee 1%,#fff 15%);
    background-image: -moz-linear-gradient(#eee 1%,#fff 15%);
    background-image: -o-linear-gradient(#eee 1%,#fff 15%);
    background-image: linear-gradient(#eee 1%,#fff 15%);
    cursor: text
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap
        }

            .chosen-container-multi .chosen-choices li.search-field input[type=text] {
                margin: 1px 0;
                padding: 0;
                height: 25px;
                outline: 0;
                border: 0 !important;
                background: 0 0 !important;
                box-shadow: none;
                color: #999;
                font-size: 100%;
                font-family: sans-serif;
                line-height: normal;
                border-radius: 0
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 5px 3px 0;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            max-width: 100%;
            border-radius: 3px;
            background-color: #eee;
            background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
            background-image: -webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-size: 100% 19px;
            background-repeat: repeat-x;
            background-clip: padding-box;
            box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
            color: #333;
            line-height: 13px;
            cursor: default
        }

            .chosen-container-multi .chosen-choices li.search-choice span {
                word-wrap: break-word
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                background: url(chosen-sprite.png?v=79UzxY2qhNnbWHS97RxjT1SeXc4) -42px 1px no-repeat;
                font-size: 1px
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
            background-image: -webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            color: #666
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));
    background-image: -webkit-linear-gradient(#eee 20%,#fff 80%);
    background-image: -moz-linear-gradient(#eee 20%,#fff 80%);
    background-image: -o-linear-gradient(#eee 20%,#fff 80%);
    background-image: linear-gradient(#eee 20%,#fff 80%);
    box-shadow: 0 1px 0 #fff inset
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: 0 0
    }

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

    .chosen-container-active .chosen-choices li.search-field input[type=text] {
        color: #222 !important
    }

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

    .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single {
        cursor: default
    }

.chosen-rtl {
    text-align: right
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px
    }

    .chosen-rtl .chosen-choices li {
        float: right
    }

        .chosen-rtl .chosen-choices li.search-field input[type=text] {
            direction: rtl
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px
            }

    .chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search {
        left: 9999px
    }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none
    }

    .chosen-rtl .chosen-search input[type=text] {
        padding: 4px 5px 4px 20px;
        background: url(chosen-sprite.png?v=79UzxY2qhNnbWHS97RxjT1SeXc4) -30px -20px no-repeat;
        direction: rtl
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px
    }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx) {
    .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] {
        background-image: url(chosen-sprite@2x.png?v=79UzxY2qhNnbWHS97RxjT1SeXc4) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

[data-ripple] {
    position: relative
}

    [data-ripple] > .ripple {
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0
    }

        [data-ripple] > .ripple > .ink {
            display: block;
            position: absolute;
            background: #fefefe;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            opacity: .75
        }

            [data-ripple] > .ripple > .ink.animate {
                -webkit-animation: .85s linear ripple;
                -moz-animation: .85s linear ripple;
                -o-animation: .85s linear ripple;
                -ms-animation: ripple .85s linear;
                animation: .85s linear ripple
            }

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ps-container {
        overflow: auto !important
    }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999;
        height: 11px
    }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999;
        width: 11px
    }

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -o-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear;
    bottom: 0;
    height: 15px
}

    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        position: absolute;
        background-color: #aaa;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
        -o-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
        -moz-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
        bottom: 2px;
        height: 6px
    }

    .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
        height: 11px
    }

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -o-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear;
    right: 0;
    width: 15px
}

    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        position: absolute;
        background-color: #aaa;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
        -o-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
        -moz-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
        right: 2px;
        width: 6px
    }

    .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
        width: 11px
    }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999;
        height: 11px
    }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999;
        width: 11px
    }

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: .6
}

    .ps-container:hover > .ps-scrollbar-x-rail:hover {
        background-color: #eee;
        opacity: .9
    }

        .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
            background-color: #999
        }

    .ps-container:hover > .ps-scrollbar-y-rail:hover {
        background-color: transparent;
        opacity: .9
    }

        .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
            background-color: #999
        }

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 2px 8px 8px 0;
    position: absolute;
    z-index: 999999999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

    .xdsoft_datetimepicker.xdsoft_rtl {
        padding: 8px 0 8px 8px
    }

    .xdsoft_datetimepicker iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 75px;
        height: 210px;
        background: 0 0;
        border: 0
    }

    .xdsoft_datetimepicker button {
        border: none !important
    }

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .xdsoft_noselect::selection {
        background: 0 0
    }

    .xdsoft_noselect::-moz-selection {
        background: 0 0
    }

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

    .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
        display: block
    }

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
    float: none;
    margin-left: 0;
    margin-right: 14px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
        background: #f5f5f5;
        border-top: 1px solid #ddd;
        color: #666;
        font-size: 12px;
        text-align: center;
        border-collapse: collapse;
        cursor: pointer;
        border-bottom-width: 0;
        height: 25px;
        line-height: 25px
    }

        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
            border-top-width: 0
        }

.xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 999999999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

    .xdsoft_datetimepicker .xdsoft_label:hover > span {
        text-decoration: underline
    }

    .xdsoft_datetimepicker .xdsoft_label:hover i {
        opacity: 1
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
        border: 1px solid #ccc;
        position: absolute;
        right: 0;
        top: 30px;
        z-index: 101;
        display: none;
        background: #fff;
        max-height: 160px;
        overflow-y: hidden
    }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
            right: -7px
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
            right: 2px
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
            color: #fff;
            background: #2a2a2a
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
            padding: 2px 10px 2px 5px;
            text-decoration: none !important
        }

            .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
                background: #0077b5;
                box-shadow: #178fe5 0 1px 3px 0 inset;
                color: #fff;
                font-weight: 700
            }

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
    text-align: center
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
    font-weight: 700;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #0077b5
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #0077b5;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    cursor: default
}

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
        opacity: .2;
        -ms-filter: "alpha(opacity=20)"
    }

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #2a2a2a !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #0077b5 !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

    .xdsoft_datetimepicker .xdsoft_copyright a {
        color: #eee !important
    }

        .xdsoft_datetimepicker .xdsoft_copyright a:hover {
            color: #aaa !important
        }

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}

.xdsoft_scroller_box {
    position: relative
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255,255,255,.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
        border-bottom: 1px solid #222
    }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
            background: #0a0a0a;
            border-top: 1px solid #222;
            color: #999
        }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
        background-color: #000
    }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
            border: 1px solid #333;
            background: #000
        }

            .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
                color: #000;
                background: #007fff
            }

            .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
                background: #c50;
                box-shadow: #b03e00 0 1px 3px 0 inset;
                color: #000
            }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
        }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
        background: #0a0a0a;
        border: 1px solid #222;
        color: #999
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
        background: #0e0e0e;
        color: #666
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
        color: #c50
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
        background: #ffe9d2;
        box-shadow: #ffb871 0 1px 4px 0 inset;
        color: #000
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
        background: #c1ffc9;
        box-shadow: #00dd1c 0 1px 4px 0 inset;
        color: #000
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
        background: #c50;
        box-shadow: #b03e00 0 1px 3px 0 inset;
        color: #000
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
        color: #000 !important;
        background: #007fff !important
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
        color: #333 !important
    }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
            color: #111 !important
        }

            .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
                color: #555 !important
            }

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #ddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: museo-sans,"Book Antiqua",sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));
    background: -webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: -o-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: -ms-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: linear-gradient(to bottom,#fff 0,#f4f8fa 73%)
}

    .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:focus span, .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:hover span {
        color: #454551;
        background: -moz-linear-gradient(top,#f4f8fa 0,#fff 73%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#fff));
        background: -webkit-linear-gradient(top,#f4f8fa 0,#fff 73%);
        background: -o-linear-gradient(top,#f4f8fa 0,#fff 73%);
        background: -ms-linear-gradient(top,#f4f8fa 0,#fff 73%);
        background: linear-gradient(to bottom,#f4f8fa 0,#fff 73%)
    }

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

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

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

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

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

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

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

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

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

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

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0,0,0,.3);
    background: #fff
}

    .dropzone.dz-clickable {
        cursor: pointer
    }

        .dropzone.dz-clickable * {
            cursor: default
        }

        .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
            cursor: pointer
        }

    .dropzone.dz-started .dz-message {
        display: none
    }

    .dropzone.dz-drag-hover {
        border-style: solid
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: .5
        }

    .dropzone .dz-message {
        text-align: center
    }

        .dropzone .dz-message .dz-button {
            background: 0 0;
            color: inherit;
            border: none;
            padding: 0;
            font: inherit;
            cursor: pointer;
            outline: inherit
        }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        min-height: 100px
    }

        .dropzone .dz-preview:hover {
            z-index: 1000
        }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 20px;
            background: #999;
            background: linear-gradient(to bottom,#eee,#ddd)
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview.dz-image-preview {
            background: #fff
        }

            .dropzone .dz-preview.dz-image-preview .dz-details {
                -webkit-transition: opacity .2s linear;
                -moz-transition: opacity .2s linear;
                -ms-transition: opacity .2s linear;
                -o-transition: opacity .2s linear;
                transition: opacity .2s linear
            }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline
            }

        .dropzone .dz-preview:hover .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 2em 1em;
            text-align: center;
            color: rgba(0,0,0,.9);
            line-height: 150%
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 1em;
                font-size: 16px
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200,200,200,.8);
                    background-color: rgba(255,255,255,.8)
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent
                    }

                .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255,255,255,.4);
                    padding: 0 .4em;
                    border-radius: 3px
                }

        .dropzone .dz-preview:hover .dz-image img {
            -webkit-transform: scale(1.05,1.05);
            -moz-transform: scale(1.05,1.05);
            -ms-transform: scale(1.05,1.05);
            -o-transform: scale(1.05,1.05);
            transform: scale(1.05,1.05);
            -webkit-filter: blur(8px);
            filter: blur(8px)
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10
        }

            .dropzone .dz-preview .dz-image img {
                display: block
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            -webkit-animation: 3s cubic-bezier(.77,0,.175,1) passing-through;
            -moz-animation: 3s cubic-bezier(.77,0,.175,1) passing-through;
            -ms-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
            -o-animation: 3s cubic-bezier(.77,0,.175,1) passing-through;
            animation: 3s cubic-bezier(.77,0,.175,1) passing-through
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -webkit-animation: 3s cubic-bezier(.77,0,.175,1) slide-in;
            -moz-animation: 3s cubic-bezier(.77,0,.175,1) slide-in;
            -ms-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
            -o-animation: 3s cubic-bezier(.77,0,.175,1) slide-in;
            animation: 3s cubic-bezier(.77,0,.175,1) slide-in
        }

        .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px
        }

            .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
                display: block;
                width: 54px;
                height: 54px
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            -webkit-transition: .2s linear;
            -moz-transition: .2s linear;
            -ms-transition: .2s linear;
            -o-transition: .2s linear;
            transition: .2s linear
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            -webkit-transition: opacity .4s ease-in;
            -moz-transition: opacity .4s ease-in;
            -ms-transition: opacity .4s ease-in;
            -o-transition: opacity .4s ease-in;
            transition: opacity .4s ease-in
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            -webkit-animation: 6s infinite pulse;
            -moz-animation: 6s infinite pulse;
            -ms-animation: pulse 6s ease infinite;
            -o-animation: 6s infinite pulse;
            animation: 6s infinite pulse
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 80px;
            margin-left: -40px;
            background: rgba(255,255,255,.9);
            -webkit-transform: scale(1);
            border-radius: 8px;
            overflow: hidden
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #333;
                background: linear-gradient(to bottom,#666,#444);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 0;
                -webkit-transition: width .3s ease-in-out;
                -moz-transition: width .3s ease-in-out;
                -ms-transition: width .3s ease-in-out;
                -o-transition: width .3s ease-in-out;
                transition: width .3s ease-in-out
            }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto
        }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: none;
            opacity: 0;
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            -ms-transition: opacity .3s;
            -o-transition: opacity .3s;
            transition: opacity .3s;
            border-radius: 8px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #be2626;
            background: linear-gradient(to bottom,#be2626,#a92222);
            padding: .5em 1.2em;
            color: #fff
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: '';
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #be2626
            }

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] {
    position: absolute;
    z-index: 1000;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

    .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item {
        font-size: 14px;
        padding: 1px 3px;
        border: 0
    }

        .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a {
            text-decoration: none;
            display: block;
            height: 100%;
            line-height: 1.8em;
            padding: 0 1.54em 0 .615em;
            color: #4f4f4f
        }

        .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active, .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover {
            background-color: #e4e4e4
        }

            .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active a, .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover a {
                color: #333
            }

        .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item .emojioneemoji {
            font-size: inherit;
            height: 2ex;
            width: 2.1ex;
            min-height: 20px;
            min-width: 20px;
            display: inline-block;
            margin: 0 5px .2ex 0;
            line-height: normal;
            vertical-align: middle;
            max-width: 100%;
            top: 0
        }

.emojionearea-text .emojioneemoji, .emojionearea-text [class*=emojione-] {
    font-size: inherit;
    height: 2ex;
    width: 2.1ex;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.2ex .15em .2ex;
    line-height: normal;
    vertical-align: middle;
    max-width: 100%;
    top: 0
}

.emojionearea, .emojionearea * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .emojionearea.emojionearea-disable {
        position: relative;
        background-color: #eee;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none
    }

        .emojionearea.emojionearea-disable:before {
            content: "";
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            opacity: .3;
            position: absolute;
            background-color: #eee
        }

    .emojionearea, .emojionearea.form-control {
        display: block;
        position: relative !important;
        width: 100%;
        height: auto;
        padding: 0;
        font-size: 14px;
        background-color: #fff;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -moz-transition: border-color .15s ease-in-out,-moz-box-shadow .15s ease-in-out;
        -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

        .emojionearea.focused {
            border-color: #66afe9;
            outline: 0;
            -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
        }

        .emojionearea .emojionearea-editor {
            display: block;
            height: auto;
            min-height: 8em;
            max-height: 15em;
            overflow: auto;
            padding: 6px 24px 6px 12px;
            line-height: 1.42857143;
            font-size: inherit;
            color: #555;
            background-color: transparent;
            border: 0;
            cursor: text;
            margin-right: 1px;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

            .emojionearea .emojionearea-editor:empty:before {
                content: attr(placeholder);
                display: block;
                color: #bbb
            }

            .emojionearea .emojionearea-editor:focus {
                border: 0;
                outline: 0;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .emojionearea .emojionearea-editor .emojioneemoji, .emojionearea .emojionearea-editor [class*=emojione-] {
                font-size: inherit;
                height: 2ex;
                width: 2.1ex;
                min-height: 20px;
                min-width: 20px;
                display: inline-block;
                margin: -.2ex .15em .2ex;
                line-height: normal;
                vertical-align: middle;
                max-width: 100%;
                top: 0
            }

        .emojionearea.emojionearea-inline {
            height: 34px
        }

            .emojionearea.emojionearea-inline > .emojionearea-editor {
                height: 32px;
                min-height: 20px;
                overflow: hidden;
                white-space: nowrap;
                position: absolute;
                top: 0;
                left: 12px;
                right: 24px;
                padding: 6px 0
            }

            .emojionearea.emojionearea-inline > .emojionearea-button {
                top: 4px
            }

        .emojionearea .emojionearea-button {
            z-index: 5;
            position: absolute;
            right: 3px;
            top: 3px;
            width: 24px;
            height: 24px;
            opacity: .6;
            cursor: pointer;
            -moz-transition: opacity .3s ease-in-out;
            -o-transition: opacity .3s ease-in-out;
            -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out
        }

            .emojionearea .emojionearea-button:hover {
                opacity: 1
            }

            .emojionearea .emojionearea-button > div {
                display: block;
                width: 24px;
                height: 24px;
                position: absolute;
                -moz-transition: .4s ease-in-out;
                -o-transition: .4s ease-in-out;
                -webkit-transition: .4s ease-in-out;
                transition: .4s ease-in-out
            }

                .emojionearea .emojionearea-button > div.emojionearea-button-open {
                    background-position: 0 -24px;
                    opacity: 1
                }

                .emojionearea .emojionearea-button > div.emojionearea-button-close {
                    background-position: 0 0;
                    -webkit-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    opacity: 0
                }

            .emojionearea .emojionearea-button.active > div.emojionearea-button-open {
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                opacity: 0
            }

            .emojionearea .emojionearea-button.active > div.emojionearea-button-close {
                -webkit-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                opacity: 1
            }

        .emojionearea .emojionearea-picker {
            background: #fff;
            position: absolute;
            -moz-box-shadow: 0 1px 5px rgba(0,0,0,.32);
            -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.32);
            box-shadow: 0 1px 5px rgba(0,0,0,.32);
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            height: 276px;
            width: 316px;
            top: -15px;
            right: -15px;
            z-index: 90;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            -webkit-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
            opacity: 0;
            -moz-user-select: -moz-none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none
        }

            .emojionearea .emojionearea-picker.hidden {
                display: none
            }

            .emojionearea .emojionearea-picker .emojionearea-wrapper {
                position: relative;
                height: 276px;
                width: 316px
            }

                .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
                    content: "";
                    display: block;
                    position: absolute;
                    background-repeat: no-repeat;
                    z-index: 91
                }

            .emojionearea .emojionearea-picker .emojionearea-filters {
                width: 100%;
                position: absolute;
                z-index: 95;
                background: #f5f7f9;
                padding: 0 0 0 7px;
                height: 40px
            }

                .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter {
                    display: block;
                    float: left;
                    height: 40px;
                    width: 32px;
                    padding: 7px 1px 0;
                    cursor: pointer;
                    -webkit-filter: grayscale(1);
                    filter: grayscale(1)
                }

                    .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
                        background: #fff
                    }

                    .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active, .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover {
                        -webkit-filter: grayscale(0);
                        filter: grayscale(0)
                    }

                    .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > i {
                        width: 24px;
                        height: 24px;
                        top: 0
                    }

                    .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > img {
                        width: 24px;
                        height: 24px;
                        margin: 0 3px
                    }

            .emojionearea .emojionearea-picker .emojionearea-search-panel {
                height: 30px;
                position: absolute;
                z-index: 95;
                top: 40px;
                left: 0;
                right: 0;
                padding: 5px 0 5px 8px
            }

                .emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones {
                    float: right;
                    margin-right: 10px;
                    margin-top: -1px
                }

            .emojionearea .emojionearea-picker .emojionearea-tones-panel .emojionearea-tones {
                position: absolute;
                top: 4px;
                left: 171px
            }

            .emojionearea .emojionearea-picker .emojionearea-search {
                float: left;
                padding: 0;
                height: 20px;
                width: 160px
            }

                .emojionearea .emojionearea-picker .emojionearea-search > input {
                    outline: 0;
                    width: 160px;
                    min-width: 160px;
                    height: 20px
                }

            .emojionearea .emojionearea-picker .emojionearea-tones {
                padding: 0;
                width: 120px;
                height: 20px
            }

                .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone {
                    display: inline-block;
                    padding: 0;
                    border: 0;
                    vertical-align: middle;
                    outline: 0;
                    background: 0 0;
                    cursor: pointer;
                    position: relative
                }

                    .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-0, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-0:after {
                        background-color: #ffcf3e
                    }

                    .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-1, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-1:after {
                        background-color: #fae3c5
                    }

                    .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-2, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-2:after {
                        background-color: #e2cfa5
                    }

                    .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-3, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-3:after {
                        background-color: #daa478
                    }

                    .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-4, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-4:after {
                        background-color: #a78058
                    }

                    .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-5, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-5:after {
                        background-color: #5e4d43
                    }

                .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone {
                    width: 20px;
                    height: 20px;
                    margin: 0;
                    background-color: transparent
                }

                    .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone:after {
                        content: "";
                        position: absolute;
                        display: block;
                        top: 4px;
                        left: 4px;
                        width: 12px;
                        height: 12px
                    }

                    .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone.active:after {
                        top: 0;
                        left: 0;
                        width: 20px;
                        height: 20px
                    }

                .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone {
                    width: 16px;
                    height: 16px;
                    margin: 0 2px
                }

                    .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone.active:after {
                        content: "";
                        position: absolute;
                        display: block;
                        background-color: transparent;
                        border: 2px solid #fff;
                        width: 8px;
                        height: 8px;
                        top: 2px;
                        left: 2px;
                        box-sizing: initial
                    }

            .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:before, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category:before, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:before {
                content: " ";
                clear: both;
                display: block
            }

            .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone:after {
                -moz-border-radius: 100%;
                -webkit-border-radius: 100%;
                border-radius: 100%
            }

            .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone:after {
                -moz-border-radius: 1px;
                -webkit-border-radius: 1px;
                border-radius: 1px
            }

            .emojionearea .emojionearea-picker .emojionearea-scroll-area {
                height: 236px;
                overflow: auto;
                overflow-x: hidden;
                width: 100%;
                position: absolute;
                padding: 0 0 5px
            }

            .emojionearea .emojionearea-picker .emojionearea-search-panel + .emojionearea-scroll-area {
                height: 206px
            }

            .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list {
                z-index: 1
            }

            .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title {
                display: block;
                font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
                font-size: 13px;
                font-weight: 400;
                color: #b2b2b2;
                background: #fff;
                line-height: 20px;
                margin: 0;
                padding: 7px 0 5px 6px
            }

            .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block {
                padding: 0 0 0 7px
            }

                .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category {
                    padding: 0 !important
                }

            .emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-] {
                -moz-box-sizing: content-box;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
                margin: 0;
                width: 24px;
                height: 24px;
                top: 0
            }

            .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                -moz-box-sizing: content-box;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
                width: 24px;
                height: 24px;
                float: left;
                display: block;
                margin: 1px;
                padding: 3px
            }

                .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover {
                    -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border-radius: 4px;
                    background-color: #e4e4e4;
                    cursor: pointer
                }

                .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img {
                    float: left;
                    display: block;
                    width: 24px;
                    height: 24px
                }

                    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji {
                        opacity: 0
                    }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters {
                top: 0;
                -moz-border-radius-topleft: 5px;
                -webkit-border-top-left-radius: 5px;
                border-top-left-radius: 5px;
                -moz-border-radius-topright: 5px;
                -webkit-border-top-right-radius: 5px;
                border-top-right-radius: 5px
            }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-top .emojionearea-scroll-area {
                bottom: 0
            }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-scroll-area {
                top: 40px
            }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-search-panel {
                top: initial;
                bottom: 0
            }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters {
                bottom: 0;
                -moz-border-radius-bottomleft: 5px;
                -webkit-border-bottom-left-radius: 5px;
                border-bottom-left-radius: 5px;
                -moz-border-radius-bottomright: 5px;
                -webkit-border-bottom-right-radius: 5px;
                border-bottom-right-radius: 5px
            }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-scroll-area {
                top: 0
            }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-search-panel, .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-scroll-area {
                top: initial;
                bottom: 40px
            }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-search-panel {
                top: 0
            }

            .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
                margin-top: -286px;
                right: -14px
            }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
                    width: 19px;
                    height: 10px;
                    background-position: -2px -49px;
                    bottom: -10px;
                    right: 20px
                }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
                    background-position: -2px -80px
                }

            .emojionearea .emojionearea-picker.emojionearea-picker-position-left, .emojionearea .emojionearea-picker.emojionearea-picker-position-right {
                margin-right: -326px;
                top: -8px
            }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
                    width: 10px;
                    height: 19px;
                    background-position: 0 -60px;
                    top: 13px;
                    left: -10px
                }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
                    background-position: right -60px
                }

            .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
                margin-top: 10px;
                right: -14px;
                top: 47px
            }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
                    width: 19px;
                    height: 10px;
                    background-position: -2px -100px;
                    top: -10px;
                    right: 20px
                }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
                    background-position: -2px -90px
                }

        .emojionearea .emojionearea-button.active + .emojionearea-picker {
            opacity: 1
        }

        .emojionearea .emojionearea-button.active + .emojionearea-picker-position-top {
            margin-top: -269px
        }

        .emojionearea .emojionearea-button.active + .emojionearea-picker-position-left, .emojionearea .emojionearea-button.active + .emojionearea-picker-position-right {
            margin-right: -309px
        }

        .emojionearea .emojionearea-button.active + .emojionearea-picker-position-bottom {
            margin-top: -7px
        }

        .emojionearea.emojionearea-standalone {
            display: inline-block;
            width: auto;
            box-shadow: none
        }

            .emojionearea.emojionearea-standalone .emojionearea-editor {
                min-height: 33px;
                position: relative;
                padding: 6px 42px 6px 6px
            }

                .emojionearea.emojionearea-standalone .emojionearea-editor::before {
                    content: "";
                    position: absolute;
                    top: 4px;
                    left: 50%;
                    bottom: 4px;
                    border-left: 1px solid #e6e6e6
                }

                .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji {
                    opacity: .4
                }

            .emojionearea.emojionearea-standalone .emojionearea-button {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: auto;
                height: auto
            }

                .emojionearea.emojionearea-standalone .emojionearea-button > div {
                    right: 6px;
                    top: 5px
                }

            .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
                right: 23px
            }

            .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
                top: 15px
            }

        .emojionearea .emojionearea-button > div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=) !important
        }

        .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder {
            background-repeat: no-repeat;
            background-position: 20px 4px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAAC/v79T5hyIAAAAAXRSTlMAQObYZgAAABNJREFUCNdjYGNgQEb/P4AQqiAASiUEG6Vit44AAAAASUVORK5CYII=) !important
        }

.jalendar-input {
    position: relative;
    width: 280px;
    display: inline-block
}

    .jalendar-input input {
        padding: 8px 12px;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

        .jalendar-input input.selected + .jalendar {
            opacity: 1;
            visibility: visible;
            z-index: 999999
        }

    .jalendar-input .jalendar {
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -ms-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 34px
    }

.jalendar {
    position: relative;
    margin: 10px auto;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    display: inline-block
}

    .jalendar .clear {
        clear: both
    }

    .jalendar .left {
        float: left
    }

    .jalendar .added-event {
        display: none
    }

    .jalendar .jalendar-container {
        display: inline-block;
        width: 100%
    }

        .jalendar .jalendar-container .jalendar-pages {
            position: relative;
            border-radius: 3px;
            display: inline-block;
            width: 100%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-transition: 1s cubic-bezier(.45,.24,.36,1.31);
            -moz-transition: 1s cubic-bezier(.45,.24,.36,1.31);
            -ms-transition: 1s cubic-bezier(.45,.24,.36,1.31);
            -o-transition: 1s cubic-bezier(.45,.24,.36,1.31);
            transition: 1s cubic-bezier(.45,.24,.36,1.31)
        }

            .jalendar .jalendar-container .jalendar-pages > .header {
                text-align: center;
                position: relative;
                overflow: hidden;
                padding: 0;
                background-color: transparent !important
            }

                .jalendar .jalendar-container .jalendar-pages > .header h1 {
                    margin: 10px 0 30px;
                    padding: 0;
                    display: inline-block;
                    font: 700 16px "Open Sans",Arial,Helvetica,Geneva,sans-serif;
                    text-transform: uppercase;
                    position: relative;
                    border: none
                }

                .jalendar .jalendar-container .jalendar-pages > .header h2 {
                    display: inline-block;
                    width: 14%;
                    padding: 0;
                    text-indent: 1px;
                    text-align: center;
                    margin: 0;
                    font: 700 10px "Open Sans",Arial,Helvetica,Geneva,sans-serif;
                    color: #000;
                    text-transform: uppercase
                }

                .jalendar .jalendar-container .jalendar-pages > .header .day-names {
                    overflow: hidden;
                    text-align: center;
                    font-size: 0
                }

                .jalendar .jalendar-container .jalendar-pages > .header .nxt-m, .jalendar .jalendar-container .jalendar-pages > .header .prv-m {
                    text-decoration: none;
                    position: absolute;
                    display: inline-block;
                    top: 4px;
                    cursor: pointer;
                    color: #fff
                }

                    .jalendar .jalendar-container .jalendar-pages > .header .nxt-m i, .jalendar .jalendar-container .jalendar-pages > .header .prv-m i {
                        font-size: 32px
                    }

                .jalendar .jalendar-container .jalendar-pages > .header .prv-m {
                    left: 10px
                }

                .jalendar .jalendar-container .jalendar-pages > .header .nxt-m {
                    right: 10px
                }

            .jalendar .jalendar-container .jalendar-pages .total-bar {
                position: absolute;
                right: -15px;
                top: -9px;
                border-radius: 20px;
                z-index: 99;
                display: inline-block;
                padding: 1px 0 0;
                text-align: center;
                color: #fff;
                font: 400 9px "Open Sans",Arial,Helvetica,Geneva,sans-serif;
                text-shadow: none
            }

            .jalendar .jalendar-container .jalendar-pages .days {
                margin: 10px 0 0;
                font-size: 0;
                text-align: center;
                overflow: hidden
            }

                .jalendar .jalendar-container .jalendar-pages .days .day {
                    display: inline-block;
                    width: 14.2%;
                    height: 35px;
                    box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    position: relative;
                    float: left;
                    color: rgba(0,0,0,.6);
                    font: 700 13px "Open Sans","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif
                }

                    .jalendar .jalendar-container .jalendar-pages .days .day.this-month.disable-selecting {
                        cursor: not-allowed !important
                    }

                        .jalendar .jalendar-container .jalendar-pages .days .day.this-month.disable-selecting span {
                            opacity: .7 !important;
                            cursor: not-allowed !important
                        }

                    .jalendar .jalendar-container .jalendar-pages .days .day.this-month span {
                        color: #fff;
                        cursor: pointer;
                        opacity: 1
                    }

                        .jalendar .jalendar-container .jalendar-pages .days .day.this-month span:hover {
                            background-color: rgba(0,0,0,.1);
                            color: #333 !important
                        }

                    .jalendar .jalendar-container .jalendar-pages .days .day.this-month.selected span {
                        background-color: #fff
                    }

                    .jalendar .jalendar-container .jalendar-pages .days .day span {
                        box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        border-radius: 50px;
                        width: 30px;
                        height: 30px;
                        margin: 3px 0 0;
                        padding: 6px 0 0;
                        display: inline-block;
                        position: relative;
                        opacity: .7
                    }

                        .jalendar .jalendar-container .jalendar-pages .days .day span a {
                            text-decoration: none;
                            display: inline-block;
                            width: 100%;
                            color: rgba(0,0,0,.6)
                        }

                            .jalendar .jalendar-container .jalendar-pages .days .day span a:hover {
                                color: rgba(0,0,0,.9)
                            }

                    .jalendar .jalendar-container .jalendar-pages .days .day.today span {
                        color: rgba(255,255,255,.8);
                        background-color: rgba(0,0,0,.1);
                        border-radius: 50px
                    }

                        .jalendar .jalendar-container .jalendar-pages .days .day.today span a {
                            color: rgba(255,255,255,.8)
                        }

                    .jalendar .jalendar-container .jalendar-pages .days .day.have-event span:before {
                        content: '';
                        display: inline-block;
                        width: 4px;
                        height: 4px;
                        border-radius: 8px;
                        background-color: #e25757;
                        position: absolute;
                        right: 1px;
                        top: 5px
                    }

                    .jalendar .jalendar-container .jalendar-pages .days .day > .event-single {
                        display: none
                    }

                    .jalendar .jalendar-container .jalendar-pages .days .day.first-range {
                        border-radius: 6px 0 0 6px;
                        background-color: rgba(0,0,0,.3);
                        position: relative
                    }

                        .jalendar .jalendar-container .jalendar-pages .days .day.first-range:after {
                            content: '';
                            display: inline-block;
                            position: absolute;
                            right: -10px;
                            top: 50%;
                            margin-top: -5px;
                            width: 0;
                            height: 0;
                            border: 5px solid transparent;
                            border-left: 5px solid rgba(0,0,0,.4)
                        }

                    .jalendar .jalendar-container .jalendar-pages .days .day.range {
                        background-color: rgba(0,0,0,.1)
                    }

                    .jalendar .jalendar-container .jalendar-pages .days .day.last-range {
                        border-radius: 0 6px 6px 0;
                        background-color: rgba(0,0,0,.3)
                    }

                        .jalendar .jalendar-container .jalendar-pages .days .day.last-range:after {
                            content: '';
                            display: inline-block;
                            position: absolute;
                            left: -10px;
                            top: 50%;
                            margin-top: -5px;
                            width: 0;
                            height: 0;
                            border: 5px solid transparent;
                            border-right: 5px solid rgba(0,0,0,.4)
                        }

                        .jalendar .jalendar-container .jalendar-pages .days .day.first-range span:hover, .jalendar .jalendar-container .jalendar-pages .days .day.last-range span:hover, .jalendar .jalendar-container .jalendar-pages .days .day.range span:hover {
                            background-color: transparent
                        }

            .jalendar .jalendar-container .jalendar-pages .add-event {
                height: 0;
                overflow: hidden;
                margin: 0 -20px;
                text-align: left;
                -webkit-transition: .3s cubic-bezier(.45,.24,.36,1.31);
                -moz-transition: .3s cubic-bezier(.45,.24,.36,1.31);
                -ms-transition: .3s cubic-bezier(.45,.24,.36,1.31);
                -o-transition: .3s cubic-bezier(.45,.24,.36,1.31);
                transition: .3s cubic-bezier(.45,.24,.36,1.31)
            }

                .jalendar .jalendar-container .jalendar-pages .add-event.selected .close-button {
                    display: block
                }

                .jalendar .jalendar-container .jalendar-pages .add-event .close-button {
                    cursor: pointer;
                    margin: 15px 0 -20px;
                    font: 700 10px 'Open Sans','Helvetica Neue',Arial;
                    color: #fff;
                    background-color: rgba(0,0,0,.1);
                    text-align: center;
                    border-radius: 0 0 3px 3px;
                    bottom: 20px;
                    width: 100%;
                    display: none
                }

                    .jalendar .jalendar-container .jalendar-pages .add-event .close-button:hover {
                        background-color: rgba(0,0,0,.2);
                        background: #757a95
                    }

                .jalendar .jalendar-container .jalendar-pages .add-event .events {
                    position: relative;
                    margin: 10px 0 0;
                    padding: 0 20px
                }

                    .jalendar .jalendar-container .jalendar-pages .add-event .events h3 {
                        font: 700 11px "Open Sans","Helvetica Neue",Arial;
                        color: rgba(255,255,255,.7);
                        text-transform: uppercase;
                        text-align: center;
                        margin: 0;
                        padding: 0
                    }

                    .jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single {
                        display: inline-block;
                        width: 100%;
                        position: relative;
                        padding: 0;
                        margin: 0
                    }

                        .jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single:last-child {
                            padding-bottom: 0
                        }

                            .jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single:last-child:before {
                                display: none
                            }

                        .jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single:before {
                            content: '';
                            display: inline-block;
                            position: absolute;
                            bottom: 0;
                            right: -20px;
                            width: 100%;
                            height: 1px;
                            background-color: rgba(255,255,255,.2)
                        }

                        .jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a {
                            padding: 0 0 0 20px;
                            font: 400 12px "Open Sans",'Helvetica Neue',Arial;
                            margin: 0;
                            color: #fff;
                            display: inline-block;
                            position: relative;
                            text-decoration: none
                        }

                            .jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a:before {
                                content: '';
                                display: inline-block;
                                position: absolute;
                                width: 8px;
                                height: 8px;
                                top: 6px;
                                left: 0;
                                background-color: rgba(0,0,0,.4);
                                border-radius: 12px
                            }

                            .jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a a {
                                color: #333
                            }

.jqGifPreview {
    display: inline-block;
    min-height: 44px;
    position: relative;
    width: 100%
}

    .jqGifPreview .jqGifImageCenter {
        background-position: 0 0;
        height: 72px;
        overflow-wrap: break-word;
        position: absolute;
        top: 50%;
        width: 72px;
        margin: -36px 0 0 -36px
    }

    .jqGifPreview img {
        padding: 0;
        margin: 0
    }

    .jqGifPreview .jqGifImageCircle {
        background-position: 0 -73px;
        height: 66px;
        position: absolute;
        width: 66px;
        background: url(gif-sprite.png?v=UeyleGX3EUpvMa7mQ7mH-1T-vz4) 0 -73px no-repeat rgba(0,0,0,0);
        margin: -33px 0 0 -33px
    }

    .jqGifPreview .jqGifImageName {
        background-position: 0 -140px;
        height: 17px;
        position: absolute;
        width: 32px;
        background: url(gif-sprite.png?v=UeyleGX3EUpvMa7mQ7mH-1T-vz4) 0 -140px no-repeat rgba(0,0,0,0);
        margin: -9px 0 0 -16px
    }

    .jqGifPreview .jqGifImageFooter {
        background-position: 0 0;
        bottom: 0;
        color: #fff;
        cursor: pointer;
        height: 56px;
        left: 0;
        position: absolute;
        right: 0;
        background: url(gif-sprite2.png?v=UeyleGX3EUpvMa7mQ7mH-1T-vz4) repeat-x rgba(0,0,0,0)
    }

    .jqGifPreview .jqGifImageFooterLeft {
        bottom: 9px;
        color: #fff;
        cursor: pointer;
        height: 18px;
        left: 11px;
        max-width: 400px;
        overflow-wrap: break-word;
        position: absolute;
        text-align: left;
        text-shadow: rgba(0,0,0,.4) 0 1px 4px;
        text-overflow: ellipsis;
        text-transform: uppercase;
        vertical-align: top;
        white-space: nowrap;
        width: 186px;
        word-wrap: break-word;
        perspective-origin: 93px 7px;
        transform-origin: 93px 7px;
        border: 0 #fff;
        font: bold 11px/14.74px helvetica,arial,sans-serif;
        outline: #fff 0;
        overflow: hidden;
        text-decoration: none
    }

    .jqGifPreview .jqGifImageFooterRight {
        background-position: 0 -158px;
        bottom: 9px;
        cursor: pointer;
        display: block;
        height: 24px;
        position: absolute;
        right: 10px;
        width: 24px;
        background: url(gif-sprite.png?v=UeyleGX3EUpvMa7mQ7mH-1T-vz4) 0 -158px no-repeat rgba(0,0,0,0)
    }

    .jqGifPreview .jqGifImage, .jqGifPreview img {
        width: 100%
    }

    .jqGifPreview .jqGifCircle {
        cursor: pointer;
        position: absolute;
        left: calc(50%);
        top: calc(50% - 12px)
    }

@-webkit-keyframes jqGifRotating

/ Safari and Chrome / {
    from {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes jqGifRotating {
    from {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.jqGifPreview .jqGifRotating {
    -webkit-animation: 2s linear infinite jqGifRotating;
    -moz-animation: 2s linear infinite jqGifRotating;
    -ms-animation: jqGifRotating 2s linear infinite;
    -o-animation: 2s linear infinite jqGifRotating;
    animation: 2s linear infinite jqGifRotating
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button:focus {
            outline: 0
        }

        .fancybox-button.fancybox-focus {
            outline: dotted 1px
        }

        .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: 0
        }

        .fancybox-button div {
            height: 100%
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0
            }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    animation: 1s linear infinite a;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size,25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family,inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular,400);
    height: 100%;
    line-height: 1.7;
    line-height: var(--plyr-line-height,1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s;
    z-index: 0
}

    .plyr audio, .plyr iframe, .plyr video {
        display: block;
        height: 100%;
        width: 100%
    }

    .plyr button {
        font: inherit;
        line-height: inherit;
        width: auto
    }

    .plyr:focus {
        outline: 0
    }

.plyr--full-ui {
    box-sizing: border-box
}

    .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
        box-sizing: inherit
    }

    .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
        touch-action: manipulation
    }

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background,#4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius,2px);
    color: #fff;
    color: var(--plyr-badge-text-color,#fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge,9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: .3s plyr-fade-in;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small,13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing,10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

    .plyr__captions span:empty {
        display: none
    }

@media (min-width:480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base,15px);
        padding: calc(10px * 2);
        padding: calc(var(--plyr-control-spacing,10px) * 2)
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large,18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    transform: translateY(calc(10px * -4));
    transform: translateY(calc(var(--plyr-control-spacing,10px) * -4))
}

.plyr__caption {
    background: rgba(0,0,0,.8);
    background: var(--plyr-captions-background,rgba(0,0,0,.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color,#fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

    .plyr__caption div {
        display: inline
    }

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius,3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(10px * .7);
    padding: calc(var(--plyr-control-spacing,10px) * .7);
    position: relative;
    transition: .3s
}

    .plyr__control svg {
        display: block;
        fill: currentColor;
        height: 18px;
        height: var(--plyr-control-icon-size,18px);
        pointer-events: none;
        width: 18px;
        width: var(--plyr-control-icon-size,18px)
    }

    .plyr__control:focus {
        outline: 0
    }

    .plyr__control.plyr__tab-focus {
        outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#0077b5)));
        outline-offset: 2px;
        outline: #0077b5 dotted 3px
    }

a.plyr__control {
    text-decoration: none
}

    a.plyr__control::after, a.plyr__control::before {
        display: none
    }

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

    .plyr__controls .plyr__progress__container {
        flex: 1;
        min-width: 0
    }

    .plyr__controls .plyr__controls__item {
        margin-left: calc(10px / 4);
        margin-left: calc(var(--plyr-control-spacing,10px)/ 4)
    }

        .plyr__controls .plyr__controls__item:first-child {
            margin-left: 0;
            margin-right: auto
        }

        .plyr__controls .plyr__controls__item.plyr__progress__container {
            padding-left: calc(10px / 4);
            padding-left: calc(var(--plyr-control-spacing,10px)/ 4)
        }

        .plyr__controls .plyr__controls__item.plyr__time {
            padding: 0 calc(10px / 2);
            padding: 0 calc(var(--plyr-control-spacing,10px)/ 2)
        }

            .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
                padding-left: 0
            }

    .plyr__controls:empty {
        display: none
    }

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

    .plyr__menu .plyr__control svg {
        transition: transform .3s
    }

    .plyr__menu .plyr__control[aria-expanded=true] svg {
        transform: rotate(90deg)
    }

    .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
        display: none
    }

.plyr__menu__container {
    animation: .2s plyr-popup;
    background: rgba(255,255,255,.9);
    background: var(--plyr-menu-background,rgba(255,255,255,.9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));
    color: #4a5464;
    color: var(--plyr-menu-color,#4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base,15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

    .plyr__menu__container > div {
        overflow: hidden;
        transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
    }

    .plyr__menu__container::after {
        border: 4px solid transparent;
        border: var(--plyr-menu-arrow-size,4px) solid transparent;
        border-top-color: rgba(255,255,255,.9);
        border-top-color: var(--plyr-menu-background,rgba(255,255,255,.9));
        content: "";
        height: 0;
        position: absolute;
        right: calc(((18px / 2) + calc(10px * .7)) - (4px / 2));
        right: calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));
        top: 100%;
        width: 0
    }

    .plyr__menu__container [role=menu] {
        padding: calc(10px * .7);
        padding: calc(var(--plyr-control-spacing,10px) * .7)
    }

    .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
        margin-top: 2px
    }

        .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
            margin-top: 0
        }

    .plyr__menu__container .plyr__control {
        align-items: center;
        color: #4a5464;
        color: var(--plyr-menu-color,#4a5464);
        display: flex;
        font-size: 13px;
        font-size: var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
        padding-bottom: calc(calc(10px * .7)/ 1.5);
        padding-bottom: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);
        padding-left: calc(calc(10px * .7) * 1.5);
        padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);
        padding-right: calc(calc(10px * .7) * 1.5);
        padding-right: calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);
        padding-top: calc(calc(10px * .7)/ 1.5);
        padding-top: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%
    }

        .plyr__menu__container .plyr__control > span {
            align-items: inherit;
            display: flex;
            width: 100%
        }

        .plyr__menu__container .plyr__control::after {
            border: 4px solid transparent;
            border: var(--plyr-menu-item-arrow-size,4px) solid transparent;
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

    .plyr__menu__container .plyr__control--forward {
        padding-right: calc(calc(10px * .7) * 4);
        padding-right: calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)
    }

        .plyr__menu__container .plyr__control--forward::after {
            border-left-color: #728197;
            border-left-color: var(--plyr-menu-arrow-color,#728197);
            right: calc((calc(10px * .7) * 1.5) - 4px);
            right: calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))
        }

        .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
            border-left-color: currentColor
        }

    .plyr__menu__container .plyr__control--back {
        font-weight: 400;
        font-weight: var(--plyr-font-weight-regular,400);
        margin: calc(10px * .7);
        margin: calc(var(--plyr-control-spacing,10px) * .7);
        margin-bottom: calc(calc(10px * .7)/ 2);
        margin-bottom: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);
        padding-left: calc(calc(10px * .7) * 4);
        padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);
        position: relative;
        width: calc(100% - (calc(10px * .7) * 2));
        width: calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))
    }

        .plyr__menu__container .plyr__control--back::after {
            border-right-color: #728197;
            border-right-color: var(--plyr-menu-arrow-color,#728197);
            left: calc((calc(10px * .7) * 1.5) - 4px);
            left: calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))
        }

        .plyr__menu__container .plyr__control--back::before {
            background: #dcdfe5;
            background: var(--plyr-menu-back-border-color,#dcdfe5);
            box-shadow: 0 1px 0 #fff;
            box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
            content: "";
            height: 1px;
            left: 0;
            margin-top: calc(calc(10px * .7)/ 2);
            margin-top: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);
            overflow: hidden;
            position: absolute;
            right: 0;
            top: 100%
        }

        .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
            border-right-color: currentColor
        }

    .plyr__menu__container .plyr__control[role=menuitemradio] {
        padding-left: calc(10px * .7);
        padding-left: calc(var(--plyr-control-spacing,10px) * .7)
    }

        .plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before {
            border-radius: 100%
        }

        .plyr__menu__container .plyr__control[role=menuitemradio]::before {
            background: rgba(0,0,0,.1);
            content: "";
            display: block;
            flex-shrink: 0;
            height: 16px;
            margin-right: 10px;
            margin-right: var(--plyr-control-spacing,10px);
            transition: .3s;
            width: 16px
        }

        .plyr__menu__container .plyr__control[role=menuitemradio]::after {
            background: #fff;
            border: 0;
            height: 6px;
            left: 12px;
            opacity: 0;
            top: 50%;
            transform: translateY(-50%) scale(0);
            transition: transform .3s,opacity .3s;
            width: 6px
        }

        .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
            background: #0077b5;
            background: var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#0077b5)))
        }

        .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
            opacity: 1;
            transform: translateY(-50%) scale(1)
        }

        .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
            background: rgba(35,40,47,.1)
        }

    .plyr__menu__container .plyr__menu__value {
        align-items: center;
        display: flex;
        margin-left: auto;
        margin-right: calc((calc(10px * .7) - 2) * -1);
        margin-right: calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);
        overflow: hidden;
        padding-left: calc(calc(10px * .7) * 3.5);
        padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);
        pointer-events: none
    }

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: calc(13px * 2);
    border-radius: calc(var(--plyr-range-thumb-height,13px) * 2);
    color: #0077b5;
    color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#0077b5)));
    display: block;
    height: calc((3px * 2) + 13px);
    height: calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));
    margin: 0;
    padding: 0;
    transition: box-shadow .3s;
    width: 100%
}

    .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
        background: 0 0;
        border: 0;
        border-radius: calc(5px / 2);
        border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
        height: 5px;
        height: var(--plyr-range-track-height,5px);
        -webkit-transition: box-shadow .3s;
        transition: box-shadow .3s;
        -webkit-user-select: none;
        user-select: none;
        background-image: linear-gradient(to right,currentColor 0,transparent 0);
        background-image: linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))
    }

    .plyr--full-ui input[type=range]::-webkit-slider-thumb {
        background: #fff;
        background: var(--plyr-range-thumb-background,#fff);
        border: 0;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
        box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
        height: 13px;
        height: var(--plyr-range-thumb-height,13px);
        position: relative;
        -webkit-transition: .2s;
        transition: .2s;
        width: 13px;
        width: var(--plyr-range-thumb-height,13px);
        -webkit-appearance: none;
        margin-top: calc(((13px - 5px)/ 2) * -1);
        margin-top: calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)
    }

    .plyr--full-ui input[type=range]::-moz-range-track {
        background: 0 0;
        border: 0;
        border-radius: calc(5px / 2);
        border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
        height: 5px;
        height: var(--plyr-range-track-height,5px);
        -moz-transition: box-shadow .3s;
        transition: box-shadow .3s;
        user-select: none
    }

    .plyr--full-ui input[type=range]::-moz-range-thumb {
        background: #fff;
        background: var(--plyr-range-thumb-background,#fff);
        border: 0;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
        box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
        height: 13px;
        height: var(--plyr-range-thumb-height,13px);
        position: relative;
        -moz-transition: .2s;
        transition: .2s;
        width: 13px;
        width: var(--plyr-range-thumb-height,13px)
    }

    .plyr--full-ui input[type=range]::-moz-range-progress {
        background: currentColor;
        border-radius: calc(5px / 2);
        border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
        height: 5px;
        height: var(--plyr-range-track-height,5px)
    }

    .plyr--full-ui input[type=range]::-ms-track {
        background: 0 0;
        border: 0;
        border-radius: calc(5px / 2);
        border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
        height: 5px;
        height: var(--plyr-range-track-height,5px);
        -ms-transition: box-shadow .3s;
        transition: box-shadow .3s;
        -ms-user-select: none;
        user-select: none;
        color: transparent
    }

    .plyr--full-ui input[type=range]::-ms-fill-upper {
        background: 0 0;
        border: 0;
        border-radius: calc(5px / 2);
        border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
        height: 5px;
        height: var(--plyr-range-track-height,5px);
        -ms-transition: box-shadow .3s;
        transition: box-shadow .3s;
        -ms-user-select: none;
        user-select: none
    }

    .plyr--full-ui input[type=range]::-ms-fill-lower {
        background: currentColor;
        border: 0;
        border-radius: calc(5px / 2);
        border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
        height: 5px;
        height: var(--plyr-range-track-height,5px);
        -ms-transition: box-shadow .3s;
        transition: box-shadow .3s;
        -ms-user-select: none;
        user-select: none
    }

    .plyr--full-ui input[type=range]::-ms-thumb {
        background: #fff;
        background: var(--plyr-range-thumb-background,#fff);
        border: 0;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
        box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
        height: 13px;
        height: var(--plyr-range-thumb-height,13px);
        position: relative;
        -ms-transition: .2s;
        transition: .2s;
        width: 13px;
        width: var(--plyr-range-thumb-height,13px);
        margin-top: 0
    }

    .plyr--full-ui input[type=range]::-ms-tooltip {
        display: none
    }

    .plyr--full-ui input[type=range]:focus {
        outline: 0
    }

    .plyr--full-ui input[type=range]::-moz-focus-outer {
        border: 0
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
        outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#0077b5)));
        outline-offset: 2px;
        outline: #0077b5 dotted 3px
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
        outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#0077b5)));
        outline-offset: 2px;
        outline: #0077b5 dotted 3px
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
        outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#0077b5)));
        outline-offset: 2px;
        outline: #0077b5 dotted 3px
    }

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

    .plyr__time + .plyr__time::before {
        content: "\2044";
        margin-right: 10px;
        margin-right: var(--plyr-control-spacing,10px)
    }

@media (max-width:calc(768px - 1)) {
    .plyr__time + .plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: rgba(255,255,255,.9);
    background: var(--plyr-tooltip-background,rgba(255,255,255,.9));
    border-radius: 3px;
    border-radius: var(--plyr-tooltip-radius,3px);
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    color: #4a5464;
    color: var(--plyr-tooltip-color,#4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small,13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular,400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(calc(10px / 2) * 2);
    margin-bottom: calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);
    opacity: 0;
    padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
    padding: calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s,opacity .2s .1s;
    white-space: nowrap;
    z-index: 2
}

    .plyr__tooltip::before {
        border-left: 4px solid transparent;
        border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent;
        border-right: 4px solid transparent;
        border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent;
        border-top: 4px solid rgba(255,255,255,.9);
        border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));
        bottom: calc(4px * -1);
        bottom: calc(var(--plyr-tooltip-arrow-size,4px) * -1);
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 0;
        z-index: 2
    }

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%,0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0,10px) scale(.8);
    transform-origin: 0 100%
}

    .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
        left: calc((18px / 2) + calc(10px * .7));
        left: calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))
    }

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0,10px) scale(.8);
    transform-origin: 100% 100%
}

    .plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
        left: auto;
        right: calc((18px / 2) + calc(10px * .7));
        right: calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));
        transform: translateX(50%)
    }

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0,0) scale(1)
}

.plyr__progress {
    left: calc(13px * .5);
    left: calc(var(--plyr-range-thumb-height,13px) * .5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height,13px);
    position: relative
}

    .plyr__progress input[type=range], .plyr__progress__buffer {
        margin-left: calc(13px * -.5);
        margin-left: calc(var(--plyr-range-thumb-height,13px) * -.5);
        margin-right: calc(13px * -.5);
        margin-right: calc(var(--plyr-range-thumb-height,13px) * -.5);
        width: calc(100% + 13px);
        width: calc(100% + var(--plyr-range-thumb-height,13px))
    }

    .plyr__progress input[type=range] {
        position: relative;
        z-index: 2
    }

    .plyr__progress .plyr__tooltip {
        font-size: 13px;
        font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
        left: 0
    }

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    margin-top: calc((5px / 2) * -1);
    margin-top: calc((var(--plyr-range-track-height,5px)/ 2) * -1);
    padding: 0;
    position: absolute;
    top: 50%
}

    .plyr__progress__buffer::-webkit-progress-bar {
        background: 0 0
    }

    .plyr__progress__buffer::-webkit-progress-value {
        background: currentColor;
        border-radius: 100px;
        min-width: 5px;
        min-width: var(--plyr-range-track-height,5px);
        -webkit-transition: width .2s;
        transition: width .2s
    }

    .plyr__progress__buffer::-moz-progress-bar {
        background: currentColor;
        border-radius: 100px;
        min-width: 5px;
        min-width: var(--plyr-range-track-height,5px);
        -moz-transition: width .2s;
        transition: width .2s
    }

    .plyr__progress__buffer::-ms-fill {
        border-radius: 100px;
        -ms-transition: width .2s;
        transition: width .2s
    }

.plyr--loading .plyr__progress__buffer {
    animation: 1s linear infinite plyr-progress;
    background-image: linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255,255,255,.25);
    background-color: var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193,200,209,.6);
    background-color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%
}

    .plyr__volume input[type=range] {
        margin-left: calc(10px / 2);
        margin-left: calc(var(--plyr-control-spacing,10px)/ 2);
        margin-right: calc(10px / 2);
        margin-right: calc(var(--plyr-control-spacing,10px)/ 2);
        position: relative;
        z-index: 2
    }

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

.plyr--audio {
    display: block
}

    .plyr--audio .plyr__controls {
        background: #fff;
        background: var(--plyr-audio-controls-background,#fff);
        border-radius: inherit;
        color: #cac6fb;
        padding: 10px;
        padding: var(--plyr-control-spacing,10px)
    }

    .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
        background: #0077b5;
        background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#0077b5)));
        color: #fff;
        color: var(--plyr-audio-control-color-hover,#fff)
    }

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193,200,209,.6);
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193,200,209,.6);
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193,200,209,.6);
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--audio .plyr__progress__buffer {
    color: #e9e7ff;
    color: var(--plyr-audio-progress-buffered-background,#e9e7ff)
}

.plyr--video {
    background: #000;
    overflow: hidden
}

    .plyr--video.plyr--menu-open {
        overflow: visible
    }

.plyr__video-wrapper {
    background: #000;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%
}

    .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
        border: 0;
        left: 0;
        position: absolute;
        top: 0
    }

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));
    background: var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color,#fff);
    left: 0;
    padding: calc(10px / 2);
    padding: calc(var(--plyr-control-spacing,10px)/ 2);
    padding-top: calc(10px * 2);
    padding-top: calc(var(--plyr-control-spacing,10px) * 2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    z-index: 3
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing,10px);
        padding-top: calc(10px * 3.5);
        padding-top: calc(var(--plyr-control-spacing,10px) * 3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #0077b5;
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#0077b5)));
    color: #fff;
    color: var(--plyr-video-control-color-hover,#fff)
}

.plyr__control--overlaid {
    background: #0077b5;
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#0077b5)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color,#fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: calc(10px * 1.5);
    padding: calc(var(--plyr-control-spacing,10px) * 1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: .3s;
    z-index: 2
}

    .plyr__control--overlaid svg {
        left: 2px;
        position: relative
    }

    .plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
        opacity: 1
    }

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255,255,255,.25);
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255,255,255,.25);
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255,255,255,.25);
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))
}

.plyr--video .plyr__progress__buffer {
    color: rgba(255,255,255,.25);
    color: var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:fullscreen video {
        height: 100%
    }

    .plyr:fullscreen .plyr__video-wrapper {
        height: 100%;
        position: static
    }

    .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative
    }

    .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:fullscreen.plyr--hide-controls {
        cursor: none
    }

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:-webkit-full-screen video {
        height: 100%
    }

    .plyr:-webkit-full-screen .plyr__video-wrapper {
        height: 100%;
        position: static
    }

    .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative
    }

    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:-webkit-full-screen.plyr--hide-controls {
        cursor: none
    }

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:-moz-full-screen video {
        height: 100%
    }

    .plyr:-moz-full-screen .plyr__video-wrapper {
        height: 100%;
        position: static
    }

    .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative
    }

    .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:-moz-full-screen.plyr--hide-controls {
        cursor: none
    }

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:-ms-fullscreen video {
        height: 100%
    }

    .plyr:-ms-fullscreen .plyr__video-wrapper {
        height: 100%;
        position: static
    }

    .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative
    }

    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:-ms-fullscreen.plyr--hide-controls {
        cursor: none
    }

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

    .plyr--fullscreen-fallback video {
        height: 100%
    }

    .plyr--fullscreen-fallback .plyr__video-wrapper {
        height: 100%;
        position: static
    }

    .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative
    }

    .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr--fullscreen-fallback.plyr--hide-controls {
        cursor: none
    }

@media (min-width:1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }

    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }

    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }

    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

    .plyr__ads > div, .plyr__ads > div iframe {
        height: 100%;
        position: absolute;
        width: 100%
    }

    .plyr__ads::after {
        background: #23282f;
        border-radius: 2px;
        bottom: 10px;
        bottom: var(--plyr-control-spacing,10px);
        color: #fff;
        content: attr(data-badge-text);
        font-size: 11px;
        padding: 2px 6px;
        pointer-events: none;
        position: absolute;
        right: 10px;
        right: var(--plyr-control-spacing,10px);
        z-index: 3
    }

        .plyr__ads::after:empty {
            display: none
        }

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    margin: -var(--plyr-range-track-height,5px)/2 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: rgba(255,255,255,.9);
    background-color: var(--plyr-tooltip-background,rgba(255,255,255,.9));
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    margin-bottom: calc(calc(10px / 2) * 2);
    margin-bottom: calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);
    opacity: 0;
    padding: 3px;
    padding: var(--plyr-tooltip-radius,3px);
    pointer-events: none;
    position: absolute;
    transform: translate(0,10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s,opacity .2s .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0,0) scale(1)
}

.plyr__preview-thumb::before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-top: 4px solid rgba(255,255,255,.9);
    border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));
    bottom: calc(4px * -1);
    bottom: calc(var(--plyr-tooltip-arrow-size,4px) * -1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(3px - 1px);
    border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

    .plyr__preview-thumb__image-container img {
        height: 100%;
        left: 0;
        max-height: none;
        max-width: none;
        position: absolute;
        top: 0;
        width: 100%
    }

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3
}

    .plyr__preview-thumb__time-container span {
        background-color: rgba(0,0,0,.55);
        border-radius: calc(3px - 1px);
        border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px);
        color: #fff;
        font-size: 13px;
        font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
        padding: 3px 6px
    }

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

@font-face {
    font-family: "CircularStd Book";
    src: url(../fonts/CircularStd-Book.otf);
    src: url(../fonts/CircularStd-Black.otf);
    src: url(../fonts/CircularStd-Bold.otf);
    src: url(../fonts/CircularStd-Medium.otf);
    src: url(../fonts/CircularStd-Black.otf)
}

body, html {
    font-family: Roboto,sans-serif
}

body {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    color: #13153e;
    font-size: 14px;
    letter-spacing: .1px
}

p {
    margin-bottom: 1rem;
    color: #7d7e9e;
    font-size: 14px;
    line-height: 24px;
    font-family: Roboto,sans-serif;
    margin-top: 0;
    font-weight: 300
}

[style*="#adafca"], span[style*="#adafca"] {
    color: #495057 !important
}

h1, h2, h3, h4, h5, h6 {
    font-family: Roboto,sans-serif;
    margin: 0;
    color: #3e3f5e
}

a, a:active, a:focus, a:hover {
    outline: 0;
    color: inherit;
    -webkit-text-decoration: none;
    -moz-text-decoration: none;
    -ms-text-decoration: none;
    -o-text-decoration: none;
    text-decoration: none
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: 0
}

img {
    max-width: 100%
}

ins {
    background: 0 0
}

.overlap {
    position: relative;
    margin-top: -82px;
    z-index: 2
}

.overlap-2 {
    margin-top: -150px
}

.theme-layout {
    float: left;
    position: relative;
    width: 100%
}

    .theme-layout.boxed {
        background: #fff;
        float: none;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        z-index: 1;
        width: 1230px;
        -webkit-box-shadow: 0 0 6px #747474;
        -moz-box-shadow: 0 0 6px #747474;
        -ms-box-shadow: 0 0 6px #747474;
        -o-box-shadow: 0 0 6px #747474;
        box-shadow: 0 0 6px #747474
    }

.col-1-5 {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.remove-ext20 {
    margin-bottom: -20px
}

section {
    float: left;
    position: relative;
    width: 100%
}

.gap {
    float: left;
    padding: 10px 0;
    position: relative;
    width: 100%
}

.gap2 {
    padding: 40px 0
}

    .gap2.no-gap {
        padding: 0
    }

    .gap2.no-top {
        padding-top: 0
    }

    .gap2.no-bottom {
        padding-bottom: 0
    }

.gap.no-gap {
    padding: 0
}

.gap.no-top {
    padding-top: 0
}

.gap.no-bottom {
    padding-bottom: 0
}

.remove-ext-30 {
    margin-bottom: -30px
}

.remove-ext-40 {
    margin-bottom: -40px
}

.remove-ext-50 {
    margin-bottom: -50px
}

.merged {
    margin: 0;
    padding: 0
}

    .merged > div, .row.merged > div {
        padding: 0
    }

    .merged.row {
        margin: 0
    }

        .merged.row > div {
            padding: 0
        }

.row.merged20 {
    margin: 0 -11px
}

    .row.merged20 > div {
        padding: 0 10px
    }

.bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.parallax, .parallax-fixed {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2
}

.blackish:before, .bluesh:before, .mate-black:before, .orange:before, .pattern:before, .pinkish:before, .purple:before, .whitish:before {
    background: rgba(0,0,0,.99);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.gradient:before {
    background: linear-gradient(145deg,#321575 0,#ff057c 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.pinkish:before {
    background: #ff7c7c
}

.pattern:before {
    background: url("../images/dot-pattern.png") #3ca9fc;
    opacity: .45
}

.mate-black:before {
    background: rgba(5,10,40,.99)
}

.whitish:before {
    background: rgba(255,255,255,.9)
}

.bluesh:before {
    background: #3ca9fc
}

.purple:before {
    background: #9e72fa
}

.orange:before {
    background: #fa6342
}

.exthigh-opacity:before {
    -webkit-opacity: .98;
    -moz-opacity: .98;
    -ms-opacity: .98;
    -o-opacity: .98;
    opacity: .98
}

.high-opacity:before {
    -webkit-opacity: .95;
    -moz-opacity: .95;
    -ms-opacity: .95;
    -o-opacity: .95;
    opacity: .95
}

.medium-opacity:before {
    -webkit-opacity: .85;
    -moz-opacity: .85;
    -ms-opacity: .85;
    -o-opacity: .85;
    opacity: .85
}

.low-opacity:before {
    -webkit-opacity: .7;
    -moz-opacity: .7;
    -ms-opacity: .7;
    -o-opacity: .7;
    opacity: .7
}

.ext-low-opacity::before {
    -webkit-opacity: .5;
    -moz-opacity: .5;
    -ms-opacity: .5;
    -o-opacity: .5;
    opacity: .5
}

.help-bg {
    background: #f8f9fb
}

.gray-bg {
    float: left;
    width: 100%;
    background: #edf2f6
}

.bg-valvot {
    background-color: #8c6ad2 !important
}

.bg-red {
    background: #e44a3c
}

.bg-pink {
    background-color: #ff69b4 !important;
    color: #fff
}

.bg-orange {
    background-color: #ff9800 !important;
    color: #fff
}

.bg-green {
    background-color: #4caf50 !important;
    color: #fff
}

[type=submit], button, html [type=button] {
    cursor: pointer
}

a:hover.facebook {
    background: #516eab
}

a:hover.instagram {
    background: #444
}

a:hover.twitter {
    background: #55acee
}

a:hover.google {
    background: #dd4b39
}

a:hover.pinterest {
    background: #ca212a
}

a:hover.youtube {
    background: #e62117
}

a:hover.dribble {
    background: #1572b8
}

a:hover.linkedin {
    background: #0077b5
}

a:hover.tumblr {
    background: #36465d
}

a:hover.rss {
    background: #e3a103
}

a:hover.vk {
    background: #466991
}

a.youtube {
    background: #e62117
}

a.facebook {
    background: #516eab
}

a.twitter {
    background: #00a6d3
}

a.vk {
    background: #466991
}

a.dribble {
    background: #1572b8
}

a.google {
    background: #dd4b39
}

a.instagram {
    background: #444
}

a.pinterest {
    background: #ca212a
}

.facebook-color {
    color: #516eab
}

.twitter-color {
    color: #00a6d3
}

.vk-color {
    color: #466991
}

.dribble-color {
    color: #1572b8
}

.google-color {
    color: #dd4b39
}

.instagram-color {
    color: #444
}

.pinterest-color {
    color: #ca212a
}

.display-table {
    display: table;
    width: 100%;
    height: 100%
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle
}

ul.owl-carousel {
    padding-left: 0;
    list-style: none;
    float: left;
    width: 100%
}

.owl-next, .owl-prev {
    left: -30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: transparent
}

.owl-next {
    left: auto;
    right: -30px
}

    .owl-next::before, .owl-prev::before {
        background: #fff;
        border-radius: 50%;
        color: #0077b5;
        content: "\ea9d";
        display: inline-block;
        font-family: icofont;
        font-size: 18px;
        left: 0;
        line-height: 35px;
        height: 35px;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        width: 35px;
        box-shadow: 0 3px 7px rgba(0,0,0,.2);
        transition: .2s linear;
        border: 1px solid transparent
    }

    .owl-next::before {
        content: "\eaa0";
        left: auto;
        right: 0
    }

    .owl-next:hover:before, .owl-prev:hover:before {
        background: #deebf3;
        border-color: #0077b5
    }

.owl-dot {
    border: 1px solid #0077b5;
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    margin: 0 2px;
    position: relative;
    width: 10px
}

.owl-dots {
    display: inline-block;
    text-align: center;
    width: 100%
}

.owl-dot.active::before {
    background: #fa6342;
    border-radius: 100%;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 6px
}

#html5-watermark {
    display: none !important
}

iframe#html5boxiframevideo {
    height: 400px
}

.responsive-header {
    background: #f5f5f5;
    border-bottom: 1px solid #e1e8ed;
    display: none;
    line-height: 40px;
    padding: 5px 15px;
    position: relative;
    width: 100%;
    z-index: 9999999
}

.right-compact .sidemenu {
    float: right;
    line-height: 44px
}

.logo.res {
    display: inline-block;
    vertical-align: middle;
    width: 40%
}

.res-search {
    float: right;
    margin-right: 30px;
    padding-top: 3px;
    cursor: pointer
}

.user-avatar.mobile {
    display: inline-block;
    line-height: initial;
    position: unset;
    transform: translate(0);
    vertical-align: middle;
    width: 30%
}

    .user-avatar.mobile > a img {
        border: 1px solid #e0e0e0;
        display: inline-block;
        padding: 3px;
        vertical-align: middle;
        width: 35px;
        height: 35px;
        border-radius: 100%
    }

    .user-avatar.mobile > .name {
        display: inline-block;
        padding-bottom: 0;
        vertical-align: text-top;
        width: 77%;
        text-align: left
    }

.right-compact {
    float: right;
    text-align: right;
    width: 28%
}

.user-avatar.mobile > .name h4 {
    color: #1f273f;
    font-size: 15px;
    line-height: 11px;
    margin: 0
}

.user-avatar.mobile > .name span {
    color: #5f677f;
    font-size: 11px;
    line-height: 0;
    margin: 0
}

.res-logo > img {
    max-width: 90px
}

.res-search > span {
    color: #82828e;
    font-size: 16px;
    position: relative
}

.restop-search {
    background: #00071f;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s linear
}

    .restop-search.active {
        width: 100%;
        opacity: 1;
        visibility: visible
    }

    .restop-search > span {
        color: #fff;
        cursor: pointer;
        font-size: 24px;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 9
    }

    .restop-search > form {
        display: inline-block;
        width: 100%
    }

    .restop-search input {
        border: none;
        border-radius: 0 40px 40px 0;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        display: inline-block;
        height: 100%;
        padding: 7.6px 15px;
        width: 85%
    }

.se-pre-con {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader.gif) center no-repeat #0c0c0c
}

#topcontrol {
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    transform: rotate(-15deg);
    transition: .2s linear;
    width: 40px;
    z-index: 99
}

    #topcontrol:hover {
        transform: rotate(0)
    }

    #topcontrol:active {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.62) inset
    }

.title {
    display: inline-block;
    margin-bottom: 50px;
    text-align: center;
    width: 100%
}

    .title > h1 {
        color: #1f273f;
        display: inline-block;
        font-size: 40px;
        margin-bottom: 0;
        width: 100%;
        font-weight: 500;
        position: relative
    }

    .title > p {
        display: inline-block;
        margin: 0 auto;
        max-width: 70%;
        width: 70%
    }

footer .gap {
    padding: 70px 0
}

footer .blackish::before {
    z-index: -1
}

footer {
    float: left;
    position: relative;
    width: 100%;
    background: #deebf3;
    border-top: 1px solid #9ab2c1
}

    footer .widget-title {
        margin-bottom: 30px
    }

.web-info {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 2
}

    .web-info .logo {
        margin-bottom: 30px
    }

        .web-info .logo img {
            max-width: 100px
        }

        .web-info .logo span {
            font-size: 30px
        }

    .web-info > a {
        display: inline-block;
        margin-bottom: 15px;
        width: 100%
    }

    .web-info > p {
        display: inline-block;
        width: 100%;
        color: #3e3f5e
    }

.contact-little {
    display: inline-block;
    width: 100%
}

    .contact-little > span {
        display: inline-block;
        margin-bottom: 7px;
        width: 100%
    }

        .contact-little > span i {
            margin-right: 10px
        }

.static, .static > div {
    position: static
}

.sidebar {
    margin: 0 auto;
    width: 100%;
    float: left
}

.news-lettr {
    display: inline-block;
    position: relative;
    width: 100%
}

.newsletter {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

    .newsletter > input {
        background: #fff;
        border: none;
        border-radius: 30px;
        display: inline-block;
        font-size: 14px;
        padding: 9px 15px;
        width: 100%
    }

    .newsletter > button {
        background: red;
        border: none;
        border-radius: 100%;
        color: #fff;
        font-size: 20px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 39px
    }

.news-lettr > p {
    display: inline-block;
    font-size: 12px;
    line-height: initial;
    margin-bottom: 10px;
    width: 100%
}

.news-lettr > a {
    margin-right: 20px
}

.news-lettr > h5 {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 12px;
    width: 100%
}

.widget {
    display: inline-block;
    position: relative;
    width: 100%
}

.widget-title {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    vertical-align: middle;
    width: 100%;
    position: relative
}

    .widget-title > h4 {
        display: inline-block;
        font-size: 17px;
        margin-bottom: 0;
        padding-left: 0;
        position: relative;
        width: 100%;
        font-weight: 700
    }

        .widget-title > h4::before {
            bottom: -4px;
            content: "";
            height: 2px;
            left: 0;
            position: absolute;
            width: 40px
        }

        .widget-title > h4::after {
            bottom: -8px;
            content: "";
            height: 2px;
            left: 0;
            position: absolute;
            width: 30px
        }

.widget .main-btn {
    font-size: 13px;
    padding: 7px 15px;
    text-transform: capitalize
}

.quick-links {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%
}

    .quick-links > li {
        display: inline-block;
        font-size: 14px;
        margin-bottom: 8px;
        padding-left: 15px;
        position: relative;
        width: 100%
    }

        .quick-links > li:last-child {
            margin-bottom: 0
        }

        .quick-links > li::before {
            content: "\e8d5";
            font-family: icofont;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 10px
        }

        .quick-links > li a {
            color: inherit;
            font-size: 13px;
            text-transform: capitalize
        }

            .quick-links > li a > i {
                margin-right: 10px
            }

.bottombar {
    background: #d4e1e5;
    float: left;
    padding: 20px 15px;
    text-align: center;
    text-transform: capitalize;
    width: 100%
}

.bottom-mockup {
    margin-bottom: 0;
    width: 100%
}

    .bottom-mockup > img {
        width: 100%
    }

.blog-grid {
    border: 1px solid #eee;
    border-radius: 8px;
    display: inline-block;
    padding: 10px;
    width: 100%
}

.postby {
    display: inline-block;
    list-style: none;
    margin-bottom: 20px;
    padding-left: 0;
    width: 100%
}

    .postby > li {
        display: inline-block;
        margin-right: 20px;
        vertical-align: middle
    }

        .postby > li figure {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }

            .postby > li figure img {
                border: 1px solid #ccc;
                border-radius: 100%;
                max-width: 30px
            }

        .postby > li:last-child {
            margin-right: 0
        }

        .postby > li span {
            color: #535165;
            font-size: 12px;
            font-weight: 500
        }

        .postby > li > i {
            color: #535165;
            margin-right: 3px
        }

a.date {
    border-radius: 5px;
    color: #fff;
    float: left;
    height: 60px;
    margin-right: 10px;
    padding: 8px;
    text-align: center;
    vertical-align: top;
    width: 50px
}

.blog-grid .blog-title {
    display: inline-block;
    font-size: 22px;
    margin-bottom: 0;
    width: 80%
}

    .blog-grid .blog-title > a {
        color: #1f273f;
        display: inline-block;
        transition: .2s linear;
        width: 100%;
        font-size: 20px
    }

.blog-grid > figure {
    display: inline-block;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

    .blog-grid > figure img {
        border-radius: 6px;
        transition: .3s linear
    }

.blog-grid:hover > figure img {
    transform: scale(1.1)
}

.sponsors-logo li {
    border-bottom: 1px solid #ccc;
    box-shadow: 0 10px 20px rgba(0,0,0,.2)
}

.funfact-counter {
    display: inline-block;
    text-align: center;
    width: 100%
}

    .funfact-counter > i {
        background: rgba(8,141,205,.6);
        border: 2px solid;
        border-radius: 100%;
        color: #fff;
        display: inline-block;
        font-size: 30px;
        height: 70px;
        line-height: 70px;
        width: 70px
    }

.counter {
    display: inline-block;
    font-size: 34px;
    font-weight: 500;
    line-height: initial;
    margin-top: 10px;
    width: 100%
}

.funfact-counter > em {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    color: #82828e
}

.countdonw-box {
    display: inline-block;
    width: 100%
}

.blog-posts {
    display: inline-block;
    margin-bottom: 50px;
    width: 100%
}

.main-wraper .blog-posts:nth-last-child(2) {
    margin-bottom: 0
}

.blog-posts > figure {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    max-width: 340px
}

.blog-post-meta {
    display: inline-block;
    max-width: 50%;
    padding-left: 15px;
    vertical-align: middle
}

    .blog-post-meta > span {
        color: #00f;
        display: inline-block;
        font-size: 12px;
        margin-bottom: 10px;
        text-transform: capitalize;
        margin-top: 5px
    }

    .blog-post-meta > h4 {
        display: inline-block;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        width: 100%
    }

    .blog-post-meta > ul {
        display: inline-block;
        list-style: none;
        margin-bottom: 6px;
        padding-left: 0;
        width: 100%
    }

        .blog-post-meta > ul > li {
            color: #92929e;
            display: inline-block;
            margin-right: 20px
        }

            .blog-post-meta > ul > li a {
                display: inline-block;
                font-size: 13px;
                padding-left: 5px
            }

    .blog-post-meta > a.button {
        float: right;
        border: 1px solid
    }

        .blog-post-meta > a.button:hover {
            background: #deebf3
        }

.main-wraper .uk-pagination {
    margin: 0
}

.blog-posts > figure img {
    border-radius: 6px;
    width: 100%
}

.feature-meta {
    display: inline-block;
    padding: 180px 0 60px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2
}

    .feature-meta > h1 {
        color: #fff;
        display: inline-block;
        font-size: 55px;
        font-weight: 500;
        max-width: 60%;
        width: 100%;
        margin-bottom: 20px
    }

    .feature-meta h1 span {
        border-bottom: 2px solid;
        display: inline-block;
        line-height: 50px
    }

    .feature-meta > h3 {
        color: #fff;
        display: inline-block;
        width: 100%;
        margin-bottom: 35px
    }

    .feature-meta .main-btn {
        padding: 13px 45px
    }

.main-btn {
    background: #0077b5;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    padding: 8px 28px
}

    .main-btn:hover {
        background: #055f8b;
        transform: scale(1.03);
        color: #fff
    }

[data-ripple] > .ripple {
    border-radius: 35px !important
}

header {
    display: inline-block;
    width: 100%;
    z-index: 999;
    position: relative
}

    header.transparent .topbar {
        background: 0 0;
        border-bottom: 0
    }

.transparent .topbar > ul > li a {
    color: #eee
}

    .transparent .topbar > ul > li a.join-butn {
        border: 1px solid;
        border-radius: 48px;
        line-height: initial;
        padding: 8px 20px;
        vertical-align: middle
    }

.topbar {
    border-bottom: 1px solid #e1e8ed;
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 10px 15px
}

.transparent .topbar > .logo img {
    max-width: 100px
}

.transparent .topbar > .logo span {
    color: #fff
}

.transparent .searches form.active input {
    background: #fff;
    color: #3e3f5e
}

.logo {
    display: inline-block;
    vertical-align: middle
}

    .logo > a > img {
        max-width: 126px;
        vertical-align: middle;
        display: inline-block
    }

    .logo > span {
        color: #1d3554;
        font-family: Rajdhani;
        font-size: 25px;
        font-weight: 700;
        padding-left: 5px;
        vertical-align: middle
    }

.topbar > ul {
    float: right;
    line-height: 50px;
    list-style: none;
    margin: 0;
    padding-left: 0;
    vertical-align: middle
}

    .topbar > ul > li {
        display: inline-block;
        margin: 0 15px;
        vertical-align: middle;
        position: relative
    }

        .topbar > ul > li > a {
            display: inline-block;
            text-transform: capitalize
        }

            .topbar > ul > li > a img {
                width: 20px
            }

.topbar.is_stuck {
    z-index: 999999;
    padding-top: 5px;
    padding-bottom: 5px
}

    .topbar.is_stuck .user-avatar {
        top: 6px
    }

.topbar ul.web-elements > li > .user-dp {
    display: block
}

.user-dp {
    background: #fff;
    border: 1px solid #0077b5;
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    line-height: initial;
    padding: 3px 10px 3px 4px;
    vertical-align: middle
}

.web-elements .user-dp:hover {
    background: #e3f0f8
}

.user-dp > a > img {
    border-radius: 100%;
    max-width: 30px
}

.user-dp .name {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

    .user-dp .name > h4 {
        color: #3e3f5e;
        display: inline-block;
        font-size: 13px;
        margin-top: 0;
        width: auto
    }

.user-avatar.timeline > img {
    max-width: 40px;
    padding: 1px;
    display: inline-block;
    vertical-align: middle
}

.topbar.is_stuck .user-avatar > img {
    max-width: 42px
}

.topbar.is_stuck .searches {
    margin-top: 4px
}

.user-avatar.timeline {
    top: 10px;
    width: 20%
}

.topbar.is_stuck .logo > img {
    transform: scale(.8)
}

.user-avatar.timeline .name {
    color: inherit;
    display: inline-block;
    padding-bottom: 0;
    padding-left: 0;
    text-align: left;
    vertical-align: middle;
    width: 78%
}

    .user-avatar.timeline .name > h4 {
        font-size: 13px;
        margin-top: 0;
        color: inherit;
        line-height: 18px;
        font-weight: 500
    }

    .user-avatar.timeline .name > span {
        font-size: 12px;
        color: #7d7e9e
    }

.searches {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
    width: 400px;
    margin-top: 5px
}

    .searches > form {
        display: inline-block;
        position: relative;
        width: 100%
    }

    .searches input {
        border: 1px solid #e1e8ed;
        border-radius: 30px;
        padding: 10px 20px 10px 43px;
        width: 100%;
        transition: .1s
    }

    .searches > form button {
        background: rgba(0,0,0,0);
        border: 0;
        color: inherit;
        font-size: 18px;
        left: 10px;
        position: absolute;
        top: 8px
    }

    .searches input:focus, .searches > form.active > input {
        border: 0;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 9px 10px rgba(0,0,0,.2)
    }

.cancel-search {
    background: #f6f6f6;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    opacity: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 7px;
    visibility: hidden;
    width: 30px;
    transition: .2s linear
}

    .cancel-search:hover {
        background: #e6e6e6;
        transform: scale(1.1)
    }

.searches > form.active .cancel-search {
    opacity: 1;
    visibility: visible
}

.searches > form.active button {
    opacity: 0;
    visibility: hidden
}

.searches > form.active input {
    padding-left: 15px
}

.recent-search {
    background: #fff;
    box-shadow: 0 8px 8px rgba(0,0,0,.2);
    left: 0;
    padding: 10px;
    position: absolute;
    top: 98%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .1s
}

    .recent-search.active {
        opacity: 1;
        visibility: visible
    }

.recent-searches {
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 10px
}

.so-history {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding-left: 0;
    width: 100%
}

    .so-history > li {
        background: #fff;
        border-radius: 10px;
        cursor: pointer;
        display: inline-block;
        margin-bottom: 5px;
        padding: 5px;
        position: relative;
        transition: .2s linear;
        vertical-align: middle;
        width: 100%
    }

.searched-user {
    display: inline-block;
    width: 100%
}

.trash {
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #b2b2be
}

.searched-user > figure {
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

    .searched-user > figure img {
        border-radius: 100%;
        max-width: 35px
    }

.so-history > li:hover {
    background: #e4eef4
}

.so-history > li:last-child {
    margin-bottom: 0
}

.transparent .searches input {
    background: rgba(5,10,40,.7);
    color: #fff;
    border-color: #050a28
}

.welcome-parallax {
    display: inline-block;
    text-align: center;
    width: 100%;
    z-index: 2;
    position: relative
}

    .welcome-parallax > h2 {
        color: #fff;
        display: inline-block;
        font-size: 44px;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%
    }

    .welcome-parallax > span {
        color: #fff;
        display: inline-block;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 30px;
        width: 100%
    }

    .welcome-parallax .new-btn {
        color: #fff;
        font-weight: 500;
        margin-top: 30px;
        padding: 18px 50px
    }

    .welcome-parallax > i {
        display: inline-block;
        margin-bottom: 25px
    }

    .welcome-parallax .main-btn {
        padding: 14px 32px
    }

.newsletter-sec {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 8px 17px rgba(0,0,0,.1);
    display: inline-block;
    padding: 30px 60px;
    width: 100%
}

    .newsletter-sec > figure {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .newsletter-sec > form {
        float: right;
        margin-top: 30px;
        position: relative;
        text-align: right;
        width: 60%
    }

    .newsletter-sec > .leter-meta {
        display: inline-block;
        padding-left: 20px;
        vertical-align: bottom
    }

.leter-meta > span {
    font-weight: 500;
    text-transform: capitalize
}

.leter-meta > h3 {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize
}

.newsletter-sec form input {
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 15px 30px;
    width: 70%;
    background: #f5f5f5
}

.newsletter-sec form .main-btn {
    font-size: 30px;
    padding: 1px 20px;
    position: absolute;
    right: 0;
    top: 1px
}

.side-image {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 100%
}

    .side-image > img {
        border: 2px dashed;
        border-radius: 12px;
        display: inline-block;
        padding: 20px;
        width: 100%
    }

.verticle-center {
    display: table;
    height: 100%;
    width: 100%
}

.measure {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

    .measure > i {
        display: inline-block;
        font-size: 50px
    }

    .measure > h2 {
        display: block;
        font-size: 50px;
        font-weight: 300;
        margin-bottom: 30px;
        max-width: 90%
    }

    .measure > p {
        display: inline-block;
        font-size: 18px;
        max-width: 80%;
        width: 100%;
        margin-bottom: 0
    }

    .measure.right {
        padding-left: 40px
    }

        .measure.right a {
            border: 1px solid #0077b5;
            border-radius: 30px;
            display: inline-block;
            margin-bottom: 8px;
            margin-right: 4px;
            padding: 5px 15px;
            transition: .2s linear
        }

            .measure.right a:hover {
                background: rgba(8,141,205,.6);
                color: #fff
            }

.user-avatar {
    display: inline-block;
    left: 50%;
    position: absolute;
    top: 15px;
    transform: translate(-50%)
}

    .user-avatar > img {
        border: 1px solid #e0e0e0;
        border-radius: 100%;
        max-width: 130px;
        padding: 8px
    }

.topbar ul.web-elements > li > a {
    background: #deebf3;
    border: 1px solid #0077b5;
    border-radius: 100%;
    height: 37px;
    line-height: 37px;
    text-align: center;
    width: 37px
}

.topbar ul.web-elements > li {
    margin: 0 5px;
    position: relative
}

    .topbar ul.web-elements > li > a > i {
        display: inline-block;
        font-size: 16px;
        line-height: initial;
        vertical-align: text-bottom
    }

    .topbar ul.web-elements > li:hover .dropdown {
        opacity: 1;
        visibility: visible
    }

.dropdown {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
    display: inline-block;
    line-height: initial;
    list-style: none;
    margin-bottom: 0;
    padding: 15px 15px 10px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 340px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear
}

    .dropdown > li {
        display: inline-block;
        vertical-align: top;
        width: 31.6%;
        margin-right: 4px;
        margin-bottom: 8px
    }

        .dropdown > li:nth-child(3n) {
            margin-right: 0
        }

        .dropdown > li:last-child {
            margin-bottom: 0
        }

        .dropdown > li > a {
            border-radius: 5px;
            color: #1f273f;
            display: inline-block;
            font-size: 12px;
            padding: 10px 6px;
            text-align: center;
            width: 100%
        }

            .dropdown > li > a:hover {
                background: #deebf3
            }

            .dropdown > li > a.logout {
                background: #ff7373;
                border-color: #ff2727;
                color: #fff
            }

            .dropdown > li > a i {
                display: block;
                font-size: 20px;
                margin-bottom: 10px
            }

        .dropdown > li.logout {
            vertical-align: middle;
            width: 100%
        }

            .dropdown > li.logout > a {
                background: #deebf3;
                display: inline-block;
                padding: 7px 0
            }

                .dropdown > li.logout > a i {
                    display: inline-block;
                    margin-bottom: 0;
                    vertical-align: middle
                }

                .dropdown > li.logout > a:hover {
                    background: #ff7373;
                    color: #fff
                }

                    .dropdown > li.logout > a:hover i {
                        color: #fff
                    }

.no-pad > .folowerz, .no-pad > ul {
    top: 50%;
    transform: translateY(-50%)
}

.stars {
    display: flex;
    left: 70px;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    position: absolute;
    top: 40px;
    width: 30%;
    z-index: 2
}

.folowerz {
    color: #fff;
    font-weight: 500;
    position: absolute;
    right: 70px;
    top: 40px;
    z-index: 2
}

.name {
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%;
    z-index: 2;
    position: relative
}

    .name > h4 {
        font-weight: 500;
        margin-bottom: 0;
        margin-top: -10px;
        color: #fff
    }

.stars > li {
    color: #fec42d;
    font-size: 16px
}

.main-wraper, aside .widget {
    background: #fafafa;
    border: 1px solid #e1e8ed;
    border-radius: 5px;
    display: block;
    margin-bottom: 30px;
    padding: 15px 20px 20px;
    position: relative;
    width: 100%;
    z-index: 9
}

.friend-info {
    display: inline-block;
    position: relative;
    width: 100%
}

    .friend-info > figure {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        width: 40px;
        margin-top: 0;
        position: relative
    }

        .friend-info > figure > em {
            bottom: -3px;
            font-style: normal;
            position: absolute;
            right: -4px
        }

        .friend-info > figure img {
            border-radius: 100%;
            border: 1px solid #cacaca
        }

        .friend-info > figure > i {
            border: 2px solid #fec42d;
            border-radius: 100%;
            color: #fec42d;
            display: inline-block;
            font-size: 20px;
            height: 40px;
            line-height: 38px;
            text-align: center;
            width: 40px
        }

.friend-name {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    width: 91.3%
}

    .friend-name > ins em {
        font-style: normal;
        text-decoration: underline
    }

.more {
    float: right;
    position: relative
}

.more-post-optns::before {
    background: #e1ebf6;
    border-radius: 100%;
    content: "";
    height: 28px;
    left: 50%;
    position: absolute;
    top: 51%;
    transform: translate(-50%,-50%) scale(0);
    transition: .2s linear;
    width: 28px;
    z-index: 1
}

.more-post-optns {
    cursor: pointer;
    display: inline-block;
    position: relative
}

    .more-post-optns > i {
        position: relative;
        z-index: 2;
        font-size: 18px
    }

    .more-post-optns > ul {
        background: #fff;
        border-radius: 5px;
        box-shadow: 2px 2px 10px rgba(0,0,0,.1);
        display: inline-block;
        list-style: none;
        margin: 0;
        opacity: 0;
        padding: 15px;
        position: absolute;
        right: 0;
        top: 100%;
        transform: translate(5px);
        transition: 90ms linear;
        visibility: hidden;
        width: 220px;
        z-index: 9
    }

        .more-post-optns > ul > li {
            cursor: pointer;
            display: inline-block;
            font-size: 12px;
            margin-bottom: 7px;
            width: 100%;
            font-weight: 500;
            color: #535165
        }

            .more-post-optns > ul > li:last-child {
                margin-bottom: 0
            }

            .more-post-optns > ul > li i {
                color: #92929e;
                display: inline-block;
                font-size: 14px;
                margin-right: 8px;
                transition: .1s linear;
                vertical-align: middle
            }

            .more-post-optns > ul > li span {
                color: #92929e;
                display: inline-block;
                font-size: 11px;
                font-weight: 400;
                padding-left: 23px;
                width: 100%
            }

    .more-post-optns:hover::before {
        transform: translate(-50%,-50%) scale(1)
    }

    .more-post-optns:hover > ul {
        opacity: 1;
        right: -1px;
        top: 100%;
        transform: translate(0);
        visibility: visible
    }

.reply {
    float: right;
    font-size: 13px;
    margin-top: 19px
}

.friend-name > ins {
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    width: 90%;
    background: 0 0
}

    .friend-name > ins > a {
        font-size: 14px;
        font-weight: 500
    }

.friend-name > span {
    color: #999;
    float: left;
    font-size: 12px;
    text-transform: capitalize;
    width: 90%
}

.post-meta {
    float: left;
    margin-top: 15px;
    position: relative;
    width: 100%
}

    .post-meta iframe {
        margin-bottom: 15px;
        width: 100%
    }

    .post-meta > em {
        display: inline-block;
        font-size: 13px;
        font-style: normal;
        width: 100%
    }

        .post-meta > em > a {
            display: inline-block;
            max-width: 80%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .post-meta > figure > span {
        color: #92929e;
        font-size: 11px;
        text-transform: capitalize
    }

    .post-meta > figure > a > img {
        width: 100%
    }

    .post-meta > h4 {
        display: inline-block;
        font-size: 17px;
        font-weight: 500;
        width: 100%
    }

.we-video-info {
    border-top: 1px solid #ede9e9;
    float: left;
    padding: 8px 0 0;
    position: relative;
    width: 100%;
    z-index: 0
}

    .we-video-info > ul {
        float: left;
        line-height: 27px;
        margin-bottom: 0;
        margin-top: 13px;
        padding-left: 5px;
        width: 66%
    }

        .we-video-info > ul li {
            display: inline-block;
            font-size: 14px;
            margin-right: 35px;
            vertical-align: middle
        }

            .we-video-info > ul li span {
                font-size: 16px;
                font-weight: 400;
                position: relative
            }

                .we-video-info > ul li span i {
                    font-size: 18px;
                    color: #82828e
                }

                .we-video-info > ul li span ins {
                    font-size: 11px;
                    left: 20px;
                    position: absolute;
                    text-decoration: none;
                    top: -5px;
                    background: 0 0;
                    line-height: initial
                }

.post-meta > figure {
    display: inline-block;
    margin: 0;
    position: relative;
    width: 100%
}

.img-bunch {
    float: left;
    position: relative;
    width: 100%
}

    .img-bunch > .row {
        margin: 0
    }

        .img-bunch > .row > div {
            padding: 0
        }

    .img-bunch figure {
        float: left;
        margin: 0;
        padding: 1px;
        position: relative;
        width: 100%
    }

        .img-bunch figure > a > img {
            width: 100%
        }

        .img-bunch figure > a {
            display: inline-block;
            width: 100%
        }

.more-photos::before {
    background: rgba(8,141,205,.8);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.more-photos > span {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 30px;
    color: #fff
}

.post-title {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 0;
    width: 100%
}

.rec-events {
    border-radius: 5px;
    color: #fff;
    margin: 0 auto 20px;
    overflow: hidden;
    padding: 15px 10px;
    position: relative;
    text-align: center;
    width: 100%
}

    .rec-events:last-child {
        margin-bottom: 0
    }

    .rec-events > i {
        display: inline-block;
        font-size: 40px;
        margin-bottom: 10px
    }

.bg-purple {
    background: #8c6ad2
}

.rec-events > h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.rec-events > img {
    opacity: .4;
    position: absolute;
    right: -30px;
    top: 10px
}

.see-all {
    float: right;
    font-size: 11px;
    margin-top: 2px
}

.followers {
    max-height: 260px;
    position: relative
}

.sidebar .widget > ul {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    width: 100%
}

.sidebar .widget li {
    display: inline-block;
    margin-bottom: 14px;
    position: relative;
    width: 100%
}

.sidebar .widget > ul > li:last-child {
    margin-bottom: 0
}

.sidebar .widget li i {
    margin-right: 5px
}

.followers > li figure {
    display: inline-block;
    margin-bottom: 0;
    max-width: 40px;
    min-width: 40px;
    vertical-align: middle;
    width: 40px
}

    .followers > li figure img {
        border-radius: 100%
    }

.friend-meta {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    width: 79%
}

    .friend-meta > h4 {
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
        width: 60%
    }

    .friend-meta > a {
        float: right;
        font-size: 12px;
        margin-top: 3px;
        position: relative
    }

    .friend-meta span {
        color: #9b9b9b;
        display: inline-block;
        font-size: 11px;
        width: 100%
    }

    .friend-meta h4 a {
        font-weight: 500
    }

.createroom-popup, .new-question-popup, .popup-add-card, .popup-wraper, .post-new-popup, .wraper-invite {
    background: rgba(248,248,248,.85);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: .25s linear;
    visibility: hidden;
    width: 100%;
    z-index: 999999
}

    .createroom-popup.active, .new-question-popup.active, .popup-add-card.active, .popup-wraper.active, .post-new-popup.active, .wraper-invite.active {
        opacity: 1;
        visibility: visible
    }

.popup::after {
    border-bottom: 8px solid;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    width: 100%
}

.popup {
    background: #fff;
    border-radius: 5px;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 60%;
    transform: translate(-50%,-50%);
    width: 450px;
    transition: .2s linear .25s;
    box-shadow: 0 2px 10px rgba(0,0,0,.3)
}

.createroom-popup .popup, .new-question-popup .popup, .popup-wraper.active .popup, .post-new-popup.active .popup, .wraper-invite.active .popup {
    top: 50%
}

.popup-closed {
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    right: 18px;
    top: 15px;
    z-index: 9
}

    .popup-closed > i {
        line-height: initial
    }

    .popup-closed::before {
        background: rgba(0,0,0,.1);
        border-radius: 100%;
        content: "";
        height: 30px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%) scale(1);
        transition: .2s linear;
        width: 30px
    }

    .popup-closed:hover::before {
        transform: translate(-50%,-50%) scale(1);
        background: rgba(0,0,0,.2);
        opacity: 1;
        visibility: visible
    }

.popup-meta {
    display: inline-block;
    width: 100%
}

.popup-head {
    border-bottom: 1px solid #dedede;
    display: inline-block;
    padding-bottom: 10px;
    width: 100%;
    text-align: center
}

    .popup-head > h5 {
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 0;
        width: 100%
    }

        .popup-head > h5 i {
            display: inline-block;
            font-size: 20px;
            vertical-align: inherit
        }

.send-message {
    display: inline-block;
    margin-top: 15px;
    position: relative;
    width: 100%
}

.c-form {
    display: inline-block;
    position: relative;
    width: 100%
}

    .c-form > div input, .c-form > div textarea, .c-form > input, .c-form > textarea {
        background: #fff;
        border-bottom: 1px solid #b4b5c8;
        color: #535165;
        font-size: 13px;
        margin-bottom: 20px;
        padding: 12px 30px;
        width: 100%;
        border-top: 0;
        border-right: 0;
        border-left: 0
    }

    .c-form input[type=checkbox], .c-form input[type=radio] {
        margin-right: 5px;
        width: auto
    }

    .c-form > label {
        margin-left: 5px;
        max-width: 75%;
        vertical-align: top;
        color: #7f879f
    }

.checkbox {
    width: 100%;
    margin: 8px auto;
    position: relative;
    display: block
}

    .checkbox label {
        cursor: pointer;
        display: block;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0;
        min-height: 29px;
        padding-left: 25px;
        position: relative
    }

        .checkbox label span {
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

        .checkbox label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 6px;
            margin: 0;
            width: 18px;
            height: 18px;
            transition: transform .28s;
            border-radius: 100%;
            border: 2px solid #34c37a
        }

        .checkbox label:after {
            border-bottom: 2px solid #34c37a;
            border-left: 2px solid #34c37a;
            content: "";
            display: block;
            height: 5px;
            left: 5px;
            position: absolute;
            top: 12px;
            transform: rotate(-45deg) scale(0);
            transition: transform .25s;
            width: 9px
        }

    .checkbox input[type=checkbox] {
        width: auto;
        opacity: .00000001;
        position: absolute;
        left: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

        .checkbox input[type=checkbox]:checked ~ label:before {
            border: 2px solid #34c37a
        }

        .checkbox input[type=checkbox]:checked ~ label:after {
            transform: rotate(-45deg) scale(1)
        }

        .checkbox input[type=checkbox]:focus + label::before {
            outline: 0
        }

.send-message form .main-btn {
    float: right
}

.uploadimage {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

    .uploadimage > i {
        font-size: 16px;
        position: relative;
        top: 1px
    }

.fileContainer {
    display: inline-block;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: capitalize
}

    .fileContainer [type=file] {
        cursor: pointer;
        display: block;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
        width: 100%
    }

.side-slide {
    background: #f5f5f5;
    border: 1px solid #e1e8ed;
    border-radius: 8px 0 0 8px;
    display: inline-block;
    height: 100vh;
    padding: 20px;
    position: fixed;
    right: -100%;
    top: 73px;
    width: 300px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: .3s linear
}

    .side-slide.active {
        visibility: visible;
        opacity: 1;
        right: 0
    }

.nav.nav-tabs.slide-btns li a {
    background: #e5e5e5;
    border-radius: 5px 5px 0 0;
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
    padding: 5px 10px
}

.nav.nav-tabs.slide-btns {
    border: 0;
    line-height: 30px;
    margin: 0 0 20px
}

    .nav.nav-tabs.slide-btns li a.active {
        color: #fff
    }

.tab-content .tab-pane h4 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle
}

.post-detail {
    display: inline-block;
    width: 100%
}

    .post-detail > h4 {
        margin-bottom: 20px;
        width: 100%
    }

    .post-detail > figure img {
        width: 100%;
        border-radius: 5px
    }

.pic-gallery img {
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%
}

.pic-gallery .col-lg-6 > img {
    margin-bottom: 0
}

.tab-content .tab-pane h4 i {
    color: #999;
    margin-right: 5px
}

.tab-content .tab-pane > a {
    border: 1px solid;
    border-radius: 100%;
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: -5px;
    text-align: center;
    width: 30px
}

.new-messages, .notificationz {
    border-top: 1px solid #eee;
    display: inline-block;
    list-style: none;
    margin-bottom: 30px;
    margin-top: 10px;
    padding-left: 0;
    padding-top: 20px;
    width: 100%
}

    .new-messages > li, .notificationz > li {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%
    }

        .new-messages li figure, .notificationz > li figure {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: top;
            width: 50px
        }

            .new-messages li figure img, .notificationz > li figure img {
                border: 2px solid;
                border-radius: 100%
            }

.mesg-info {
    display: inline-block;
    font-size: 12px;
    padding-left: 8px;
    vertical-align: middle;
    width: 200px
}

    .mesg-info > span {
        display: inline-block;
        font-weight: 500;
        width: 100%
    }

.tab-content .tab-pane > a.main-btn {
    border-radius: 5px;
    color: #fff;
    height: auto;
    line-height: initial;
    padding: 8px 10px;
    width: 100%;
    text-transform: uppercase
}

.authtication.animated-circ:after {
    content: "";
    display: block;
    position: absolute;
    width: 530px;
    height: 530px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%,-50%);
    background: #1bace1;
    background: linear-gradient(45deg,#1bace1 0,#fafafa 50%,#1bace1 100%);
    background-size: 200% 200%;
    background-position: left bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    filter: drop-shadow(0px 30px 20px rgba(185, 185, 185, .4));
    -webkit-filter: drop-shadow(0px 30px 20px rgba(185,185,185,0.4));
    -moz-filter: drop-shadow(0px 30px 20px rgba(185,185,185,0.4));
    -webkit-animation-name: animateGradient;
    animation-name: animateGradient;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes animateGradient {
    0%,100% {
        background-position: left bottom
    }

    50% {
        background-position: right top
    }
}

@keyframes animateGradient {
    0%,100% {
        background-position: left bottom
    }

    50% {
        background-position: right top
    }
}

.authtication {
    float: left;
    height: 100vh;
    padding: 50px;
    position: relative;
    width: 45%
}

.welcome-note {
    display: table-cell;
    z-index: 3;
    position: relative;
    vertical-align: middle
}

ul.welcome-caro {
    margin-top: 60px
}

    ul.welcome-caro li.welcome-box {
        display: inline-block;
        text-align: center;
        width: 100%
    }

        ul.welcome-caro li.welcome-box figure {
            display: inline-block;
            width: 100%
        }

            ul.welcome-caro li.welcome-box figure img {
                border-radius: 34px;
                width: auto;
                margin: 0 auto
            }

.mockups img {
    border-radius: 34px
}

.welcome-caro .owl-dot.active {
    background: #fff;
    border-color: #fff
}

.welcome-box > h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 500
}

.welcome-box > p {
    color: #eee;
    display: inline-block;
    font-size: 16px;
    width: 100%
}

.welcome-note > h1 {
    color: #fff;
    display: inline-block;
    font-size: 43px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%
}

.welcome-note > p {
    color: #fff;
    font-size: 17px;
    line-height: 28px
}

.download-app {
    display: flex;
    align-items: center;
    margin-top: 50px
}

    .download-app > a {
        display: inline-block
    }

        .download-app > a img {
            width: 25px;
            margin: 0 10px
        }

    .download-app > h5 {
        margin-right: 20px
    }

.auth-login {
    background: #fff;
    float: left;
    height: 100vh;
    padding: 50px;
    width: 55%;
    position: relative;
    overflow: hidden
}

.login-form {
    display: table-cell;
    padding-right: 200px;
    vertical-align: middle
}

    .login-form > span {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
        font-weight: 700;
        font-size: 20px
    }

        .login-form > span strong {
            font-size: 20px;
            font-weight: 500
        }

    .login-form label {
        width: 60%
    }

    .login-form > h4, .signup-form > h4 {
        display: inline-block;
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 10px;
        width: 100%
    }

.signup-form > h4 {
    margin-bottom: 10px
}

.login-form form button {
    float: right
}

.checkbox > a {
    float: right;
    margin-top: -21px;
    font-size: 13px;
    text-transform: capitalize;
    color: #919095
}

.login-with {
    display: inline-block;
    width: 100%;
    margin-top: 30px
}

    .login-with > a {
        display: inline-block;
        border: 1px solid;
        border-radius: 20px;
        padding: 8px 20px;
        margin-right: 15px;
        transition: .2s linear
    }

        .login-with > a:hover {
            border-color: #13153e;
            color: #fff
        }

    .login-with > h5 {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%
    }

    .login-with > a i {
        font-size: 20px;
        margin-right: 6px
    }

    .login-with > a.google-svg {
        padding: 3px 20px;
        vertical-align: middle
    }

.login-form .main-btn2 {
    width: auto;
    vertical-align: middle;
    padding: 7px 25px;
    margin-top: 1px;
    float: right
}

.bottambar2 {
    display: inline-block;
    width: 100%;
    position: fixed;
    bottom: 30px
}

    .bottambar2 > p {
        margin-bottom: 0
    }

        .bottambar2 > p a {
            color: #1bace1
        }

.login-with > a.dark-bg {
    background: #1a1a1a;
    color: #fff
}

.mockup {
    left: 0;
    position: absolute;
    top: 0
}

    .mockup.right {
        left: auto;
        right: -10px
    }

    .mockup.right-bottom {
        bottom: 0;
        left: auto;
        right: -10px;
        top: auto
    }

    .mockup.left-bottom {
        bottom: 0;
        top: auto
    }

    .mockup.left-center {
        left: -10px;
        top: 50%;
        transform: translateY(-50%)
    }

    .mockup.right-center {
        left: auto;
        right: -10px;
        top: 50%;
        transform: translateY(-50%)
    }

.auth-login .logo {
    left: 50px;
    position: absolute;
    top: 50px
}

.suggested-caro {
    list-style: none;
    margin: 20px 0 0;
    padding-left: 0
}

    .suggested-caro li {
        display: inline-block;
        text-align: center;
        width: 100%
    }

.friendz {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px;
    display: inline-block;
    text-align: center;
    width: 100%
}

    .friendz figure img, .suggested-caro li figure img {
        border: 2px solid #0077b5;
        border-radius: 10px;
        max-width: 80px
    }

    .friendz span, .suggested-caro li span {
        display: inline-block;
        font-weight: 500;
        width: 100%
    }

    .friendz ins, .suggested-caro li ins {
        color: #0077b5;
        display: inline-block;
        font-size: 12px;
        text-decoration: none;
        width: 100%
    }

    .friendz > a, .suggested-caro li > a {
        background: #0077b5;
        border-radius: 16px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        margin-top: 10px;
        padding: 5px 10px
    }

    .friendz figure img, .suggested-caro li figure img {
        display: inline-block !important;
        width: auto !important
    }

.page-loader {
    position: fixed;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0077b5;
    display: block
}

    .page-loader .fa {
        font-size: 2.5rem
    }

    .page-loader, .page-loader.visible {
        -webkit-transition: .6s;
        -ms-transition: .6s;
        -moz-transition: .6s;
        transition: .6s;
        opacity: 1;
        visibility: visible
    }

        .page-loader.hidden {
            visibility: hidden;
            opacity: 0
        }

.loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60px;
    width: 80px;
    box-sizing: border-box
}

    .loader .loader-item {
        position: relative;
        float: left;
        height: 40px;
        width: 4px;
        margin: 0 2px;
        background-color: #fff
    }

        .loader .loader-item:first-child {
            -webkit-animation: 2s linear infinite loader-item-1;
            animation: 2s linear infinite loader-item-1
        }

        .loader .loader-item:nth-child(2) {
            -webkit-animation: 2s linear infinite loader-item-2;
            animation: 2s linear infinite loader-item-2
        }

        .loader .loader-item:nth-child(3) {
            -webkit-animation: 2s linear infinite loader-item-3;
            animation: 2s linear infinite loader-item-3
        }

        .loader .loader-item:nth-child(4) {
            -webkit-animation: 2s linear infinite loader-item-4;
            animation: 2s linear infinite loader-item-4
        }

        .loader .loader-item:nth-child(5) {
            -webkit-animation: 2s linear infinite loader-item-5;
            animation: 2s linear infinite loader-item-5
        }

        .loader .loader-item:nth-child(6) {
            -webkit-animation: 2s linear infinite loader-item-6;
            animation: 2s linear infinite loader-item-6
        }

        .loader .loader-item:nth-child(7) {
            -webkit-animation: 2s linear infinite loader-item-7;
            animation: 2s linear infinite loader-item-7
        }

        .loader .loader-item:nth-child(8) {
            -webkit-animation: 2s linear infinite loader-item-8;
            animation: 2s linear infinite loader-item-8
        }

        .loader .loader-item:nth-child(9) {
            -webkit-animation: 2s linear infinite loader-item-9;
            animation: 2s linear infinite loader-item-9
        }

        .loader .loader-item:nth-child(10) {
            -webkit-animation: 2s linear infinite loader-item-10;
            animation: 2s linear infinite loader-item-10
        }

    .loader:after {
        content: 'Mumbai Professors....';
        font-size: 16px;
        font-family: Roboto;
        color: #fff;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -32px;
        margin: auto
    }

@-webkit-keyframes loader-item-1 {
    1%,100%,21% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    11% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-1 {
    1%,100%,21% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    11% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@-webkit-keyframes loader-item-2 {
    100%,27%,7% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    17% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-2 {
    100%,27%,7% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    17% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@-webkit-keyframes loader-item-3 {
    100%,13%,33% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    23% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-3 {
    100%,13%,33% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    23% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@-webkit-keyframes loader-item-4 {
    100%,19%,39% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    29% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-4 {
    100%,19%,39% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    29% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@-webkit-keyframes loader-item-5 {
    100%,25%,45% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    35% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-5 {
    100%,25%,45% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    35% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@-webkit-keyframes loader-item-6 {
    100%,31%,51% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    41% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-6 {
    100%,31%,51% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    41% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@-webkit-keyframes loader-item-7 {
    100%,37%,57% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    47% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-7 {
    100%,37%,57% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    47% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@-webkit-keyframes loader-item-8 {
    100%,43%,63% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    53% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-8 {
    100%,43%,63% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    53% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@-webkit-keyframes loader-item-9 {
    100%,49%,69% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    59% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-9 {
    100%,49%,69% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    59% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@-webkit-keyframes loader-item-10 {
    100%,55%,75% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    65% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

@keyframes loader-item-10 {
    100%,55%,75% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    65% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4)
    }
}

.ask-question > i {
    color: #0077b5;
    display: inline-block;
    font-size: 30px;
    vertical-align: top
}

.ask-question > h6 {
    display: inline-block;
    font-size: 13px;
    padding-left: 10px;
    vertical-align: top;
    width: 83%
}

.ask-question > a {
    border: 1px solid #0077b5;
    border-radius: 30px;
    color: #0077b5;
    display: inline-block;
    font-size: 14px;
    margin-top: 20px;
    padding: 7px 10px;
    text-align: center;
    width: 100%;
    transition: .2s linear
}

    .ask-question > a:hover {
        color: #fff
    }

.signup-form {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0 40px
}

.c-form h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 20px
}

.login-form > h4 i, .signup-form > h4 i {
    color: #3ca9fc
}

.signup-form .c-form button {
    display: block;
    width: 100%
}

.signup-form .c-form label {
    margin-bottom: 12px
}

.gender {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%
}

    .gender > label {
        margin-right: 20px
    }

.loadmore {
    display: inline-block;
    text-align: center;
    width: 100%
}

    .loadmore > a {
        color: #fff;
        display: inline-block;
        padding: 10px;
        text-align: center;
        width: 100%;
        font-weight: 500;
        border-radius: 30px;
        max-width: 50%;
        border: 1px solid transparent;
        transition: .2s linear
    }

        .loadmore > a:hover {
            background: 0 0;
            border: 1px solid #0077b5;
            color: #0077b5
        }

.post-new .uploadimage {
    border: 1px solid;
    border-radius: 5px;
    font-weight: 500;
    line-height: initial;
    margin-bottom: 20px;
    padding: 6px 10px;
    text-align: center;
    width: 100%
}

    .post-new .uploadimage .fileContainer {
        margin-bottom: 0
    }

.post-new .c-form .chosen-container {
    margin-bottom: 20px;
    width: 100% !important
}

    .post-new .c-form .chosen-container .chosen-single {
        background: #fff;
        border: 1px solid #e4e4e4;
        color: #535165;
        height: 45px;
        line-height: 45px;
        padding-left: 15px;
        box-shadow: none
    }

.post-new .chosen-container-single .chosen-single div {
    top: 10px
}

.post-new .c-form .main-btn {
    border-radius: 5px;
    padding: 6px;
    width: 100%;
    margin-bottom: 20px
}

.post-new .c-form input, .post-new .c-form textarea {
    background: #fff
}

.post-new .fileContainer [type=file] {
    margin: 0;
    padding: 0
}

.top-area {
    display: inline-block;
    position: relative;
    width: 100%
}

.post-subject {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 3;
    padding: 60px 0
}

.tagz {
    background: #c5e8e5;
    border-radius: 30px;
    color: #007478;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 3px 12px;
    text-transform: capitalize
}

.post-subject > h4 {
    color: #fff;
    display: block;
    max-width: 70%;
    width: 100%;
    font-size: 22px
}

a.download-btn {
    background: #fff;
    border: 3px solid #0077b5;
    border-radius: 30px;
    color: #0077b5;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 25px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 2
}

.widget-analytics > li > span {
    background: #deebf3;
    border: 1px solid #66bef5;
    border-radius: 20px;
    color: #0077b5;
    float: right;
    font-size: 12px;
    padding: 1px 10px
}

.top-area .post-subject {
    padding-bottom: 0
}

.post-detail-btn {
    border-bottom: 0;
    margin-top: 50px;
    position: relative;
    z-index: 2;
    margin-left: 16px
}

    .post-detail-btn li.nav-item a {
        display: inline-block;
        padding: 5px 15px;
        position: relative;
        color: #eee;
        font-weight: 500
    }

    .post-detail-btn li.nav-item {
        margin-right: 30px;
        position: relative
    }

        .post-detail-btn li.nav-item:last-child {
            margin-right: 0
        }

.post-subject ul.post-detail-btn {
    margin-left: 0
}

.nav-item > span {
    background: #fff;
    border-radius: 5px;
    font-size: 10px;
    padding: 0 5px;
    position: absolute;
    right: -5px;
    top: -4px
}

.post-detail-btn li.nav-item a.active {
    background: #fff;
    color: #0077b5;
    border-radius: 13px 13px 0 0
}

    .post-detail-btn li.nav-item a.active::before {
        border-bottom: 23px solid #fff;
        border-left: 16px solid rgba(0,0,0,0);
        border-top: 12px solid rgba(0,0,0,0);
        content: "";
        height: 0;
        left: -15px;
        position: absolute;
        top: -4px;
        width: 0
    }

    .post-detail-btn li.nav-item a.active::after {
        border-left: 16px solid #fff;
        border-top: 23px solid rgba(0,0,0,0);
        content: "";
        height: 0;
        position: absolute;
        right: -15px;
        top: 8px;
        width: 0
    }

.tab-content {
    margin-bottom: 0
}

.tab-pane .user-post .friend-name {
    width: 91%
}

.tags-title {
    display: inline-block;
    font-weight: 500;
    vertical-align: top
}

.tags {
    display: inline-block;
    list-style: none;
    margin-bottom: 30px;
    padding-left: 20px;
    vertical-align: top
}

    .tags > li {
        display: inline-block;
        vertical-align: middle
    }

        .tags > li a {
            background: #c5e8e5;
            color: #007478;
            border: 1px solid #40b4b8;
            border-radius: 30px;
            display: inline-block;
            font-size: 13px;
            margin: 0 2px;
            padding: 3px 17px;
            text-transform: capitalize
        }

.comment-area {
    display: inline-block;
    width: 100%
}

.comment-title {
    display: inline-block;
    font-size: 28px;
    font-weight: 800;
    line-height: initial;
    margin-bottom: 20px;
    text-transform: capitalize;
    width: 100%
}

.comments {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%
}

.comment-box {
    background: #f9f9f9;
    border: 1px solid #ede9e9;
    border-radius: 5px;
    display: inline-block;
    padding: 20px
}

.comments > li {
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    width: 100%
}

    .comments > li:last-child {
        margin-bottom: 0
    }

.commenter-photo {
    display: table-cell;
    vertical-align: top
}

.commenter-meta {
    display: table-cell;
    padding-left: 15px;
    position: relative;
    vertical-align: middle
}

.commenter-photo > img {
    border: 2px solid;
    border-radius: 100%;
    padding: 3px;
    width: auto
}

.comment-titles h6 {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    vertical-align: top
}

.comment-titles > span {
    color: #92929e;
    font-size: 11px;
    margin-left: 6px;
    margin-right: 22px;
    text-transform: uppercase
}

.comment-titles a.reply {
    border-radius: 30px;
    display: inline-block;
    font-size: 13px;
    padding: 2px 18px;
    text-transform: capitalize;
    vertical-align: middle;
    margin-top: 0;
    color: #fff
}

    .comment-titles a.reply:hover {
        background: #000;
        color: #fff
    }

.commenter-meta > p {
    color: #666;
    float: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 10px;
    width: 90%;
    margin-bottom: 0
}

.comments > li > ul {
    float: left;
    list-style: none;
    margin-top: 17px;
    padding-left: 60px;
    width: 100%
}

.comment-form {
    float: left;
    margin-top: 65px;
    width: 100%
}

.quick-all {
    background: #f9f9f9;
    border: 1px solid #ede9e9;
    border-radius: 5px;
    float: left;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
    width: 100%
}

.sparkline {
    display: inline-block;
    vertical-align: middle
}

.spark-meta {
    display: inline-block;
    padding: 0 40px;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.quick-all .spark-meta > h4 {
    float: right;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 3px
}

.quick-all .spark-meta > p {
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0
}

.main-title {
    border-bottom: 1px solid #eaeaea;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    text-transform: capitalize;
    width: 100%
}

    .main-title > i {
        color: #92929e
    }

    .main-title > a {
        float: right;
        font-size: 11px;
        margin-top: 4px;
        text-decoration: underline
    }

    .main-title > span {
        color: #898989;
        font-size: 14px
    }

    .main-title::before {
        background: red;
        content: "";
        height: 70%;
        left: -20px;
        position: absolute;
        top: 0;
        width: 3px
    }

.exp-col {
    border-bottom: 1px dashed #dadada;
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    width: 100%
}

.exp-meta {
    display: inline-block;
    vertical-align: middle;
    width: 80%
}

    .exp-meta > h5 {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 5px;
        text-transform: capitalize;
        width: 100%;
        color: #4f576f
    }

    .exp-meta > p {
        display: inline-block;
        font-size: 13px;
        width: 100%
    }

    .exp-meta > ins {
        color: #5a6381;
        padding-left: 10px
    }

.main-wraper .exp-col:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.top-area .download-btn {
    right: 60px;
    top: 80px
}

.post-subject .download-btn {
    right: 0
}

.row.merged-10 > div {
    padding: 0 10px
}

.row.merged-10 {
    margin-left: -10px;
    margin-right: -10px
}

.lang {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%
}

    .lang > h6 {
        display: inline-block;
        font-weight: 500;
        width: 100%
    }

.dis-n-exp {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%
}

    .dis-n-exp > h6 {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 20px
    }

    .dis-n-exp > span {
        border: 1px solid #ccc;
        border-radius: 30px;
        display: inline-block;
        font-size: 12px;
        margin-bottom: 10px;
        padding: 7px 15px;
        text-transform: capitalize
    }

.message-box {
    display: inline-block;
    position: relative;
    width: 100%
}

.message-header {
    max-width: 687px;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 12px
}

.useravatar {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 85px;
    margin-bottom: 8px
}

    .useravatar > img {
        border: 1px solid #aaa;
        border-radius: 100%;
        display: inline-block;
        padding: 2px;
        max-width: 40px
    }

    .useravatar > span {
        display: block;
        font-size: 13px;
        font-weight: 700;
        margin-top: 4px;
        width: 100%
    }

.status::before {
    border-radius: 100%;
    content: "";
    height: 10px;
    left: 20px;
    position: absolute;
    top: 0;
    width: 10px
}

.status.online::before {
    background: #7fba00
}

.status.away::before {
    background: #ffd300
}

.status.offline::before {
    background: #bcbcbc
}

.useravatar.active > span {
    font-weight: 500
}

ul.chatting-area {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    max-height: 322px;
    overflow-x: hidden;
    padding: 40px 15px 10px 0;
    position: relative;
    width: 100%
}

    ul.chatting-area li {
        display: inline-block;
        margin-bottom: 20px;
        width: 100%
    }

        ul.chatting-area li > figure {
            display: inline-block;
            margin-bottom: 0;
            max-width: 32px;
            min-width: 32px;
            vertical-align: top;
            width: 32px
        }

            ul.chatting-area li > figure img {
                border-radius: 100%;
                border: 1px solid;
                padding: 2px
            }

        ul.chatting-area li.me {
            text-align: right
        }

    ul.chatting-area > li.me > figure {
        float: right
    }

    ul.chatting-area > li.me p {
        margin-left: 0;
        margin-right: 10px;
        text-align: left
    }

    ul.chatting-area > li.you p {
        background: rgba(255,255,255,.65)
    }

    ul.chatting-area > li p {
        background: rgba(39,170,225,.1);
        color: #434343;
        display: inline-block;
        font-size: 14px;
        line-height: initial;
        margin-bottom: 0;
        margin-left: 10px;
        padding: 5px 8px;
        position: relative;
        vertical-align: top;
        max-width: 55%;
        border-radius: 8px;
        box-shadow: 0 1px 3px rgba(0,0,0,.2)
    }

.message-text-container > form {
    display: inline-block;
    position: relative;
    width: 94%
}

.message-text-container textarea {
    border: 1px solid #eaeaea;
    border-radius: 50px;
    box-sizing: content-box;
    color: #7f7f7f;
    display: inline-block;
    line-height: 50px;
    overflow: hidden;
    padding-left: 46px;
    resize: none;
    vertical-align: middle;
    width: 84%;
    padding-right: 50px
}

.message-text-container form button {
    border-radius: 100%;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 13px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    border: none;
    color: #fff;
    font-size: 20px
}

.emojie {
    left: 13px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

    .emojie > img {
        border-radius: 100%;
        cursor: pointer;
        max-width: 24px
    }

.smiles-bunch::before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #fff;
    bottom: -7px;
    content: "";
    left: 18px;
    position: absolute;
    width: auto
}

.smiles-bunch.active {
    display: block
}

.smiles-bunch {
    background: #fff;
    border-radius: 5px;
    display: none;
    font-size: 13px;
    padding: 5px;
    position: absolute;
    left: 0;
    text-align: center;
    top: -70px;
    width: 220px;
    box-shadow: 2px 1px 9px rgba(0,0,0,.2)
}

    .smiles-bunch > i img {
        max-width: 25px;
        transition: .2s linear
    }

    .smiles-bunch > i {
        display: inline-block;
        margin: 3px;
        cursor: pointer
    }

        .smiles-bunch > i:hover img {
            transform: scale(1.1)
        }

.chat-header {
    display: inline-block;
    margin-top: 20px;
    position: relative;
    width: 100%
}

    .chat-header > h6 {
        display: inline-block;
        font-size: 13px;
        margin-bottom: 0;
        padding-left: 20px;
        text-transform: capitalize
    }

.corss {
    float: right;
    width: auto
}

.chat-header .status::before {
    top: 18px
}

.corss > span {
    color: red;
    cursor: pointer;
    font-size: 15px;
    margin-left: 10px
}

.date {
    background: #fff;
    border-bottom: 1px dotted #dedede;
    display: inline-block;
    padding: 4px 0;
    text-align: center;
    width: 100%;
    color: #f0506e;
    font-size: 11.5px
}

.more-attachments.active {
    color: #fff;
    transform: rotate(45deg)
}

.attach-options .closed {
    color: #333;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 10px;
    transition: .2s linear
}

    .attach-options .closed:hover {
        transform: scale(1.1)
    }

.more-attachments {
    background: #fff;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    line-height: 36px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    transition: .4s linear
}

.attach-options {
    background: #fff;
    border-radius: 10px;
    bottom: 56px;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    left: 0;
    opacity: 0;
    padding: 25px;
    position: absolute;
    transform: scale(0);
    transition: .3s ease-in-out;
    visibility: hidden;
    width: 300px
}

    .attach-options > a {
        border-bottom: 1px solid #eaeaea;
        display: inline-block;
        margin-bottom: 10px;
        padding-bottom: 10px;
        transition: .2s linear;
        width: 100%
    }

        .attach-options > a i {
            color: red;
            font-size: 17px;
            margin-right: 10px
        }

        .attach-options > a:last-child {
            border-bottom: 0;
            margin-bottom: 0;
            padding-bottom: 0
        }

        .attach-options > a:hover {
            color: red
        }

    .attach-options.active {
        opacity: 1;
        transform: scale(1);
        visibility: visible
    }

.notification-box > ul {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%
}

.notification-box {
    display: inline-block;
    width: 100%
}

    .notification-box > ul > li {
        border-bottom: 1px solid #e1e8ed;
        display: inline-block;
        margin-bottom: 15px;
        padding-bottom: 15px;
        width: 100%;
        position: relative
    }

    .notification-box > ul li figure {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 10px;
        max-width: 45px;
        min-width: 45px;
        vertical-align: middle
    }

    .notification-box > ul > li figure img {
        border: 1px solid #cacaca;
        border-radius: 100%;
        padding: 1px
    }

.notifi-meta {
    display: inline-block;
    line-height: initial;
    vertical-align: middle;
    width: 86%
}

    .notifi-meta > p {
        color: #1f273f;
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
        margin-bottom: 0;
        text-transform: capitalize
    }

    .notifi-meta > span {
        font-size: 12px;
        color: #92929e
    }

        .notifi-meta > span > i {
            font-size: 13px
        }

.notification-box > ul > li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.notification-box > ul li > i.del {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    opacity: 0;
    position: absolute;
    right: 30px;
    top: 0;
    transition: .2s linear;
    vertical-align: top;
    visibility: hidden
}

.notification-box > ul li:hover > i.del {
    opacity: 1;
    visibility: visible
}

.more-options {
    display: inline-block;
    float: right;
    position: relative
}

    .more-options > i {
        color: #999 !important;
        font-size: 16px
    }

.university-tag {
    display: inline-block;
    position: relative;
    width: 100%
}

    .university-tag > figure {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

        .university-tag > figure img {
            border: 2px solid #fff;
            border-radius: 100%;
            display: inline-block;
            padding: 6px;
            max-width: 74px;
            width: 75px;
            height: 102px
        }

.uni-name {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle
}

    .uni-name > h4 {
        color: #fff;
        font-weight: 500;
        text-transform: capitalize;
        font-size: 25px
    }

    .uni-name > span {
        color: #fff;
        font-weight: 500
    }

.uni-info {
    display: inline-block;
    width: 100%
}

    .uni-info > ul {
        display: inline-block;
        margin-bottom: 0;
        padding-left: 15px;
        width: 100%
    }

        .uni-info > ul > li {
            border-bottom: 1px solid #eaeaea;
            float: left;
            margin-bottom: 10px;
            padding-bottom: 10px;
            width: 50%
        }

            .uni-info > ul > li p {
                margin-bottom: 0
            }

.dept-info {
    display: inline-block;
    width: 100%
}

    .dept-info > ul {
        display: inline-block;
        margin: 0;
        padding-left: 15px;
        width: 100%
    }

        .dept-info > ul > li {
            border-bottom: 1px solid #eaeaea;
            float: left;
            margin-bottom: 15px;
            padding-bottom: 15px;
            width: 100%
        }

            .dept-info > ul > li:last-child {
                border-bottom: 0;
                margin-bottom: 0;
                padding-bottom: 0
            }

            .dept-info > ul > li h6 {
                display: inline-block;
                margin-bottom: 5px;
                width: 100%;
                font-weight: 400
            }

            .dept-info > ul > li span {
                color: #8e8e8e
            }

                .dept-info > ul > li span i {
                    font-style: normal;
                    font-weight: 500
                }

.members {
    border: 1px solid #eaeaea;
    display: inline-block;
    padding: 10px;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 10px
}

    .members > figure img {
        width: 100%;
        border-radius: 5px
    }

    .members > span {
        font-weight: 500
    }

    .members ins {
        color: #999;
        display: inline-block;
        font-size: 11px;
        line-height: 15px;
        text-decoration: none;
        width: 100%;
        margin-bottom: 10px
    }

    .members > a {
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        padding: 5px 0;
        width: 100%;
        border: 1px solid transparent;
        transition: .2s linear
    }

        .members > a:hover {
            background: 0 0
        }

a.invite {
    background: rgba(255,255,255,.9);
    border: 2px solid #0077b5;
    border-radius: 30px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 20px;
    position: absolute;
    right: 23px;
    top: 75px;
    transition: .3s linear
}

.invitation-meta {
    display: inline-block;
    margin-top: 20px;
    width: 100%
}

    .invitation-meta > p {
        font-size: 13px;
        letter-spacing: .3px;
        line-height: 20px;
        margin-bottom: 30px
    }

.question-title {
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 22px;
    vertical-align: top;
    width: 95%
}

.question-meta {
    display: inline-block;
    margin-top: 20px;
    width: 100%
}

    .question-meta > p {
        margin-bottom: 30px
    }

    .question-meta .tags {
        padding-left: 0;
        width: 100%
    }

    .question-meta .main-btn {
        padding: 6px 15px;
        text-transform: capitalize
    }

.anser .friend-info {
    border-bottom: 1px solid #eaeaea;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    width: 100%
}

.anser {
    display: inline-block;
    margin-top: 40px;
    padding-left: 50px;
    position: relative;
    width: 100%
}

    .anser > i {
        color: #82b440;
        font-size: 40px;
        left: 0;
        position: absolute;
        top: 0
    }

.search-question {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%
}

    .search-question > form {
        display: inline-block;
        position: relative;
        width: auto
    }

        .search-question > form input {
            border: 1px solid #eaeaea;
            border-radius: 30px;
            display: inline-block;
            padding: 12px 20px;
            width: 400px
        }

        .search-question > form button {
            border: none;
            border-radius: 100%;
            color: #fff;
            line-height: 40px;
            position: absolute;
            right: 5px;
            top: 3px;
            width: 40px;
            height: 40px
        }

.load {
    display: inline-block;
    margin-top: 30px;
    text-align: center;
    width: 100%
}

.pagination {
    display: block;
    margin-bottom: 0;
    text-align: center;
    width: 100%
}

    .pagination > li {
        display: inline-block;
        margin: 0 2px
    }

        .pagination > li > a {
            background: #deebf3;
            border: 1px solid #c9d6de;
            border-radius: 100%;
            display: inline-block;
            height: 35px;
            line-height: 35px;
            transition: .2s linear;
            width: 35px
        }

            .pagination > li > a:hover {
                transform: scale(1.1)
            }

            .pagination > li > a.active {
                background: rgba(8,141,205,.6);
                border-color: #0077b5;
                color: #fff
            }

.research-avatar {
    border: 1px solid #e0e0e0;
    display: inline-block;
    width: 100%
}

.related-qst {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%
}

    .related-qst > li {
        display: inline-block;
        margin-bottom: 13px;
        width: 100%
    }

        .related-qst > li > a {
            display: inline-block;
            padding-left: 25px;
            position: relative;
            transition: .2s linear
        }

            .related-qst > li > a:hover {
                color: red
            }

            .related-qst > li > a::before {
                content: "\f000";
                font-family: icofont;
                left: 0;
                position: absolute;
                top: 0
            }

.popular-book {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%
}

    .popular-book > figure {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        width: 80px
    }

.book-about {
    display: inline-block;
    padding-left: 7px;
    vertical-align: middle;
    width: 60%
}

.popular-book > figure img {
    border-radius: 4px
}

.book-about > h6 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px
}

.book-about > span {
    font-size: 12px
}

.book-about > a {
    float: right;
    font-size: 16px;
    color: #b2b2be
}

.popular-book:last-child {
    margin-bottom: 0
}

.category {
    display: inline-block;
    list-style: none;
    margin-bottom: 22px;
    margin-top: 10px;
    padding-left: 0;
    width: 100%
}

    .category > li {
        display: inline-block;
        margin-right: 6px;
        vertical-align: middle
    }

        .category > li a {
            background: #deebf3;
            border: 1px solid #c9d6de;
            border-radius: 30px;
            display: inline-block;
            font-size: 13px;
            font-weight: 500;
            padding: 4px 18px;
            transition: .2s linear
        }

            .category > li a.active {
                background: #0077b5;
                border-color: #0077b5;
                color: #fff
            }

                .category > li a.active:hover {
                    color: #fff
                }

.book-post {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
    position: relative
}

.owl-item .book-post {
    margin-bottom: 0
}

.book-post > figure {
    margin-bottom: 6px
}

    .book-post > figure > a {
        display: inline-block;
        overflow: hidden;
        width: 100%
    }

        .book-post > figure > a img {
            border-radius: 6px;
            transition: .2s ease-in-out
        }

.book-post > a {
    display: inline-block;
    font-weight: 500;
    transition: .2s linear;
    width: 100%
}

.book-post:hover > figure > a img {
    transform: scale(1.02)
}

.prod-detail {
    display: inline-block;
    position: relative;
    width: 100%
}

    .prod-detail ul.stars {
        position: unset
    }

    .prod-detail > h4 {
        display: inline-block;
        font-size: 28px;
        margin-bottom: 20px;
        margin-top: 5px;
        width: 100%
    }

    .prod-detail > span {
        display: inline-block;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 20px;
        width: 100%
    }

        .prod-detail > span > i {
            color: #82b440;
            font-size: 20px;
            font-style: normal;
            font-weight: 500
        }

    .prod-detail > ul.item-info {
        display: inline-block;
        padding-left: 20px;
        width: 100%
    }

        .prod-detail > ul.item-info > li {
            display: inline-block;
            margin-bottom: 8px;
            vertical-align: middle;
            width: 49%;
            font-size: 13px
        }

            .prod-detail > ul.item-info > li span {
                font-size: 13px;
                font-weight: 500
            }

.sale-button {
    display: inline-block;
    width: 100%
}

.main-btn.purchase-btn {
    background: #82b440;
    border-color: #528410;
    font-size: 14px
}

.sale-button > a {
    margin-right: 10px
}

.full-book {
    display: inline-block;
    width: 100%
}

    .full-book > figure {
        display: inline-block;
        position: relative;
        width: 100%
    }

        .full-book > figure > span {
            background: #fec42d;
            color: #fff;
            font-size: 12px;
            left: -5px;
            padding: 2px 14px;
            position: absolute;
            top: 5px
        }

.prod-stat {
    display: inline-block;
    width: 100%
}

    .prod-stat > ul {
        display: inline-block;
        list-style: none;
        padding-left: 0;
        width: 100%
    }

        .prod-stat > ul > li {
            display: inline-block;
            font-size: 12px;
            width: 100%
        }

.add-comment {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 30px
}

    .add-comment .stars {
        float: left;
        margin-left: 14px;
        position: unset;
        vertical-align: middle;
        width: auto
    }

    .add-comment > span {
        float: left;
        font-weight: 500
    }

    .add-comment .c-form {
        margin-top: 10px
    }

        .add-comment .c-form input, .add-comment .c-form textarea {
            background: #fff
        }

.comment-area.product .comment-box {
    border: 0;
    margin-bottom: 10px;
    padding: 0
}

.comment-area.product .commenter-photo > img {
    max-width: 45px
}

.comment-titles > ins {
    background: #fec42d;
    border-radius: 30px;
    color: #fff;
    float: right;
    padding: 2px 13px;
    text-decoration: none
}

.comment-area.product {
    display: inline-block;
    width: 100%
}

    .comment-area.product .comment-title {
        font-size: 22px;
        margin-bottom: 30px
    }

.book-description {
    display: inline-block;
    margin-top: 20px;
    width: 100%
}

    .book-description > p {
        margin-bottom: 0
    }

.post-subject > h1 {
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
    font-size: 30px
}

.post-subject > p {
    color: #eee;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0;
    width: 100%;
    max-width: 50%
}

.responsive-tab .uk-list {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 30px
}

    .responsive-tab .uk-list > li {
        margin-top: 12px;
        display: inline-block;
        width: 100%
    }

        .responsive-tab .uk-list > li:first-child {
            margin-top: 0
        }

        .responsive-tab .uk-list > li > a {
            background: #fafafa;
            border-radius: 9px;
            display: inline-block;
            font-weight: 500;
            padding: 8px 15px;
            text-transform: capitalize;
            vertical-align: middle;
            width: 100%
        }

            .responsive-tab .uk-list > li > a.active {
                background: #0077b5;
                color: #fff
            }

#components-nav {
    margin-bottom: 0;
    padding: 10px 5px
}

    #components-nav .uk-list.docs-list {
        font-size: 14px;
        text-transform: capitalize
    }

    #components-nav h2 {
        font-size: 26px;
        font-weight: 500
    }

.uk-slider-items > li h1 {
    text-shadow: 0 3px 2px rgba(0,0,0,.2)
}

#components-nav h1, #components-nav h2, #components-nav h3, #components-nav h4, #components-nav h5, #components-nav h6 {
    margin-bottom: 10px
}

.button.Markup-botton {
    background: #dde9ff;
    border: none;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    padding: 7px 10px 7px 43px;
    position: relative;
    margin: 15px 0;
    color: #273444;
    font-weight: 500
}

.Markup-botton::before {
    background: #77a4f9;
    font-family: icofont;
    content: '\ede6';
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 13px;
    border-radius: 3px 0 0 3px;
    color: #fff
}

.uk-accordion-title {
    font-size: 14px;
    font-weight: 500
}

.uk-card-default {
    display: inline-block;
    margin-bottom: 15px !important;
    margin-top: 15px;
    width: 100%
}

.uk-accordion {
    display: inline-block;
    margin: 14px 0;
    width: 100%
}

.uk-subnav.uk-subnav-pill {
    margin-bottom: 20px
}

.uk-subnav-pill > li > a {
    border-radius: 5px;
    font-size: 13px
}

.uk-alert-primary p {
    color: #1e87f0
}

.uk-alert-success p {
    color: #32d296
}

.uk-alert-danger p {
    color: #f0506e
}

[class~=bg-gradient-primary] {
    background: linear-gradient(80deg,#78a6fc,#3576ef 100%) !important
}

.bg-gradient-success {
    background: linear-gradient(80deg,#4cd964 0,#50d94c 100%) !important
}

[class~=bg-gradient-danger] {
    background: linear-gradient(80deg,#ff3b30 0,#ff304e 100%) !important
}

.uk-light p {
    color: #fff
}

.uk-button-default {
    border-radius: 6px;
    padding: 4px 15px;
    font-size: 14px;
    font-weight: 500
}

.uk-lightbox, .uk-modal, .uk-offcanvas {
    z-index: 99999999
}

    .uk-lightbox iframe {
        height: 100%
    }

.uk-notification-message {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    font-size: 14px;
    font-weight: 500
}

.uk-notification {
    z-index: 999999
}

.uk-offcanvas-bar > p {
    color: rgba(255,255,255,.7)
}

.side-nav-title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px
}

.side-nav > ul > li {
    margin-bottom: 10px;
    text-transform: capitalize
}

.uk-progress {
    box-sizing: border-box;
    height: 20px;
    margin-bottom: 15px;
    background: #f7f7f7;
    overflow: hidden;
    line-height: 20px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.07),inset 0 2px 2px rgba(0,0,0,.07);
    border-radius: 4px
}

.uk-progress-bar {
    width: 0;
    height: 100%;
    background: #009dd8;
    float: left;
    -webkit-transition: width .6s;
    transition: width .6s;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background-image: -webkit-linear-gradient(top,#00b4f5,#008dc5);
    background-image: linear-gradient(to bottom,#00b4f5,#008dc5);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.1);
    text-shadow: 0 -1px 0 rgba(0,0,0,.2)
}

.uk-progress.uk-progress-success .uk-progress-bar {
    background-color: #82bb42;
    background-image: -webkit-linear-gradient(top,#9fd256,#6fac34);
    background-image: linear-gradient(to bottom,#9fd256,#6fac34)
}

.uk-progress.uk-progress-warning .uk-progress-bar {
    background-color: #f9a124;
    background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
    background-image: linear-gradient(to bottom,#fbb450,#f89406)
}

.uk-progress.uk-progress-danger .uk-progress-bar {
    background-color: #d32c46;
    background-image: -webkit-linear-gradient(top,#ee465a,#c11a39);
    background-image: linear-gradient(to bottom,#ee465a,#c11a39)
}

.uk-progress-mini {
    height: 6px
}

.uk-progress-small {
    height: 12px
}

.button, a.button {
    background: #0077b5;
    border: none;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 13.5px;
    font-weight: 400;
    padding: 8px 18px;
    text-transform: capitalize;
    transition: .2s linear
}

    .button.primary.circle, a.button.primary.circle {
        border-radius: 30px
    }

    .button.small, a.button.small {
        padding: 3px 10px
    }

    .button.large, a.button.large {
        padding: 10px 25px
    }

    .button.xlarge, a.button.xlarge {
        font-size: 14px;
        padding: 15px 30px
    }

    .button.secondary, a.button.secondary {
        background: #77838f
    }

    .button.disabled, a.button.disabled {
        background: #a7b3bf;
        cursor: auto
    }

    .button.danger {
        background: #ff5630
    }

    .button.success {
        background: #62d76b
    }

    .button.info {
        background: #00dffc
    }

    .button.grey {
        background: gray
    }

    .button.white {
        background: #fff;
        border: 1px solid #ececec;
        color: #333
    }

    .button.dark {
        background: #273444
    }

    .button.light {
        background: #f4f8ff;
        border: 1px solid #eaeaea;
        color: #444
    }

    .button.outline-primary {
        color: #0077b5;
        border: 1px solid #0077b5;
        background: 0 0
    }

    .button.outline-secondary {
        color: #77838f;
        border: 1px solid #77838f;
        background: 0 0
    }

    .button.outline-success {
        color: #62d76b;
        border: 1px solid #62d76b;
        background: 0 0
    }

    .button.outline-info {
        color: #00dffc;
        border: 1px solid #00dffc;
        background: 0 0
    }

    .button.outline-danger {
        color: #ff5630;
        border: 1px solid #ff5630;
        background: 0 0
    }

    .button.outline-light {
        color: #999;
        border: 1px solid #eaeaea;
        background: 0 0
    }

    .button.outline-dark {
        color: #273444;
        border: 1px solid #273444;
        background: 0 0
    }

    .button.soft-primary {
        background: #e8f0fe;
        color: #0077b5
    }

    .button.soft-secondary {
        background: #ececf1;
        color: #76797d
    }

    .button.soft-success {
        background: #d7f0e5;
        color: #36b37e
    }

    .button.soft-danger {
        background: #ffddd6;
        color: #ff5630
    }

    .button.soft-light {
        background: #ffddd6;
        color: #333
    }

    .button.soft-dark {
        background: #d4d6da;
        color: #273444
    }

    .button.soft-info {
        background: #ccf1f7;
        color: #00b8d9
    }

.uk-card-media-right {
    float: right
}

.uk-card-media-left {
    float: left
}

.billing > form .chosen-container-single .chosen-single div b {
    background: url("chosen-sprite.png?v=79UzxY2qhNnbWHS97RxjT1SeXc4") 0 13px no-repeat rgba(0,0,0,0)
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -15px 10px
}

.chosen-container-single .chosen-drop {
    border: 1px solid #e5e5e5;
    box-shadow: none
}

.billing > form .chosen-container-single .chosen-single {
    background: #fff;
    border-color: #e5e5e5;
    border-radius: 5px;
    box-shadow: none;
    height: 46px;
    line-height: 46px;
    padding-left: 12px
}

.uk-input, .uk-select, .uk-textarea {
    border-radius: 5px;
    font-size: 14px;
    height: auto;
    padding: 12px 15px;
    max-width: 100%;
    width: 100%;
    background: #fff;
    color: #62626e;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border
}

.chosen-container-single .chosen-single span {
    color: #62626e
}

.uk-margin .chosen-container {
    width: 100% !important
}

.uk-form-small:not(textarea):not([multiple]):not([size]) {
    font-size: 10px
}

input[type=checkbox] {
    border-radius: 4px
}

.uk-background-muted {
    background-color: #ececec
}

.uk-list-striped > :nth-of-type(odd) {
    background: #f8f0f8
}

.uk-table th {
    font-weight: 500;
    color: #333
}

.bg-blue {
    background: #0077b5
}

.pd-20 {
    padding: 20px
}

.course {
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: -7.5pt 10px 10.5pt -3.75pt rgba(25,42,70,.13)
}

    .course > figure {
        display: inline-block;
        margin-bottom: 0;
        position: relative;
        width: 100%
    }

        .course > figure img {
            border-radius: 7px 7px 0 0;
            width: 100%
        }

        .course > figure > i {
            color: #fff;
            cursor: pointer;
            font-size: 30px;
            position: absolute;
            right: 10px;
            top: -1.6px
        }

        .course > figure > em {
            box-shadow: 3px 3px 3px rgba(0,0,0,.1);
            color: #fff;
            font-size: 12px;
            font-style: normal;
            left: -5px;
            padding: 3px 10px;
            position: absolute;
            text-transform: capitalize;
            top: 20px
        }

        .course > figure .rate-result {
            background: #fec42d;
            border-radius: 30px;
            bottom: 15px;
            color: #fff;
            font-size: 11px;
            left: 15px;
            padding: 2px 10px;
            position: absolute
        }

.course-meta {
    display: inline-block;
    width: 100%;
    padding: 20px
}

.post-by {
    display: inline-block;
    width: 80%
}

    .post-by > figure {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

        .post-by > figure img {
            border: 1px solid #cacaca;
            border-radius: 100%;
            max-width: 30px
        }

.course-cat {
    display: inline-block;
    line-height: 15px;
    padding-left: 5px;
    vertical-align: middle;
    width: 82%
}

    .course-cat > span {
        color: #82828e;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        text-transform: capitalize;
        width: 100%
    }

    .course-cat > a {
        border-right: 1px solid;
        display: inline-block;
        font-size: 11px;
        line-height: 10px;
        margin-right: 3px;
        padding-right: 5px
    }

        .course-cat > a:last-child {
            border: 0
        }

.prise {
    float: right
}

    .prise > span {
        color: #92929e;
        font-size: 18px;
        font-weight: 500
    }

.course:hover .prise > span {
    color: #62626e
}

.course-title {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
    margin-top: 10px;
    width: 100%
}

.course-info {
    display: inline-block;
    width: 100%
}

.lecturez {
    color: #82828e;
    float: left;
    font-size: 12px
}

.time {
    color: #82828e;
    float: right;
    font-size: 12px
}

.categ-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: -7.5pt 10px 10.5pt -3.75pt rgba(25,42,70,.13);
    display: inline-block;
    padding: 15px;
    text-align: center;
    width: 100%
}

    .categ-card > i {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%
    }

    .categ-card > div {
        display: inline-block;
        width: 100%
    }

        .categ-card > div > p {
            font-size: 12px;
            margin-bottom: 0;
            text-align: left
        }

            .categ-card > div > p span {
                float: right
            }

        .categ-card > div > h6 {
            font-weight: 500
        }

.bar {
    margin: 0 auto 8px;
    width: 100%
}

.skill {
    font-size: .8em;
    text-transform: uppercase;
    margin-bottom: .25em
}

.speech-bubble {
    font-size: .75em;
    line-height: 2em;
    position: absolute;
    top: -2.7em;
    text-align: center;
    min-width: 3em;
    border-radius: .3em;
    display: none
}

.html, .photo, .php {
    left: calc(75% - 1.5em)
}

.jquery {
    left: calc(25% - 1.5em)
}

.illustrator, .sketch {
    left: calc(90% - 1.5em)
}

.indesign {
    left: calc(85% - 1.5em)
}

.speech-bubble:after {
    border: .5em solid transparent;
    content: '';
    margin-left: -.5em;
    position: absolute;
    top: 100%;
    left: 50%
}

.bar-outer {
    background: #e9e9e9;
    border-radius: 3px;
    height: 12px;
    position: relative
}

.bar-inner {
    width: 0;
    height: 100%;
    border-radius: 3px
}

.ht, .html {
    background: #f89d94
}

    .html:after {
        border-top-color: #f89d94
    }

.jq, .jquery {
    background: #f89d94
}

    .jquery:after {
        border-top-color: #f89d94
    }

.sk, .sketch {
    background: #f89d94
}

    .sketch:after {
        border-top-color: #f89d94
    }

.ph, .photo {
    background: #f89d94
}

    .photo:after {
        border-top-color: #f89d94
    }

.il, .illustrator {
    background: #f89d94
}

    .illustrator:after {
        border-top-color: #f89d94
    }

.in, .indesign {
    background: #f89d94
}

    .indesign:after {
        border-top-color: #f89d94
    }

.inner-column {
    display: inline-block;
    margin-top: 4px;
    text-align: center;
    width: 100%
}

.total-rating {
    font-size: 32px;
    font-weight: 500
}

.rating {
    display: inline-block;
    width: 100%
}

    .rating > span {
        color: #fec42d;
        font-size: 14px
    }

.inner-column > span {
    color: #72727e;
    display: inline-block;
    font-size: 13px;
    margin-top: 5px;
    width: 100%
}

.rating > i {
    font-size: 11px;
    font-style: normal
}

.skills {
    display: inline-block;
    margin-top: 8px;
    width: 100%
}

.course-details {
    display: inline-block;
    width: 100%
}

.rating-stars {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 0
}

    .rating-stars > li {
        color: #fec42d;
        display: inline-block
    }

        .rating-stars > li > span {
            background: #fec42d;
            border-radius: 4px;
            color: #fff;
            font-size: 12px;
            font-weight: 500;
            line-height: 0;
            padding: 2px 15px
        }

.course-details > h4 {
    display: inline-block;
    font-size: 30px;
    margin-bottom: 20px;
    width: 74%
}

.course-price {
    float: right;
    font-size: 26px;
    font-weight: 500
}

    .course-price > del {
        color: #92929e;
        font-size: 14px
    }

.create-by {
    display: inline-block;
    width: 80%
}

    .create-by > figure {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

        .create-by > figure > img {
            border: 1px solid #dadada;
            border-radius: 100%
        }

    .create-by > div span {
        color: #525252;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        width: 100%
    }

    .create-by > div em {
        font-size: 11px;
        font-style: normal
    }

.course-details > a {
    background: #fff;
    border-radius: 30px;
    color: #fff;
    float: right;
    font-weight: 500;
    padding: 5px 20px;
    border: 1px solid
}

.create-by > div {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle
}

.statistic {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    margin-top: 30px;
    padding-left: 0;
    width: 100%
}

    .statistic > li {
        color: #82828e;
        display: inline-block;
        font-size: 12px;
        margin-right: 30px;
        vertical-align: middle
    }

        .statistic > li i {
            font-size: 14px;
            color: #a2a2ae
        }

.course-video {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

    .course-video figure {
        display: inline-block;
        position: relative;
        width: 100%
    }

        .course-video figure img {
            border-radius: 10px;
            width: 100%
        }

        .course-video figure .play-btn {
            background: rgba(8,141,205,.7);
            border: 1px solid;
            border-radius: 100%;
            color: #fff;
            font-size: 30px;
            left: 50%;
            line-height: 60px;
            position: absolute;
            text-align: center;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 60px
        }

            .course-video figure .play-btn > i {
                padding-left: 6px
            }

    .course-video > span {
        display: inline-block;
        font-size: 12px;
        margin-top: 15px;
        width: 100%
    }

a.wish-btn {
    background: #ffd550;
    border: 2px solid orange;
    border-radius: 30px;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 9px 13px;
    vertical-align: inherit;
    color: #333
}

.incldes {
    display: inline-block;
    width: 100%
}

    .incldes > ul {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding-left: 0;
        width: 100%
    }

        .incldes > ul > li {
            display: inline-block;
            margin-bottom: 15px;
            width: 49%
        }

            .incldes > ul > li > i {
                margin-right: 5px
            }

            .incldes > ul > li > span {
                color: #72727e;
                font-weight: 500
            }

.desc-course {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.video-lecture span {
    float: right
}

.video-lecture > li {
    border-bottom: 1px solid #dadada;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%
}

.video-lecture {
    display: inline-block;
    list-style: none;
    padding-left: 0;
    width: 100%
}

    .video-lecture > li > i {
        margin-right: 10px
    }

    .video-lecture > li > a:hover {
        color: red
    }

    .video-lecture > li:last-child {
        margin-bottom: 0
    }

.info-sec {
    background: #f5f5f5;
    border-radius: 6px;
    display: inline-block;
    padding: 20px;
    width: 100%
}

    .info-sec > i {
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        vertical-align: top;
        width: 40px
    }

    .info-sec > div {
        display: inline-block;
        padding-left: 15px;
        width: 85%
    }

        .info-sec > div h6 {
            font-size: 16px;
            font-weight: 500;
            line-height: 17px;
            display: inline-block;
            width: 100%
        }

        .info-sec > div p {
            font-size: 13px;
            line-height: 16px;
            margin-bottom: 0;
            margin-top: 8px
        }

.review-item {
    display: inline-block;
    text-align: center;
    width: 100%
}

.student-review .owl-dots {
    margin-top: 20px
}

.review-item > figure {
    display: inline-block;
    margin-bottom: 8px;
    width: 70px
}

    .review-item > figure img {
        border: 1px solid red;
        border-radius: 100%;
        padding: 4px
    }

.review-item > h6 {
    display: inline-block;
    font-weight: 700;
    width: 100%
}

.review-item > span {
    color: red;
    font-size: 11px
}

.review-item > p {
    display: inline-block;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%
}

.invoice {
    background: #fff;
    display: inline-block;
    margin: 20px 0;
    width: 100%
}

.invoice-head {
    background: #0077b5;
    border-bottom: 3px solid #205d7f;
    display: inline-block;
    padding: 10px 20px;
    width: 100%
}

    .invoice-head figure {
        float: left;
        margin-bottom: 0
    }

    .invoice-head > h6 {
        color: #fff;
        float: right;
        font-size: 20px;
        font-weight: 500;
        margin-top: 8px
    }

    .invoice-head figure img {
        max-width: 100px
    }

.invoice-meta {
    display: inline-block;
    padding: 30px;
    width: 100%
}

.invoice-item {
    display: inline-block;
    padding: 0 30px;
    width: 100%
}

.invoice-footer {
    display: inline-block;
    font-size: 13px;
    padding: 0 30px 40px;
    text-align: center;
    width: 100%
}

    .invoice-footer > h5 {
        font-size: 13px;
        font-weight: 500
    }

    .invoice-footer > a {
        color: red
    }

    .invoice-footer > h6 {
        color: #92929e;
        font-size: 13px
    }

.item-tble {
    background: #f5f5f5;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 40px
}

    .item-tble thead tr th {
        border-top: 0
    }

.user-total {
    font-weight: 500;
    text-align: center
}

    .user-total p {
        font-size: 11px;
        font-weight: 400;
        margin-bottom: 0
    }

    .user-total .totalinv2 > span {
        color: red;
        font-size: 20px
    }

.item-tble tbody td:last-child {
    text-align: center
}

.item-tble tbody td:nth-child(2) {
    text-align: center
}

.item-tble thead th {
    text-align: center
}

.create-date {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.print-share {
    float: right;
    text-align: center;
    width: 100px
}

    .print-share > a {
        background: #5c5c5c;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 9px;
        padding: 4px 20px;
        width: 100%
    }

.create-date > ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0
}

    .create-date > ul li {
        color: #92929e;
        font-size: 13px;
        margin-bottom: 7px
    }

        .create-date > ul li span {
            color: #1f273f;
            display: inline-block;
            font-weight: 500;
            width: 80px
        }

.invoice-tofrom {
    display: inline-block;
    width: 100%
}

    .invoice-tofrom span {
        font-size: 15px;
        font-weight: 500
    }

    .invoice-tofrom ul {
        display: inline-block;
        font-size: 13px;
        list-style: none;
        margin-bottom: 20px;
        margin-top: 10px;
        padding-left: 0;
        width: 100%
    }

        .invoice-tofrom ul li {
            color: #82828e;
            margin-bottom: 4px
        }

.forget-password .logo {
    margin-bottom: 30px
}

    .forget-password .logo img {
        max-width: 100px
    }

    .forget-password .logo span {
        font-size: 30px
    }

.forget-password {
    display: inline-block;
    margin: 50px 0 20px;
    text-align: center;
    width: 100%
}

.pass-form {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    display: inline-block;
    padding: 30px;
    width: 100%
}

    .pass-form h4 {
        display: inline-block;
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 30px;
        width: 100%
    }

    .pass-form form {
        display: inline-block;
        position: relative;
        width: 100%
    }

        .pass-form form input {
            border: 1px solid #e8e8e8;
            border-radius: 30px;
            margin-bottom: 20px;
            padding: 14px 20px;
            width: 100%
        }

        .pass-form form button {
            float: right
        }

        .pass-form form label {
            color: #b2b2be;
            position: absolute;
            right: 20px;
            top: 15px
        }

    .pass-form > span {
        display: inline-block;
        font-size: 13px;
        margin-top: 20px;
        width: 100%
    }

        .pass-form > span a {
            color: red
        }

.coming-page, .error-page {
    background: linear-gradient(135deg,#0077b5 0,#0077b5 100%) rgba(0,0,0,0);
    height: 100vh;
    margin: 0 auto;
    position: relative;
    width: 100%;
    overflow: hidden
}

.error-page {
    height: 100vh
}

#container-inside {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 100%;
    margin: 0 auto;
    padding: 0 auto;
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0
}

#circle-small {
    -webkit-animation: 3s ease-in-out infinite alternate circle-small-scale;
    animation: 3s cubic-bezier(0.6,0,0.4,1) infinite alternate circle-small-scale;
    position: absolute;
    bottom: -150px;
    left: -150px;
    background: #fff;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    opacity: .4
}

#circle-medium {
    -webkit-animation: 3s ease-in-out infinite alternate circle-small-scale;
    animation: 3s cubic-bezier(0.6,0,0.4,1) .3s infinite alternate circle-small-scale;
    position: absolute;
    bottom: -200px;
    left: -200px;
    background: #fff;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    opacity: .3
}

#circle-large {
    -webkit-animation: 3s ease-in-out infinite alternate circle-small-scale;
    animation: 3s cubic-bezier(0.6,0,0.4,1) .6s infinite alternate circle-small-scale;
    position: absolute;
    bottom: -400px;
    left: -400px;
    background: #fff;
    width: 900px;
    height: 900px;
    border-radius: 50%;
    opacity: .2
}

#circle-xlarge {
    -webkit-animation: 3s ease-in-out infinite alternate circle-small-scale;
    animation: 3s cubic-bezier(0.6,0,0.4,1) .9s infinite alternate circle-small-scale;
    position: absolute;
    bottom: -500px;
    left: -460px;
    background: #fff;
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    opacity: .1
}

#circle-xxlarge {
    -webkit-animation: 3s ease-in-out infinite alternate circle-small-scale;
    animation: 3s cubic-bezier(0.6,0,0.4,1) 1.2s infinite alternate circle-small-scale;
    position: absolute;
    bottom: -600px;
    left: -550px;
    background: #fff;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    opacity: .05
}

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

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

@keyframes circle-small-scale {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

.error-page .logo.top-left {
    left: 50px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.error-data {
    position: absolute;
    right: 10%;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2
}

    .error-data > h1 {
        color: #fff;
        display: inline-block;
        font-size: 60px;
        font-weight: 500;
        text-shadow: 0 1px 2px rgba(0,0,0,.4);
        width: 100%
    }

    .error-data > a {
        background: #fff;
        border-radius: 30px;
        box-shadow: 0 2px 3px rgba(0,0,0,.2);
        color: inherit;
        display: inline-block;
        font-weight: 500;
        margin-top: 20px;
        padding: 13px 20px
    }

.comesoon-wraper {
    display: inline-block;
    padding: 50px 30px;
    position: relative;
    width: 100%;
    z-index: 9
}

.top-left {
    display: inline-block
}

.top-right {
    border: 1px solid;
    border-radius: 30px;
    color: #fff;
    float: right;
    font-size: 15px;
    margin-top: 3px;
    padding: 5px 14px
}

.come-soon {
    display: block;
    margin: 112px auto;
    max-width: 51%;
    text-align: center;
    width: 100%
}

    .come-soon > h1 {
        color: #fff;
        font-size: 60px;
        font-weight: 700;
        margin-bottom: 20px;
        text-shadow: 0 1px 1.5px rgba(0,0,0,.6)
    }

    .come-soon > span {
        color: #fff;
        display: inline-block;
        width: 100%;
        font-size: 18px
    }

    .come-soon > p {
        color: #d9d9d9;
        display: inline-block;
        font-size: 16px;
        line-height: 30px;
        margin-top: 20px;
        width: 100%
    }

.left-bottom {
    display: inline-block
}

    .left-bottom > span, .right-bottom > span {
        color: #fff;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 15px;
        text-shadow: 0 1px 1.5px rgba(0,0,0,.6);
        text-transform: uppercase;
        width: 100%
    }

ul.countdown {
    display: block;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.right-bottom {
    float: right;
    text-align: center
}

    .right-bottom > ul {
        display: block;
        list-style: none;
        margin: 0;
        padding-left: 0
    }

.countdown > li {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 70px
}

    .countdown > li > span {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        width: 100%;
        color: #fff;
        text-shadow: 0 1px 1.5px rgba(0,0,0,.6)
    }

    .countdown > li > p {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        margin-bottom: 0;
        width: 100%;
        text-shadow: 0 1px 1.5px rgba(0,0,0,.6)
    }

.right-bottom li {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

    .right-bottom li a {
        border: 1px solid;
        border-radius: 100%;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        height: 30px;
        line-height: 27px;
        text-align: center;
        transition: .2s linear;
        width: 30px
    }

        .right-bottom li a:hover {
            transform: scale(.9)
        }

.right-bottom > span {
    color: #fff
}

.light-bg {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 6px
}

    .light-bg .uk-tab .uk-active a {
        border-color: red;
        color: red
    }

    .light-bg .uk-tab > li a {
        display: inline-block;
        padding: 0 0 17px
    }

        .light-bg .uk-tab > li a:hover {
            color: #333
        }

.progress__outer {
    position: relative;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin: 0 auto
}

    .progress__outer > canvas {
        position: relative;
        z-index: 3
    }

.progress__inner {
    position: absolute;
    border-radius: 999px;
    background: #fff;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 0
}

#map-canvas {
    float: left;
    height: inherit;
    width: 100%
}

.g-mapfull {
    margin-bottom: 30px
}

.seting-mode {
    display: inline-block;
    margin-top: 20px;
    width: 100%
}

    .seting-mode > label {
        float: right
    }

    .seting-mode > i {
        color: #92929e;
        font-size: 16px;
        margin-right: 8px;
        vertical-align: middle
    }

.switch {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 20px;
    border-radius: 20px;
    background: #dfd9ea;
    transition: background .28s cubic-bezier(.4, 0, .2, 1);
    vertical-align: middle;
    cursor: pointer
}

    .switch::before {
        content: '';
        position: absolute;
        top: 1px;
        left: 2px;
        width: 17px;
        height: 17px;
        background: #fafafa !important;
        transition: left .28s cubic-bezier(.4, 0, .2, 1),background .28s cubic-bezier(.4, 0, .2, 1),box-shadow .28s cubic-bezier(.4, 0, .2, 1);
        border: 0 !important;
        border-radius: 100% !important
    }

    .switch:active::before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(128,128,128,.1)
    }

input:checked + .switch {
    background: #72da67
}

    input:checked + .switch::before {
        left: 27px;
        background: #fff !important
    }

    input:checked + .switch:active::before {
        box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(0,150,136,.2)
    }

.thanks-purchase {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%)
}

    .thanks-purchase > h1 {
        color: #fff;
        font-size: 110px;
        font-weight: 500;
        letter-spacing: -1px;
        margin-bottom: 20px;
        text-shadow: 1px 10px 6px rgba(0,0,0,.2)
    }

    .thanks-purchase > span {
        color: #fff;
        display: block;
        font-size: 32px;
        font-weight: 500;
        margin-bottom: 20px;
        text-shadow: 1px 4px 3px rgba(0,0,0,.2)
    }

    .thanks-purchase > p {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 0;
        text-shadow: 1px 10px 6px rgba(0,0,0,.2)
    }

        .thanks-purchase > p span {
            color: #273444
        }

        .thanks-purchase > p a {
            display: block;
            margin-top: 40px
        }

.form-group1 label {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 14px
}

.image-upload-wrap {
    border: 1px solid #efefef;
    position: relative;
    background-color: #fff;
    border-radius: 10px
}

    .image-dropping, .image-upload-wrap:hover {
        background-color: #fff;
        border: 1px solid #efefef
    }

.image-title-wrap {
    padding: 0 15px 15px;
    color: #847577
}

.drag-text {
    text-align: center;
    padding: 20px 0
}

    .drag-text h4 {
        font-size: 16px;
        font-weight: 500;
        text-transform: none;
        color: #333;
        font-family: Roboto,sans-serif;
        margin-bottom: 5px;
        margin-top: 0
    }

    .drag-text p {
        font-size: 12px;
        font-weight: 400;
        text-transform: none;
        color: #686f7a;
        font-family: Roboto,sans-serif;
        line-height: 12px
    }

    .drag-text i {
        font-size: 40px;
        text-transform: none;
        color: #a1a1a1;
        margin-bottom: 10px
    }

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    opacity: 0;
    cursor: pointer
}

.feed-back-emojies {
    display: inline-block;
    width: 100%
}

    .feed-back-emojies > ul {
        display: inline-block;
        list-style: none;
        padding-left: 0;
        text-align: center;
        width: 100%
    }

        .feed-back-emojies > ul > li {
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle
        }

            .feed-back-emojies > ul > li a {
                border: 1px solid #dedede;
                border-radius: 100%;
                display: inline-block;
                max-width: 50px;
                padding: 4px;
                transition: .2s linear
            }

        .feed-back-emojies > ul li a.selected {
            border-width: 2px
        }

    .feed-back-emojies > span {
        display: inline-block;
        margin-bottom: 20px;
        text-align: center;
        width: 100%
    }

.help-detail > p {
    line-height: 26px
}

.help-detail > h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: capitalize
}

.gallery .uk-card > img {
    border-radius: 10px;
    width: 100%
}

.ol-list {
    display: inline-block;
    margin-bottom: 0;
    width: 100%
}

    .ol-list > li {
        margin-top: 10px
    }

.bottom-image {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
    width: 100%
}

.is-helpful {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 50px;
    padding-bottom: 30px;
    padding-top: 30px;
    width: 100%
}

    .is-helpful > span {
        font-size: 14px;
        margin-right: 10px;
        text-transform: capitalize
    }

    .is-helpful > a {
        border-radius: 30px;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        line-height: 10px;
        padding: 10px 20px;
        text-align: center
    }

    .is-helpful > em {
        float: right;
        font-size: 14px;
        font-style: normal;
        margin-top: 4px
    }

.share-article > span {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 15px;
    text-transform: capitalize;
    width: 100%;
    font-weight: 500
}

.share-article > a {
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 35px;
    margin: 0 2px;
    text-align: center;
    width: 35px
}

.search-section {
    display: inline-block;
    padding: 30px 0;
    text-align: center;
    width: 100%
}

    .search-section > a {
        border: 1px solid;
        border-radius: 20px;
        font-size: 12px;
        left: -80px;
        padding: 6px 10px;
        position: absolute;
        top: -50px
    }

    .search-section > h1 {
        display: inline-block;
        margin-bottom: 26px;
        text-transform: capitalize;
        width: 100%
    }

    .search-section > form {
        display: inline-block;
        max-width: 50%;
        position: relative;
        width: 100%
    }

    .search-section form input {
        border: 1px solid #dadada;
        border-radius: 30px;
        display: block;
        padding: 15px 50px 15px 30px;
        width: 100%
    }

    .search-section form button {
        background: rgba(0,0,0,0);
        border: 0;
        color: #b2b2be;
        font-size: 20px;
        position: absolute;
        right: 20px;
        top: 10px
    }

    .search-section > p {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 15px;
        width: 100%
    }

.blog-title {
    display: inline-block;
    width: 100%
}

    .blog-title > h2 {
        display: inline-block;
        font-weight: 500;
        margin-bottom: 30px;
        width: 100%
    }

.blog-details-meta {
    display: inline-block;
    position: relative;
    width: 100%
}

    .blog-details-meta > figure {
        display: inline-block;
        width: 100%
    }

        .blog-details-meta > figure img {
            border-radius: 7px;
            display: inline-block;
            width: 100%
        }

    .blog-details-meta > ul {
        display: inline-block;
        font-size: 13px;
        list-style: none;
        padding-left: 0
    }

        .blog-details-meta > ul li {
            color: #62626e;
            display: inline-block;
            margin-right: 30px;
            vertical-align: middle
        }

            .blog-details-meta > ul li i {
                font-size: 15px;
                margin-right: 5px;
                vertical-align: text-bottom
            }

    .blog-details-meta > h4 {
        font-weight: 500;
        margin-bottom: 20px
    }

.next-prev-posts .prev {
    float: left
}

.next-prev-posts .next {
    float: right;
    text-align: right
}

.next-prev-posts a {
    display: inline-block;
    width: 100%
}

.next-prev-posts .prev > a i {
    display: inline-block;
    font-size: 30px;
    transition: .2s linear;
    vertical-align: middle;
    width: 30px
}

.next-prev-posts .prev > a .translate {
    display: inline-block;
    vertical-align: -moz-middle-with-baseline;
    width: 85%
}

.translate > span {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%
}

.translate > p {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 0;
    margin-top: 5px
}

.next > a > i {
    float: right;
    font-size: 30px;
    margin-top: 15px;
    transition: .3s linear;
    width: 30px
}

.next .translate {
    width: 89%
}

.next-prev-posts {
    display: inline-block;
    margin-top: 60px;
    width: 100%
}

.next:hover > a i {
    transform: translate(5px)
}

.prev:hover > a i {
    transform: translate(-5px)
}

.tag-n-cat {
    border-top: 1px solid #e2e2e2;
    float: left;
    margin-top: 20px;
    padding: 20px 0;
    width: 100%
}

    .tag-n-cat .tags {
        display: inline-block;
        padding: 4px 0;
        width: 100%;
        margin-bottom: 0
    }

        .tag-n-cat .tags > span {
            font-size: 15px;
            margin-right: 3px;
            font-weight: 500
        }

        .tag-n-cat .tags > a {
            color: #92929e;
            display: inline-block;
            margin-right: 2px;
            padding-right: 4px;
            position: relative;
            text-transform: capitalize
        }

            .tag-n-cat .tags > a::before {
                bottom: 0;
                content: ",";
                position: absolute;
                right: 0
            }

        .tag-n-cat .tags > span i {
            margin-right: 4px
        }

.event-schedule {
    display: inline-block;
    position: relative;
    width: 100%
}

    .event-schedule > h6 {
        display: inline-block;
        font-weight: 500;
        margin-bottom: 10px;
        text-transform: capitalize;
        width: 100%
    }

    .event-schedule > span {
        color: #1f273f;
        display: inline-block;
        font-size: 13px;
        margin-bottom: 20px;
        text-transform: capitalize;
        width: 100%
    }

    .event-schedule > h5 {
        display: inline-block;
        margin-bottom: 40px;
        text-transform: capitalize;
        width: 100%;
        font-size: 16px
    }

        .event-schedule > h5 > i {
            color: #00f;
            display: inline-block;
            font-size: 30px;
            margin-right: 5px;
            vertical-align: sub;
            line-height: initial
        }

    .event-schedule > a {
        border: 1px solid;
        border-radius: 20px;
        display: inline-block;
        font-size: 13px;
        padding: 3px 23px;
        position: absolute;
        right: 0;
        top: 0
    }

        .event-schedule > a.invite-co {
            border: 1px dashed #8a8a8a;
            color: inherit;
            display: block;
            font-size: 16px;
            font-weight: 500;
            margin: 0 auto 30px;
            padding: 7px 20px;
            position: relative;
            text-align: center;
            width: 80%
        }

.event-desc {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%
}

    .event-desc > h6 {
        display: inline-block;
        font-weight: 500;
        margin-bottom: 15px;
        width: 100%
    }

    .event-desc em {
        font-style: normal
    }

.event-loc {
    display: inline-block;
    width: 100%
}

    .event-loc > span {
        display: inline-block;
        margin-bottom: 20px;
        width: 100%
    }

        .event-loc > span i {
            font-size: 25px
        }

    .event-loc > h6 {
        display: inline-block;
        margin-bottom: 15px;
        width: 100%;
        font-weight: 500
    }

    .event-loc > strong {
        display: inline-block;
        margin-bottom: 30px;
        width: 100%
    }

    .event-loc > .main-btn {
        float: right
    }

.statics-event {
    display: inline-block;
    position: relative;
    width: 100%
}

    .statics-event > ol {
        display: inline-block;
        list-style: none;
        margin-top: 10px;
        padding-left: 0;
        width: 100%;
        margin-bottom: 10px
    }

.sidebar .statics-event > ol li {
    border: 1px solid #cfcfcf;
    float: left;
    height: 80px;
    line-height: 18px;
    margin-bottom: 0;
    margin-right: -1px;
    padding: 5px;
    text-align: center;
    width: 32%
}

    .sidebar .statics-event > ol li span {
        display: inline-block;
        font-weight: 500;
        padding-top: 16px;
        width: 100%
    }

    .sidebar .statics-event > ol li i {
        color: #92929e;
        font-size: 10px;
        font-style: normal;
        margin: 0
    }

.statics-event > h6 {
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
    width: 100%;
    text-align: center
}

.statics-event > a {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
    text-align: center
}

.widget > span {
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 6px;
    width: 100%;
    color: #5a6381
}

.help-topic {
    display: inline-block;
    width: 100%;
    margin-bottom: 17px;
    margin-top: 17px
}

    .help-topic > span {
        background: #deebf3;
        border: 1px solid #c9d6de;
        border-radius: 100%;
        display: inline-block;
        line-height: 50px;
        text-align: center;
        width: 50px;
        height: 50px
    }

        .help-topic > span > i {
            font-size: 20px
        }

    .help-topic > a {
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        padding-left: 10px;
        vertical-align: middle
    }

.new-question-popup .post-new .c-form {
    padding-left: 0;
    width: 100%
}

.card-header {
    border-bottom: 0;
    padding: 5px;
    position: relative
}

.question-collaps .card {
    margin-bottom: 10px
}

.card-header button.btn.collapsed::before {
    color: #72727e;
    content: "+";
    font-size: 28px;
    position: absolute;
    right: 20px;
    top: 0
}

.btn.btn-link > span {
    color: #535165;
    font-size: 12px;
    position: absolute;
    right: 60px;
    top: 15px
}

.card-header button.btn::after {
    color: #72727e;
    content: "-";
    font-size: 35px;
    position: absolute;
    right: 20px;
    top: -7px
}

.card-header button.btn.collapsed::after {
    display: none
}

.question-collaps .card-header button.btn {
    display: inline-block;
    text-align: left;
    text-decoration: none;
    width: 100%
}

.question-collaps {
    display: inline-block;
    width: 100%
}

.help-qst {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%
}

    .help-qst > li {
        color: #5a6381;
        display: inline-block;
        margin-bottom: 10px;
        width: 49%
    }

.widget .pop-articles > li a {
    font-size: 13px
}

.widget .pop-articles > li:hover i {
    color: #1f273f
}

.pop-articles > li i {
    font-size: 20px
}

.pplan-links {
    display: inline-block;
    width: 100%
}

    .pplan-links > li {
        display: inline-block;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 20px;
        vertical-align: middle;
        width: 100%
    }

        .pplan-links > li:last-child {
            margin-bottom: 0
        }

        .pplan-links > li a i {
            font-size: 20px
        }

            .pplan-links > li a i.icofont-paypal-alt {
                font-size: 40px;
                vertical-align: middle
            }

.table.table-striped th {
    border-top: 0;
    text-transform: uppercase;
    vertical-align: middle;
    color: #3e3f5e
}

    .table.table-striped th > ins {
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
        font-style: normal;
        display: inline-block;
        width: 100%;
        font-size: 18px;
        text-decoration: none
    }

    .table.table-striped th > span {
        display: inline-block;
        text-align: center;
        width: 100%;
        text-transform: capitalize
    }

.table.table-striped td h6 {
    display: inline-block;
    font-weight: 400;
    color: #6e6f8e;
    font-size: 15px
}

.table.table-striped td i {
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #5ed230
}

.table.table-striped tbody tr td:first-child i {
    display: initial;
    width: auto;
    color: #9cc1d9
}

table.table-striped tbody tr td.not-included i {
    color: #929292
}

table.table-striped tbody tr td {
    padding: 18px
}

    table.table-striped tbody tr td a.button {
        text-align: center;
        width: 100%
    }

        table.table-striped tbody tr td a.button:hover {
            color: #fff
        }

.price-plan-wraper > h5 {
    background: #fff8d5;
    border-radius: 5px;
    color: #90823e;
    display: block;
    margin: 10px auto 0;
    max-width: 50%;
    padding: 10px;
    text-align: center;
    width: 100%;
    font-size: 15px
}

    .price-plan-wraper > h5 b {
        color: #0b325c
    }

    .price-plan-wraper > h5 i {
        color: orange;
        font-size: 30px;
        vertical-align: sub
    }

#components-nav > div h2 {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 15px
}

#components-nav > div ol li {
    color: #5a6381;
    font-size: 13px;
    margin-top: 10px
}

.billing-percent-bar, .progress-bar-labels {
    display: inline-block;
    width: 100%
}

    .billing-percent-bar .progress-bar-labels > li {
        background: #deebf3;
        border-radius: 5px;
        display: inline-block;
        padding: 30px 10px;
        text-align: center;
        width: 90px;
        margin-right: 4px
    }

    .progress-bar-labels > li div span {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%
    }

.billing-percentages-progress-bar__percent.t5 {
    line-height: 0
}

.basic_ptitle {
    display: inline-block;
    width: 100%
}

    .basic_ptitle > h4 {
        font-size: 15px;
        font-weight: 500;
        display: inline-block;
        width: 100%
    }

.cart-table {
    display: inline-block;
    width: 100%
}

    .cart-table > table > thead th {
        border: 0
    }

    .cart-table tbody td > figure {
        display: inline-block;
        margin: 0;
        vertical-align: middle
    }

    .cart-table tbody td > .item-meta {
        display: inline-block;
        padding-left: 10px;
        vertical-align: middle
    }

    .cart-table tbody td > .edit-cart {
        color: #92929e;
        cursor: pointer;
        float: right;
        transition: .2s linear;
        margin-top: 30px
    }

        .cart-table tbody td > .edit-cart:hover {
            transform: scale(1.2)
        }

.table td, .table th {
    vertical-align: middle
}

.cart-table tbody td > figure img {
    border-radius: 5px
}

.item-meta > h6 {
    color: inherit;
    font-weight: 500
}

.item-meta > span {
    color: #72727e;
    font-size: 11px
}

.cart-update {
    display: inline-block;
    text-align: right;
    width: 100%
}

    .cart-update > a {
        border: 1px solid;
        border-radius: 20px;
        color: orange;
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        margin-left: 10px;
        padding: 9px 20px;
        text-transform: capitalize;
        transition: .2s linear
    }

        .cart-update > a:hover {
            color: #fff
        }

.cart-box {
    display: inline-block;
    width: 100%
}

    .cart-box > span {
        display: inline-block;
        font-weight: 500;
        margin-bottom: 10px;
        width: 100%
    }

    .cart-box > ul {
        background: #edf2f6;
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        display: inline-block;
        margin-bottom: 30px;
        padding: 20px;
        width: 100%
    }

        .cart-box > ul li {
            display: inline-block;
            margin-bottom: 4px;
            width: 100%
        }

            .cart-box > ul li span {
                display: inline-block;
                font-weight: 500;
                width: 120px
            }

            .cart-box > ul li i {
                font-style: normal
            }

    .cart-box .main-btn {
        float: right;
        margin-top: 10px
    }

    .cart-box > ul li:last-child {
        border-top: 1px dashed #cacaca;
        margin-top: 10px;
        padding-top: 10px;
        font-size: 16px;
        font-weight: 500
    }

.cart-summary > ul {
    display: inline-block;
    list-style: none;
    padding-left: 0;
    width: 100%
}

    .cart-summary > ul li {
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 15px;
        padding-bottom: 15px
    }

        .cart-summary > ul li > div {
            display: inline-block;
            width: 80%
        }

        .cart-summary > ul li > span {
            float: right
        }

        .cart-summary > ul li > div h5 {
            font-size: 14px;
            font-weight: 500
        }

        .cart-summary > ul li > div p {
            font-size: 13px;
            line-height: 19px;
            margin-bottom: 0;
            margin-top: 5px
        }

        .cart-summary > ul li.grand-total > span {
            float: left;
            font-size: 18px;
            font-weight: 500
        }

        .cart-summary > ul li.grand-total > i {
            color: red;
            float: right;
            font-size: 20px;
            font-style: normal;
            font-weight: 500
        }

        .cart-summary > ul li.grand-total {
            border-bottom: 0;
            margin-bottom: 0;
            margin-top: 20px;
            padding-bottom: 0
        }

.cart-summary .main-btn.purchase-btn {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    font-size: 16px
}

.cart-summary > a em {
    font-size: 11px;
    font-style: normal;
    text-decoration: underline;
    text-transform: uppercase
}

.useful-info {
    display: inline-block;
    width: 100%;
    margin-top: 40px
}

    .useful-info > ul {
        list-style: none;
        margin-bottom: 0;
        padding-left: 0
    }

        .useful-info > ul > li {
            display: inline-block;
            width: 100%;
            margin-bottom: 20px
        }

            .useful-info > ul > li figure {
                display: inline-block;
                margin-bottom: 0;
                vertical-align: top;
                width: 60px
            }

.info-tag {
    display: inline-block;
    max-width: 79%;
    padding-left: 10px;
    vertical-align: middle
}

    .info-tag > h4 {
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 6px;
        width: 100%
    }

    .info-tag > p {
        display: inline-block;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 0;
        width: 100%
    }

.useful-info > ul > li:last-child {
    margin-bottom: 0
}

.courier-option {
    display: inline-block;
    margin-top: 30px;
    width: 100%
}

    .courier-option > h4 {
        color: inherit;
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 20px;
        width: 100%
    }

.courier-box {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 30px;
    padding: 10px;
    width: 100%
}

    .courier-box > input {
        margin-right: 10px
    }

    .courier-box > p {
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 10px;
        max-width: 80%;
        padding-left: 27px
    }

    .courier-box:last-child {
        margin-bottom: 0
    }

    .courier-box > img {
        vertical-align: sub
    }

.payment-methods .uk-tab {
    margin-bottom: 35px;
    margin-right: 0
}

    .payment-methods .uk-tab > li {
        margin-right: 60px
    }

.light-bg .uk-tab > li a.active {
    border-bottom: 2px solid
}

.set-address ul li > a {
    border-bottom-width: 4px;
    padding-bottom: 12px
}

.credit-card {
    display: inline-block;
    width: 100%
}

    .credit-card > h6 {
        float: left
    }

    .credit-card > figure {
        float: right;
        margin: 0
    }

    .credit-card > form {
        display: inline-block;
        margin-top: 30px;
        width: 100%;
        position: relative
    }

    .credit-card > figure img {
        max-width: 115px
    }

.billing {
    display: inline-block;
    width: 100%
}

    .billing form .chosen-container, .credit-card.billing .chosen-container {
        width: 100% !important
    }

.number-demo {
    position: absolute;
    right: 20px;
    top: 14px
}

.uk-grid-margin, .uk-margin {
    position: relative
}

.payment-methods {
    display: inline-block;
    width: 100%
}

    .payment-methods > h4 {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 10px;
        width: 100%
    }

.paypal-card {
    display: inline-block;
    width: 100%
}

    .paypal-card > p {
        display: inline-block;
        line-height: 20px;
        margin-bottom: 20px;
        max-width: 90%
    }

    .paypal-card > figure {
        margin: 0
    }

    .paypal-card > form {
        display: inline-block;
        margin-bottom: 20px;
        width: 100%
    }

    .paypal-card > figure img {
        max-width: 130px
    }

.setting-card form fieldset em {
    font-size: 12px;
    font-style: normal;
    padding-left: 5px;
    color: #92929e
}

.setting-card form > fieldset > h6 {
    display: inline-block;
    padding-left: 10px;
    width: 100%
}

.social-links {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%
}

    .social-links > input {
        border: 1px solid #dfdfdf;
        border-radius: 30px;
        font-size: 13px;
        padding: 4px 15px
    }

    .social-links > em {
        color: #92929e;
        display: inline-block;
        margin-top: 6px;
        width: 100%
    }

.seting-mode > span {
    font-weight: 500
}

.incolor + .tooltip > .tooltip-inner {
    background-color: #1f273f;
    font-size: 13px;
    border-radius: 12px;
    z-index: 999999999999999 !important;
    position: relative !important
}

.tooltip-arrow, .tooltip.bottom {
    border-bottom-color: #1f273f !important
}

.Search-result > h4 {
    color: #fff;
    display: inline-block;
    font-size: 25px;
    font-weight: 500;
    width: 100%
}

.images-post {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

    .images-post a img {
        border-radius: 6px;
        width: 100%
    }

.related-searches {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 20px;
    width: 100%
}

    .related-searches > li {
        list-style: none;
        margin-bottom: 5px;
        width: 100%
    }

        .related-searches > li > a {
            transition: .2s linear
        }

.group-box {
    display: inline-block;
    margin-bottom: 30px;
    text-align: center;
    width: 100%
}

    .group-box > figure {
        display: inline-block;
        width: 100%
    }

    .group-box > a {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        width: 100%
    }

    .group-box > figure img {
        border-radius: 100%;
        width: 120px
    }

    .group-box > span {
        font-size: 12px;
        font-weight: 400;
        color: #92929e
    }

    .group-box > button {
        background: #deebf3;
        border: 1px solid #66bef5;
        border-radius: 20px;
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        margin-top: 20px;
        padding: 4px 10px;
        text-transform: capitalize;
        transition: .2s linear;
        width: 100%
    }

        .group-box > button:hover {
            color: #fff
        }

.video-posts {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 20px
}

    .video-posts > img {
        display: inline-block;
        width: 100%;
        border-radius: 5px
    }

    .video-posts a.play-btn {
        display: inline-block;
        background: rgba(8,141,205,.7);
        border: 1px solid;
        border-radius: 100%;
        color: #fff;
        font-size: 25px;
        left: 50%;
        line-height: 50px;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 50px
    }

        .video-posts a.play-btn > i {
            padding-left: 6px
        }

.filtr-tabs {
    display: inline-block;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    width: 100%
}

    .filtr-tabs > li {
        display: inline-block;
        margin-right: 5px
    }

        .filtr-tabs > li > a {
            background: #f4f4f4;
            border-radius: 6px;
            color: #0077b5;
            display: inline-block;
            padding: 7px 20px;
            font-size: 14px
        }

            .filtr-tabs > li > a:hover {
                background: #ebebeb
            }

            .filtr-tabs > li > a.active {
                background: #0077b5;
                color: #fff
            }

.new-post {
    display: inline-block;
    position: relative;
    width: 100%
}

.new-title {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 20px;
    width: 100%
}

.new-post > form {
    display: inline-block;
    width: 100%;
    position: relative
}

    .new-post > form input {
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 30px;
        padding: 10px 20px 10px 50px;
        width: 100%
    }

    .new-post > form > i {
        font-size: 16px;
        left: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

.upload-media {
    display: inline-block;
    list-style: none;
    margin: 20px 0 0;
    padding-left: 0;
    width: 100%
}

    .upload-media > li {
        background: 0 0;
        border-radius: 30px;
        display: inline-block;
        font-size: 12px;
        padding: 6px 20px;
        transition: .2s linear;
        vertical-align: middle;
        cursor: pointer
    }

        .upload-media > li > a {
            display: inline-block;
            width: 100%
        }

            .upload-media > li > a > i img {
                max-width: 20px
            }

            .upload-media > li > a i {
                display: inline-block;
                margin-right: 5px;
                vertical-align: middle
            }

            .upload-media > li > a > span {
                font-size: 12px;
                font-weight: 500;
                vertical-align: middle
            }

        .upload-media > li:hover {
            background: #e7e7e7
        }

.auto-popup {
    background: rgba(0,0,0,.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    display: none;
    transition: .5s linear
}

    .auto-popup.closed {
        opacity: 0;
        visibility: hidden
    }

.popup-innner {
    background: #fff;
    border-radius: 5px;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 55%;
    transform: translate(-50%,-50%);
    width: 400px
}

    .popup-innner::before {
        background: red;
        border-radius: 10px;
        content: "";
        height: 5px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.popup-head > h4 {
    font-size: 18px;
    font-weight: 500
}

.auto-popup .popup-meta > span {
    display: inline-block;
    font-weight: 500;
    margin-top: 15px;
    width: 100%;
    color: #62626e
}

.inquiry-about {
    display: inline-block;
    margin-top: 20px;
    position: relative;
    width: 100%
}

    .inquiry-about > input[type=text] {
        border-color: -moz-use-text-color -moz-use-text-color #dadada;
        border-style: none none solid;
        border-width: 0 0 1px;
        display: inline-block;
        margin-bottom: 10px;
        width: 100%
    }

    .inquiry-about > h5 {
        display: inline-block;
        font-weight: 500;
        margin-bottom: 10px;
        margin-top: 10px;
        width: 100%
    }

    .inquiry-about > label {
        color: #62626e;
        display: inline-block;
        font-size: 13px;
        margin-bottom: 10px;
        vertical-align: middle;
        width: 100%
    }

        .inquiry-about > label input {
            margin-right: 5px;
            vertical-align: middle
        }

    .inquiry-about button {
        margin-top: 20px
    }

.widget.e-calendar {
    padding-bottom: 0
}

.jalendar .jalendar-container .jalendar-pages {
    background: 0 0 !important;
    padding: 0
}

    .jalendar .jalendar-container .jalendar-pages .days .day.this-month span {
        color: inherit;
        font-weight: 400;
        font-size: 12px
    }

    .jalendar .jalendar-container .jalendar-pages > .header h1 {
        color: #535165;
        text-shadow: none
    }

    .jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a, .jalendar .jalendar-container .jalendar-pages > .header .nxt-m, .jalendar .jalendar-container .jalendar-pages > .header .prv-m {
        color: inherit
    }

    .jalendar .jalendar-container .jalendar-pages .add-event .close-button {
        margin-bottom: -25px;
        position: unset;
        background-color: #757a95;
        padding: 8px 0;
        font-size: 13px
    }

.jalendar .jalendar-container {
    margin-top: -30px
}

    .jalendar .jalendar-container .jalendar-pages .days .day.have-event span::before {
        border-radius: 0;
        bottom: 2px;
        top: auto;
        content: "";
        display: inline-block;
        height: 3px;
        position: absolute;
        right: 0;
        width: 100%;
        background: #0077b5 !important
    }

    .jalendar .jalendar-container .jalendar-pages .total-bar {
        background: #7750f8;
        line-height: 15px;
        height: 18px;
        width: 18px
    }

.jalendar {
    margin-bottom: 0;
    margin-top: 20px;
    width: 100%
}

    .jalendar .jalendar-container .jalendar-pages .add-event.selected {
        background: #e6ebef;
        color: #535165;
        margin-bottom: -5px
    }

    .jalendar .jalendar-container .add-event.selected .events > h3 {
        color: #535165;
        font-size: 14px;
        margin-bottom: 10px
    }

    .jalendar .jalendar-container .jalendar-pages .days .day.this-month.selected span {
        color: #0077b5 !important
    }

.widget p {
    font-size: 13px;
    line-height: 21px;
    color: #3e3f5e
}

.bg-feature {
    display: inline-block;
    position: relative;
    width: 100%
}

    .bg-feature > img {
        border-radius: 5px;
        width: 100%
    }

    .bg-feature > span {
        color: #fff;
        font-weight: 500;
        left: 50%;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%
    }

    .bg-feature::before {
        background: #0077b5;
        bottom: 0;
        content: "";
        left: 0;
        opacity: .1;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 5px
    }

.create-meta {
    display: inline-block;
    margin-top: 15px;
    width: 100%
}

a.main-btn2, button.main-btn2 {
    border: 1px solid #0077b5;
    border-radius: 35px;
    color: #0077b5;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 10px;
    text-align: center;
    transition: .2s linear;
    width: 100%
}

    a.main-btn2:hover, button.main-btn2:hover {
        background: #0077b5;
        color: #fff
    }

.create-meta > p {
    font-size: 12px;
    padding: 0 10px
}

.widget .prof-complete {
    margin-top: 20px
}

    .widget .prof-complete > li a {
        display: inline-block;
        font-size: 12px;
        vertical-align: middle
    }

    .widget .prof-complete > li em {
        float: right;
        font-size: 11px;
        font-style: normal;
        margin-top: 5px
    }

.widget .socials > li i {
    border: 1px solid;
    border-radius: 100%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    transition: .2s linear
}

.socials > li > a {
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    vertical-align: middle
}

    .socials > li > a span {
        font-weight: 500
    }

.widget .socials > li:hover > i {
    color: #fff;
    border-color: transparent
}

.suggestd > li a {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin-right: 6px;
    vertical-align: middle
}

    .suggestd > li a img {
        border-radius: 100%
    }

.suggestd > li button.sug-like {
    border: none;
    border-radius: 5px;
    float: right;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    margin-top: 12px;
    width: 28px
}

    .suggestd > li button.sug-like i {
        margin: 0
    }

    .suggestd > li button.sug-like .icofont-check-alt {
        display: none
    }

    .suggestd > li button.sug-like.active .icofont-check-alt {
        display: block
    }

    .suggestd > li button.sug-like.active .icofont-like {
        display: none
    }

.widget .short-profile > li::before {
    color: rgba(8,141,205,.2);
    content: "";
    font-family: icofont;
    font-size: 50px;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

.widget .short-profile > li.user-about::before {
    content: "\ed04"
}

.widget .short-profile > li.fav-game::before {
    content: "\ec5c"
}

.widget .short-profile > li.fav-music::before {
    content: "\ec6b"
}

.short-profile > li p {
    margin-bottom: 0
}

.short-profile > li > span {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: capitalize;
    width: 100%
}

.activity-meta {
    display: inline-block;
    width: 100%
}

    .activity-meta > i {
        color: #999;
        float: left;
        font-size: 12px;
        width: 100%
    }

    .activity-meta > span {
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        width: 100%
    }

    .activity-meta > h6 {
        float: left;
        font-size: 13px;
        width: 100%
    }

        .activity-meta > h6 a {
            font-weight: 500
        }

aside.sidebar .widget .activity-meta > i {
    color: #92929e;
    font-style: normal;
    font-size: 11px
}

.activitiez > li::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px
}

.activitiez > li {
    padding-left: 12px
}

.sidebar .invitepage > li figure {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 77%
}

.sidebar .invitepage > li button {
    border-radius: 4px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0;
    width: 45px;
    border: none
}

    .sidebar .invitepage > li button .icofont-check-alt {
        display: none
    }

    .sidebar .invitepage > li button i {
        font-size: 12px;
        font-style: normal;
        margin-right: 0
    }

    .sidebar .invitepage > li button.active .icofont-check-alt {
        display: block;
        font-size: 17px
    }

    .sidebar .invitepage > li button.active .invit {
        display: none
    }

.sidebar .invitepage > li figure img {
    border-radius: 100%;
    margin-right: 5px
}

.sidebar .invitepage > li figure a {
    font-size: 13px;
    font-weight: 500
}

.widget .featured-comp > li {
    float: left;
    text-align: center;
    width: 25%
}

    .company-posts > li figure img, .widget .featured-comp > li a img {
        border-radius: 100%
    }

    .widget .featured-comp > li:last-child, .widget .featured-comp > li:nth-last-child(2), .widget .featured-comp > li:nth-last-child(3), .widget .featured-comp > li:nth-last-child(4) {
        margin-bottom: 0
    }

.sidebar .widget .twiter-feed > li > i {
    color: rgba(8,141,205,.2);
    font-size: 60px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.twiter-feed > li > div span {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 4px;
    width: 100%
}

.twiter-feed > li > div p {
    color: #5a6381;
    margin-bottom: 5px
}

.twiter-feed > li > div em {
    color: #92929e;
    font-size: 11px;
    font-style: normal;
    float: right
}

.company-posts > li figure {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top
}

.position-meta {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    width: 77.5%
}

    .position-meta > h6 {
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0
    }

    .position-meta > span {
        float: right;
        font-size: 12px;
        margin-top: -5px;
        text-transform: capitalize
    }

    .position-meta > a {
        display: inline-block;
        font-size: 11px;
        text-transform: uppercase;
        color: #92929e
    }

.company-posts > li {
    border-bottom: 1px dashed #cdcdcd;
    padding-bottom: 15px
}

    .company-posts > li:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

.recent-links > li > figure {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: 85px
}

.recent-links > li figure img {
    border-radius: 5px
}

.re-links-meta {
    display: inline-block;
    padding-left: 7px;
    vertical-align: middle;
    width: 59.5%
}

    .re-links-meta > h6 {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0
    }

    .re-links-meta > span {
        font-size: 11px;
        font-weight: 300;
        color: #92929e
    }

.friend-box {
    background: #fff;
    border: 1px solid #ede9e9;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    width: 100%
}

    .friend-box > figure {
        margin: 0;
        position: relative
    }

        .friend-box > figure img {
            border-radius: 4px;
            display: inline-block;
            width: 100%
        }

        .friend-box > figure::before {
            background: rgba(0,0,0,.5);
            border-radius: 4px;
            bottom: 0;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .friend-box > figure > span {
            bottom: 10px;
            color: #fff;
            font-size: 12px;
            font-weight: 500;
            position: absolute;
            right: 10px;
            text-shadow: 0 2px 2px rgba(0,0,0,.7)
        }

.frnd-meta {
    display: inline-block;
    padding: 0 15px 20px;
    position: relative;
    width: 100%
}

    .frnd-meta > img {
        border: 2px solid #fff;
        border-radius: 100%;
        display: inline-block;
        margin-top: -40px;
        position: relative;
        vertical-align: middle;
        z-index: 2
    }

.frnd-name {
    float: right;
    margin-bottom: 20px;
    margin-left: 110px;
    margin-top: -40px;
    text-align: left
}

    .frnd-name > a {
        display: inline-block;
        font-size: 15px;
        font-weight: 500;
        transition: .2s linear;
        width: 100%
    }

    .frnd-name > span {
        display: inline-block;
        font-size: 12px;
        color: #92929e
    }

.widget.web-links ul li > i {
    font-size: 20px
}

.widget.web-links ul li > a {
    font-size: 13px;
    text-transform: capitalize
}

.widget.web-links ul li:hover > i {
    color: inherit
}

.widget.web-links > p {
    display: inline-block;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 20px;
    text-align: center;
    width: 100%
}

.pit-tags {
    display: inline-block;
    margin-top: 5px;
    width: 100%
}

    .pit-tags > span {
        display: inline-block;
        font-weight: 500;
        margin-bottom: 5px;
        width: 100%
    }

    .pit-tags > a {
        border: 1px solid #dcdcdc;
        border-radius: 15px;
        display: inline-block;
        font-size: 10.2px;
        margin-bottom: 5px;
        padding: 2px 8px;
        transition: .2s linear
    }

        .pit-tags > a:hover {
            color: #fff
        }

.advertisment-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

    .advertisment-box > figure {
        display: inline-block;
        margin-top: 0;
        width: 100%;
        margin-bottom: 0
    }

        .advertisment-box > figure a {
            display: inline-block;
            width: 100%
        }

    .advertisment-box > h4 {
        color: #8f97af;
        font-size: 10px;
        margin-bottom: 7px;
        text-transform: uppercase
    }

.sidemenu {
    display: inline-block;
    line-height: 57px;
    vertical-align: middle
}

    .sidemenu > i {
        cursor: pointer;
        position: relative
    }

        .res-search > span:before, .sidemenu > i::before {
            background: #deebf3;
            border-radius: 100%;
            content: "";
            height: 40px;
            left: 50%;
            opacity: 0;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%) scale(0);
            transition: .2s linear;
            visibility: hidden;
            width: 40px;
            z-index: -1
        }

        .res-search > span:hover:before, .sidemenu > i:hover::before {
            opacity: 1;
            transform: translate(-50%,-47%) scale(1);
            visibility: visible
        }

.white-bg {
    background: #fff;
    position: relative;
    z-index: 99
}

.menu-caro {
    display: block;
    line-height: 30px;
    width: 100%;
    border-bottom: 1px solid #f5f5f5
}

    .menu-caro .stars {
        position: unset;
        width: 100%;
        display: inline-block
    }

        .menu-caro .stars > li {
            display: inline-block;
            line-height: initial
        }

    .menu-caro .user-inf {
        display: inline-block;
        line-height: 17px;
        margin-top: 14px;
        text-align: right;
        width: 100%
    }

    .menu-caro .folowerz {
        color: inherit;
        position: unset
    }

.link-item {
    text-align: center;
    vertical-align: middle
}

    .link-item > a > i {
        display: inline-block;
        font-size: 22px;
        transform: none;
        transition: .3s ease-in-out
    }

    .link-item > a:hover i {
        opacity: 1;
        transform: none;
        visibility: visible;
        vertical-align: middle
    }

    .link-item > a:hover p {
        transform: none
    }

    .link-item > a {
        color: #495057;
        display: block;
        font-size: 15px;
        position: relative;
        border-bottom: 3px solid transparent
    }

        .link-item > a p {
            color: #3d3d49;
            font-size: 14px;
            font-weight: 500;
            margin: 0;
            text-transform: capitalize;
            transform: none;
            transition: .3s ease-in-out
        }

.page-caro#nav-tabs .link-item > a {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 12px;
    justify-content: center
}

    .page-caro#nav-tabs .link-item > a p {
        display: inline-block !important
    }

.link-item > a.active, .link-item > a:hover {
    border-bottom: 3px solid
}

.stat-tools > .box a > i, .stat-tools > a.comment-to > i, .stat-tools > a.share-to > i {
    color: #7e7f9e;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 3px
}

.stat-tools {
    display: inline-block;
    margin-top: 20px;
    text-align: left;
    width: 100%
}

    .stat-tools > .box a, .stat-tools > a {
        background: #eae9ee;
        border-radius: 4px;
        color: #82828e;
        display: inline-block;
        font-size: 13px;
        padding: 5px 20px;
        vertical-align: middle;
        transition: .2s linear
    }

        .stat-tools > a.active, .stat-tools > a:hover {
            color: #7d7f9a;
            background: #e5e4e9
        }

.Like {
    position: relative;
    display: inline-block
}

.Like__link {
    cursor: pointer
}

.box {
    display: inline-block;
    vertical-align: middle
}

    .box > .Like > a:hover {
        background: #e5e4e9;
        color: #7d7f9a
    }

.Emojis {
    background: #fff;
    position: absolute;
    left: 16px;
    bottom: 37px;
    -webkit-transform: translate3d(-6%,0,0);
    transform: translate3d(-6%,0,0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 40px;
    -webkit-transition: .3s .3s;
    transition: .3s .3s;
    box-shadow: 0 0 0 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.15);
    opacity: 0;
    visibility: hidden
}

    .Emojis:hover, .Like__link.js-hover ~ .Emojis, .Like__link:hover ~ .Emojis {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 1;
        visibility: visible
    }

.Emoji {
    position: relative;
    width: 3rem;
    height: 3rem;
    color: #ffd972;
    cursor: pointer;
    border-radius: 100%;
    -webkit-transition-delay: .6s,.3s;
    transition-delay: .6s,.3s;
    -webkit-transition-duration: 0s,.3s;
    transition-duration: 0s,.3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity,-webkit-transform;
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0) scale(.3);
    transform: translate3d(0,100%,0) scale(.3)
}

.Emojis:hover .Emoji, .Like__link.js-hover + .Emojis .Emoji, .Like__link:hover + .Emojis .Emoji {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.Emoji .icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.Emoji:hover .icon {
    -webkit-transform: scale(.75) translate3d(0,-5%,0);
    transform: scale(.75) translate3d(0,-5%,0)
}

.Emojis:hover .Emoji:first-of-type, .Like__link:hover + .Emojis .Emoji:first-of-type {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.6,0.6,0.5,1);
    transition-timing-function: cubic-bezier(0.6,0.6,0.5,1)
}

.Emojis:hover .Emoji:nth-of-type(2), .Like__link:hover + .Emojis .Emoji:nth-of-type(2) {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms;
    -webkit-transition-timing-function: cubic-bezier(0.6,0.6,0.5,1.2);
    transition-timing-function: cubic-bezier(0.6,0.6,0.5,1.2)
}

.Emojis:hover .Emoji:nth-of-type(3), .Like__link:hover + .Emojis .Emoji:nth-of-type(3) {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
    -webkit-transition-timing-function: cubic-bezier(0.6,0.6,0.5,1.4);
    transition-timing-function: cubic-bezier(0.6,0.6,0.5,1.4)
}

.Emojis:hover .Emoji:nth-of-type(4), .Like__link:hover + .Emojis .Emoji:nth-of-type(4) {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
    -webkit-transition-timing-function: cubic-bezier(0.6,0.6,0.5,1.6);
    transition-timing-function: cubic-bezier(0.6,0.6,0.5,1.6)
}

.Emojis:hover .Emoji:nth-of-type(5), .Like__link:hover + .Emojis .Emoji:nth-of-type(5) {
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
    -webkit-transition-timing-function: cubic-bezier(0.6,0.6,0.5,1.8);
    transition-timing-function: cubic-bezier(0.6,0.6,0.5,1.8)
}

.Emojis:hover .Emoji:nth-of-type(6), .Like__link:hover + .Emojis .Emoji:nth-of-type(6) {
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: cubic-bezier(0.6,0.6,0.5,2);
    transition-timing-function: cubic-bezier(0.6,0.6,0.5,2)
}

.icon {
    background-image: url("https://media.giphy.com/media/xT9DPr2QnsfTFoykFO/giphy.gif");
    background-repeat: no-repeat
}

.icon--like {
    background-position: -6px -6px
}

.icon--heart {
    background-position: -68px -4px
}

.icon--haha {
    background-position: -129px -6px
}

.icon--wow {
    background-position: -191px -6px
}

.icon--sad {
    background-position: -252px -5px
}

.icon--angry {
    background-position: -314px -6px
}

.emoji-state {
    float: right;
    margin-top: -2px;
    width: auto
}

    .emoji-state > .popover_wrapper {
        display: inline-block;
        vertical-align: text-top
    }

        .emoji-state > .popover_wrapper > a img {
            border: 2px solid #fff;
            border-radius: 100%;
            float: left;
            margin-left: -8px;
            max-width: 26px;
            cursor: pointer
        }

    .emoji-state > p {
        cursor: pointer;
        display: inline-block;
        font-size: 11px;
        margin-bottom: 0;
        vertical-align: sub;
        color: #3e3f5e
    }

.namelist {
    list-style: none;
    margin: 0;
    padding: 0
}

    .namelist > li {
        color: #82828e;
        float: left;
        font-size: 11px;
        line-height: 16px;
        width: 100%
    }

        .namelist > li span {
            font-weight: 600;
            color: #3e3f5e
        }

.share-wraper {
    background: rgba(0,0,0,.6);
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 999999;
    transition: .2s linear .1s
}

    .share-wraper.active {
        opacity: 1;
        visibility: visible
    }

.share-options {
    background: #fff;
    border-radius: 5px;
    left: 50%;
    opacity: 0;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    visibility: hidden;
    width: 400px;
    transition: .3s linear .1s
}

.share-wraper.active .share-options {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%,-50%) scale(1)
}

.share-options > h5 {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 18px;
    width: 100%;
    text-align: center
}

    .share-options > h5 i {
        display: inline-block;
        margin-right: 5px;
        vertical-align: bottom
    }

.share-options > form {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%
}

    .share-options > form > textarea {
        background: #f5f5f5;
        border: 1px solid #eaeaea;
        border-radius: 4px;
        color: inherit;
        display: inline-block;
        font-family: inherit;
        font-size: 13px;
        padding: 15px;
        width: 100%
    }

.share-options > ul {
    display: inline-block;
    list-style: none;
    width: 100%;
    margin: 0 0 20px;
    padding-left: 0
}

    .share-options > ul > li {
        display: inline-block;
        margin-right: 4px
    }

        .share-options > ul > li a {
            background: #eaeaea;
            border-radius: 30px;
            display: inline-block;
            font-size: 11px;
            padding: 7px 15px;
            text-transform: capitalize;
            transition: .2s linear
        }

            .share-options > ul > li a.active, .share-options > ul > li a:hover {
                color: #fff
            }

.share-options > .main-btn {
    padding: 6px 20px;
    width: 100%
}

.friends-to, .social-media {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%
}

    .social-media > ul {
        display: inline-block;
        list-style: none;
        margin-bottom: 0;
        width: 100%;
        padding-left: 0
    }

        .social-media > ul li {
            display: inline-block;
            margin-right: 4px;
            vertical-align: middle
        }

            .social-media > ul li a {
                border-radius: 100%;
                color: #fff;
                display: inline-block;
                font-size: 14px;
                line-height: 33px;
                margin-bottom: 5px;
                text-align: center;
                transition: .2s linear;
                width: 33px
            }

                .social-media > ul li a:hover {
                    transform: scale(1.2)
                }

.main-btn, a.main-btn {
    font-size: 13px;
    font-weight: 500;
    transition: .2s linear
}

    .main-btn2:hover, .main-btn:hover, a.main-btn2:hover, a.main-btn:hover {
        transform: translateY(-5px)
    }

.close-btn {
    cursor: pointer;
    float: right;
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 99
}

.new-comment {
    display: none;
    margin-top: 15px;
    position: relative;
    width: 100%
}

    .new-comment > form {
        display: inline-block;
        width: 100%;
        position: relative
    }

    .new-comment form input {
        background: #fff;
        border: 1px solid #eaeaea;
        border-radius: 8px;
        color: inherit;
        display: inline-block;
        padding: 15px;
        width: 100%
    }

    .new-comment form button {
        background: 0 0;
        border: 0;
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: 17px
    }

        .new-comment form button i {
            color: #92929e;
            font-size: 20px;
            transform: rotate(90deg)
        }

.follow-men {
    border-bottom: 1px solid #e2e2ee;
    display: inline-block;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
    width: 100%
}

    .follow-men:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

    .follow-men > figure {
        display: inline-block;
        vertical-align: middle
    }

        .follow-men > figure img {
            border: 2px solid #ccc;
            border-radius: 100%;
            max-width: 48px
        }

.follow-meta {
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle
}

.follow-men > a {
    border-radius: 30px;
    color: #fff;
    float: right;
    font-size: 12px;
    margin-top: 10px;
    padding: 6px 12px
}

.follow-meta > a {
    font-size: 12px
}

.follow-meta > h5 {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
    width: 100%
}

.follow-meta > span {
    color: #92929e;
    font-size: 11px
}

.blog-news {
    display: inline-block;
    margin-bottom: 11px;
    width: 100%
}

.ak-groups > li figure {
    display: inline-block;
    margin-bottom: 0;
    max-width: 60px;
    vertical-align: middle
}

.widget .ak-groups > li {
    border-bottom: 1px dashed #c2c2ce;
    margin-bottom: 15px;
    padding-bottom: 15px
}

    .widget .ak-groups > li:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

.ak-groups > li figure img {
    border-radius: 100%
}

.your-grp {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    max-width: 70%
}

    .your-grp > h5 {
        font-size: 13px;
        font-weight: 500
    }

    .your-grp > a {
        color: #92929e;
        display: inline-block;
        font-size: 12px;
        width: 100%
    }

        .your-grp > a > span {
            border: 1px solid;
            border-radius: 4px;
            font-size: 10px;
            padding: 1px 3px;
            color: #f0506e
        }

        .your-grp > a.promote {
            text-decoration: underline
        }

.widget .sponsors-ad {
    margin-top: 10px
}

    .widget .sponsors-ad > li figure {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .widget .sponsors-ad > li .sponsor-meta {
        display: inline-block;
        padding-left: 8px;
        vertical-align: middle;
        width: 60%
    }

        .widget .sponsors-ad > li .sponsor-meta h5 {
            font-size: 14px;
            font-weight: 500
        }

        .widget .sponsors-ad > li .sponsor-meta > a {
            color: #92929e;
            font-size: 12px
        }

    .widget .sponsors-ad > li figure img {
        border-radius: 4px
    }

.post-meta > figure.premium-post img {
    max-width: 150px
}

.post-meta > figure.premium-post {
    margin-top: 10px;
    width: auto;
    vertical-align: middle
}

.post-meta .premium {
    display: inline-block;
    max-width: 69%;
    padding-left: 15px;
    vertical-align: middle
}

.premium .post-title {
    font-size: 15px
}

.premium > p {
    font-size: 13px;
    line-height: 22px
}

.vid-course > h5 {
    display: inline-block;
    font-weight: 500;
    line-height: 19px;
    width: 100%;
    font-size: 15px
}

.premium-course > li figure {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

    .premium-course > li figure img {
        border-radius: 5px
    }

    .premium-course > li figure .tag {
        background: rgba(0,0,0,.6);
        border-radius: 0 20px 20px 0;
        color: #fff;
        font-size: 12px;
        left: 0;
        padding: 2px 10px;
        position: absolute;
        top: 10px
    }

.vid-course .price {
    float: right;
    font-weight: 500
}

.rec-group {
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    width: 100%
}

    .rec-group > span {
        background: rgba(0,0,0,.5);
        border-radius: 30px;
        color: #fff;
        font-size: 11px;
        left: 8px;
        line-height: 14px;
        padding: 3px 10px;
        position: absolute;
        top: 10px;
        z-index: 3
    }

.rec-groupbox {
    display: inline-block;
    width: 100%
}

    .rec-groupbox > figure {
        display: inline-block;
        margin-bottom: 0;
        width: 100%
    }

        .rec-groupbox > figure img {
            border-radius: 5px;
            width: 100%
        }

.grp-dp {
    display: inline-block;
    left: 30px;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    z-index: 2
}

    .grp-dp > img {
        border: 3px solid #fff;
        border-radius: 100%;
        max-width: 90px
    }

.rec-group .more {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.rec-group .more-post-optns > i {
    color: #fff
}

.rec-group .more-post-optns::before {
    background: rgba(0,0,0,.5)
}

.grp-name {
    background: rgba(0,0,0,.5);
    bottom: 0;
    color: #fff;
    left: 0;
    padding-bottom: 10px;
    padding-left: 130px;
    padding-top: 5px;
    position: absolute;
    width: 100%;
    border-radius: 6px
}

    .grp-name > h5 {
        color: #fff;
        font-size: 16px;
        font-weight: 500
    }

    .grp-name > span {
        color: #d9d9d9;
        font-size: 12px;
        padding-left: 20px
    }

    .grp-name > a {
        border: 1px solid;
        border-radius: 30px;
        float: right;
        font-size: 11px;
        padding: 1px 15px;
        margin-right: 10px
    }

.rec-grp-caro .owl-nav {
    position: absolute;
    right: 20px;
    top: -45px
}

    .rec-grp-caro .owl-nav .owl-prev {
        left: -47px
    }

.rec-grp-caro .owl-dots {
    margin-top: 20px
}

.rec-grp-caro .owl-next::before, .rec-grp-caro .owl-prev::before {
    box-shadow: none
}

.rec-grp-caro .owl-next::before {
    content: "\eaa0";
    font-family: icofont
}

.rec-grp-caro .owl-prev::before {
    content: "\ea9d";
    font-family: icofont
}

.video-search {
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    width: 100%
}

    .video-search > input {
        border: 1px solid #eaeaea;
        border-radius: 30px;
        display: inline-block;
        font-size: 13px;
        padding: 9px 27px 9px 15px;
        width: 100%
    }

    .video-search > i {
        font-size: 15px;
        position: absolute;
        right: 10px;
        top: 7px
    }

    .video-search > button {
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 15px;
        visibility: hidden
    }

.video-links > li > a i {
    font-size: 15px
}

.widget ul.video-links {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.video-links > li > a {
    display: inline-block;
    font-size: 14px;
    padding: 9px 0;
    transition: .2s linear;
    width: 100%
}

.sidebar .widget .video-links > li {
    margin-bottom: 8px
}

.video-links > li > a:hover {
    background: #e9f3ff;
    border-radius: 30px
}

.watchlist > li figure {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

    .watchlist > li figure img {
        border: 1px solid red;
        border-radius: 100%
    }

.watchlist > li a {
    display: inline-block;
    font-weight: 400;
    padding-left: 6px;
    vertical-align: middle;
    width: 76%
}

.widget ul.watchlist {
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 20px;
    padding-bottom: 0
}

.unread .new-highlight {
    background: red;
    border-radius: 100%;
    display: inline-block;
    float: right;
    height: 10px;
    position: absolute;
    top: 20px;
    width: 10px
}

.watchlist > li.active {
    background: #e9f3ff;
    border-radius: 30px
}

.widget .main-title {
    border-bottom: 0;
    font-size: 16px;
    margin-bottom: 0
}

.sp {
    width: 32px;
    height: 32px;
    clear: both;
    margin: 20px auto
}

.sp-circle {
    border: 4px solid rgba(0,0,0,.25);
    border-top: 4px solid #0077b5;
    border-radius: 50%;
    -webkit-animation: .6s linear infinite spCircRot;
    animation: .6s linear infinite spCircRot
}

@-webkit-keyframes spCircRot {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spCircRot {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.sp-3balls, .sp-3balls:after, .sp-3balls:before {
    border-radius: 50%;
    background-color: #0077b5;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    display: inline-block
}

.sp-3balls {
    position: relative;
    background-color: #0077b5;
    opacity: 1;
    -webkit-animation: 1s linear infinite spScaleAlpha;
    animation: 1s linear infinite spScaleAlpha
}

    .sp-3balls:after, .sp-3balls:before {
        content: '';
        position: relative;
        opacity: .25
    }

    .sp-3balls:before {
        left: 30px;
        top: 0;
        -webkit-animation: 1s linear infinite spScaleAlphaBefore;
        animation: 1s linear infinite spScaleAlphaBefore
    }

    .sp-3balls:after {
        left: -30px;
        top: -23px;
        -webkit-animation: 1s linear infinite spScaleAlphaAfter;
        animation: 1s linear infinite spScaleAlphaAfter
    }

@-webkit-keyframes spScaleAlpha {
    0%,100% {
        opacity: 1
    }

    33%,66% {
        opacity: .25
    }
}

@keyframes spScaleAlpha {
    0%,100% {
        opacity: 1
    }

    33%,66% {
        opacity: .25
    }
}

@-webkit-keyframes spScaleAlphaBefore {
    0%,66% {
        opacity: .25
    }

    33% {
        opacity: 1
    }
}

@keyframes spScaleAlphaBefore {
    0%,66% {
        opacity: .25
    }

    33% {
        opacity: 1
    }
}

@-webkit-keyframes spScaleAlphaAfter {
    100%,33% {
        opacity: .25
    }

    66% {
        opacity: 1
    }
}

@keyframes spScaleAlphaAfter {
    100%,33% {
        opacity: .25
    }

    66% {
        opacity: 1
    }
}

.sp-volume {
    background-color: #0077b5;
    border-radius: 50%;
    position: relative;
    -webkit-animation: .6s linear infinite spVolRot;
    animation: .6s linear infinite spVolRot
}

    .sp-volume:after {
        content: '';
        border-radius: 50%;
        position: absolute;
        display: block;
        width: 10px;
        height: 10px;
        left: 5px;
        top: 5px;
        background-color: #fff
    }

@-webkit-keyframes spVolRot {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spVolRot {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.sp-vortex {
    border: 1px solid #0077b5;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

    .sp-vortex:after, .sp-vortex:before {
        content: '';
        border-radius: 50%;
        position: absolute;
        width: inherit;
        height: inherit;
        -webkit-animation: 2s linear infinite spVortex;
        animation: 2s linear infinite spVortex
    }

    .sp-vortex:before {
        border-top: 6px solid #0077b5;
        top: -3px;
        left: calc(-50% - 3px);
        transform-origin: right center
    }

    .sp-vortex:after {
        border-bottom: 6px solid #0077b5;
        top: 3px;
        right: calc(-50% - 3px);
        transform-origin: left center
    }

@-webkit-keyframes spVortex {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spVortex {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.sp.sp-slices {
    border-radius: 50%;
    border-top: 16px solid rgba(0,0,0,.75);
    border-left: 16px solid rgba(0,0,0,.25);
    border-bottom: 16px solid rgba(0,0,0,.25);
    border-right: 16px solid rgba(0,0,0,.25);
    -webkit-animation: 1s linear infinite spSlices;
    animation: 1s linear infinite spSlices
}

@-webkit-keyframes spSlices {
    0%,100% {
        border-top: 16px solid rgba(0,0,0,.75);
        border-right: 16px solid rgba(0,0,0,.25);
        border-bottom: 16px solid rgba(0,0,0,.25);
        border-left: 16px solid rgba(0,0,0,.25)
    }

    25% {
        border-top: 16px solid rgba(0,0,0,.25);
        border-right: 16px solid rgba(0,0,0,.75);
        border-bottom: 16px solid rgba(0,0,0,.25);
        border-left: 16px solid rgba(0,0,0,.25)
    }

    50% {
        border-top: 16px solid rgba(0,0,0,.25);
        border-right: 16px solid rgba(0,0,0,.25);
        border-bottom: 16px solid rgba(0,0,0,.75);
        border-left: 16px solid rgba(0,0,0,.25)
    }

    75% {
        border-top: 16px solid rgba(0,0,0,.25);
        border-right: 16px solid rgba(0,0,0,.25);
        border-bottom: 16px solid rgba(0,0,0,.25);
        border-left: 16px solid rgba(0,0,0,.75)
    }
}

@keyframes spSlices {
    0%,100% {
        border-top: 16px solid rgba(0,0,0,.75);
        border-right: 16px solid rgba(0,0,0,.25);
        border-bottom: 16px solid rgba(0,0,0,.25);
        border-left: 16px solid rgba(0,0,0,.25)
    }

    25% {
        border-top: 16px solid rgba(0,0,0,.25);
        border-right: 16px solid rgba(0,0,0,.75);
        border-bottom: 16px solid rgba(0,0,0,.25);
        border-left: 16px solid rgba(0,0,0,.25)
    }

    50% {
        border-top: 16px solid rgba(0,0,0,.25);
        border-right: 16px solid rgba(0,0,0,.25);
        border-bottom: 16px solid rgba(0,0,0,.75);
        border-left: 16px solid rgba(0,0,0,.25)
    }

    75% {
        border-top: 16px solid rgba(0,0,0,.25);
        border-right: 16px solid rgba(0,0,0,.25);
        border-bottom: 16px solid rgba(0,0,0,.25);
        border-left: 16px solid rgba(0,0,0,.75)
    }
}

.sp-sphere {
    border-radius: 50%;
    border-left: 0 solid #0077b5;
    border-right: 0px solid #0077b5;
    -webkit-animation: 1s linear infinite spSphere;
    animation: 1s linear infinite spSphere
}

@-webkit-keyframes spSphere {
    0%,66% {
        border-left: 0 solid #0077b5;
        border-right: 0px solid #0077b5
    }

    33% {
        border-left: 32px solid #0077b5;
        border-right: 0px solid #0077b5
    }

    34% {
        border-left: 0 solid #0077b5;
        border-right: 32px solid #0077b5
    }
}

@keyframes spSphere {
    0%,66% {
        border-left: 0 solid #0077b5;
        border-right: 0px solid #0077b5
    }

    33% {
        border-left: 32px solid #0077b5;
        border-right: 0px solid #0077b5
    }

    34% {
        border-left: 0 solid #0077b5;
        border-right: 32px solid #0077b5
    }
}

.sp-bars {
    position: relative;
    width: 7px;
    border: 1px solid #0077b5;
    background-color: rgba(8,141,205,.25);
    -webkit-animation: 1s linear infinite spBars;
    animation: 1s linear infinite spBars;
    border-radius: 10px;
    height: 25px
}

    .sp-bars:after, .sp-bars:before {
        content: '';
        position: absolute;
        width: inherit;
        height: inherit;
        border: inherit;
        background-color: inherit;
        top: -1px;
        border-radius: 10px
    }

    .sp-bars:before {
        left: -15px;
        -webkit-animation: 1s linear infinite spBarsBefore;
        animation: 1s linear infinite spBarsBefore
    }

    .sp-bars:after {
        right: -15px;
        -webkit-animation: 1s linear infinite spBarsAfter;
        animation: 1s linear infinite spBarsAfter
    }

@keyframes spBarsBefore {
    0%,100%,75% {
        transform: scale(1,1)
    }

    25% {
        transform: scale(1,1.25)
    }

    50% {
        transform: scale(1,.75)
    }
}

@keyframes spBars {
    0%,100%,25%,75% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1,1.25)
    }
}

@keyframes spBarsAfter {
    0%,100%,25% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1,.75)
    }

    75% {
        transform: scale(1,1.25)
    }
}

.sp-clock {
    border: 1px solid #0077b5;
    border-radius: 50%;
    position: relative
}

    .sp-clock:before {
        content: '';
        border-left: 1px solid #0077b5;
        position: absolute;
        top: 2px;
        width: 1px;
        height: calc(50% - 2px);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -ms-transform-origin: 0% 100%;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-animation: 1s linear infinite spClock;
        animation: 1s linear infinite spClock
    }

@-webkit-keyframes spClock {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spClock {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.sp-wave {
    border-radius: 50%;
    position: relative;
    opacity: 1
}

    .sp-wave:after, .sp-wave:before {
        content: '';
        border: 1px solid #0077b5;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0
    }

    .sp-wave:before {
        transform: scale(1,1);
        opacity: 1;
        -webkit-animation: .6s linear infinite spWaveBe;
        animation: .6s linear infinite spWaveBe
    }

    .sp-wave:after {
        transform: scale(0,0);
        opacity: 0;
        -webkit-animation: .6s linear infinite spWaveAf;
        animation: .6s linear infinite spWaveAf
    }

@-webkit-keyframes spWaveAf {
    from {
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        opacity: 1
    }
}

@keyframes spWaveAf {
    from {
        transform: scale(.5,.5);
        opacity: 0
    }

    to {
        transform: scale(1,1);
        opacity: 1
    }
}

@-webkit-keyframes spWaveBe {
    from {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.5,1.5);
        transform: scale(1.5,1.5);
        opacity: 0
    }
}

@keyframes spWaveBe {
    from {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.5,1.5);
        transform: scale(1.5,1.5);
        opacity: 0
    }
}

.sp-texture {
    border: 1px solid #0077b5;
    border-radius: 4px;
    position: relative;
    background: linear-gradient(45deg,transparent 49%,#0077b5 50%,#0077b5 50%,transparent 51%,transparent),linear-gradient(-45deg,transparent 49%,#0077b5 50%,#0077b5 50%,transparent 51%,transparent);
    background-size: 16px 16px;
    background-position: 0 0;
    -webkit-animation: 1s linear infinite spTexture;
    animation: 1s linear infinite spTexture
}

@-webkit-keyframes spTexture {
    from {
        background-position: 0 0
    }

    to {
        background-position: -16px 0
    }
}

@keyframes spTexture {
    from {
        background-position: 0 0
    }

    to {
        background-position: -16px 0
    }
}

.sp-loadbar {
    width: 50px;
    height: 18px;
    border: 1px solid #0077b5;
    border-radius: 4px;
    background: linear-gradient(-60deg,transparent 0,transparent 50%,#0077b5 50%,#0077b5 75%,transparent 75%,transparent);
    background-size: 20px 30px;
    background-position: 0 0;
    -webkit-animation: .8s linear infinite spLoadBar;
    animation: .8s linear infinite spLoadBar
}

@-webkit-keyframes spLoadBar {
    from {
        background-position: 0 0
    }

    to {
        background-position: -20px 0
    }
}

@keyframes spLoadBar {
    from {
        background-position: 0 0
    }

    to {
        background-position: -20px 0
    }
}

.sp-hydrogen {
    position: relative;
    border: 1px solid #0077b5;
    border-radius: 50%;
    -webkit-animation: .6s linear infinite spHydro;
    animation: .6s linear infinite spHydro
}

    .sp-hydrogen:after, .sp-hydrogen:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #0077b5;
        border-radius: 50%
    }

    .sp-hydrogen:before {
        top: calc(50% - 5px);
        left: calc(50% - 5px)
    }

    .sp-hydrogen:after {
        top: -1px;
        left: -1px
    }

@-webkit-keyframes spHydro {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spHydro {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.group-feed {
    display: inline-block;
    width: 100%;
    position: relative
}

.group-avatar {
    display: inline-block;
    position: relative;
    width: 100%
}

    .group-avatar > img {
        border-radius: 10px;
        display: inline-block;
        width: 100%
    }

.group-dp {
    bottom: 25px;
    display: inline-block;
    left: 25px;
    margin: 0;
    position: absolute
}

    .group-dp > img {
        border: 3px solid #fff;
        border-radius: 100%;
        max-width: 135px
    }

.edit-dp {
    background: rgba(255,255,255,.7);
    border: 1px solid #b3b3b3;
    border-radius: 100%;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 10px;
    text-align: center;
    transition: .2s linear;
    width: 40px
}

    .edit-dp i {
        font-size: 22px;
        vertical-align: sub
    }

.group-avatar > a {
    background: #fff;
    border-radius: 20px;
    bottom: 20px;
    font-size: 13px;
    padding: 6px 18px;
    position: absolute;
    right: 20px
}

    .group-avatar > a > i {
        color: green;
        margin-right: 5px
    }

.grp-info {
    display: inline-block;
    padding: 16px 5px;
    position: relative;
    width: 100%
}

    .grp-info > ul {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0
    }

        .grp-info > ul > li {
            color: #92929e;
            display: inline-block;
            font-size: 13px;
            margin-right: 20px;
            vertical-align: middle
        }

            .grp-info > ul > li > span {
                color: #1f273f;
                font-weight: 500
            }

    .grp-info > h4 {
        display: inline-block;
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 20px;
        vertical-align: middle;
        width: 100%
    }

        .grp-info > h4 > span {
            display: block;
            font-size: 11px
        }

    .grp-info ul.more-grp-info {
        float: right;
        width: auto;
        margin-top: -15px;
        position: relative;
        z-index: 10
    }

        .grp-info ul.more-grp-info > li {
            margin-right: 0;
            margin-left: 20px
        }

.edit-pp {
    background: rgba(0,0,0,.5);
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    left: 10px;
    line-height: 38px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    transform: scale(0);
    transition: .2s linear;
    width: 40px
}

    .edit-pp label i {
        font-size: 20px;
        vertical-align: middle
    }

.group-avatar:hover .edit-pp {
    opacity: 1;
    transform: scale(1)
}

.more-grp-info form {
    display: inline-block;
    position: relative;
    width: 100%
}

    .more-grp-info form input {
        background: #fff;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        margin-bottom: 0;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 5px
    }

    .more-grp-info form i {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

.grp-about {
    display: inline-block;
    width: 100%
}

    .grp-about h4 {
        display: inline-block;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
        width: 100%
    }

.badges {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

    .badges > li {
        display: inline-block;
        margin-right: 2px
    }

        .badges > li img {
            max-width: 33px
        }

.tab-title {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%
}

    .tab-title > span {
        border: 1px solid;
        border-radius: 5px;
        color: #92929e;
        font-size: 11px;
        padding: 1px 6px;
        vertical-align: middle
    }

.grp-info.about > h4 {
    display: inline-block;
    width: auto
}

.grp-info > ul.joined-info {
    float: right;
    margin-top: 10px
}

.nav.nav-tabs.about-btn, .timeline-btn {
    border-bottom: 0;
    display: inline-block;
    width: 72%
}

    .nav.nav-tabs.about-btn > li a, .timeline-btn > li a {
        background: #f8f8f8;
        border-radius: 5px;
        color: #0077b5;
        font-size: 14px;
        padding: 7px 10px;
        display: inline-block
    }

    .nav.nav-tabs.about-btn > li, .timeline-btn > li {
        margin-right: 5px;
        display: inline-block
    }

.grp-info > ul.joined-info > li:last-child {
    margin-right: 0
}

.nav.nav-tabs.about-btn > li a:hover, .timeline-btn > li a:hover {
    background: #ebebeb
}

.nav.nav-tabs.about-btn > li a.active, .timeline-btn > li a.active {
    background: #0077b5;
    color: #fff
}

.uzr-pictures {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

    .uzr-pictures > a {
        display: inline-block;
        width: 100%;
        position: relative;
        overflow: hidden
    }

        .uzr-pictures > a::before {
            background: rgba(0,0,0,.6);
            border-radius: 6px;
            content: "";
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            transition: .1s linear;
            visibility: hidden;
            width: 100%;
            z-index: 0
        }

    .uzr-pictures:hover a::before {
        opacity: 1;
        visibility: visible
    }

    .uzr-pictures > a > img {
        border-radius: 5px;
        display: inline-block;
        width: 100%
    }

.pix-filter {
    display: inline-block;
    list-style: none;
    margin-bottom: 30px;
    padding: 0;
    width: 100%
}

    .pix-filter > li {
        display: inline-block;
        margin: 0 12px 0 0
    }

        .pix-filter > li > a {
            border-bottom: 2px solid #eaeaea;
            display: inline-block;
            padding: 0 10px;
            text-transform: capitalize
        }

.hover-action {
    left: 50%;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 30px
}

    .hover-action > li {
        color: #fff;
        display: inline-block;
        opacity: 0;
        transform: scale(0);
        transition: transform .2s ease-in-out;
        visibility: hidden;
        width: 100%;
        font-size: 14px;
        margin-bottom: 2px
    }

        .hover-action > li a {
            display: inline-block;
            padding: 4px 0;
            width: 100%
        }

            .hover-action > li a > i {
                color: #0077b5
            }

.uzr-pictures:hover .hover-action > li {
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

    .uzr-pictures:hover .hover-action > li:last-child {
        transition-delay: 90ms
    }

.user-video {
    background: #fafafa;
    border: 1px solid #e1e8ed;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    margin-bottom: 22px
}

    .user-video > figure {
        display: inline-block;
        margin: 0;
        position: relative;
        width: 100%
    }

        .user-video > figure > img {
            border-radius: 6px 6px 0 0;
            width: 100%
        }

        .user-video > figure a.play-btn {
            background: rgba(255,255,255,.8);
            border: 3px solid #0077b5;
            border-radius: 100%;
            color: #0077b5;
            font-size: 20px;
            height: 50px;
            left: 50%;
            line-height: 44px;
            padding-left: 4px;
            position: absolute;
            text-align: center;
            top: 50%;
            transform: translate(-50%,-50%);
            transition: .2s ease-in-out;
            width: 50px
        }

            .user-video > figure a.play-btn:hover {
                transform: translate(-50%,-50%) scale(1.1)
            }

    .user-video > span {
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 10px 0;
        text-align: center;
        width: 100%
    }

    .user-video > figure::before {
        background: rgba(21,21,31,.6);
        content: "";
        background: rgba(21,21,31,.6);
        border-radius: 6px;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
        visibility: hidden
    }

.vid-action {
    display: inline-block;
    list-style: none;
    margin: 6px 0;
    padding: 0;
    text-align: center;
    width: 100%
}

    .vid-action > li {
        color: #92929e;
        display: inline-block;
        margin: 0 10px
    }

.user-video > figure:hover::before {
    opacity: 1;
    visibility: visible
}

.info-block-list {
    display: inline-block;
    width: 100%
}

.info-block {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%
}

    .info-block:last-child {
        margin-bottom: 0
    }

    .info-block > h6 {
        display: inline-block;
        font-size: 14px;
        margin-bottom: 8px;
        width: 100%
    }

    .info-block > p {
        margin-bottom: 0;
        width: 100%;
        font-size: 13.4px
    }

.info-block-list > ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

    .info-block-list > ul > li {
        display: inline-block;
        font-weight: 500;
        margin-bottom: 12px;
        width: 49%;
        font-size: 13px
    }

        .info-block-list > ul > li span {
            font-weight: 400
        }

        .info-block-list > ul > li:last-child, .info-block-list > ul > li:nth-last-child(2) {
            margin-bottom: 0
        }

.sidebar .widget > .user-stat > li em {
    color: #7d7e9e;
    line-height: 16px;
    margin-bottom: 0
}

.sidebar .widget > .user-stat > li i {
    border: 1px solid;
    border-radius: 100%;
    display: inline-block;
    font-size: 17px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    width: 35px
}

.sidebar .widget > .user-stat > li span {
    display: inline-block;
    font-weight: 500;
    padding-left: 10px;
    vertical-align: middle;
    font-size: 13px
}

.owl-carousel .frnd-meta > img {
    max-width: 70px;
    width: auto
}

.owl-carousel .frnd-name > a {
    font-size: 13px
}

.owl-carousel .frnd-name {
    margin-left: 75px;
    margin-top: -20px
}

.owl-carousel .friend-box > figure > span {
    font-size: 12px
}

.grop-rules {
    display: inline-block;
    width: 100%
}

    .grop-rules > ol {
        color: #5a6381;
        display: block;
        font-size: 12px;
        margin-bottom: 0;
        padding-left: 0
    }

.sidebar .widget .grop-rules > ol li {
    margin-bottom: 10px;
    display: flex
}

    .sidebar .widget .grop-rules > ol li:last-child {
        margin-bottom: 0
    }

    .sidebar .widget .grop-rules > ol li i {
        margin-top: 4px;
        color: #1f273f;
        font-size: 20px
    }

.recent-media {
    display: inline-block;
    width: 100%
}

    .recent-media > figure {
        display: inline-block;
        position: relative;
        width: 100%
    }

        .recent-media > figure:last-child {
            margin-bottom: 0;
            margin-top: 0
        }

        .recent-media > figure img {
            display: inline-block;
            width: 100%;
            border-radius: 8px
        }

        .recent-media > figure a {
            background: rgba(255,255,255,.8);
            border: 3px solid;
            border-radius: 100%;
            color: red;
            font-size: 20px;
            height: 50px;
            left: 50%;
            line-height: 44px;
            opacity: 0;
            padding-left: 5px;
            position: absolute;
            text-align: center;
            top: 45%;
            transform: translate(-50%,-50%);
            transition: .2s linear;
            visibility: hidden;
            width: 50px
        }

    .recent-media figure span {
        bottom: 10px;
        color: #fff;
        left: 10px;
        position: absolute;
        text-shadow: 0 1px 2px #000
    }

    .recent-media > figure:hover > a {
        opacity: 1;
        visibility: visible
    }

.cart-product {
    background: red;
    border: 3px solid;
    border-radius: 100%;
    bottom: 30px;
    color: #fff;
    height: 50px;
    left: 20px;
    line-height: 56px;
    position: fixed;
    text-align: center;
    width: 50px;
    transition: .2s linear;
    z-index: 98
}

    .cart-product a i {
        font-size: 28px
    }

    .cart-product > span, .chat-live > span {
        background: red;
        border: 2px solid #fff;
        border-radius: 100%;
        font-size: 10px;
        height: 20px;
        line-height: 13px;
        position: absolute;
        right: 0;
        text-align: center;
        top: -12px;
        width: 20px
    }

    .cart-product > a {
        display: inline-block
    }

.chat-live {
    background: red;
    border: 3px solid;
    border-radius: 100%;
    bottom: 30px;
    color: #fff;
    height: 50px;
    right: 30px;
    line-height: 48px;
    position: fixed;
    text-align: center;
    width: 50px;
    z-index: 99999;
    transition: .2s linear
}

    .cart-product:hover, .chat-live:hover {
        box-shadow: -1px 3px 15px rgba(8,141,205,.8)
    }

.chat-btn {
    display: inline-block;
    font-size: 28px;
    line-height: 44px
}

.chat-box {
    background: #fff;
    border-radius: 8px 8px 0 0;
    bottom: -500px;
    box-shadow: 0 -2px 20px rgba(0,0,0,.2);
    display: inline-block;
    overflow: hidden;
    padding: 15px;
    position: fixed;
    right: 110px;
    width: 330px;
    z-index: 999999;
    max-height: 460px;
    transition: .3s linear
}

    .chat-box.active {
        bottom: 0
    }

.chat-head {
    background: red;
    border-radius: 5px;
    display: inline-block;
    padding: 15px 10px;
    width: 100%
}

    .chat-head > h4 {
        color: #fff;
        float: left;
        font-size: 14px;
        font-weight: 500;
        width: 80%
    }

    .chat-head > span {
        color: #fff;
        cursor: pointer;
        float: right;
        font-size: 20px;
        margin-top: -6px
    }

    .chat-head > form {
        display: inline-block;
        margin-top: 10px;
        width: 100%
    }

        .chat-head > form input {
            border-left-colors: none;
            border-right-colors: none;
            border-top-colors: none;
            background: rgba(0,0,0,0);
            border-color: #eaeaea;
            border-image: none;
            border-style: none none solid;
            border-width: medium medium 1px;
            color: #fff;
            width: 100%
        }

            .chat-head > form input::placeholder {
                color: #fff
            }

.user-tabs {
    display: inline-block;
    padding: 10px 0;
    width: 100%
}

ul.tab-content {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
    border-bottom: 0
}

.user-tabs .nav-tabs {
    border-bottom: 0;
    display: inline-block;
    margin-bottom: 20px
}

    .user-tabs .nav-tabs > li.nav-item {
        display: inline-block;
        margin-right: 10px;
        position: relative
    }

    .user-tabs .nav-tabs > li > em {
        border: 1px solid #f0506e;
        border-radius: 40px;
        font-size: 10px;
        font-style: normal;
        line-height: 12px;
        padding: 0 3px;
        position: absolute;
        right: -6px;
        text-align: center;
        top: -3px;
        color: #f0506e
    }

    .user-tabs .nav-tabs > li > a {
        font-size: 13px;
        font-weight: 500;
        padding: 6px 4px 2px;
        text-transform: capitalize;
        display: inline-block;
        border-bottom: 2px solid transparent;
        color: #999
    }

        .user-tabs .nav-tabs > li > a.active {
            color: #3e3f5e
        }

    .user-tabs .nav-tabs::before {
        display: none
    }

.friend {
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 300px;
    max-height: 300px
}

    .friend > a {
        display: inline-block;
        width: 100%;
        margin-bottom: 12px
    }

        .friend > a figure .status::before {
            left: auto;
            top: auto;
            right: 2px;
            bottom: 0
        }

        .friend > a:hover {
            background: #eee;
            border-radius: 30px
        }

        .friend > a figure {
            display: inline-block;
            margin-bottom: 0;
            position: relative
        }

            .friend > a figure img {
                border: 1px solid #bababa;
                border-radius: 100%
            }

        .friend > a > span {
            font-size: 13px;
            font-weight: 500;
            padding-left: 5px
        }

        .friend > a figure.group-chat img.two {
            max-width: 20px;
            position: absolute;
            right: -12px;
            top: 5px
        }

        .friend > a figure.group-chat {
            margin-right: 20px
        }

            .friend > a figure.group-chat img.three {
                bottom: 10px;
                max-width: 24px;
                position: absolute;
                right: -10px
            }

            .friend > a figure.group-chat img {
                max-width: 38px
            }

            .friend > a figure.group-chat .status::before {
                bottom: 4px;
                right: -4px
            }

        .friend > a > i {
            float: right;
            margin-right: 10px;
            margin-top: 13px;
            color: #a2a2ae
        }

            .friend > a > i img {
                border-radius: 100%;
                max-width: 15px
            }

.chat-card {
    background: #fbfbfb;
    border: 1px solid #e1e8ed;
    border-radius: 3px;
    height: 100%;
    position: absolute;
    right: -340px;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 9999999;
    transition: .3s linear
}

    .chat-card.show {
        right: 0
    }

.chat-card-head {
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    position: relative;
    width: 100%
}

.chat-list > ul > li {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.chat-card-head > h6 {
    display: inline-block;
    font-weight: 500;
    margin: 0;
    vertical-align: middle;
    color: #fff;
    font-size: 15px
}

.chat-card-head > img {
    border: 2px solid;
    border-radius: 100%;
    max-width: 35px;
    vertical-align: middle
}

.chat-card-head .frnd-opt {
    float: right
}

.chat-card-head .more-post-optns > i svg {
    stroke: #fff
}

.frnd-opt > span::before {
    background: rgba(0,0,0,.1);
    border-radius: 100%;
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    top: 52%;
    transform: translate(-50%,-50%) scale(0);
    transition: .2s linear;
    width: 30px
}

.frnd-opt > span:hover::before {
    transform: translate(-50%,-50%) scale(1)
}

.frnd-opt > span {
    cursor: pointer;
    font-size: 20px;
    margin-left: 10px;
    position: relative;
    vertical-align: middle
}

.frnd-opt .more {
    display: inline-block;
    float: unset;
    vertical-align: middle
}

.frnd-opt .more-post-optns > ul li {
    color: #333
}

.chat-card-head span.status {
    left: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.more-optns:hover > ul {
    opacity: 1;
    visibility: visible
}

.more-optns > ul {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 10px 23px #8b8b8b;
    color: #333;
    line-height: initial;
    list-style: none;
    margin-bottom: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 22;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear
}

    .more-optns > ul li {
        display: inline-block;
        font-size: 11px;
        line-height: 24px;
        width: 100%
    }

.chat-list {
    display: inline-block;
    padding: 15px;
    position: relative;
    width: 100%
}

    .chat-list > ul {
        margin: 0;
        padding-left: 0;
        max-height: 325px;
        overflow: hidden;
        position: relative;
        padding-right: 8px
    }

.chat-thumb {
    display: inline-block;
    vertical-align: top;
    width: 28px
}

.notification-event {
    display: inline-block;
    margin-left: 8px;
    vertical-align: top;
    width: 84%
}

.chat-thumb > img {
    border-radius: 100%
}

.chat-message-item {
    background: #deebf3;
    border-radius: 23px 0 23px 23px;
    display: inline-block;
    font-size: 13px;
    padding: 12px;
    color: #333
}

li.me .notification-event .chat-message-item {
    border-radius: 0 23px 23px
}

.notification-date {
    color: #999;
    display: inline-block;
    font-size: 11px;
    width: 100%
}

    .notification-date > i img {
        max-width: 15px;
        vertical-align: middle
    }

.chat-list > ul li.you .chat-thumb {
    float: right
}

.chat-list > ul li.you .notification-event {
    float: right;
    margin-left: 0;
    margin-right: 8px
}

.chat-list > ul li.you .chat-message-item {
    background: rgba(202,239,142,.5)
}

.text-box > textarea {
    background: #f0f0f0;
    border: 0;
    border-radius: 30px;
    font-size: 13px;
    height: 42px;
    padding: 12px 40px;
    vertical-align: middle;
    width: 100%;
    overflow: hidden
}

.text-box > button {
    border: 0;
    border-radius: 100%;
    color: #fff;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 25px
}

.text-box .add-smiles {
    display: inline-block;
    left: 10px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%)
}

.text-box {
    display: inline-block;
    position: relative;
    width: 100%
}

.add-smiles > span img {
    max-width: 20px
}

.text-box .smiles-bunch {
    top: -65px
}

    .text-box .smiles-bunch::before {
        left: 5px
    }

    .text-box .smiles-bunch > i {
        margin: 2px
    }

        .text-box .smiles-bunch > i img {
            max-width: 22px
        }

.chat-message-item > figure {
    margin-bottom: 5px
}

    .chat-message-item > figure img {
        border-radius: 10px
    }

.chat-message-item > .caption {
    font-size: 12px
}

    .chat-message-item > .caption i {
        color: red;
        font-size: 16px;
        margin-left: 10px;
        cursor: pointer
    }

.frnd-opt .more-post-optns::before {
    background: rgba(0,0,0,.1)
}

.profile-short {
    border: 1px solid #eaeaea;
    border-radius: 6px;
    display: inline-block;
    padding: 15px;
    position: relative;
    width: 100%
}

.chating-head {
    border: 1px solid #eaeaea;
    border-radius: 6px 6px 0 0;
    float: left;
    padding: 10px;
    width: 100%
}

.s-left {
    float: left;
    width: 50%
}

.s-right {
    float: right;
    margin-top: 10px;
    text-align: right;
    width: 50%
}

.s-left > h5 {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    width: 100%
}

.s-left > p {
    font-size: 11px;
    margin-bottom: 0
}

.s-right > span {
    cursor: pointer;
    margin-left: 15px
}

.short-intro {
    display: inline-block;
    text-align: center;
    width: 100%
}

    .short-intro figure img {
        display: inline-block;
        width: 100%
    }

    .short-intro > ul {
        display: inline-block;
        list-style: none;
        margin-bottom: 43px;
        margin-top: 10px;
        padding-left: 0;
        text-align: left;
        width: 100%
    }

        .short-intro > ul li {
            display: inline-block;
            width: 100%;
            margin-bottom: 11px
        }

        .short-intro > ul > li > p {
            float: right;
            font-size: 12px;
            margin-bottom: 0
        }

        .short-intro > ul > li > span {
            font-size: 13px;
            font-weight: 500
        }

.card-credit {
    display: inline-block;
    width: 100%
}

    .card-credit > h6 {
        color: #0077b5;
        display: inline-block;
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 0;
        text-align: center;
        vertical-align: middle;
        width: 100%
    }

        .card-credit > h6 > i {
            display: inline-block;
            vertical-align: text-bottom
        }

    .card-credit > span {
        color: #92929e;
        display: inline-block;
        font-size: 12px;
        text-align: center;
        text-transform: capitalize;
        width: 100%
    }

.happy-spend {
    display: inline-block;
    margin-top: 20px;
    text-align: center;
    width: 100%
}

    .happy-spend > p img {
        max-width: 20px
    }

    .happy-spend > p {
        margin-bottom: 0
    }

.set-card {
    display: inline-block;
    width: 100%
}

    .set-card > p {
        margin-top: 15px
    }

.added-complete {
    float: right;
    margin-top: 10px
}

    .added-complete > h6 {
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        width: 100%
    }

        .added-complete > h6 > span {
            color: #92929e;
            font-weight: 400
        }

.uk-margin {
    margin-top: 0 !important
}

.chosen-container-single .chosen-single {
    padding-left: 15px
}

.uk-margin .chosen-container-single .chosen-single {
    height: 47px;
    line-height: 47px;
    box-shadow: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #62626e
}

    .uk-margin .chosen-container-single .chosen-single div b {
        background: url("chosen-sprite.png?v=79UzxY2qhNnbWHS97RxjT1SeXc4") 0 13px no-repeat rgba(0,0,0,0)
    }

.add-credits > p {
    margin-bottom: 0;
    margin-top: 20px
}

    .add-credits > p b {
        color: #3e3f5e;
        font-weight: 500
    }

.add-credits {
    display: inline-block;
    width: 100%
}

.main-wraper > h6 {
    font-weight: 400;
    font-size: 14px
}

table.table-default {
    margin-bottom: 0;
    border-radius: 5px;
    background: #fff
}

    table.table-default thead th {
        background: #0077b5;
        border-top: 0;
        font-size: 13px;
        padding: 12px 15px;
        color: #fff;
        text-transform: capitalize !important
    }

table.table.table-default tbody td {
    font-size: 12px;
    padding: 10px 15px
}

    table.table.table-default tbody td a:hover {
        text-decoration: underline
    }

.table.table-default.table-responsive-md.table-striped thead th {
    color: #fff
}

.total-balnce {
    background: #4a5373 !important;
    color: #fff;
    font-weight: 500
}

.widget table.table-default thead th {
    color: #fff
}

.list-crumb {
    display: inline-block;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%
}

    .list-crumb > li {
        color: #0077b5;
        display: inline-block;
        font-size: 13px;
        margin-right: 5px;
        padding-right: 15px;
        position: relative
    }

        .list-crumb > li::after {
            content: "/";
            position: absolute;
            right: 0;
            top: 0
        }

        .list-crumb > li:last-child::after {
            display: none
        }

        .list-crumb > li:last-child a {
            color: #000
        }

.manage-payout {
    display: inline-block;
    margin-top: 30px;
    width: 100%;
    margin-bottom: 0
}

    .manage-payout > a {
        display: inline-block;
        color: #ff7373;
        font-weight: 400
    }

body.nightview {
    background: #151a27;
    color: #fff
}

.nightview p {
    color: #a5adc2
}

.nightview h1, .nightview h2, .nightview h3, .nightview h4, .nightview h5, .nightview h6 {
    color: #fff
}

.nightview .topbar {
    background: #1d2333;
    border-bottom-color: #2e3648
}

.nightview .white-bg {
    background: #0d1323
}

.nightview .logo > span {
    color: #fff
}

.nightview .menu-caro {
    border-bottom-color: #1e2638
}

.nightview .topbar .name > h4 {
    color: #fff
}

.nightview .topbar .name > span {
    color: #919ab2
}

.nightview .topbar ul.web-elements > li > a, .nightview .web-elements .user-dp {
    background: #293249;
    border-color: #495269
}

    .nightview .topbar ul.web-elements > li > a i {
        color: #fff
    }

.nightview .dropdown {
    background: #21283b
}

    .nightview .dropdown > li > a {
        background: #31384b;
        border-color: #40475a;
        color: #d1d8eb
    }

        .nightview .dropdown > li > a.logout {
            background: #ff7373;
            border-color: #ff2727;
            color: #fff
        }

.nightview .user-avatar > img {
    border-color: #495269
}

.nightview .post-detail-btn li.nav-item a.active::before {
    border-bottom-color: #151a27
}

.nightview .post-detail-btn li.nav-item a.active::after {
    border-left-color: #151a27
}

.nightview .post-detail-btn li.nav-item a.active {
    background: #151a27
}

.nightview .main-wraper, .nightview .profile-short, .nightview aside .widget {
    background: #1d2333;
    border: 1px solid rgba(255,255,255,.04)
}

.nightview .main-title {
    border-bottom: 1px solid rgba(255,255,255,.08)
}

.nightview .widget-analytics > li > span {
    background: rgba(0,0,0,.1);
    border-color: rgba(255,255,255,.09)
}

.nightview .bottombar {
    background: #161b28
}

.nightview .members {
    background: #293249;
    border-color: #2e3648
}

.nightview .share-options > ul > li a, .nightview .stat-tools > .box a, .nightview .stat-tools > a, .nightview .upload-media > li:hover {
    background: #293249;
    color: #fff
}

.nightview .we-video-info {
    border-top-color: #2e3648
}

.nightview .Emojis {
    background: #21283b
}

.nightview .emoji-state > img {
    border-color: #1e2638
}

.nightview .we-video-info > ul li span i {
    color: #616a82
}

.nightview .filtr-tabs > li > a {
    background: #0d1323
}

.nightview nav.sidebar {
    background: #0d1323;
    border: 1px solid rgba(255,255,255,.04)
}

.nightview .menu-slide > li.active > a {
    background: #31384b
}

.nightview .res-search > span::before, .nightview .sidemenu > i::before {
    background: #1d2333
}

.nightview .responsive-header {
    background: #0d1323;
    border-bottom-color: #21282d
}

.nightview .menu-slide > li > a:hover {
    background: #21283b
}

.nightview .more-post-optns::before {
    background: rgba(0,0,0,.2)
}

.nightview .more-post-optns > ul {
    background: #21283b
}

    .nightview .more-post-optns > ul > li i {
        color: #fff
    }

.nightview .friend-meta span, .nightview .friend-name > ins, .nightview .friend-name > span, .nightview .re-links-meta > span, .nightview .we-video-info > ul li span ins, .nightview .widget.web-links.stick-widget.is_stuck > p, .nightview .widget > span {
    color: #b1bad2
}

.nightview .link-item > a p {
    color: #0077b5
}

.nightview .friend-box {
    background: #141926;
    border-color: transparent
}

.nightview .widget .ak-groups > li {
    border-color: #2f3749
}

.nightview .dept-info > ul > li, .nightview .uni-info > ul > li {
    border-bottom-color: #222a3c
}

.nightview .popup, .nightview .popup-innner, .nightview .share-options {
    background: #1d2333
}

.nightview .popup-head {
    border-bottom-color: #2e3648
}

.nightview .inquiry-about > input[type=text] {
    background: 0 0;
    border-bottom-color: #2e3648;
    color: #fff
}

.nightview .auto-popup .popup-meta > span, .nightview .inquiry-about > label {
    color: #616a82
}

.nightview .owl-next::before, .nightview .owl-prev::before {
    background: #21283b
}

.nightview .chat-box {
    background: #21283b
}

.nightview .friend > a:hover {
    background: #293249
}

.nightview .user-tabs .uk-tab > li.uk-active > a {
    color: #fff
}

.nightview .user-tabs .uk-tab > li > a {
    color: #979fb5
}

.nightview .chat-card {
    background: #151a27;
    border-color: #2e3648
}

.nightview .chat-list > ul li .chat-message-item, .nightview .chat-list > ul li.you .chat-message-item {
    background: #31384b;
    color: #fff
}

.nightview .frnd-opt .more-post-optns > ul li {
    color: #fff
}

.nightview .progress__inner {
    background: 0 0;
    color: #0077b5
}

.nightview .your-grp > a {
    color: #959db2
}

.nightview .blog-details-meta > ul li {
    color: #fff
}

.nightview .uk-pagination > * > *, .nightview .uk-pagination > .uk-disabled > * {
    background: #293249;
    color: #b7bfd5
}

.nightview .blog-post-meta > ul > li {
    color: #b1bad2
}

.nightview .comment-box {
    background: 0 0;
    border-color: rgba(255,255,255,.08)
}

.nightview .create-by > div span {
    color: #fff
}

.nightview .course {
    background: #262d40
}

.nightview .prise > span {
    color: #fff
}

.nightview .uk-pagination .uk-active > span {
    background: #0077b5;
    color: #fff
}

.nightview .categ-card {
    background: #1d2333
}

.nightview .grp-info > ul > li > span, .nightview .sidebar .widget .grop-rules > ol li i {
    color: #fff
}

.nightview .group-avatar > a {
    color: #333
}

.nightview .card {
    background: #1d2333
}

.nightview .card-header {
    background: #293249
}

    .nightview .card-header button.btn::after, .nightview .question-collaps .card-header button.btn {
        color: #fff
    }

.nightview .help-bg {
    background: 0 0
}

.nightview .chating-head {
    border-color: rgba(255,255,255,.04)
}

.nightview .chat-header {
    background: #293249
}

.nightview .chat-content .date {
    background: #091229;
    border-color: transparent
}

.nightview ul.chatting-area > li.me p {
    color: #fff
}

.nightview ul.chatting-area > li.you p {
    background: rgba(39,170,225,.5);
    color: #fff
}

.nightview .attach-options {
    background: #161b28
}

    .nightview .attach-options > a, .nightview .notification-box > ul > li {
        border-bottom: 1px solid rgba(255,255,255,.08)
    }

.nightview table.table.table-default tbody td {
    background: #293249;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.08)
}

.nightview .list-crumb > li:last-child a {
    color: #fff
}

.nightview .quick-all {
    border-color: transparent
}

    .nightview .quick-all .spark-meta > h4 {
        color: red
    }

.nightview .table.table-striped th {
    color: #fff
}

.nightview .table td, .nightview .table th {
    border-color: rgba(255,255,255,.08)
}

.nightview .price-plan-wraper > h5 {
    background: #293249;
    color: #b1bad2
}

    .nightview .post-subject > p, .nightview .price-plan-wraper > h5 b {
        color: #fff
    }

.nightview .cart-box > ul, .nightview .responsive-tab .uk-list {
    background: #1d2333;
    border: 1px solid rgba(255,255,255,.04)
}

.nightview .cart-table .table td, .nightview .cart-table .table th {
    color: #fff
}

.nightview .cart-box > ul li:last-child {
    border-color: rgba(255,255,255,.04)
}

.nightview footer {
    background: #1d2333;
    border: 1px solid rgba(255,255,255,.1)
}

    .nightview footer .bg-image {
        opacity: .05
    }

.nightview .light-bg {
    background: #21283b;
    border-color: #2f3749
}

.nightview .uk-tab::before {
    border-bottom: transparent
}

.nightview .courier-box {
    background: #21283b;
    border-color: #2f3749
}

.nightview .cart-summary > ul li {
    border-bottom-color: #2f3749
}

.nightview .friendz {
    background: #21283b;
    border-color: #2f3749
}

.nightview .nav-item > span {
    color: #000
}

.nightview .form-group1 label {
    color: #fff
}

.nightview .image-upload-wrap {
    background: #293249;
    border-color: #3e4658
}

.nightview .switch::before {
    background: #293249 !important
}

.nightview .switch {
    background: #161b28
}

.nightview .bg-white {
    background-color: #21283b !important
}

.nightview .uk-alert-danger {
    background-color: #21283b
}

.nightview .video-links > li > a:hover {
    background: #293249
}

.nightview .jalendar .jalendar-container .jalendar-pages > .header h2 {
    color: #fff
}

.nightview .jalendar .jalendar-container .jalendar-pages .days .day.today span {
    background: rgba(0,0,0,.5);
    color: #fff
}

.nightview .uk-card-default {
    background: 0 0
}

.nightview .is-helpful {
    border-bottom-color: rgba(255,255,255,.04);
    border-top-color: rgba(255,255,255,.04)
}

.nightview form input::placeholder, .nightview form textarea::placeholder {
    color: #9aa4ba
}

.nightview .pagination > li > a.active {
    background: #0077b5;
    border-color: transparent
}

.nightview .anser .friend-info {
    border-color: rgba(255,255,255,.04)
}

.nightview .side-slide {
    background: #21283b;
    border-color: rgba(255,255,255,.04)
}

.nightview .new-messages, .nightview .notificationz {
    border-top-color: rgba(255,255,255,.04)
}

.nightview .nav.nav-tabs.slide-btns li a, .nightview ul.drop-menu li {
    background: #161b28
}

.nightview .recent-search {
    background: #21283b
}

    .nightview .recent-search .so-history > li {
        background: rgba(0,0,0,.1)
    }

        .nightview .recent-search .so-history > li:hover {
            background: rgba(0,0,0,.3)
        }

.nightview .cancel-search {
    background: #151a27
}

.nightview .chat-rooms li {
    background: #151a27;
    border: 1px solid rgba(255,255,255,.04)
}

.nightview .story-wraper {
    border: 1px solid rgba(255,255,255,.04)
}

.nightview .commenter {
    background: #151a27
}

.nightview .chat-rooms li > a.join {
    background: #0077b5;
    color: #fff
}

.nightview .plyr--audio .plyr__controls {
    background: var(--plyr-audio-controls-background,#151a27)
}

.createroom-popup, .new-question-popup, .nightview .popup-wraper, .post-new-popup, .wraper-invite {
    background: rgba(0,0,0,.85)
}

.nightview .dropzone, .nightview .dropzone .dz-message .dz-button, .nightview .post-categoroes > li {
    background: #21283b;
    color: #9aa4ba
}

.nightview .drop-menu > li > a {
    color: #fff
}

.nightview #components-nav > li ol li, .nightview .course-cat > span, .nightview .exp-meta > ins, .nightview .grop-rules > ol, .nightview .grp-info > ul > li, .nightview .help-qst > li, .nightview .incldes > ul > li > span, .nightview .jalendar .jalendar-container .jalendar-pages .days .day, .nightview .lecturez, .nightview .statistic > li, .nightview .time, .nightview .twiter-feed > li > div p {
    color: #a5adc2
}

.emojionearea.form-control, .nightview .button.soft-primary, .nightview .category > li a, .nightview .course-details > a, .nightview .dis-n-exp > span, .nightview .emojionearea, .nightview .group-box > button, .nightview .help-topic > span, .nightview .message-text-container textarea, .nightview .more-attachments, .nightview .pagination > li > a, .nightview .progress-bar-labels > li, .nightview .responsive-tab .uk-list > li > a, .nightview .select-box__input-text, .nightview .sidebar .invitepage > li button, .nightview .suggestd > li button.sug-like, .nightview .tags > li a, .nightview .tags > li a .responsive-tab .uk-list > li > a {
    background: #293249;
    color: #fff;
    border-color: #3e4658;
    box-shadow: 0 0 20px #13192b
}

.nightview .add-comment .c-form input, .nightview .add-comment .c-form textarea, .nightview .c-form > div input, .nightview .c-form > div textarea, .nightview .c-form > input, .nightview .c-form > textarea, .nightview .more-grp-info form input, .nightview .new-comment form input, .nightview .new-post > form input, .nightview .newsletter > input, .nightview .post-new .c-form .chosen-container .chosen-single, .nightview .post-new .c-form input, .nightview .post-new .c-form textarea, .nightview .search-question > form input, .nightview .search-section form input, .nightview .searches input, .nightview .share-options > form > textarea, .nightview .social-links > input, .nightview .text-box > textarea, .nightview .uk-input, .nightview .uk-margin .chosen-container-single .chosen-single, .nightview .uk-select, .nightview .uk-textarea, .nightview .video-search > input {
    background: #21283b;
    color: #9aa4ba;
    border-color: #2f3749;
    box-shadow: none
}

.menu-slide .menu-item-has-children > a::before {
    color: #7f8994;
    content: "\ea77";
    font-family: icofont;
    position: absolute;
    right: 13px;
    top: 12px
}

.submenu {
    list-style: none;
    padding-left: 34px;
    display: none;
    padding-top: 10px
}

.menu-item-has-children ul.submenu > li a {
    color: inherit;
    display: inline-block;
    padding: 5px 14px;
    width: 100%;
    transition: .1s linear;
    font-size: 13px;
    position: relative
}

    .menu-item-has-children ul.submenu > li a:hover {
        padding-left: 16px
    }

    .menu-item-has-children ul.submenu > li a::before {
        content: "";
        height: 5px;
        left: 0;
        position: absolute;
        top: 13px;
        width: 5px
    }

.menu-slide > li > a i svg {
    height: 16px;
    width: 16px
}

svg:hover {
    color: #045b84
}

nav.sidebar {
    background: #f5f5f5;
    border-right: 1px solid #e1e8ed;
    height: 100vh;
    left: -90%;
    max-width: 250px;
    padding-top: 153px;
    position: fixed;
    top: 0;
    width: 270px;
    z-index: 99;
    transition: .6s linear;
    padding-bottom: 20px
}

    nav.sidebar.hide {
        left: 0
    }

    nav.sidebar.padding {
        padding-top: 80px
    }

.menu-slide {
    display: inline-block;
    list-style: none;
    padding-left: 0;
    position: relative;
    width: 100%;
    height: 100%
}

    .menu-slide > li {
        display: inline-block;
        padding: 0 15px;
        position: relative;
        width: 100%
    }

        .menu-slide > li > a {
            display: inline-block;
            font-size: 13px;
            font-weight: 500;
            padding: 10px 15px;
            position: relative;
            vertical-align: middle;
            width: 100%
        }

            .menu-slide > li > a > i {
                font-size: 14px;
                vertical-align: text-bottom;
                margin-right: 10px
            }

        .menu-slide > li.active > a {
            background: #fff;
            border-radius: 9px;
            box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)
        }

        .menu-slide > li > a:hover {
            background: #cfd9e4;
            border-radius: 8px
        }

.comments-area {
    display: inline-block;
    width: 100%
}

    .comments-area > ul {
        display: inline-block;
        list-style: none;
        margin-bottom: 0;
        width: 100%;
        padding-left: 0
    }

        .comments-area > ul li {
            display: inline-block;
            margin-top: 20px;
            width: 100%
        }

            .comments-area > ul li figure {
                display: inline-block;
                vertical-align: top
            }

                .comments-area > ul li figure img {
                    border-radius: 100%;
                    max-width: 25px
                }

.commenter {
    background: #fff;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 4px;
    max-width: 93%;
    padding: 8px 10px;
    vertical-align: top
}

    .commenter > h5 {
        display: inline-block;
        font-size: 12px;
        margin-bottom: 0;
        margin-right: 10px
    }

    .commenter > span {
        color: #92929e;
        font-size: 11px
    }

.comments-area > ul > li > a {
    color: red;
    float: right;
    font-size: 12px;
    margin: 0 10px
}

    .comments-area > ul > li > a:hover {
        transform: scale(1.3)
    }

.commenter > p {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 5px;
    width: 100%
}

.commenter > a {
    display: inline-block;
    font-size: 12px;
    width: 100%;
    color: #ff7373
}

.popover_title {
    font-size: 24px;
    line-height: 36px;
    text-decoration: none;
    color: #e44444;
    text-align: center;
    padding: 15px 0
}

.popover_wrapper {
    position: relative;
    margin-top: 0;
    display: inline-block
}

.popover_content {
    background-color: #fff;
    border-radius: 8px;
    bottom: 20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    left: -20px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    transform: translate(0,10px);
    visibility: hidden;
    width: 100px
}

.popover_wrapper:hover .popover_content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0,-10px);
    transition: .5s cubic-bezier(.75, -.02, .2, .97)
}

.popover_message {
    text-align: center
}

.popover_content > span {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 6px;
    width: 100%
}

    .popover_content > span > img {
        max-width: 20px
    }

.story-title {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%
}

    .story-title > h5 {
        display: inline-block;
        font-size: 16px
    }

    .story-title > a {
        color: #0077b5;
        float: right;
        font-size: 12px;
        margin-top: 3px;
        text-decoration: underline
    }

.story-card {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%
}

.story-wraper {
    display: inline-block;
    margin-right: 5px;
    max-width: 111px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #eaeaea
}

.story-card > .story-wraper:last-child {
    margin-right: 0
}

.users-dp {
    left: 5px;
    position: absolute;
    top: 5px
}

    .users-dp Img {
        border: 2px solid rgba(255,255,255,.8);
        border-radius: 100%;
        max-width: 35px
    }

.story-wraper > img {
    border-radius: 8px;
    transition: .2s linear
}

.story-wraper > span {
    background: rgba(0,0,0,.7);
    bottom: 0;
    color: #fff;
    font-size: 12px;
    left: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
    border-radius: 0 0 8px 8px
}

.story-wraper:hover > img {
    transform: scale(1.05)
}

a.add-new-stry {
    background: #0077b5;
    border: 1px solid #fff;
    border-radius: 100%;
    bottom: 23px;
    color: #fff;
    display: inline-block;
    height: 30px;
    left: 50%;
    line-height: 30px;
    position: absolute;
    text-align: center;
    transform: translate(-50%);
    width: 30px;
    z-index: 2
}

ul.chat-rooms {
    float: unset;
    width: 100%
}

.chat-rooms {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

    .chat-rooms li > img {
        border-radius: 100%;
        display: inline-block;
        width: 100%
    }

    .chat-rooms li {
        background: #fff;
        border: 1px solid #eaeaea;
        border-radius: 6px;
        display: inline-block;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 100%
    }

.chatroom-title {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%
}

    .chatroom-title > i {
        display: inline-block;
        line-height: initial;
        vertical-align: middle
    }

    .chatroom-title > span {
        display: inline-block;
        font-weight: 500;
        vertical-align: sub
    }

.create-newroom {
    color: red;
    float: right;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline
}

.chatroom-title > span em {
    color: #92929e;
    font-size: 11px;
    font-style: normal;
    font-weight: 400
}

.room-avatar {
    display: inline-block;
    position: relative;
    width: 88px
}

.chat-rooms .room-avatar > img {
    border: 1px solid #d6d6d6;
    border-radius: 100%;
    display: inline-block;
    padding: 2px;
    width: auto
}

.chat-rooms li > a.join {
    background: #deebf3;
    border-radius: 5px;
    font-size: 12px;
    padding: 4px 14px;
    transition: .2s
}

    .chat-rooms li > a.join:hover {
        color: #fff
    }

.chat-rooms li > a.say-hi {
    background: #deebf3;
    border: 1px solid #0077b5;
    border-radius: 100%;
    color: #0077b5;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    transition: .2s
}

    .chat-rooms li > a.say-hi:hover {
        transform: scale(1.1)
    }

.chat-rooms li > span {
    display: inline-block;
    font-size: 14px;
    margin: 10px 0;
    width: 100%
}

.chat-rooms li .room-avatar .status::before {
    border: 2px solid #fff;
    bottom: 0;
    height: 14px;
    top: auto;
    width: 14px
}

.user-post.video .friend-name {
    width: 94%
}

.user-post.video .post-meta iframe {
    margin-bottom: 0;
    border: 0
}

.wraper-title {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%
}

    .wraper-title > span {
        display: inline-block;
        font-weight: 500
    }

        .wraper-title > span > i {
            color: red;
            font-size: 16px;
            margin-right: 3px
        }

    .wraper-title > a {
        color: red;
        float: right;
        font-size: 12px;
        font-weight: 500;
        margin-top: 3px
    }

.videos-caro.owl-carousel {
    display: inline-block;
    float: none;
    width: 100%
}

.item-video {
    display: block
}

.posted-user {
    display: inline-block;
    margin-top: 10px;
    vertical-align: middle
}

.item-video .posted-user > img {
    border: 1px solid #cacaca;
    border-radius: 100%;
    display: inline-block;
    max-width: 32px;
    vertical-align: middle;
    width: auto
}

.posted-user > span {
    font-size: 13px;
    font-weight: 400
}

.vid-info {
    color: #92929e;
    float: right;
    font-size: 11px;
    margin-top: 18px
}

    .vid-info > span {
        margin: 0 5px
    }

.owl-video-tn.owl-lazy {
    height: 300px
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../images/owl.video.play.png?v=5EQDoYVao_iiRojFp1QAG5UoE6c) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1)
    }

.sponsored-caro .owl-item li {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 15px
}

.sponsor-prod-name {
    display: inline-block;
    width: 100%
}

    .sponsor-prod-name > a {
        font-weight: 500
    }

    .sponsor-prod-name > span {
        color: #92929e;
        float: right
    }

.shop-btn {
    color: #0077b5;
    display: inline-block;
    margin-top: 5px
}

.sponsored-caro .stat-tools {
    text-align: center
}

.share-info {
    color: #92929e;
    float: right;
    font-size: 11px;
    margin-top: 7px
}

    .share-info > span {
        margin-left: 10px
    }

.post-newmeta {
    display: inline-block;
    width: 49%;
    padding-right: 12px;
    position: relative
}

.post-categoroes {
    display: inline-block;
    list-style: none;
    margin-bottom: 15px;
    padding-left: 0;
    width: 100%
}

    .post-categoroes > li {
        background: #f3f5f5;
        border-radius: 20px;
        color: #787d98;
        cursor: pointer;
        display: inline-block;
        font-size: 13px;
        margin-bottom: 8px;
        padding: 5px 15px;
        width: 49%
    }

.post-new {
    display: inline-block;
    padding-top: 20px;
    width: 100%
}

.post-categoroes > li:hover {
    background: #0077b5;
    color: #fff
}

.post-categoroes > li i {
    color: #b8bdd8;
    margin-right: 3px
}

.post-categoroes > li:hover i {
    color: #fff
}

.post-new .c-form {
    margin-top: 0;
    vertical-align: top;
    width: 46%;
    padding-left: 12px
}

.dropzone {
    border: 1px dashed rgba(0,0,0,.2);
    border-radius: 10px;
    padding: 10px
}

    .dropzone .dz-message {
        line-height: 122px;
        margin: 0;
        vertical-align: middle
    }

    .dropzone .dz-preview {
        margin: 5px
    }

.c-form input.schedule-btn {
    background: #fff;
    border: 1px solid #0077b5;
    display: inline-block;
    font-size: 13px;
    padding: 2px 10px;
    text-transform: capitalize;
    width: 130px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 0
}

.activity-post {
    display: inline-block;
    width: 50%
}

.select-box {
    float: right;
    font-size: 13px;
    margin-top: 30px;
    position: relative;
    vertical-align: middle;
    width: 45%
}

.select-box__current {
    cursor: pointer;
    outline: 0;
    position: relative
}

    .select-box__current:focus + .select-box__list {
        opacity: 1;
        animation-name: none
    }

        .select-box__current:focus + .select-box__list .select-box__option {
            cursor: pointer
        }

    .select-box__current:focus .select-box__icon {
        transform: translateY(-50%) rotate(180deg)
    }

.select-box__icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 13px;
    opacity: .3;
    transition: .2s
}

.select-box__value {
    display: flex
}

.select-box__input {
    display: none
}

    .select-box__input:checked + .select-box__input-text {
        display: block
    }

.select-box__input-text {
    background-color: #f8fafa;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    display: none;
    font-size: 13px;
    margin: 0;
    padding: 4px 10px;
    width: 100%;
    color: #6d6e8e
}

.select-box__list {
    position: absolute;
    width: 150px;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    animation-name: HideList;
    animation-duration: .5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: step-start;
    box-shadow: 0 15px 30px -10px rgba(0,0,0,.1)
}

.select-box__option {
    background-color: #f3f5f5;
    display: block;
    margin-bottom: 0;
    padding: 4px 10px
}

    .select-box__option:focus, .select-box__option:hover {
        color: #546c84;
        background-color: #fbfbfb
    }

@keyframes HideList {
    from {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(0)
    }
}

.popup-head > h5.only-icon > i {
    color: #0077b5;
    font-size: 28px
}

.room-meta {
    display: inline-block;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

    .room-meta > h4 {
        display: inline-block;
        font-size: 20px;
        width: 100%
    }

.main-btn.full-width {
    border-radius: 5px;
    width: 100%
}

.room-meta > ul {
    display: inline-block;
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: left;
    width: 100%
}

    .room-meta > ul > li {
        display: inline-block;
        margin-bottom: 20px;
        width: 100%
    }

        .room-meta > ul > li i {
            display: inline-block;
            font-size: 20px;
            vertical-align: top
        }

        .room-meta > ul > li > div {
            display: inline-block;
            padding-left: 10px;
            vertical-align: top
        }

        .room-meta > ul > li .checkbox {
            float: right;
            margin: 0;
            width: auto
        }

.room-meta > span {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 10px;
    width: 100%
}

.room-meta > ul > li > div > h6 {
    font-size: 14px
}

.room-meta > ul > li > div > span {
    color: #92929e
}

#img-comt {
    padding-right: 0 !important;
    z-index: 99999
}

    #img-comt .modal-header {
        border: 0;
        padding: 0;
        position: absolute;
        right: 15px;
        top: 5px
    }

    #img-comt .modal-dialog {
        max-width: 100%;
        margin: 0;
        height: 100vh;
        position: fixed
    }

.modal-body .we-comment {
    width: 88%
}

.modal-body .post-comt-box {
    width: 90%
}

    .modal-body .post-comt-box form textarea {
        height: 50px
    }

.modal-body .we-comet {
    max-height: 410px;
    position: relative
}

#img-comt .modal-header button.close {
    background: rgba(0,0,0,.2);
    border-radius: 100%;
    color: #000;
    display: inline-block;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 30px;
    z-index: 44
}

.pop-image .stat-tools > .box a, .pop-image .stat-tools > a {
    background: 0 0;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase
}

    .pop-image .stat-tools > .box a > i, .pop-image .stat-tools > a > i {
        color: inherit
    }

#img-comt .modal-content {
    border-radius: 0
}

.user {
    display: inline-block;
    margin-bottom: 12px;
    width: 95%
}

    .user > figure {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

        .user > figure img {
            border: 2px solid #cacaca;
            border-radius: 100%
        }

.user-information {
    display: inline-block;
    padding-left: 7px;
    vertical-align: middle;
    max-width: 54%
}

    .user-information > h4 {
        display: inline-block;
        font-size: 14px;
        margin-bottom: 0;
        width: 100%
    }

        .user-information > h4 a {
            color: #212335
        }

    .user-information > span {
        display: inline-block;
        font-size: 12px;
        color: #92929d
    }

.user > a {
    border: 1px solid;
    border-radius: 6px;
    float: right;
    font-size: 12px;
    margin-top: 16px;
    padding: 3px 20px
}

.pop-image {
    background: #181e28;
    display: table;
    height: 98.2vh;
    padding: 50px;
    width: 100%
}

.pop-item {
    display: table-cell;
    vertical-align: middle
}

    .pop-item > figure {
        display: inline-block;
        margin-bottom: 0;
        width: 100%;
        text-align: center
    }

        .pop-item > figure img {
            width: 100%
        }

.commentbar .modal-body {
    padding: 0;
    height: 100vh
}

.commentbar .new-comment .commenter {
    width: 88%;
    padding: 0
}

.commentbar .comments-area > ul li figure {
    margin-bottom: 0
}

.commentbar {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 20px
}

    .commentbar .comments-area {
        display: inline-block;
        max-height: 420px;
        min-height: 420px;
        position: relative;
        width: 100%
    }

    .commentbar > .user {
        width: 100%
    }

.users-thumb-list > a {
    border: 2px solid #fff;
    border-radius: 100%;
    float: left;
    margin-right: -7px
}

    .users-thumb-list > a img {
        border-radius: 100%;
        max-width: 25px
    }

.users-thumb-list > span {
    display: inline-block;
    font-size: 9px;
    width: 82%
}

.users-thumb-list {
    float: right;
    text-align: center;
    width: 34%
}

.pop-item .emoji-state > p {
    color: #fff
}

.modal.fade .modal-dialog {
    transition: none !important;
    transform: none !important
}

#img-comt .modal-body {
    height: 99.8vh
}

.action-block {
    position: absolute;
    right: 60px;
    top: 70px
}

.pop-item > .action-block > a {
    border: 1.2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    line-height: 34px;
    margin: 0 5px;
    text-align: center;
    width: 36px
}

    .pop-item > .action-block > a svg {
        height: 18px;
        stroke: #fff;
        width: 18px
    }

.date-time {
    display: inline-block;
    padding: 50px 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2
}

.realtime {
    display: inline-block;
    text-align: center;
    width: 100%
}

    .realtime > span {
        color: #0077b5;
        font-size: 40px;
        font-weight: 500
    }

.date-time > span#date {
    color: #3e3f5e;
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    margin-top: 10px;
    max-width: 90%;
    text-shadow: 0 0 3px rgba(255,255,255,.9)
}

.widget > img {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2
}

#jqcam-croppedFS, #jqcam-picFS, #jqcam-snapBtn, .jqcam-fieldset > legend {
    display: none
}

.livestream-chat, .side-area {
    background: #fafafa;
    border: 1px solid #eaeaea;
    display: inline-block;
    height: 88vh;
    padding: 15px;
    width: 100%
}

.popup-content {
    display: inline-block;
    padding: 26px 30px;
    width: 100%
}

    .popup-content > h2 {
        display: inline-block;
        font-size: 20px;
        margin-bottom: 6px;
        text-align: center;
        width: 100%
    }

    .popup-content > span {
        display: inline-block;
        font-size: 13.5px;
        text-align: center;
        width: 100%
    }

.box-data {
    display: inline-block;
    margin-top: 50px;
    width: 100%
}

.starting-ask {
    background: #fafafa;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 15px;
    padding: 10px 15px;
    width: 100%;
    border: 1px solid #eaeaea
}

    .starting-ask.selected {
        border-color: #0077b5;
        border-width: 2px
    }

    .starting-ask > i {
        background: #deebf3;
        border: 1px solid #0077b5;
        border-radius: 100%;
        display: inline-block;
        height: 40px;
        line-height: 35px;
        text-align: center;
        width: 40px
    }

    .starting-ask > h6 {
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle
    }

    .starting-ask > p {
        font-size: 13px;
        margin-bottom: 0;
        margin-top: 4px
    }

.box-data > input {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 15px;
    padding: 8px 15px;
    width: 79%;
    vertical-align: top
}

.box-data .chosen-container {
    display: inline-block;
    width: 20% !important;
    vertical-align: middle
}

.wizard .box-data .chosen-container > a.chosen-single {
    background: rgba(0,0,0,0);
    border: 1px solid #eaeaea;
    box-shadow: none;
    height: 38px;
    line-height: 34px
}

.wizard .chosen-container-single .chosen-single div b {
    background: url("chosen-sprite.png?v=79UzxY2qhNnbWHS97RxjT1SeXc4") 0 10px no-repeat rgba(0,0,0,0)
}

.box-data .seting-mode > p {
    font-size: 13px;
    margin-bottom: 0
}

.box-data .seting-mode {
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 0;
    width: 100%
}

#wizard > .content > h2 {
    display: none
}

.side-links {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

    .side-links > li {
        display: inline-block;
        width: 100%
    }

        .side-links > li > a {
            background: #eaeaea;
            border-radius: 5px;
            display: inline-block;
            margin-bottom: 10px;
            padding: 8px 10px;
            transition: .2s linear;
            width: 100%
        }

            .side-links > li > a > i {
                margin-right: 5px
            }

            .side-links > li > a.active {
                background: #0077b5;
                color: #fff
            }

            .side-links > li > a:hover {
                background: #dadada
            }

            .side-links > li > a.active:hover {
                background: #0388c8
            }

.container-fluid.no-pad {
    padding: 0
}

.livestream-chat .emojionearea.emojionearea-inline {
    height: 40px
}

.livestream-chat .emojionearea .emojionearea-editor {
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    resize: none;
    padding: 10px
}

.livechat-head {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 0;
    width: 100%
}

    .livechat-head > h5 {
        display: inline-block
    }

.stream-controls {
    background: #fafafa;
    border: 1px solid #eaeaea;
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    width: 100%
}

    .stream-controls > ul {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%
    }

        .stream-controls > ul > li {
            cursor: pointer;
            display: inline-block;
            font-size: 13px;
            margin: 0 20px;
            position: relative;
            z-index: 1
        }

            .stream-controls > ul > li:hover::before {
                background: #eaeaea;
                border-radius: 20px;
                content: "";
                height: 30px;
                left: -8px;
                position: absolute;
                top: -5px;
                width: 120%;
                z-index: -1
            }

            .stream-controls > ul > li > span {
                color: #92929e;
                font-size: 11px;
                position: absolute;
                right: -8px;
                top: -8px
            }

            .stream-controls > ul > li > i {
                font-size: 18px;
                vertical-align: middle;
                color: #92929e
            }

.screen-area {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    height: 86vh
}

ul.chatting-area.max-height {
    max-height: 412px
}

.screen-area #my_camera video {
    width: 750px !important
}

#my_camera video {
    background: #000
}

@media all and (min-width:600px) {
    .fancybox-custom-layout .fancybox-bg {
        background: #fcfaf9
    }

    .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
        opacity: 1
    }

    .fancybox-custom-layout .fancybox-caption {
        background: #f1ecec;
        bottom: 0;
        color: #6c6f73;
        left: auto;
        padding: 30px 20px;
        right: 44px;
        top: 0;
        width: 256px
    }

        .fancybox-custom-layout .fancybox-caption h3 {
            color: #444;
            font-size: 21px;
            line-height: 1.3;
            margin-bottom: 24px
        }

        .fancybox-custom-layout .fancybox-caption a {
            color: #444
        }

        .fancybox-custom-layout .fancybox-caption::before {
            display: none
        }

    .fancybox-custom-layout .fancybox-stage {
        right: 300px
    }

    .fancybox-custom-layout .fancybox-toolbar {
        background: #3b3b45;
        bottom: 0;
        left: auto;
        right: 0;
        top: 0;
        width: 44px
    }

    .fancybox-custom-layout .fancybox-button {
        background: 0 0
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button div {
        padding: 6px;
        background: #fcfaf9;
        border-radius: 50%;
        transition: opacity .2s;
        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
        opacity: .7
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]):hover div {
        opacity: 1
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button[disabled] {
        color: #999
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]) {
        color: #333
    }

    .fancybox-custom-layout .fancybox-button--arrow_right {
        right: 308px
    }
}

.author-info {
    display: inline-block;
    margin-bottom: 50px;
    text-align: center;
    width: 100%
}

.badge-box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    display: inline-block;
    margin-top: 30px;
    padding: 15px;
    text-align: center;
    width: 100%
}

    .badge-box > figure {
        display: inline-block;
        width: 100%
    }

        .badge-box > figure img {
            max-width: 65px
        }

    .badge-box > h5 {
        display: inline-block;
        font-size: 16px;
        margin-bottom: 7px;
        text-transform: capitalize;
        width: 100%
    }

    .badge-box > p {
        display: inline-block;
        font-size: 12px;
        line-height: 19px;
        width: 100%;
        margin-bottom: 0
    }

.badge-caro {
    margin-bottom: 30px;
    position: relative
}

    .badge-caro .owl-item > li img {
        transform: scale(.6)
    }

    .badge-caro .owl-item > li {
        background: #fafafa;
        border: 1px solid #eaeaea;
        border-radius: 5px;
        padding: 0 10px
    }

        .badge-caro .owl-item > li span {
            display: inline-block;
            font-size: 11px;
            margin-bottom: 6px;
            text-align: center;
            width: 100%
        }

        .badge-caro .owl-item > li .progress {
            border-radius: 0;
            left: 0;
            position: absolute;
            top: 115px;
            width: 100%;
            font-size: 10px
        }

.event-browse.owl-carousel {
    float: none;
    margin-bottom: 0
}

.event-browse li {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    width: 100%;
    cursor: pointer
}

    .event-browse li > i {
        border-radius: 100%;
        color: #fff;
        display: inline-block;
        font-size: 18px;
        height: 35px;
        line-height: 35px;
        width: 35px
    }

    .event-browse li span {
        display: block;
        font-size: 14px;
        margin-top: 10px
    }

    .event-browse li.red i {
        background: #ff7373
    }

    .event-browse li.blue i {
        background: #54c7ec
    }

    .event-browse li.yellow i {
        background: #c9e413
    }

    .event-browse li.green i {
        background: #45bd62
    }

    .event-browse li.purpal i {
        background: #ff66bf
    }

    .event-browse li.orang i {
        background: #fb724b
    }

    .event-browse li.pink i {
        background: #efb6b6
    }

.event-post {
    background: #fff;
    border-radius: 6px;
    display: inline-block;
    width: 100%
}

    .event-post > figure {
        display: inline-block;
        margin-bottom: 7px;
        width: 100%
    }

.event-meta {
    display: inline-block;
    padding: 0 15px 15px;
    position: relative;
    width: 100%
}

.event-post:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,.1)
}

.event-post > figure img {
    border-radius: 5px 5px 0 0;
    display: inline-block;
    width: 100%
}

.event-meta > span {
    color: #ff7373;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 6px;
    width: 100%
}

.event-meta > h6 {
    display: inline-block;
    margin-bottom: 5px;
    width: 100%
}

.event-meta > p {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 15px;
    width: 100%
}

a.classic-btn {
    background: #f3f3f3;
    border-radius: 5px;
    color: #0077b5;
    display: inline-block;
    font-size: 13px;
    padding: 7px 20px;
    text-transform: capitalize
}

.event-meta .more {
    bottom: auto;
    position: absolute;
    right: 15px;
    top: 0
}

.event-meta a.classic-btn {
    text-align: center;
    width: 100%
}

a.classic-btn:hover {
    background: #ebebeb
}

.event-detail-img {
    display: inline-block;
    width: 100%
}

    .event-detail-img img {
        width: 100%
    }

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1230px
}

.market-post {
    display: inline-block;
    position: relative;
    width: 100%
}

    .market-post > figure, .market-post > figure a, .market-post > figure img, .prod-info {
        display: inline-block;
        width: 100%
    }

        .prod-info > span {
            color: red;
            float: right;
            font-size: 18px;
            font-weight: 500
        }

        .prod-info > a {
            color: #434155;
            display: inline-block;
            font-size: 16px;
            font-weight: 500;
            width: 83%
        }

.like-meta {
    display: inline-block;
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
    width: 100%
}

    .like-meta > li {
        color: #8e8e9a;
        display: inline-block;
        margin-right: 10px;
        font-size: 13px
    }

.reg-from {
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    padding: 15px;
    position: relative;
    resize: vertical;
    width: 100%;
    z-index: 2;
    border-radius: 10px
}

.ver-center {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    resize: vertical
}

.reg-from > span {
    color: #515365;
    display: block;
    font-size: 22px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.reg-from > p {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
    width: 100%
}

.reg-from > span i {
    color: red;
    font-size: 20px;
    margin-right: 2px;
    vertical-align: middle
}

.c-form .gender, .c-form .gender .form-radio {
    display: inline-block;
    width: 100%
}

    .c-form .gender .form-radio .radio {
        background: #f8fafa;
        border: 1px solid #eaeaea;
        border-radius: 6px;
        display: inline-block;
        margin-right: 10px;
        padding: 10px;
        width: 31.2%
    }

        .c-form .gender .form-radio .radio:last-child {
            margin-right: 0
        }

.reg-from .c-form .checkbox label {
    font-size: 11px
}

.reg-from .c-form input[type=radio] {
    margin-bottom: 0;
    vertical-align: middle
}

.reg-from .c-form button {
    padding: 8px 24px;
    text-transform: uppercase
}

.reg-with {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 5px;
    width: 100%
}

.social-reg {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

    .social-reg > li {
        display: inline-block
    }

        .social-reg > li a {
            border-radius: 5px;
            color: #fff;
            display: inline-block;
            font-size: 12px;
            padding: 5px 10px;
            width: 100%
        }

.big-ad {
    position: relative;
    z-index: 2;
    display: table-cell;
    height: 100vh;
    vertical-align: middle;
    width: 100%
}

    .big-ad > figure {
        margin-bottom: 50px
    }

    .big-ad > h1 {
        color: #333145;
        display: inline-block;
        font-size: 40px;
        font-weight: 300;
        margin-bottom: 15px;
        width: 100%
    }

    .big-ad > p {
        display: inline-block;
        font-size: 15px;
        width: 87%;
        color: #636175
    }

.barcode {
    display: inline-block;
    margin-top: 50px;
    width: 100%
}

    .barcode > figure {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        width: 100px
    }

        .barcode > figure > img {
            border: 6px solid #fff
        }

.app-download {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    width: 80%
}

    .app-download > span {
        color: #232135;
        display: inline-block;
        font-size: 20px;
        margin-bottom: 20px;
        width: 100%
    }

    .app-download > ul.colla-apps {
        margin-bottom: 0;
        padding: 0
    }

        .app-download > ul.colla-apps > li {
            display: inline-block;
            width: 25%
        }

            .app-download > ul.colla-apps > li > a {
                border: 1px solid rgba(0,0,0,.4);
                border-radius: 30px;
                display: inline-block;
                padding: 5px 0;
                text-align: center;
                width: 100%
            }

                .app-download > ul.colla-apps > li > a img {
                    margin-right: 6px
                }

.reg-from .c-form .chosen-container {
    display: block;
    width: 100% !important
}

    .reg-from .c-form .chosen-container > a {
        background: #f8fafa;
        border: 1px solid #eaeaea;
        box-shadow: none;
        display: inline-block;
        height: 46px;
        line-height: 45px;
        width: 100%
    }

.reg-from .c-form label {
    color: #72727e;
    font-size: 12px;
    margin-bottom: 5px
}

.chosen-container-single .chosen-single div b {
    background: url("chosen-sprite.png?v=79UzxY2qhNnbWHS97RxjT1SeXc4") 0 12px no-repeat rgba(0,0,0,0)
}

.nav.nav-tabs.walllt-btn {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 0
}

    .nav.nav-tabs.walllt-btn > li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px
    }

        .nav.nav-tabs.walllt-btn > li > a {
            background: #eaeaea;
            border-radius: 5px;
            color: #535165;
            display: inline-block;
            padding: 5px 20px
        }

.walet-cat {
    background: #eaeaea;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block;
    height: 250px;
    padding: 20px;
    text-align: center;
    transition: .2s linear;
    width: 100%;
    border: 1px solid #ddd;
    position: relative
}

    .walet-cat > figure {
        display: inline-block;
        margin-bottom: 0;
        width: 100%
    }

        .walet-cat > figure > img {
            max-width: 130px;
            min-width: 130px
        }

    .walet-cat > span {
        bottom: 30px;
        color: #535165;
        font-weight: 500;
        left: 0;
        position: absolute;
        width: 100%
    }

    .walet-cat:hover {
        box-shadow: 0 2px 4px rgba(0,0,0,.4)
    }

.nav.nav-tabs.walllt-btn > li > a.active {
    background: red;
    color: #fff
}

.your-assets {
    display: inline-block;
    margin-top: 40px;
    width: 100%
}

    .your-assets > h6 {
        color: #535165;
        font-size: 22px
    }

    .your-assets > ul {
        display: inline-block;
        list-style: none;
        padding-left: 0;
        width: 100%
    }

        .your-assets > ul > li {
            background: #f2f2f2;
            border-radius: 5px;
            display: inline-block;
            margin-bottom: 10px;
            position: relative;
            width: 100%;
            padding: 10px
        }

            .your-assets > ul > li img {
                border-radius: 5px 0 0 5px;
                max-width: 35px;
                min-width: 35px;
                vertical-align: middle;
                width: 35px
            }

.bt-balance {
    float: right;
    margin-right: 40px;
    margin-top: 8px
}

.your-assets > ul > li > span {
    color: #535165;
    font-weight: 500;
    padding-left: 10px
}

.your-assets > ul li .more {
    margin-right: 10px;
    margin-top: 10px
}

.bt-balance > i {
    cursor: pointer;
    margin-right: 9px
}

.bt-balance > span {
    color: #535165;
    font-weight: 500
}

.add-currency {
    background: red;
    border: 2px solid transparent;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    padding: 10px;
    text-align: center;
    transition: .2s linear;
    width: 100%
}

    .add-currency:hover {
        background: 0 0;
        border-color: red;
        color: red
    }

.ask-question, .walt-balance {
    display: inline-block;
    text-align: center;
    width: 100%
}

    .walt-balance > ul {
        display: inline-block;
        list-style: none;
        margin-bottom: 20px;
        padding-left: 0;
        width: 100%
    }

.widget .walt-balance > ul > li {
    border-right: 2px solid #ccc;
    cursor: pointer;
    font-size: 16px;
    line-height: 12px;
    margin-bottom: 0;
    margin-right: 5px;
    padding-right: 5px;
    position: relative;
    transition: .2s linear;
    width: auto
}

    .widget .walt-balance > ul > li:last-child {
        border-right: 0
    }

    .widget .walt-balance > ul > li:hover {
        color: red
    }

.walt-balance > h6 {
    color: #535165;
    float: left;
    font-size: 20px;
    margin-bottom: 0;
    text-align: left;
    width: 100%
}

.walt-balance > a {
    background: 0 0;
    border: 1px solid red;
    border-radius: 5px;
    color: red;
    display: inline-block;
    margin-right: 10px;
    padding: 3px 10px;
    text-align: center;
    transition: .2s linear;
    width: 100px
}

.walt-balance > span {
    color: red;
    float: right;
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 40px;
    margin-top: -19px;
    text-align: right;
    width: 100%
}

.walt-balance > a:last-child {
    margin-right: 0
}

.walt-balance > a:hover {
    background: red;
    color: #fff
}

.transction {
    display: inline-block;
    width: 100%
}

    .transction > ul {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%
    }

        .transction > ul > li {
            background: #f2f2f2;
            display: inline-block;
            padding: 8px 10px;
            position: relative;
            width: 100%
        }

            .transction > ul > li figure img {
                border: 1px solid;
                border-radius: 100%;
                display: inline-block;
                max-width: 35px
            }

            .transction > ul > li > figure {
                display: inline-block;
                margin: 0 6px 0 0;
                vertical-align: middle
            }

.trans-detail {
    display: inline-block;
    vertical-align: middle
}

    .trans-detail > span {
        color: #535165;
        display: inline-block;
        font-size: 13px;
        font-weight: 400
    }

    .trans-detail > p {
        display: inline-block;
        font-size: 12px;
        line-height: 12px;
        margin: 0;
        width: 100%
    }

.amount-status {
    float: right;
    text-align: center
}

    .amount-status > span {
        font-size: 12px
    }

    .amount-status > h6 {
        color: #535165;
        font-weight: 400
    }

.transction > ul > li:nth-child(2n) {
    background: #eaeaea
}

.add-popup {
    background: #fff;
    border-radius: 5px;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 650px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5)
}

.card-poup-meta {
    display: inline-block;
    width: 100%
}

    .card-poup-meta > ul, .security > ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%
    }

        .card-poup-meta > ul > li, .security > ul > li {
            background: #eaeaea;
            border: 2px solid #dfdfdf;
            border-radius: 6px;
            display: inline-block;
            padding: 10px;
            text-align: center;
            width: 110px;
            margin: 0 4px;
            cursor: pointer;
            vertical-align: top
        }

        .security > ul > li {
            width: 295px
        }

            .card-poup-meta > ul > li.active, .security > ul > li.active {
                background: #fff
            }

            .card-poup-meta > ul > li figure, .security > ul > li figure {
                display: inline-block;
                margin-bottom: 5px;
                width: 100%
            }

            .card-poup-meta > ul > li img, .security > ul > li img {
                max-width: 50px
            }

            .card-poup-meta > ul > li > p, .security > ul > li > p {
                font-size: 12px;
                line-height: 12px;
                margin-bottom: 0
            }

            .card-poup-meta > ul > li span, .security > ul > li span {
                color: #535165;
                display: inline-block;
                font-weight: 500;
                margin-bottom: 3px;
                width: 100%
            }

.popup-title > h5 {
    color: #535165;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 4px;
    width: 100%
}

.popup-title {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%
}

.card-poup-meta > button {
    color: #fff;
    display: inline-block;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    border: none;
    border-radius: 5px
}

.security {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 30px;
    width: 100%
}

    .security > h6 {
        color: #535165;
        display: inline-block;
        font-size: 17px;
        margin-bottom: 12px;
        width: 100%
    }

.big-post.mb-4 {
    display: inline-block;
    position: relative;
    width: 100%
}

.big-post > figure {
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    width: 100%
}

    .big-post > figure > a {
        display: inline-block;
        width: 100%
    }

    .big-post > figure::before {
        background: -moz-linear-gradient(top,rgba(125,185,232,0) 0,#088dcd 100%);
        background: -webkit-linear-gradient(top,rgba(125,185,232,0) 0,#088dcd 100%);
        background: linear-gradient(to bottom,rgba(125,185,232,0) 0,#088dcd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#0077B5', GradientType=0 );
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

.big-deals {
    bottom: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    width: 100%
}

    .big-deals > ins {
        color: #fff;
        display: inline-block;
        font-size: 11px;
        text-decoration: none;
        width: 100%
    }

    .big-deals > h4 {
        color: #fff;
        display: inline-block
    }

    .big-deals > p {
        color: #fff;
        display: inline-block;
        line-height: 20px;
        width: 100%
    }

    .big-deals > a {
        background: #fff;
        border-radius: 16px;
        color: #00f;
        display: inline-block;
        font-size: 13px;
        padding: 4px 12px
    }

.align-center {
    text-align: center
}

.mockups {
    position: absolute;
    top: 70px;
    left: 190px;
    border-radius: 35px
}

.input-icon {
    position: absolute;
    top: 13px;
    left: 0;
    max-width: initial;
    display: inline-block;
    width: auto !important
}

.fileds {
    position: relative
}

    .fileds .input-icon svg {
        stroke: #13153e;
        fill: transparent;
        width: 18px
    }

.c-form2 > input {
    margin-bottom: 15px
}

.c-form.old-inputs > div input, .c-form.old-inputs > div textarea, .c-form.old-inputs > input, .c-form.old-inputs > textarea {
    background: #f8fafa;
    border: 1px solid #eaeaea;
    border-radius: 7px;
    color: #535165;
    font-size: 13px;
    margin-bottom: 20px;
    padding: 12px 20px
}

.widget-title h2 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0
}

.ask-question h3 {
    font-size: .9rem;
    font-weight: 500;
    margin: 8px 0
}

.rec-events h3 {
    font-size: .85rem;
    font-weight: 500;
    margin: 4px 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.form-text, .small, .text-muted, [style*="color: #6c757d"], [style*="color:#6c757d"], small {
    color: #495057 !important
}

.chat-container {
    height: calc(100vh - 120px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    overflow: hidden
}

.chat-sidebar {
    background: #f8f9fa;
    border-right: 1px solid #e9ecef;
    height: 100%;
    overflow-y: auto
}

.chat-main {
    height: 100%;
    display: flex;
    flex-direction: column
}

.chat-header {
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    scroll-behavior: smooth
}

.chat-input {
    background: #fff;
    border-top: 1px solid #e9ecef;
    padding: 15px 20px
}

.conversation-item {
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
    cursor: pointer;
    transition: background-color .2s
}

    .conversation-item:hover {
        background: #e9ecef
    }

    .conversation-item.active {
        background: #007bff;
        color: #fff
    }

.message-bubble {
    max-width: 70%;
    margin-bottom: 15px;
    padding: 12px 16px;
    border-radius: 18px;
    word-wrap: break-word;
    position: relative
}

.message-sent {
    background: #007bff;
    color: #fff;
    align-self: flex-end;
    border-bottom-right-radius: 4px
}

.message-received {
    background: #e9ecef;
    color: #333;
    align-self: flex-start;
    border-bottom-left-radius: 4px
}

.message-time {
    font-size: .75em;
    opacity: .7;
    margin-top: 4px
}

.message-status {
    font-size: .7em;
    margin-top: 2px
}

.typing-indicator {
    padding: 10px 15px;
    font-style: italic;
    color: #495057;
    align-self: flex-start;
    animation: 1.5s infinite pulse
}

@keyframes pulse {
    0%,100% {
        opacity: .6
    }

    50% {
        opacity: 1
    }
}

.online-indicator {
    width: 10px;
    height: 10px;
    background: #28a745;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px
}

.offline-indicator {
    width: 10px;
    height: 10px;
    background: #495057;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px
}

.online-status {
    color: #28a745;
    font-size: .9em
}

.offline-status {
    color: #495057;
    font-size: .9em
}

.typing-status {
    color: #0084ff;
    font-size: .9em;
    font-style: italic
}

.search-box {
    padding: 15px;
    border-bottom: 1px solid #e9ecef
}

.search-result-item:hover {
    background: #f8f9fa
}

.empty-chat {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #495057;
    text-align: center
}

.file-message {
    display: flex;
    align-items: center;
    padding: 10px;
    background: rgba(255,255,255,.1);
    border-radius: 8px;
    margin-top: 5px
}

.file-icon {
    font-size: 1.5em;
    margin-right: 10px
}

.emoji-picker {
    position: fixed;
    bottom: 90px;
    right: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    display: none;
    z-index: 1000;
    max-height: 260px;
    overflow-y: auto
}

.emoji-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 5px
}

.emoji-item {
    padding: 5px;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    font-size: 1.2em
}

    .emoji-item:hover {
        background: #f0f0f0
    }

.back-button {
    color: #007bff;
    text-decoration: none;
    margin-right: 15px
}

    .back-button:hover {
        color: #0056b3
    }

.file-upload-area {
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin: 10px 0;
    transition: border-color .2s
}

    .file-upload-area.dragover {
        border-color: #007bff;
        background: #f8f9ff
    }

@media (max-width:768px) {
    .chat-container {
        height: calc(100vh - 80px)
    }

    .message-bubble {
        max-width: 85%
    }

    .chat-sidebar {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1000;
        transform: translateX(-100%);
        transition: transform .3s
    }

        .chat-sidebar.show {
            transform: translateX(0)
        }

    .back-button {
        display: inline-block !important
    }
}

.chat-messages::-webkit-scrollbar, .chat-sidebar::-webkit-scrollbar {
    width: 6px
}

.chat-messages::-webkit-scrollbar-track, .chat-sidebar::-webkit-scrollbar-track {
    background: #f1f1f1
}

.chat-messages::-webkit-scrollbar-thumb, .chat-sidebar::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px
}

    .chat-messages::-webkit-scrollbar-thumb:hover, .chat-sidebar::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8
    }

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.connection-status {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999
}

.unread-badge {
    font-size: .7em;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

#loadingMoreIndicator {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background: rgba(255,255,255,.9);
    border-radius: 8px;
    margin: 10px auto;
    max-width: 250px;
    animation: .3s ease-in fadeIn
}

    #loadingMoreIndicator .spinner-border {
        width: 1.2rem;
        height: 1.2rem;
        border-width: 2px
    }

#noMoreMessagesIndicator {
    text-align: center;
    padding: 10px;
    color: #495057;
    font-size: .875rem;
    font-style: italic;
    animation: .3s ease-in fadeIn
}

.message-bubble {
    animation: .2s ease-out messageSlideIn
}

@keyframes messageSlideIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.chat-date-separator {
    text-align: center;
    margin: 20px 0;
    position: relative;
    animation: .3s ease-in fadeIn
}

    .chat-date-separator::after, .chat-date-separator::before {
        content: '';
        position: absolute;
        top: 50%;
        width: 40%;
        height: 1px;
        background: #e0e0e0
    }

    .chat-date-separator::before {
        left: 0
    }

    .chat-date-separator::after {
        right: 0
    }

.messages-spacer {
    height: 1px;
    visibility: hidden
}

#swift > h6, .activity-meta > h6 a, .activity-meta > span a:hover, .add-currency:hover, .attach-options > a i, .attach-options > a:hover, .basic_ptitle > h4, .big-deals > a, .blog-post-meta > a.button:hover, .blog-post-meta > span, .blog-title > a:hover, .book-about > span, .book-post:hover > a, .c-form h4, .cart-box > ul li:last-child, .cart-summary > ul li.grand-total > i, .cart-table tbody td > .edit-cart:hover, .cart-update > a, .category > li a:hover, .chat-message-item > .caption i, .close-btn, .comments-area > ul > li > a, .corss > span, .course-cat > a, .course-details > a, .course-price, .course-title:hover, .create-newroom, .dept-info > ul > li span i, .event-loc > span i, .event-schedule > a, .event-schedule > a.invite-co, .event-schedule > h5 > i, .exp-meta > span, .feature-meta h1 span, .friend-meta h4 a:hover, .friend-meta > a, .friend-name > ins > a, .grp-info > h4 > span, .help-qst > li:hover, .help-topic > span > i, .incldes > ul > li > i, .info-block-list > ul > li span, .invoice-footer > a, .leter-meta > span, .main-title > a, .measure > i, .members > a:hover, .mesg-info > a:hover, .more-post-optns > ul > li:hover, .new-comment form button i, .news-letter > form button, .no-account > a, .pagination > li > a, .pix-filter > li > a.active, .pop-articles > li:hover a, .position-meta > span, .post-new .uploadimage, .pplan-links > li a, .prod-detail > ul.item-info > li > a, .prod-info > a:hover, .prod-info > span, .prod-stat > ul > li span, .product-caro .owl-next:hover:before, .product-caro .owl-prev:hover:before, .product-carousel .owl-nav .owl-next::before, .product-carousel .owl-nav .owl-prev::before, .question-collaps .card-header button.btn, .question-title:hover a, .quick-all .spark-meta > p, .quick-links > li a:hover, .quick-links > li:hover:before, .re-links-meta > h6 a:hover, .recent-media > figure a, .reg-from > span i, .related-qst > li > a::before, .related-qst > li > a:hover, .related-searches > li > a:hover, .reply:hover, .review-item > span, .search-section > a, .see-all, .sidebar .invitepage > li figure a:hover, .sidebar .widget li i, .statics-event > a, .suggestd > li a:hover, .tab-content .tab-pane > a, .table.table-striped th > ins, .tags > span, .topbar ul.web-elements li a i, .twiter-feed > li > div span, .uk-active > a, .user-total .totalinv2 > span, .user > a, .useravatar.active > span, .vid-course .price, .vid-course > h5 a:hover, .video-lecture > li > a:hover, .walt-balance > a, .walt-balance > span, .widget .sponsors-ad > li .sponsor-meta h5:hover, .widget.web-links ul li > a:hover, .wraper-title > a, .wraper-title > span > i, .your-grp > a.promote, a.invite, table.table.table-default tbody td a:hover {
    color: #0077b5
}

svg {
    fill: rgba(8,141,205,0.09);
    stroke: #0077B5
}

#topcontrol, .activitiez > li::before, .add-currency, .ask-question > a:hover, .card-poup-meta > button, .cart-product, .cart-product > span, .cart-update > a:hover, .chat-card-head, .chat-head, .chat-live, .chat-live > span, .chat-rooms li > a.join:hover, .chosen-container .chosen-results li.active-result:hover, .comment-titles a.reply, .course > figure > em, .follow-men > a, .group-box > button:hover, .info-sec > i, .loadmore > a, .login-with > a:hover, .main-title::before, .members > a, .menu-item-has-children ul.submenu > li a::before, .message-text-container form button, .more-attachments.active, .nav.nav-tabs.slide-btns li a.active, .nav.nav-tabs.walllt-btn > li > a.active, .newsletter > button, .nightview .filtr-tabs > li > a.active, .owl-dot.active::before, .pit-tags > a:hover, .popup-innner::before, .print-share > a.print_btn, .restop-search, .search-question > form button, .share-options > ul > li > a.active, .share-options > ul > li > a:hover, .socials > li:hover > i, .text-box > button, .unread .new-highlight, .walt-balance > a:hover, .widget-title::before, .widget-title > h4::after, .widget-title > h4::before, a.date, table.table-striped tbody tr td a.button:hover, ul.drop-menu li a:hover {
    background: #0077b5
}

.stroke-solid {
    fill: #0077B5
}

.add-currency:hover, .blog-post-meta > a.button:hover, .card-poup-meta > ul > li.active, .chat-rooms li > a.say-hi, .checkbox input[type=checkbox]:checked ~ label:before, .checkbox label:before, .commenter-photo > img, .course-details > a, .event-schedule > a.invite-co, .feed-back-emojies > ul > li a.selected, .feed-back-emojies > ul > li a:hover, .funfact-counter > i, .light-bg .uk-tab .uk-active a, .link-item > a.active, .link-item > a:hover, .main-btn, .members > a:hover, .new-comment form input:focus, .new-messages li figure img, .pix-filter > li > a.active, .pix-filter > li > a:hover, .popup::after, .post-new .c-form input:focus, .review-item > figure img, .security > ul > li.active, .side-image > img, .tab-content .tab-pane > a, .uk-input:focus, .uk-select:focus, .uk-textarea:focus, .user > a, .walt-balance > a, .watchlist > li figure img, ul.chatting-area li > figure img {
    border-color: #0077b5
}

.checkbox label:after, .light-bg .uk-tab > li a.active, .user-tabs .nav-tabs > li > a.active {
    border-bottom-color: #0077b5
}

.checkbox label:after {
    border-left-color: #0077b5
}

@media screen and (max-width:1920px) and (min-width:1601px) {
    .forget-password {
        margin: 153px 0
    }

    .come-soon {
        margin: 270px auto
    }

    .post-detail-btn li.nav-item a.active::before {
        left: -15px;
        top: -4px
    }

    .post-detail-btn li.nav-item a.active::after {
        right: -15px
    }

    .commentbar .comments-area {
        max-height: 730px;
        min-height: 7730px
    }

    .action-block {
        right: 50px;
        top: 25px
    }

    .feature-meta > h1 {
        font-size: 70px
    }

        .feature-meta > h1 > span {
            line-height: 60px
        }

    .feature-meta {
        padding: 340px 0 260px
    }

    .welcome-parallax {
        padding: 50px 0
    }

    ul.chatting-area.max-height {
        max-height: 700px
    }

    .livestream-chat, .side-area {
        height: 92vh
    }

    .screen-area {
        height: 91vh
    }

    .invoice {
        padding-bottom: 150px
    }

    .badge-caro .owl-item > li .progress {
        top: 115px
    }
}

@media screen and (max-width:1600px) and (min-width:1400px) {
    .come-soon {
        margin: 162px auto
    }
}

@media screen and (min-width:1024px) and (max-width:1399px) {
    .mockups {
        left: 140px
    }

    .download-app > h5 {
        font-size: 16px
    }

    .login-form > h4, .signup-form > h4 {
        width: auto;
        font-size: 16px;
        line-height: initial
    }

    .login-form > span {
        width: auto
    }

    .auth-login {
        padding: 40px
    }
}

@media screen and (min-width:991px) and (max-width:1024px) {
    .user-avatar.timeline .name {
        width: 70%
    }

        .user-avatar.timeline .name > h4 {
            font-size: 15px
        }

        .user-avatar.timeline .name > span {
            font-size: 11px
        }

    .searches {
        margin-top: 5px;
        width: 300px
    }

    .topbar .logo img {
        display: inline-block;
        max-width: 90px;
        vertical-align: middle
    }

    .help-topic > a {
        font-size: 12.4px
    }

    .help-topic > span {
        line-height: 40px;
        height: 40px;
        width: 40px
    }

    .ak-groups > li figure {
        max-width: 40px
    }

    .owl-carousel .frnd-meta > img {
        max-width: 50px
    }

    .owl-carousel .frnd-name {
        margin-bottom: 10px;
        margin-top: 0;
        width: 100%
    }

    .story-wraper {
        max-width: 90px
    }

    .chat-rooms li {
        padding: 5px
    }

        .chat-rooms li > span {
            font-size: 12px
        }

    .widget .sponsors-ad > li .sponsor-meta {
        width: 56%
    }

    .friend-name {
        width: 89%
    }

    .friend-meta {
        width: 75%
    }

    .re-links-meta {
        width: 52.5%
    }

    .recent-links > li > figure {
        width: 80px
    }

    .post-meta .premium {
        max-width: 60%
    }

    .commenter {
        max-width: 91%
    }

    .upload-media > li {
        padding: 6px 17px
    }

    .stat-tools > .box a, .stat-tools > a {
        font-size: 12px;
        padding: 5px 10px
    }

    .nav.nav-tabs.about-btn {
        width: 100%
    }

    .grp-info ul.more-grp-info {
        margin-top: 0
    }

    .share-article > a {
        height: 30px;
        line-height: 30px;
        width: 30px
    }

    .modal-body {
        padding: 0
    }

    .commentbar {
        padding: 10px
    }

        .commentbar .we-video-info > ul li {
            margin-right: 20px
        }

    .users-thumb-list > a img {
        max-width: 20px
    }

    .new-comment form input {
        font-size: 12px;
        padding: 10px
    }

    .new-comment form button {
        top: 10px
    }

    .commentbar .new-comment .commenter {
        width: 85%
    }

    #img-comt .modal-dialog, .pop-image {
        height: 100vh
    }

    .main-btn {
        padding: 6px 12px;
        font-size: 12px
    }

        .main-btn.purchase-btn {
            font-size: 12px
        }

    .ask-question > h6 {
        width: 82%
    }

    .post-meta > p {
        font-size: 13px;
        line-height: 20px
    }
}

@media screen and (max-width:990px) {
    .white-bg, header {
        display: none
    }

    .responsive-header {
        display: block
    }

    nav.sidebar {
        padding-top: 85px
    }

    .blog-post-meta {
        max-width: 46.6%
    }

    .gap {
        padding: 60px 0
    }

    .next-prev-posts > div {
        width: 50%
    }

    .sidebar > .advertisment-box, .sidebar > .widget {
        display: inline-block;
        margin-right: 15px;
        width: 48.5%;
        vertical-align: top
    }

        .sidebar > .widget:nth-child(2n) {
            margin-right: 0
        }

    .nav.nav-tabs.about-btn {
        width: 66%
    }

    .grp-info ul.more-grp-info {
        margin-top: 0
    }

    .responsive-tab .uk-list {
        padding: 15px
    }

    .uk-h3, h3 {
        font-size: 1.3rem
    }

    .button {
        font-size: 12px
    }

    .help-topic {
        text-align: center
    }

        .help-topic > a {
            padding-left: 0;
            text-align: center
        }

        .help-topic > span {
            display: block;
            margin: 0 auto 8px
        }

    .is-helpful > em {
        float: left;
        margin-top: 10px;
        width: 100%
    }

    .is-helpful, .share-article {
        text-align: center
    }

    .feature-meta > h1 {
        font-size: 40px
    }

    .feature-meta .main-btn {
        padding: 7px 30px
    }

    .counter {
        font-size: 28px
    }

    .measure > h2 {
        font-size: 30px
    }

    .measure.right a {
        font-size: 12px;
        padding: 3px 10px
    }

    .welcome-parallax > h2 {
        font-size: 38px
    }

    .welcome-parallax .main-btn {
        padding: 10px 20px
    }

    .blog-grid {
        margin-bottom: 30px
    }

    .newsletter-sec {
        padding: 20px 30px;
        text-align: center
    }

        .newsletter-sec > figure img {
            max-width: 60px
        }

    .leter-meta > h3 {
        font-size: 22px
    }

    .leter-meta > span {
        font-size: 12px
    }

    .newsletter-sec > figure {
        vertical-align: top
    }

    .newsletter-sec form input, .newsletter-sec > form {
        width: 100%
    }

    .newsletter-sec > .leter-meta {
        text-align: left
    }

    .title > h1 {
        font-size: 30px
    }

    .info-sec {
        border: 1px solid #eaeaea;
        margin-bottom: 20px
    }

    footer .widget {
        margin-bottom: 30px
    }

    .user-avatar > img {
        max-width: 100px
    }

    .message-text-container > form {
        width: 92.5%
    }

    .price-plan-wraper thead th {
        font-size: 12px
    }

    .price-plan-wraper th h5 {
        font-size: 13px
    }

    .price-plan-wraper tbody td h6 {
        font-size: 13px;
        width: 240px
    }

    .progress-bar-labels > li {
        width: 84px
    }

    .progress-bar-labels {
        padding-left: 0
    }

    .basic_ptitle > p {
        font-size: 13px
    }

    .main-title {
        font-size: 18px
    }

    .payment-methods > h4 {
        font-size: 16px
    }

    .payment-methods {
        margin-top: 20px
    }

        .payment-methods .uk-tab li a img {
            max-width: 70px
        }

    .cart-summary {
        display: inline-block;
        width: 100%
    }

    .authtication {
        display: inline-block;
        height: auto;
        width: 100%
    }

    .welcome-note h1 {
        font-size: 30px
    }

    .welcome-note {
        display: block;
        margin: 0 auto;
        max-width: 80%;
        text-align: center
    }

    .auth-login .verticle-center {
        display: inline-block;
        height: auto;
        margin-top: 70px
    }

    .auth-login {
        height: auto;
        width: 100%
    }

        .auth-login .logo {
            display: block;
            text-align: center;
            width: 100%;
            position: unset
        }

    .verticle-center {
        margin-bottom: 0
    }

    .thanks-purchase > h1 {
        font-size: 85px
    }

    .thanks-purchase > span {
        font-size: 28px
    }

    .badge-caro .owl-item > li .progress {
        top: 125px
    }

    .story-card {
        text-align: center
    }

    .story-title {
        text-align: left
    }

    .story-wraper {
        max-width: 115px
    }

    .commenter {
        width: 100%
    }

    .pop-item {
        display: inline-block
    }

    #img-comt .modal-body {
        height: auto;
        padding: 0
    }

    .pop-image {
        height: auto
    }

    #img-comt {
        z-index: 99999999
    }

        #img-comt .modal-header button.close {
            background: #fff;
            opacity: 1
        }

    .users-thumb-list {
        width: 11%
    }

    .commentbar .new-comment .commenter {
        display: inline-block;
        width: 100%
    }

    .comments-area > ul li figure {
        width: 28px
    }
}

@media screen and (max-width:812px) {
    header {
        display: none
    }

    .responsive-header {
        display: block
    }

    p {
        font-size: 13px;
        line-height: 24px
    }

    .side-slide {
        top: 57px
    }

    .restop-search > span {
        right: 25px
    }

    .prod-detail > h4 {
        font-size: 25px;
        margin-bottom: 10px
    }

    .come-soon {
        max-width: 70%
    }

        .come-soon > p {
            color: #fff
        }

    .top-left > img {
        max-width: 100px
    }

    .top-right {
        font-size: 12px
    }

    .comesoon-wraper {
        padding: 30px
    }

    .course-details > h4 {
        font-size: 25px
    }

    a.wish-btn {
        font-size: 11px;
        padding: 8px 10px
    }

    .course-video > a.main-btn {
        font-size: 12px;
        padding: 7px 15px;
        vertical-align: middle
    }

    .create-by {
        max-width: 71%
    }

        .create-by > div span {
            font-size: 13px
        }

    .course-details > a {
        font-size: 12px
    }

    .course-details {
        margin-bottom: 30px
    }

    .incldes > ul > li {
        font-size: 12px;
        margin-bottom: 7px
    }

    .incldes {
        margin-bottom: 30px
    }

    .search-section > h1 {
        font-size: 32px
    }

    .search-section > form {
        max-width: 70%
    }

    .name {
        display: none
    }

    .stars {
        top: 16px
    }

    .folowerz {
        top: 20px
    }

    .question-title {
        font-size: 18px;
        margin-bottom: 10px
    }

    .signup-form .c-form label {
        font-size: 12px
    }

    .thanks-purchase {
        width: 75%
    }

    .chat-box {
        right: 0
    }

    .nav.nav-tabs.about-btn {
        width: 100%
    }

    .users-thumb-list {
        width: 14%
    }
}

@media screen and (max-width:768px) {
    .blog-post-meta > h4 {
        font-size: 18px;
        line-height: 22px
    }

    p {
        font-size: 13px;
        line-height: 22px
    }

    .button {
        font-size: 12px
    }

    .blog-post-meta > span, .blog-post-meta > ul > li a {
        font-size: 11px
    }

    .next-prev-posts .prev > a .translate {
        width: 80%
    }

    .prod-detail > ul.item-info {
        padding-left: 0
    }

    .main-btn {
        padding: 6px 15px;
        font-size: 12px
    }

    .comment-area.product .comment-title {
        font-size: 20px
    }

    .create-by > div {
        max-width: 57%
    }

    .statistic > li {
        font-size: 11px
    }

    .pplan-links > li {
        font-size: 14px
    }

    .download-btn.follow {
        border-width: 2px;
        font-size: 11px;
        padding: 3px 10px;
        right: 85px;
        top: 45px
    }

    .popup {
        width: 80% !important
    }

    .select-box {
        margin-bottom: 10px;
        margin-top: 0;
        width: 100%
    }

    .activity-post, .c-form input.schedule-btn, .select-box__list {
        width: 100%
    }

    #emojionearea1 {
        margin-bottom: 0
    }

    .activity-post .checkbox {
        float: left;
        width: 50%
    }

    .dropzone {
        min-height: 100px;
        padding: 0
    }

    .post-categoroes > li {
        font-size: 11px;
        padding: 5px 7px
    }

    .createroom-popup, .new-question-popup, .popup-wraper, .post-new-popup, .wraper-invite {
        z-index: 9999999
    }

    .add-popup {
        width: 90%
    }
}

@media screen and (max-width:812px) {
    .white-bg, header, header .topbar {
        display: none !important
    }

    .responsive-header {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999999;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0,0,0,.08);
        padding: 8px 12px
    }

    body {
        padding-top: 60px
    }

    .responsive-header .logo.res {
        width: 35%;
        max-width: 150px
    }

        .responsive-header .logo.res img {
            max-height: 40px;
            width: auto
        }

    .user-avatar.mobile .name {
        display: none
    }

    .responsive-header .right-compact {
        width: auto;
        display: flex;
        align-items: center;
        gap: 12px
    }

    .responsive-header .res-search {
        margin: 0 8px 0 0;
        padding: 0;
        line-height: 1
    }

    .responsive-header .sidemenu {
        margin: 0;
        padding: 0;
        line-height: 1
    }

    .side-slide {
        top: 60px !important
    }

    .page-caro {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

        .page-caro::-webkit-scrollbar {
            display: none
        }

        .page-caro .link-item {
            flex-shrink: 0;
            min-width: auto
        }

            .page-caro .link-item a {
                padding: 10px 16px;
                font-size: 13px
            }

            .page-caro .link-item p {
                font-size: 12px;
                margin: 0
            }

    .container-fluid {
        padding-left: 10px;
        padding-right: 10px
    }

    .white-bg {
        padding-top: 10px
    }

    .menu-caro {
        padding: 0
    }
}

@media screen and (max-width:480px) {
    .responsive-header .logo.res {
        width: 30%;
        max-width: 120px
    }

    .user-avatar.mobile {
        width: 12%;
        margin-left :  20px;
    }

        .user-avatar.mobile img {
            max-width: 35px;
            width: 35px
        }

    .responsive-header .right-compact {
        gap: 8px
    }

    body {
        padding-top: 55px
    }

    .page-caro .link-item a {
        padding: 8px 12px
    }

    .page-caro .link-item p {
        font-size: 11px
    }
}

@media screen and (min-width:813px) {
    header, header .topbar {
        display: inline-block !important
    }

    .responsive-header {
        display: none !important
    }

    body {
        padding-top: 0
    }
}

@media screen and (max-width:736px) {
    .gap {
        padding: 50px 0
    }

    .container, .container-sm {
        max-width: 640px
    }

    .sidebar > .widget {
        width: 48%;
        vertical-align: top
    }

    .user-avatar.mobile > .name {
        width: 75%
    }

    .blog-posts > figure {
        max-width: 290px
    }

    .blog-post-meta {
        max-width: 48.2%;
        padding-left: 10px
    }

        .blog-post-meta > h4 {
            font-size: 15px
        }

    .blog-title > h2 {
        font-size: 22px
    }

    .comment-titles > ins {
        font-size: 12px
    }

    .come-soon {
        margin: 50px auto;
        max-width: 80%
    }

        .come-soon > h1 {
            font-size: 50px;
            margin-bottom: 10px
        }

        .come-soon > p {
            font-size: 14px
        }

    .categ-card, .funfact-counter {
        margin-bottom: 30px
    }

    .title > h1 {
        font-size: 25px
    }

    .verticle-center {
        display: inline-block;
        margin: 20px 0;
        width: 100%
    }

    .measure.right {
        padding-left: 0
    }

    .blog-title {
        max-width: 70%
    }

    .blog-meta .blog-title > a {
        font-size: 17px
    }

    .remove-ext30 {
        margin-bottom: -30px
    }

    .notification-box > ul li > i.del {
        left: -16px;
        right: auto;
        top: -8px
    }

    .cart-table tbody td {
        min-width: 320px
    }

    .tab-pane .user-post .friend-name {
        width: 92%
    }

    .post-detail-btn li.nav-item {
        margin-right: 17px
    }

    .progress-bar-labels > li {
        width: 76.6px
    }

    .auto-popup .popup-innner {
        width: 95%
    }

    .inquiry-about > label {
        width: 30%
    }

    .card-poup-meta {
        max-height: 200px;
        overflow-y: scroll;
        position: relative
    }
}

@media screen and (max-width:667px) {
    .container, .container-sm {
        max-width: 600px
    }

    .sidebar > .advertisment-box, .sidebar > .widget {
        display: inline-block;
        margin-right: 0;
        width: 100%
    }

    .university-tag a.invite {
        padding: 7px 16px
    }

    .uni-info > ul > li {
        width: 100%
    }

        .uni-info > ul > li p {
            font-size: 13px;
            line-height: 21px
        }

    .user-avatar.mobile > .name {
        width: 73%
    }

    .blog-posts > figure {
        max-width: 100%
    }

    .blog-post-meta {
        margin-top: 20px;
        max-width: 100%;
        padding-left: 0
    }

    .comment-titles > ins, .prod-detail > ul.item-info > li {
        font-size: 12px
    }

    .comment-titles h6 {
        font-size: 14px
    }

    .commenter-meta > p {
        font-size: 12px;
        line-height: 22px;
        padding-top: 2px
    }

    .main-title {
        font-size: 17px
    }

    .event-schedule > a.invite-co {
        font-size: 14px
    }

    .event-schedule > h5 {
        font-size: 13px
    }

    .message-text-container > form {
        width: 86%
    }

    .message-text-container textarea {
        width: 78%
    }

    .folowerz {
        right: 15px;
        top: 16px
    }

    .stars {
        left: 15px;
        top: 14px
    }

    .post-subject > h4 {
        font-size: 18px
    }

    a.download-btn {
        font-size: 12px;
        padding: 6px 18px
    }

    .post-subject .download-btn {
        top: 30px
    }

    .pplan-links > li {
        font-size: 13px;
        margin-bottom: 10px
    }

    .tab-pane .user-post .friend-name {
        width: 91%
    }

    .download-btn.follow {
        right: 15px
    }

    .post-detail-btn li.nav-item a {
        font-size: 12px
    }

    .question-title {
        font-size: 20px;
        margin-bottom: 5px
    }

    .thanks-purchase > h1 {
        font-size: 70px;
        margin-bottom: 7px
    }

    .thanks-purchase > span {
        font-size: 24px
    }

    .thanks-purchase > p a {
        margin-top: 30px
    }

    .group-dp > img {
        max-width: 100px
    }

    .dept-info > ul > li h6 {
        font-size: 14px
    }

    .users-thumb-list {
        width: 18%
    }
}

@media screen and (max-width:640px) {
    .gap {
        padding: 50px 0
    }

    .error-data > h1 {
        font-size: 40px
    }

    .error-data {
        left: 50%;
        right: auto;
        text-align: center;
        transform: translate(-50%,-50%)
    }

        .error-data > a {
            font-size: 12px;
            padding: 8px 15px
        }

        .error-data figure {
            margin-bottom: 0
        }

    .restop-search > span {
        right: 20px
    }

    .progress-bar-labels > li {
        margin-bottom: 4px
    }

    .welcome-note {
        max-width: 100%
    }

        .welcome-note > p {
            font-size: 14px;
            line-height: 24px
        }

    .signup-form {
        padding: 0
    }

    .auto-popup {
        display: none !important
    }

    .story-wraper {
        max-width: 107px
    }

    .security > ul > li {
        width: 46%
    }
}

@media screen and (max-width:568px) {
    .university-tag > figure img {
        max-width: 70px
    }

    .uni-name {
        padding-left: 10px;
        width: 73%
    }

        .uni-name > h4 {
            font-size: 19px
        }

        .uni-name > span {
            font-size: 12px
        }

    .university-tag a.invite {
        font-size: 11px;
        top: 50px
    }

    .user-avatar.mobile > .name {
        width: 68%
    }

    .blog-title > h2 {
        font-size: 22px
    }

    .next-prev-posts > div {
        width: 100%
    }

    .next-prev-posts .prev {
        margin-bottom: 30px
    }

    .restop-search > span {
        right: 17px
    }

    .col-xs-6 > div {
        width: 50%
    }

    .bottombar span {
        font-size: 12px
    }

    .more {
        float: unset;
        position: absolute;
        right: 0;
        top: 0
    }

    .frnd-opt .more {
        position: unset
    }

    .tags > li a {
        padding: 3px 15px
    }

    .cart-table tbody td > span, .item-meta > h6 {
        font-size: 13px
    }

    .cart-update > a {
        font-size: 11px;
        padding: 5px 10px
    }

    .cart-box form button {
        float: right
    }

    .payment-methods .uk-tab > li {
        margin-right: 20px
    }

    .exp-meta {
        width: 73%
    }

    .post-detail-btn li.nav-item {
        margin-right: 5px
    }

    .login-form {
        padding: 0
    }

    .thanks-purchase > h1 {
        font-size: 50px;
        margin-bottom: 0
    }

    .thanks-purchase > span {
        font-size: 20px
    }

    .thanks-purchase > p {
        font-size: 14px
    }

        .thanks-purchase > p a {
            margin-top: 10px
        }

    .grp-info > h4 {
        font-size: 20px
    }

    .walet-cat {
        margin-bottom: 20px
    }

    .card-poup-meta > ul > li, .security > ul > li {
        width: 83px
    }
}

@media screen and (max-width:480px) {
    .user-avatar.mobile > .name {
        display: none
    }

    .user-avatar.mobile {
        text-align: center
    }

    .res-logo {
        width: 35%
    }

    .restop-search > span {
        right: 11px
    }

    .right-bottom {
        float: unset;
        margin-top: 40px
    }

    .left-bottom {
        text-align: center;
        width: 100%
    }

    .countdown > li {
        text-align: center
    }

    .come-soon > h1 {
        font-size: 40px
    }

    .come-soon > span {
        font-size: 15px
    }

    .come-soon {
        max-width: 100%
    }

    .course-details > h4 {
        width: 100%
    }

    .event-schedule > h5 {
        margin-bottom: 20px
    }

    .search-section > h1 {
        font-size: 28px
    }

    .is-helpful > span {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px
    }

    .feature-meta > h1 {
        font-size: 30px
    }

    .measure > h2 {
        font-size: 25px;
        margin-bottom: 14px
    }

    .measure > p {
        font-size: 14px
    }

    .welcome-parallax > h2 {
        font-size: 28px
    }

    .welcome-parallax > span {
        font-size: 18px;
        margin-bottom: 20px
    }

    .title {
        margin-bottom: 30px
    }

    footer .widget {
        margin-bottom: 0;
        margin-top: 30px
    }

    .message-text-container textarea {
        width: 72%
    }

    .notifi-meta {
        width: 83%
    }

        .notifi-meta > p {
            font-size: 13px;
            line-height: 20px;
            max-width: 90%
        }

        .notifi-meta > span {
            font-size: 11px
        }

    .tags {
        margin-top: 10px;
        padding-left: 0;
        width: 100%
    }

        .tags > li a {
            font-size: 11px;
            padding: 2px 9px;
            margin-bottom: 5px
        }

    .tab-content {
        margin-bottom: 40px
    }

    .post-subject .download-btn {
        right: 0;
        top: 30px
    }

    .post-subject > h4 {
        max-width: 100%
    }

    .post-detail-btn li.nav-item {
        margin-right: -4px
    }

    .friend-name {
        width: 80%
    }

    .exp-meta {
        width: 73%
    }

    .tab-pane .user-post .friend-name {
        width: 78%
    }

    .social-links > span {
        display: inline-block;
        font-size: 13px;
        margin-bottom: 5px;
        width: 100%
    }

    .social-links > input {
        width: 100%
    }

    .social-links {
        margin-bottom: 0
    }

    .post-subject > h1 {
        font-size: 26px
    }

    .post-subject > p {
        font-size: 13px
    }

    .post-subject {
        padding: 35px 0
    }

    .grp-info ul.more-grp-info {
        margin-top: -105px
    }

    .popup, .popup-innner, .share-options {
        width: 85%
    }

    .logo.res {
        width: 34%
    }

        .logo.res > span {
            font-size: 20px
        }

    .upload-media > li {
        padding: 6px 16px
    }

    .story-wraper {
        max-width: 83px
    }

    .stat-tools > .box a, .stat-tools > a {
        padding: 5px 15px;
        font-size: 11px
    }

    .auto-popup {
        display: none !important
    }

    .nav.nav-tabs.about-btn > li a {
        padding: 5px 7px;
        font-size: 12px
    }

    .mockup.right {
        max-width: 100px
    }

    .auth-login .logo {
        margin-top: 20px
    }

    .mockup.left-bottom {
        max-width: 80px
    }

    ul.welcome-caro {
        margin-top: 0
    }

    .verticle-center {
        margin: 0
    }

    .users-thumb-list {
        width: 27%
    }

    .popup {
        padding: 13px;
        width: 95% !important
    }

    .post-newmeta {
        padding-right: 0;
        width: 100%
    }

    .post-new .c-form {
        margin-top: 15px;
        padding-left: 0;
        width: 100%
    }

    .dropzone .dz-message {
        line-height: 100px
    }

    .popup-head > h5 {
        font-size: 14px
    }

    .popup-head {
        padding-top: 10px
    }

    .popup-closed {
        top: 26px
    }

    .card-poup-meta > ul > li, .security > ul > li {
        margin-bottom: 10px;
        width: 45%
    }
}

@media screen and (max-width:420px) {
    .post-detail-btn li.nav-item a {
        font-size: 12px
    }

    .university-tag a.invite {
        position: unset
    }

    .top-area .post-subject {
        padding-top: 30px
    }

    .restop-search > span {
        right: 22px
    }

    .full-book img {
        width: 100%
    }

    .commenter-photo {
        vertical-align: top
    }

    .comment-area.product .commenter-photo > img {
        max-width: 50px
    }

    .pass-form h4 {
        font-size: 18px
    }

    .forget-password .logo {
        margin-bottom: 30px
    }

    .forget-password {
        margin: 35px 0
    }

    .search-section > form {
        max-width: 95%
    }

    .search-section form input {
        font-size: 13px;
        padding: 12px 30px 12px 20px
    }

    .search-section form button {
        right: 10px;
        top: 7px
    }

    .feature-meta > h1 {
        font-size: 27px;
        max-width: 90%
    }

    .feature-meta > h3 {
        font-size: 17px;
        margin-bottom: 20px
    }

    .welcome-parallax > h2 {
        font-size: 25px
    }

    .message-text-container textarea {
        width: 70%
    }

    .message-text-container form button {
        right: 0
    }

    .notifi-meta {
        width: 82%
    }

    .post-subject .download-btn {
        font-size: 11px;
        top: 27px
    }

    .post-subject > h4 {
        max-width: 100%
    }

    .post-detail-btn li.nav-item {
        margin-right: 0
    }

    .post-detail-btn {
        margin-top: 30px
    }

    .price-plan-wraper > h5 {
        font-size: 13px;
        max-width: 100%
    }

    .light-bg.pd-20 {
        padding: 10px
    }

    .payment-methods .uk-tab > li {
        margin-right: 0
    }

    .dis-n-exp > span {
        padding-left: 7px 10px;
        font-size: 11px
    }

    .exp-col > img {
        max-width: 60px
    }

    .exp-meta > p {
        font-size: 11px;
        margin-bottom: 5px
    }

    .exp-meta > h5 {
        font-size: 14px
    }

    .post-title {
        font-size: 16px
    }

    .we-video-info > ul li {
        margin-right: 25px
    }

    .question-meta > p {
        margin-bottom: 10px
    }

    .search-question > form input {
        width: 100%
    }

    .search-question > form {
        width: 95%
    }

    .auth-login {
        padding: 0 30px
    }

    .group-dp > img {
        max-width: 70px
    }

    .group-dp {
        bottom: 10px;
        left: 10px
    }

    .more-grp-info form input {
        float: right;
        transition: .2s linear;
        width: 0%
    }

    .grp-info ul.more-grp-info > li {
        margin-right: 20px;
        margin-left: 0
    }

    .nav.nav-tabs.about-btn {
        margin: 10px 0
    }

    .grp-info ul.more-grp-info {
        margin-top: -155px
    }

    .more-grp-info form:hover input {
        width: 100%
    }

    .pagination > li {
        margin: 2px
    }

    .badge-caro .owl-item > li .progress {
        top: 85px
    }

    .emoji-state {
        text-align: right;
        margin-top: 10px;
        width: 100%;
        margin-bottom: 5px
    }

    .post-meta .premium {
        max-width: 100%;
        margin-bottom: 5px;
        padding-left: 0
    }

    .commenter {
        max-width: 89%
    }

    .post-detail-btn li.nav-item a.active::before {
        left: -13px;
        top: -7px
    }

    .post-detail-btn li.nav-item a.active::after {
        right: -13px;
        top: 5px
    }

    .pop-image {
        padding: 10px
    }

    .action-block {
        margin-bottom: 10px;
        position: unset
    }

    .pop-item > .action-block > a {
        height: 25px;
        line-height: 22px;
        width: 25px
    }

        .pop-item > .action-block > a svg {
            height: 14px;
            width: 14px
        }

    #img-comt .modal-header {
        top: 10px;
        right: 10px
    }

    .story-wraper {
        max-width: 70px
    }

        .story-wraper > span {
            font-size: 10px
        }

    .room-meta > h4 {
        font-size: 18px
    }

    .room-meta > ul > li > div > h6 {
        font-size: 12px
    }

    .progress__outer {
        margin-top: 10px
    }

    .category > li a {
        padding: 4px 8px
    }
}

@media screen and (max-width:375px) {
    .error-data > h1 {
        font-size: 30px
    }

    .prod-detail > ul.item-info > li {
        width: 100%
    }

    .category > li a {
        font-size: 11px;
        padding: 4px 8px
    }

    .measure > h2 {
        max-width: 100%
    }

    .title > h1 {
        font-size: 20px
    }

    .print-share {
        float: left
    }

    .create-date > ul {
        margin-top: 10px;
        width: 100%
    }

    .invoice-item tbody td {
        min-width: 150px
    }

    .message-text-container textarea {
        width: 66%
    }

    .notifi-meta {
        width: 80%
    }

    .question-title {
        font-size: 16px
    }

    .anser .friend-name {
        width: 77%;
        padding-left: 0
    }

    .anser .friend-info > figure {
        margin-top: 0;
        vertical-align: top
    }

        .anser .friend-info > figure img {
            max-width: 35px
        }

    .anser > i {
        font-size: 25px
    }

    .anser {
        padding-left: 28px
    }

    .logo.res > span {
        font-size: 19px
    }

    .logo.res {
        width: 36%
    }

    .badge-caro .owl-item > li .progress {
        top: 0
    }

    .story-wraper {
        max-width: 85px
    }

    .progress-bar-labels > li {
        width: 95.2px
    }

    .share-article {
        text-align: left;
        margin-top: 15px
    }

        .share-article > span {
            margin-bottom: 5px
        }

    .room-meta > ul > li > div > span {
        font-size: 11px
    }
}

@media screen and (max-width:360px) {
    .restop-search > span {
        right: 5px
    }

    .category > li {
        margin-right: 2px
    }

    .countdown > li {
        width: 60px
    }

    .event-schedule > a.invite-co {
        font-size: 13px
    }

    .bottombar span {
        font-size: 11px
    }

    .info-sec > div {
        width: 83%
    }

    .counter {
        font-size: 24px
    }

    .message-text-container textarea {
        width: 64%
    }

    .notifi-meta {
        width: 79%
    }

    .cart-update > a {
        margin: 0
    }

    .authtication {
        padding: 30px 15px
    }

    .thanks-purchase {
        width: 90%
    }

        .thanks-purchase > h1 {
            font-size: 40px
        }

        .thanks-purchase > span {
            font-size: 17px
        }

    .logo.res > span {
        font-size: 19px
    }

    .logo.res {
        width: 36%
    }

    .stat-tools > .box a, .stat-tools > a {
        padding: 5px 12px
    }

    .post-meta .premium {
        padding-left: 0;
        max-width: 100%
    }

    .progress-bar-labels > li {
        width: 90.2px
    }

    .grp-info > ul > li {
        margin-right: 40px
    }

    .feed-back-emojies > ul > li {
        margin-right: 5px
    }
}

@media screen and (max-width:320px) {
    .post-detail-btn li.nav-item {
        margin-right: 1px
    }

    .col-xs-6 > div {
        width: 100%
    }

    .restop-search > span {
        right: 3px
    }

    .create-by > div {
        max-width: 70%
    }

    .info-sec > div {
        width: 82%
    }

    .message-text-container > form {
        width: 77%
    }

    .message-text-container form button {
        right: -20px
    }

    .notifi-meta {
        width: 76%
    }

    .cart-update > a {
        font-size: 9px;
        margin: 0
    }

    .we-video-info > ul li {
        margin-right: 19px
    }

        .we-video-info > ul li span i {
            font-size: 16px
        }

        .friend-name > ins, .we-video-info > ul li span ins {
            font-size: 9px
        }

    .friend-name > span, .post-detail-btn li.nav-item a {
        font-size: 10px
    }

    .folowerz {
        font-size: 12px
    }

    .download-btn.follow {
        top: 37px
    }

    .lang > span {
        font-size: 12px
    }

    .logo.res > span {
        font-size: 19px
    }

    .progress-bar-labels > li {
        width: 76.9px
    }

    .nav.nav-tabs.about-btn > li {
        margin-right: 0
    }

    .post-detail-btn li.nav-item a.active::before {
        left: -11px;
        top: -10px
    }

    .post-detail-btn li.nav-item a.active::after {
        right: -11px;
        top: 2px
    }
}

#page-contents .main-wraper > .row {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: 0;
    margin-right: 0
}

    #page-contents .main-wraper > .row > [class*=col-] {
        width: auto;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

@media screen and (min-width:1200px) {
    #page-contents .main-wraper > .row {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@media screen and (min-width:992px) and (max-width:1199.98px) {
    #page-contents .main-wraper > .row {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media screen and (max-width:420px) {
    #page-contents .main-wraper > .row {
        grid-column-gap: 12px;
        grid-row-gap: 16px
    }
}

#page-contents .suggest-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px 12px 12px;
    height: auto !important;
    min-height: 280px
}

    #page-contents .suggest-card .sc-avatar {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 72px !important;
        height: 72px !important;
        margin: 0 auto 12px;
        display: block
    }

    #page-contents .suggest-card .sc-close-edu {
        top: 8px !important;
        right: 8px !important;
        z-index: 10
    }

    #page-contents .suggest-card .sc-body {
        padding: 0 !important;
        height: auto !important;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

        #page-contents .suggest-card .sc-body > div:first-child {
            justify-content: center !important;
            text-align: center;
            margin-bottom: 8px
        }

            #page-contents .suggest-card .sc-body > div:first-child a {
                font-weight: 600;
                font-size: 14px;
                color: #1f2328;
                text-decoration: none
            }

                #page-contents .suggest-card .sc-body > div:first-child a:hover {
                    text-decoration: underline;
                    color: #0077b5
                }

    #page-contents .suggest-card .meta-chips {
        justify-content: center;
        margin: 8px 0 12px !important;
        width: 100%
    }

    #page-contents .suggest-card .sc-body > div:last-child {
        justify-content: center !important;
        margin-top: auto;
        width: 100%;
        padding-top: 8px
    }

    #page-contents .suggest-card .btn-follow-suggest {
        width: 100%;
        max-width: 140px;
        text-align: center;
        border: 1px solid #0077b5 !important;
        background: 0 0 !important;
        color: #0077b5 !important;
        padding: 6px 16px !important;
        font-size: 13px !important;
        font-weight: 500;
        border-radius: 20px !important;
        transition: .2s
    }

        #page-contents .suggest-card .btn-follow-suggest:hover {
            background: #0077b5 !important;
            color: #fff !important;
            border-color: #0077b5 !important
        }

        #page-contents .suggest-card .btn-follow-suggest i {
            margin-right: 4px
        }