@font-face {
    font-display: swap;
    font-family: "Quicksand";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/quicksand-nanum/quicksand-v31-latin-regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Quicksand";
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/quicksand-nanum/quicksand-v31-latin-500.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Quicksand";
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/quicksand-nanum/quicksand-v31-latin-600.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Quicksand";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/quicksand-nanum/quicksand-v31-latin-700.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Nanum Myeongjo";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/quicksand-nanum/nanum-myeongjo-v22-latin-regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Nanum Myeongjo";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/quicksand-nanum/nanum-myeongjo-v22-latin-700.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Nanum Myeongjo";
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/quicksand-nanum/nanum-myeongjo-v22-latin-800.woff2) format("woff2")
}

@font-face {
    font-family: Helvetica;
    src: url(../../admin/icons/helveticaNeue/fonts/HelveticaNeue.ttf)
}

@font-face {
    size-adjust: 96.9%;
    font-family: ProximaNova-fallback-Arial;
    src: local(arial)
}

@font-face {
    font-display: swap;
    font-family: ProximaNova;
    font-style: normal;
    font-weight: 400;
    src: local("Proxima Nova Regular"),local("ProximaNova-regular"),url(../fonts/proximanova/ProximaNova-regular.woff2) format("woff2"),url(../fonts/proximanova/ProximaNova-regular.woff) format("woff"),url(../fonts/proximanova/ProximaNova-regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: ProximaNova;
    font-style: normal;
    font-weight: 600;
    src: local("Proxima Nova Semibold"),local("ProximaNova-semibold"),url(../fonts/proximanova/ProximaNova-semibold.woff2) format("woff2"),url(../fonts/proximanova/ProximaNova-semibold.woff) format("woff"),url(../fonts/proximanova/ProximaNova-semibold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    size-adjust: 91%;
    font-family: ProximaNovaCondensed-fallback-Arial;
    src: local(arial)
}

@font-face {
    font-display: swap;
    font-family: ProximaNova Condensed;
    font-style: normal;
    font-weight: 800;
    src: local("Proxima Nova Condensed"),local("proximanovacond-extrabold"),url(../fonts/proximanova/proximanovacond-extrabold.woff2) format("woff2"),url(../fonts/proximanova/proximanovacond-extrabold.woff) format("woff"),url(../fonts/proximanova/proximanovacond-extrabold.ttf) format("truetype")
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/cormorant_garamond/CormorantGaramond-BoldItalic.woff2) format("woff2"),url(../fonts/cormorant_garamond/CormorantGaramond-BoldItalic.woff) format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/cormorant_garamond/CormorantGaramond-Italic.woff2) format("woff2"),url(../fonts/cormorant_garamond/CormorantGaramond-Italic.woff) format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/cormorant_garamond/CormorantGaramond-Light.woff2) format("woff2"),url(../fonts/cormorant_garamond/CormorantGaramond-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/cormorant_garamond/CormorantGaramond-Bold.woff2) format("woff2"),url(../fonts/cormorant_garamond/CormorantGaramond-Bold.woff) format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/cormorant_garamond/CormorantGaramond-LightItalic.woff2) format("woff2"),url(../fonts/cormorant_garamond/rmoraContGaramond-LightItalic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/cormorant_garamond/CormorantGaramond-MediumItalic.woff2) format("woff2"),url(../fonts/cormorant_garamond/CormorantGaramond-MediumItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/cormorant_garamond/CormorantGaramond-Medium.woff2) format("woff2"),url(../fonts/cormorant_garamond/CormorantGaramond-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/cormorant_garamond/CormorantGaramond-SemiBold.woff2) format("woff2"),url(../fonts/cormorant_garamond/CormorantGaramond-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/cormorant_garamond/CormorantGaramond-Regular.woff2) format("woff2"),url(../fonts/cormorant_garamond/CormorantGaramond-Regular.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url(../fonts/cormorant_garamond/CormorantGaramond-SemiBoldItalic.woff2) format("woff2"),url(../fonts/cormorant_garamond/CormorantGaramond-SemiBoldItalic.woff) format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: ""Quicksand", sans-serif !important;-Book";
    src: url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-BookItalic.woff2) format("woff2"),url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-BookItalic.woff) format("woff");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: ""Quicksand", sans-serif !important;-Semi";
    src: url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-Semi.woff2) format("woff2"),url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-Semi.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ""Quicksand", sans-serif !important;";
    src: url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-Light.woff2) format("woff2"),url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: ""Quicksand", sans-serif !important;";
    src: url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-Bold.woff2) format("woff2"),url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: ""Quicksand", sans-serif !important;-Book";
    src: url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-Book.woff2) format("woff2"),url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-Book.woff) format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: ""Quicksand", sans-serif !important;";
    src: url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-Medium.woff2) format("woff2"),url(../fonts/"Quicksand", sans-serif !important;/"Quicksand", sans-serif !important;-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

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

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --page-background: #f6f7f9;
    --surface-white: #ffffff;
    --border-light: #e1e5e9;
    --brand-navy: #072a5e;
}

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

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

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

    hr:not([size]) {
        height: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ol, ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

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

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

    a:hover {
        color: #0a58ca
    }

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

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

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

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

code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

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

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

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

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

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

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

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

textarea {
    resize: vertical
}

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

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

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

legend + * {
    clear: left
}

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

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

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

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

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

::file-selector-button {
    font: inherit
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

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

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

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

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

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

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

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

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

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

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

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

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

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

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

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

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

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 32px;
    --bs-gutter-y: 32px;
    
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

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

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

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

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

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

@media (min-width:1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px !important;
    }
}

@media (min-width:1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px !important;
    }
}

@media (min-width:2000px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1920px !important;
    }
}

@media (min-width:2200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 2120px !important;
    }
}

@media (min-width:2400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 2320px !important;
    }
}

@media (min-width:2600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 2520px !important;
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2)
}

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

.col {
    flex: 1 0 0%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

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

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

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

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

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

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

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

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

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

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

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

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

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

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

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

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

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

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

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

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

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

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

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

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

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

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

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

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

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

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

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

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xl-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

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

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

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

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

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

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

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

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xxl-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

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

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: currentColor
    }

.caption-top {
    caption-side: top
}

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

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

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

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

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

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

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

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e
}

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

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

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

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

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

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

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

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

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

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

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

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

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

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

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

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

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

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

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

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

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

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

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

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

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

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

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

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    max-width: 3rem;
    height: auto;
    padding: .375rem
}

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

    .form-control-color::-moz-color-swatch {
        height: 1.5em;
        border-radius: .25rem
    }

    .form-control-color::-webkit-color-swatch {
        height: 1.5em;
        border-radius: .25rem
    }

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

    .form-select:disabled {
        background-color: #e9ecef
    }

    .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #212529
    }

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

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

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

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

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

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

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

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

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

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

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

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

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

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

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

    .form-switch .form-check-input {
        width: 2em;
        margin-left: -2.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2em;
        transition: background-position .15s ease-in-out
    }

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

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

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

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

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

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

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

    .form-range:focus {
        outline: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-floating {
    position: relative
}

    .form-floating > .form-control, .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        padding: 1rem .75rem
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 1rem .75rem;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out
    }

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

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

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

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

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

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

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

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

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

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

        .input-group > .form-control:focus, .input-group > .form-select:focus {
            z-index: 3
        }

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

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

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

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

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

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

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

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

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

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

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

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

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

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: #198754;
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

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

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: #198754
}

    .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
        border-color: #198754;
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #198754
}

    .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
        background-color: #198754
    }

    .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
    }

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

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

.input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid {
    z-index: 1
}

    .input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus {
        z-index: 3
    }

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

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

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

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

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

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

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

    .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
        padding-right: 4.125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

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

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

    .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
        background-color: #dc3545
    }

    .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
    }

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

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

.input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid {
    z-index: 2
}

    .input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus {
        z-index: 3
    }

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.btn:hover {
    color: #212529
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

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

.btn-primary {
    color: #fff;
    background-color: #23d3d3;
    border-color: #23d3d3
}

    .btn-primary:hover {
        color: #fff;
        background-color: #23d3d3;
        border-color: #23d3d3
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: #fff;
        background-color: #23d3d3;
        border-color: #23d3d3;
        box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
    }

    .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0a58ca;
        border-color: #0a53be
    }

        .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
        }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd
    }

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

    .btn-secondary:hover {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64
    }

    .btn-check:focus + .btn-secondary, .btn-secondary:focus {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64;
        box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
    }

    .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #565e64;
        border-color: #51585e
    }

        .btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
        }

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

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

    .btn-success:hover {
        color: #fff;
        background-color: #157347;
        border-color: #146c43
    }

    .btn-check:focus + .btn-success, .btn-success:focus {
        color: #fff;
        background-color: #157347;
        border-color: #146c43;
        box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
    }

    .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #146c43;
        border-color: #13653f
    }

        .btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
        }

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

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

    .btn-info:hover {
        color: #000;
        background-color: #31d2f2;
        border-color: #25cff2
    }

    .btn-check:focus + .btn-info, .btn-info:focus {
        color: #000;
        background-color: #31d2f2;
        border-color: #25cff2;
        box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
    }

    .btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
        color: #000;
        background-color: #3dd5f3;
        border-color: #25cff2
    }

        .btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
        }

    .btn-info.disabled, .btn-info:disabled {
        color: #000;
        background-color: #0dcaf0;
        border-color: #0dcaf0
    }

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

    .btn-warning:hover {
        color: #000;
        background-color: #ffca2c;
        border-color: #ffc720
    }

    .btn-check:focus + .btn-warning, .btn-warning:focus {
        color: #000;
        background-color: #ffca2c;
        border-color: #ffc720;
        box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
    }

    .btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
        color: #000;
        background-color: #ffcd39;
        border-color: #ffc720
    }

        .btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
        }

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

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

    .btn-danger:hover {
        color: #fff;
        background-color: #bb2d3b;
        border-color: #b02a37
    }

    .btn-check:focus + .btn-danger, .btn-danger:focus {
        color: #fff;
        background-color: #bb2d3b;
        border-color: #b02a37;
        box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
    }

    .btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #b02a37;
        border-color: #a52834
    }

        .btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
        }

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

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

    .btn-light:hover {
        color: #000;
        background-color: #f9fafb;
        border-color: #f9fafb
    }

    .btn-check:focus + .btn-light, .btn-light:focus {
        color: #000;
        background-color: #f9fafb;
        border-color: #f9fafb;
        box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
    }

    .btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle {
        color: #000;
        background-color: #f9fafb;
        border-color: #f9fafb
    }

        .btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
        }

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

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

    .btn-dark:hover {
        color: #fff;
        background-color: #1c1f23;
        border-color: #1a1e21
    }

    .btn-check:focus + .btn-dark, .btn-dark:focus {
        color: #fff;
        background-color: #1c1f23;
        border-color: #1a1e21;
        box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
    }

    .btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1a1e21;
        border-color: #191c1f
    }

        .btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
        }

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

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd
    }

    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.5)
    }

    .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd
    }

        .btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
            box-shadow: 0 0 0 .25rem rgba(13,110,253,.5)
        }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #0d6efd;
        background-color: transparent
    }

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

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

    .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 .25rem rgba(108,117,125,.5)
    }

    .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus {
            box-shadow: 0 0 0 .25rem rgba(108,117,125,.5)
        }

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

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

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

    .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
        box-shadow: 0 0 0 .25rem rgba(25,135,84,.5)
    }

    .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
        color: #fff;
        background-color: #198754;
        border-color: #198754
    }

        .btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
            box-shadow: 0 0 0 .25rem rgba(25,135,84,.5)
        }

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

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

    .btn-outline-info:hover {
        color: #000;
        background-color: #0dcaf0;
        border-color: #0dcaf0
    }

    .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
        box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
    }

    .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
        color: #000;
        background-color: #0dcaf0;
        border-color: #0dcaf0
    }

        .btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus {
            box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
        }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #0dcaf0;
        background-color: transparent
    }

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

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

    .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
        box-shadow: 0 0 0 .25rem rgba(255,193,7,.5)
    }

    .btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active {
        color: #000;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus {
            box-shadow: 0 0 0 .25rem rgba(255,193,7,.5)
        }

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

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

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

    .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.5)
    }

    .btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus {
            box-shadow: 0 0 0 .25rem rgba(220,53,69,.5)
        }

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

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

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

    .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
        box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
    }

    .btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active {
        color: #000;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus {
            box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
        }

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

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

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

    .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
        box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
    }

    .btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active {
        color: #fff;
        background-color: #212529;
        border-color: #212529
    }

        .btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus {
            box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
        }

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

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

    .btn-link:hover {
        color: #0a58ca
    }

    .btn-link.disabled, .btn-link:disabled {
        color: #6c757d
    }

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

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

.fade {
    transition: opacity .15s linear
}

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

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap
}

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

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

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

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: .125rem
    }

.dropdown-menu-start {
    --bs-position: start
}

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0
    }

.dropdown-menu-end {
    --bs-position: end
}

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto
    }

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-md-end {
        --bs-position: end
    }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

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

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

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

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

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

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

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

.dropstart .dropdown-toggle::after {
    display: none
}

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

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

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.15)
}

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

    .dropdown-item:focus, .dropdown-item:hover {
        color: #1e2125;
        background-color: #e9ecef
    }

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

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

.dropdown-menu.show {
    display: block
}

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

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

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0,0,0,.15)
}

    .dropdown-menu-dark .dropdown-item {
        color: #dee2e6
    }

        .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover {
            color: #fff;
            background-color: rgba(255,255,255,.15)
        }

        .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
            color: #fff;
            background-color: #0d6efd
        }

        .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
            color: #adb5bd
        }

    .dropdown-menu-dark .dropdown-divider {
        border-color: rgba(0,0,0,.15)
    }

    .dropdown-menu-dark .dropdown-item-text {
        color: #dee2e6
    }

    .dropdown-menu-dark .dropdown-header {
        color: #adb5bd
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

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

.nav-link:focus, .nav-link:hover {
    color: #0a58ca
}

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

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

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

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

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

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

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

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

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

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

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

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

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

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

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

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

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

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

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

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

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

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

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out
}

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

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 .25rem
}

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

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

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

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

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

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

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

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

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

@media (min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card-title {
    margin-bottom: .5rem
}

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

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

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

.card-link + .card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

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

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

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

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

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

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

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

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

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

.card-group > .card {
    margin-bottom: .75rem
}

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

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

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

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

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

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

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

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

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

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}

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

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
}

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        transform: rotate(-180deg)
    }

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

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

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

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

    .accordion-item:first-of-type {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: calc(.25rem - 1px);
            border-top-right-radius: calc(.25rem - 1px)
        }

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

    .accordion-item:last-of-type {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: calc(.25rem - 1px);
            border-bottom-left-radius: calc(.25rem - 1px)
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: .25rem
        }

.accordion-body {
    padding: 1rem 1.25rem
}

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

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

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

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

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

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none
}

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

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: .5rem;
        color: #6c757d;
        content: var(--bs-breadcrumb-divider, "https://golohtml.uxper.co/")
    }

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

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.page-link:hover {
    z-index: 2 !important;
    color: #23d3d3 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.page-link:focus {
    z-index: 3;
    color: #23d3d3 !important;
    background-color: transparent !important;
    outline: 0;
    box-shadow: none !important;
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

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

.page-item.disabled span.page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
    position: relative;
    float: left;
    padding: 0;
    margin: 0 !important;
    line-height: 1.42857143;
    color: #9e9e9e;
    text-decoration: none;
    background-color: none !important;
    border-radius: 0 !important;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    border: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.page-link {
    padding: .375rem .75rem
}

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

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

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

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

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

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

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

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

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

    .badge:empty {
        display: none
    }

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

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

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
}

    .alert-primary .alert-link {
        color: #06357a
    }

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

    .alert-secondary .alert-link {
        color: #34383c
    }

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc
}

    .alert-success .alert-link {
        color: #0c4128
    }

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
}

    .alert-info .alert-link {
        color: #04414d
    }

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

    .alert-warning .alert-link {
        color: #523e02
    }

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

    .alert-danger .alert-link {
        color: #6a1a21
    }

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

    .alert-light .alert-link {
        color: #4f5050
    }

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
}

    .alert-dark .alert-link {
        color: #101214
    }

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

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

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

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

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

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

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

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

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

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

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

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

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

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

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #084298;
        background-color: #bacbe6
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #084298;
        border-color: #084298
    }

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #41464b;
        background-color: #cbccce
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #41464b;
        border-color: #41464b
    }

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
        color: #0f5132;
        background-color: #bcd0c7
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #0f5132;
        border-color: #0f5132
    }

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
        color: #055160;
        background-color: #badce3
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #055160;
        border-color: #055160
    }

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
        color: #664d03;
        background-color: #e6dbb9
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #664d03;
        border-color: #664d03
    }

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

    .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
        color: #842029;
        background-color: #dfc2c4
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #842029;
        border-color: #842029
    }

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

    .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
        color: #636464;
        background-color: #e5e5e5
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #636464;
        border-color: #636464
    }

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
        color: #141619;
        background-color: #bebebf
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #141619;
        border-color: #141619
    }

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
        opacity: 1
    }

    .btn-close.disabled, .btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .25
    }

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: .25rem
}

    .toast:not(.showing):not(.show) {
        opacity: 0
    }

    .toast.hide {
        display: none
    }

.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

    .toast-container > :not(:last-child) {
        margin-bottom: .75rem
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

    .toast-header .btn-close {
        margin-right: -.375rem;
        margin-left: .75rem
    }

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

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

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

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

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

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

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

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

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .modal-header .btn-close {
        padding: .5rem .5rem;
        margin: -.5rem -.5rem -.5rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

    .modal-footer > * {
        margin: .25rem
    }

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

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

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

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

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

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

    .modal-fullscreen .modal-header {
        border-radius: 0
    }

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

    .modal-fullscreen .modal-footer {
        border-radius: 0
    }

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

        .modal-fullscreen-sm-down .modal-header {
            border-radius: 0
        }

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

        .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0
        }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

        .modal-fullscreen-md-down .modal-header {
            border-radius: 0
        }

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

        .modal-fullscreen-md-down .modal-footer {
            border-radius: 0
        }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

        .modal-fullscreen-lg-down .modal-header {
            border-radius: 0
        }

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

        .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0
        }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

        .modal-fullscreen-xl-down .modal-header {
            border-radius: 0
        }

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

        .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0
        }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

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

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

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

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

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

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

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

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

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

.bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end {
    padding: 0 .4rem
}

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

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

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

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

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

.bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start {
    padding: 0 .4rem
}

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

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

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

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

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

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-.5rem - 1px)
}

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

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
        bottom: 1px;
        border-width: .5rem .5rem 0;
        border-top-color: #fff
    }

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

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

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
        left: 1px;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: #fff
    }

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-.5rem - 1px)
}

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

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
        top: 1px;
        border-width: 0 .5rem .5rem .5rem;
        border-bottom-color: #fff
    }

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

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

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

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
        right: 1px;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: #fff
    }

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

    .popover-header:empty {
        display: none
    }

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

.carousel {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition: none
    }
}

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

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

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

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

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

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

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

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

.carousel-indicators .active {
    opacity: 1
}

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

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

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

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

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

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

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

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

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

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

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

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

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

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

@media (prefers-reduced-motion:reduce) {
    .spinner-border, .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

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

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem
}

    .offcanvas-header .btn-close {
        padding: .5rem .5rem;
        margin: -.5rem -.5rem -.5rem auto
    }

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0,0,0,.2);
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0,0,0,.2);
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0,0,0,.2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

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

.link-primary {
    color: #0d6efd
}

    .link-primary:focus, .link-primary:hover {
        color: #0a58ca
    }

.link-secondary {
    color: #6c757d
}

    .link-secondary:focus, .link-secondary:hover {
        color: #565e64
    }

.link-success {
    color: #198754
}

    .link-success:focus, .link-success:hover {
        color: #146c43
    }

.link-info {
    color: #0dcaf0
}

    .link-info:focus, .link-info:hover {
        color: #3dd5f3
    }

.link-warning {
    color: #ffc107
}

    .link-warning:focus, .link-warning:hover {
        color: #ffcd39
    }

.link-danger {
    color: #dc3545
}

    .link-danger:focus, .link-danger:hover {
        color: #b02a37
    }

.link-light {
    color: #f8f9fa
}

    .link-light:focus, .link-light:hover {
        color: #f9fafb
    }

.link-dark {
    color: #212529
}

    .link-dark:focus, .link-dark:hover {
        color: #1a1e21
    }

.ratio {
    position: relative;
    width: 100%
}

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: ""
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%)
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

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

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

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

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

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

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

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%,-50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0d6efd !important
}

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

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

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

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

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

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    color: #0d6efd !important
}

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

.text-success {
    color: #198754 !important
}

.text-info {
    color: #0dcaf0 !important
}

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

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

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

.text-dark {
    color: #212529 !important
}

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

.text-body {
    color: #212529 !important
}

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

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important
}

.text-reset {
    color: inherit !important
}

.bg-primary {
    background-color: #0d6efd !important
}

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

.bg-success {
    background-color: #198754 !important
}

.bg-info {
    background-color: #0dcaf0 !important
}

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

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

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

.bg-dark {
    background-color: #212529 !important
}

.bg-body {
    background-color: #fff !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-end {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-start {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.main-menu li a, .product-card-new, .right-header > div a, .widget-sb-detail .business-info li a, a, a:focus, a:hover {
    text-decoration: none
}

#place-map-filter .places-item, .account img, .banner-search.layout-03, .banner-search.layout-03 button, .btn-border, .carousel-control-next span, .carousel-control-prev span, .cities .hover-img, .cities__item, .cst-form input[type="submit"], .cuisine-slider .item img, .cuisine-slider .item span.hover-img, .entry-author > img, .entry-meta li:after, .explore-item .explore-thumb, .faqs-accordion li, .featured-slider.slick-slider .cities__item, .field-select #options, .filter-mobile .mb-maps a, .filter-mobile li a, .footer.layout-03 a.btn, .gj-picker-bootstrap td div, .maps-button .field-select, .maps-button a, .maps-wrap .places-item, .member-wrap .member-avatar img, .newsletterForm button, .newsletterForm input, .owner-top-info .avatar img, .pagination__numbers a, .pagination__numbers span, .place-item.layout-02 .author, .place-item.layout-02 .author img, .place-item.layout-02 .entry-category, .place-item.layout-02 .entry-category:hover, .place-item.layout-02 .feature, .place-item.layout-02 .place-inner, .place-item.layout-02 .place-thumb .btn-add-to-wishlist, .popup-wrap .popup-middle, .right-header__button, .search-suggestions, .select-box .filter-control .list, .shop-details__addcart button, .shop-details__quantity, .shop-details__quantity input, .shop-details__quantity span, .site-banner__search .site-banner__search__input, .slick-nav > div, .template-coming-soon.layout-2 .cs-day, .testimonial-control .tc-item img, .testimonial-slider.layout-02 .testimonial-item .avatar .quote, .testimonial-slider.layout-02 .testimonial-item img, .widget-category li:before, .widget-post .post img, .widget-sb-detail .map-detail .map-local, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="text"], textarea {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

.banner-wrap, .city-slider, .conBoxLt, .conBoxRt, .conBoxrow, .custom-modal, .right-header .header-menu li, .right-header__destinations, .right-header__languages, .site, .slick-sliders {
    position: relative
}

#marketcontent a, #marketcontent a span, #marketcontent p a span {
    color: #23d3d3 !important;
    width: max-content
}

#tocList li, .blog-card, .blog-content .blog-left .breadcrumbs, .filter-box .field-check, .footer .footer__top__info .footer__top__info__desc, .landing-title.title-desc-up p, .tab-content .tab-pane p, .updated, .widget.widget-text p {
    margin-bottom: 10px
}

.custom-modal, .succes {
    background-color: #fff
}

    .sing-in-btn, .succes.border-bottom, .wp-block-button__link {
        background-color: #23d3d3
    }

#marketcontent a, #marketcontent a span, #marketcontent p a span, #marketcontent span {
    width: -webkit-max-content;
    width: -moz-max-content
}

#marketcontent p, #marketcontent p span {
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    vertical-align: baseline;
    white-space: pre-wrap
}

a, h3 {
    color: #000000;
}

#tocList li a, .cities__info .cities__capital, .con-list .info h3, .con-list .info h5, .custom-modal .border-bottom, .custom-modal .content .type, .footer__top__nav li a, .main-menu li a, .nav-easy .navbar-nav li a, nav-easy {
    font-family: "Quicksand", sans-serif !important;
}

.right-header__destinations a svg, .right-header__languages a svg {
    vertical-align: 2px
}

.author-social li svg:hover > *, .place__title--reviews svg > *, .review-form .stars.selected a.active svg > *, .review-form .stars.selected a:not(.active) svg > *, .review-form .stars:hover svg > *, .reviews .reviews__number svg > *, .right-header__minicart svg:hover > * {
    fill: #23d3d3
}

.site-banner__search.layout-02 .field-submit button:focus {
    outline: inherit;
    outline: inherit
}

abbr, acronym, address, applet, big, blockquote, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, iframe, ins, kbd, label, legend, li, object, ol, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

.succes-animation {
    -webkit-animation: 2s infinite succes-pulse;
    animation: 2s infinite succes-pulse
}

.archive-city.layout-02 .main-primary, .featured-home .cities, .navbar, .template-coming-soon.layout-2 .site-main, div#searchresult ul {
    padding: 0
}

#tocList li {
    list-style-type: none;
    padding-bottom: 7px
}

    #tocList li ul {
        margin-top: 10px;
        margin-left: 10px
    }

        #tocList li ul li a, .megamenu ul li a {
            font-size: 13px
        }

    #tocList li a {
        font-weight: 700;
        font-size: 16px
    }

.posted {
    float: left
}

.custom-modal {
    border-radius: 30px;
    -webkit-box-shadow: rgb(104 104 104/28%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px;
    box-shadow: rgb(104 104 104/28%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px;
    margin: 40px auto
}

    .custom-modal .content .message-type, .custom-modal .content p {
        font-size: 15px;
        color: #999;
        margin: 8px 0;
        font-family: "Quicksand", sans-serif !important;;
        font-weight: 700
    }

    .custom-modal .content {
        width: 100%;
        text-align: center;
        padding: 65px 15px 20px
    }

        .custom-modal .content .type {
            font-size: 24px;
            color: #000;
            font-weight: 700
        }

    .custom-modal .border-bottom {
        position: absolute;
        width: 90%;
        border-radius: 0 0 30px 30px;
        bottom: -32px;
        cursor: pointer;
        margin: 0 25px;
        text-align: center;
        font-weight: 700;
        color: #fff;
        padding: 7px 0
    }

    .custom-modal .icon-top {
        position: absolute;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        left: 38%;
        -webkit-box-shadow: rgb(99 99 99/20%) 0 2px 8px 0;
        box-shadow: rgb(99 99 99/20%) 0 2px 8px 0;
        top: -49px;
        font-size: 30px;
        color: #fff;
        line-height: 100px;
        text-align: center
    }

.catlist-set .place-inner {
    height: 480px
}

.cities__thumb {
    border: 2px solid #eee
}

.right-header__login {
    margin-top: -5px
}

.sing-in-btn {
    padding: 5px 10px;
    border-radius: 30px;
    color: #fff !important;
    display: inline-block !important
}

.right-header__login > a {
    font-size: 15px !important;
    font-weight: 500;
    font-family: "Quicksand", sans-serif !important;
    margin-left: 30px
}

.cities__item {
    -webkit-border-radius: 0;
    margin-right: 10px;
    -ms-border-radius: 0;
    height: auto;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px
}

.title-border-bottom a {
    float: left;
    font-size: 17px
}

.carousel-control-next, .carousel-control-prev, .sec-link .pl-0 {
    width: auto !important
}

.place-thumb .carousel-control-next span {
    right: 0 !important;
    top: 50%;
    transform: translateY(-50%)
}

.place-thumb .carousel-control-prev span {
    left: 0 !important;
    top: 50%;
    transform: translateY(-50%)
}

.cities__item img {
    height: 168px;
    border-radius: 15px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.carousel-control-next span, .carousel-control-prev span {
    position: absolute;
    top: 30%;
    width: 30px;
    line-height: 50px;
    border-radius: 50%;
    background-color: #b1b0b0;
    opacity: 0.7;
    text-align: center;
    height: 30px;
    cursor: pointer
}

.conBoxMid, .conBoxMid img, .headingBox h1:before {
    top: 50%;
    position: absolute
}

.cities__info .cities__capital {
    margin-top: 8px
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-size: 66% 67%
}

.entry-desc h2 {
    font-family: "Quicksand", sans-serif !important;;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.9px
}

#marketcontent p, .eventcontent h3 {
    margin-bottom: 10px !important
}

.carousel-control-next span {
    right: -27px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#hero-slider .carousel-control-next, #hero-slider .carousel-control-prev, #marketcontent br, .accordion-content, .archive-city .archive-filter > form.sortForm, .archive-city.layout-02 .archive-filter, .faqs-accordion li .desc, .field-date .input-group-append, .filterForm .filter-head .close, .header-landing .site__menu__icon, .listing-menu li span.icon, .maps-wrap #maps-view .gm-style-mtc, .mb-maps, .menu-wrap, .nav-easy .navbar-nav li a i, .place-item.layout-02 .featured, .product-card-new .pr-image-ref:before, .select-box select, .site__menu, .sortForm .filter-head .close, .sub-banner .banner-left:after, .widget-reservation-mini, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, a.site__menu__icon {
    display: none
}

.carousel-control-prev span {
    left: -28px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

a, button {
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out
}

.eventspace {
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: rgb(0 0 0/5%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px;
    box-shadow: rgb(0 0 0/5%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px;
    display: flow-root;
    margin-bottom: 10px
}

.conBoxLt, .conBoxRt, .conBoxrow, .headingBox {
    display: inline-block;
    width: 100%
}

.conBoxRt {
    min-height: 142px;
    padding-left: 120px
}

.sticky-button {
    position: sticky;
    bottom: 10px
}

.wp-block-button a {
    border: 2px solid #23d3d3;
    background-color: #23d3d3;
    line-height: 40px;
    font-weight: 500;
    color: #fff !important;
    padding: 2px 20px;
    border-radius: 29px;
    margin-bottom: 20px;
    display: inline-block
}

.a-link, .title a {
    font-size: 17px;
    float: right;
    margin-top: 15px;
    color: #23d3d3
}

.wp-block-button {
    text-align: center;
    margin-bottom: 20px
}

.topContentSec {
    width: 100%;
    float: left;
    padding: 90px 0 85px
}

.conBoxMid, .cuisine-slider .item, .headingBox, .home-main .site-banner__content, .links, .page-title__content {
    text-align: center
}

    .headingBox h1:before {
        width: 77px;
        height: 75px;
        content: "";
        left: 50%;
        margin-left: -38.5px;
        margin-top: -37.5px;
        background: url(/website/images/setting.png) 0 0/contain no-repeat
    }

    .headingBox h1, .headingBox h2, .headingBox h3 {
        font-family: "Quicksand", sans-serif !important;
        font-size: 28px;
        font-weight: 500;
        line-height: 1.61;
        position: relative
    }

    .headingBox p {
        color: #666;
        font: 400 20px/28px Lato,sans-serif;
        padding-top: 7px
    }

.innTopcontentBox {
    width: 100%;
    float: left
}

.conBoxrow {
    margin: 50px 0
}

.conBoxLt {
    min-height: 142px;
    padding-right: 120px;
    text-align: right
}

    .conBoxLt strong {
        color: #e4e8ed;
        font: 75px/142px "Bodoni MT"
    }

.conBoxRt h4 {
    font: 600 24px/28px "Open Sans",sans-serif;
    color: #333;
    padding-top: 20px
}

.conBoxRt p {
    color: #666;
    font: 400 18px/24px Lato,sans-serif;
    padding-top: 15px
}

.list-card h3, .list-card h3 a, .main-menu li:hover .head-top-link, .megamenu ul li:hover a, .right-header .header-menu li:hover > a, .right-header > div a:hover, .right-header__minicart .right-header__number {
    color: #23d3d3
}

.conBoxrow:first-child .conBoxMid {
    background: #3769b3
}

.conBoxrow:nth-child(2) .conBoxMid {
    background: #2255a1
}

.conBoxrow:nth-child(3) .conBoxMid {
    background: #072a5e
}

#marketcontent p, #marketcontent p span, .cities-wrap.unbackground, .footer-subscribe button, .toolbox-item select {
    background-color: transparent
}

.conBoxMid {
    width: 142px;
    height: 142px;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.list-card, .place-item, .place__comments, .place__comments .place__author, .place__meta, .post {
    margin-bottom: 20px
}

.conBoxMid img {
    max-width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.chosen-container, .edit-post-visual-editor__content-area, .sponz .col-md-4 {
    width: 100% !important
}

@media only screen and (max-width: 767px) {
    .conBoxLt, .conBoxrow .conBoxRt:before {
        display: none
    }

    .conBoxLt {
        padding-right: 90px
    }

    .container {
        max-width: 100% !important
    }

    .conBoxLt strong {
        font-size: 54px
    }

    .conBoxMid {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        left: -5px;
        top: 26px;
        width: 122px;
        height: 122px
    }

    .conBoxMid2 {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        right: 0 !important;
        left: unset !important;
        top: 26px !important
    }
}

.popup__box, .slick-slide > div > *, body {
    line-height: normal
}

.list-card h3, .popup .popup__close i {
    font-size: 20px
}

.eventimg {
    width: 15%;
    float: left
}

    .eventimg img {
        width: 100%;
        border-radius: 7px
    }

.eventcontent {
    width: 83%;
    float: left;
    margin-left: 15px
}

.cuisine-wrap .hover-img img, .links, figure.rounded img {
    width: 100%
}

.eventcontent p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.catlist-set .entry-detail {
    height: 266px
}

.cm-img-upload img {
    width: 100%;
    height: 147px;
    border-radius: 4px
}

.catlist-set .btn-vendor {
    position: absolute;
    width: 90%;
    bottom: 35px
}

.list-card {
    background: #fff;
    border: 1px solid #eee;
    height: 580px;
    border-radius: 15px
}

    .list-card .card-img {
        border-radius: 15px
    }

        .list-card .card-img .carousel .carousel-control-prev span {
            left: 0;
            top: 50%;
            transform: translateY(-50%)
        }

        .list-card .card-img .carousel .carousel-control-next span {
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

        .list-card .card-img img {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px
        }

#marketcontent {
    -webkit-box-shadow: rgb(0 0 0/10%) 0 4px 12px;
    box-shadow: rgb(0 0 0/10%) 0 4px 12px;
    padding: 25px 20px;
    border-radius: 10px;
    margin-top: 31px !important;
    margin-bottom: 31px !important
}

    #marketcontent p {
        font-size: 19px !important;
        font-family: inherit !important;
        color: #545454 !important;
        display: inline-table !important
    }

        #marketcontent p span, #marketcontent span {
            font-size: 19px !important;
            font-family: "Quicksand", sans-serif !important;
            color: #545454 !important
        }

    #marketcontent span {
        width: max-content;
        font-weight: 200
    }

    #marketcontent a span {
        font-weight: 200 !important
    }

    #marketcontent a {
        font-weight: 700 !important
    }

.list-card .card-content {
    height: 312px;
    position: relative;
    border-top: 0;
    padding: 20px 14px 9px
}

.card-content .btn-vendor {
    position: absolute;
    width: 90%;
    bottom: -1px
}

.list-card h3 {
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 4px
}

.list-card .location {
    font-size: 14px;
    margin-right: 15px;
    font-weight: 500;
    font-family: "Quicksand", sans-serif !important;
}

.list-card .entry-head, .place-item.layout-02 .entry-head {
    font-size: 16px;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5px
}

.list-card .place-type, .place-item.layout-02 .place-type {
    font-size: 16px;
    line-height: 1.5;
    text-transform: inherit;
    margin-bottom: 0
}

.capacity span, .guest-count span, .list-card .guest-count span {
    font-weight: 700;
    color: #000
}

.toolbox-item, .toolbox-left, .toolbox-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.location_outer_wpr, .product-small {
    display: -webkit-box;
    display: -ms-flexbox
}

.toolbox-right {
    margin-left: auto
}

.toolbox-item select {
    max-width: none;
    width: auto;
    padding: 0.75em 39px 0.75em 9px;
    border-radius: 0.3rem;
    border: 1px solid #e3e3e3;
    margin-left: 10px;
    height: 100%;
    color: inherit;
    font-size: 14px;
    font-family: inherit;
    letter-spacing: inherit;
    z-index: 1;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

.main-menu, .right-header > div, body {
    letter-spacing: normal
}

.mr-3, .site__menu .site__menu__icon {
    margin-right: 15px
}

.tooltip-bg {
    margin-top: 15px;
    background: #f3f2f2;
    padding: 18px;
    border-radius: 9px
}

.scrolled {
    background: #21406e !important
}

    .btn-primary, .scrolled p {
        color: #fff !important
    }

.slide-illus img {
    width: 70% !important;
    margin: 0 auto;
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.illus-sec .site-banner__search.layout-02 {
    -webkit-box-shadow: rgb(54 54 54/35%) 0 0 10px 0;
    box-shadow: rgb(54 54 54/35%) 0 0 10px 0
}

.cities, .cities-wrap .item, .entry-meta, .field-group .field-input, .form-underline .field-select, .illus-sec, .member-statistical, .member-wrap .member-avatar, .mw-box, .site-contact .contact-box, .title_home {
    margin-bottom: 30px
}

    .illus-sec .banner-left, .set-main-h .banner-left {
        height: 350px
    }

    .illus-sec .banner-content {
        top: 50% !important;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.links {
    z-index: 1;
    border-radius: 15px
}

    .links .h2, .links h2 {
        float: left;
        margin-left: 14px;
        margin-bottom: 0
    }

.place-slider__item {
    height: 200px
}

.slick-slide .place-slider__item img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.location_upr {
    margin: 42px 0 40px
}

.location_outer_wpr {
    background: #ff3d00;
    max-width: 400px;
    margin: auto;
    display: flex;
    padding: 10px;
    color: #fff
}

.location_inr_left {
    width: 25%;
    text-align: center;
    border-right: 2px solid #fff
}

button, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="text"]:focus, textarea:focus {
    border-color: #23d3d3;
    outline: 0
}

.location_inr_left i.fa.fa-map-marker {
    font-size: 64px;
    margin-top: 8px
}

.location_inr_right {
    width: 75%;
    padding-left: 16px
}

.button-border, .button-fill, .contact-btn, .custom-btn, .vendor-btn {
    padding: 7px 15px;
    text-align: center
}

.location_inr_right p {
    font-size: 19px
}

.set-city-all {
    height: 300px;
    overflow: hidden
}

    .set-city-all .banner-left {
        width: 71%
    }

    .set-city-all .banner.slick-sliders {
        width: 38%
    }

.button-border {
    background-color: transparent;
    color: #fff !important;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
    box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
    border: 2px solid #e1341e;
    border-radius: 25px
}

.button-primary, .button-primary-border {
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
    padding: 7px 15px;
    text-align: center
}

.button-primary {
    background-color: #23d3d3;
    color: #fff !important;
    box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
    border: 2px solid #23d3d3;
    border-radius: 25px
}

.button-primary-border {
    background-color: transparent;
    color: #23d3d3 !important;
    box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
    border: 2px solid #23d3d3;
    border-radius: 25px
}

.button-fill, .topbar-cat {
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0/5%)
}

.button-primary-border:hover {
    background-color: #23d3d3;
    color: #fff !important
}

.button-fill {
    background-color: #e1341e;
    color: #fff !important;
    box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
    border: 2px solid #e1341e;
    border-radius: 25px
}

.site-header, .vendorbox {
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0/10%)
}

.btn-soft-primary {
    background-color: #e4f1f6 !important;
    color: #54a8c7 !important;
    border-radius: 5px !important
}

a, body, h1, h2, h3, h4, h5, h6, p {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: 0
}

.btn-soft-primary span {
    font-weight: 700;
    font-size: 21px
}

.heading-about {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 27px
}

.text-line {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    padding-left: 1.4rem
}

    .text-line:before {
        content: "";
        position: absolute;
        display: inline-block;
        top: 50%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
        left: 0;
        width: 0.75rem;
        height: 0.05rem;
        background: #23d3d3
    }

.banner-apps, .banner-left:after, .page-title, .page-title--small, .site-banner, .site-banner.layout-02 {
    background-repeat: no-repeat
}

.reviewtab .rating, .row, .vendor-card .entry-detail .entry-address {
    margin: 0 !important
}

.landing-customers-item .lci-author .lci-info, .right-header > div, .site__search a.text-sm {
    margin-left: 10px
}

.shape {
    top: -2rem;
    left: 4.1rem;
    background-image: radial-gradient(#54a8c7 2px, transparent 2.5px);
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
    z-index: 1;
    position: absolute;
    background-size: 0.75rem 0.75rem;
    height: 12rem;
    width: 7rem
}

.popup, .popup-background {
    position: fixed;
    top: 0;
    bottom: 0
}

body {
    font-size: 16px;
    color: #5d5d5d;
    font-weight: 400;
    font-family: "Quicksand", sans-serif !important; !important;
    font-style: normal;
    font-stretch: normal
}

h1, h2, h4, h5, h6 {
    clear: both;
    color: #2d2d2d
}

.h3, h3 {
    clear: both;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 700;
    font-size: 18px
}

.weight-normal {
    font-weight: normal
}

p {
    font-size: 15px;
    line-height: 1.44
}

a {
    font-size: 100%
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="text"], textarea {
    padding: 8px 15px;
    font-size: 14px;
    color: #757575;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

a:hover {
    color: #23d3d3
}

a:focus {
    color: inherit;
    outline: 0
}

img {
    border: none;
    max-width: 100%;
    height: auto
}

input, svg {
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out
}

    input[type="text"] {
        border: 1px solid #ced4da;
        border-radius: 0
    }

    input[type="email"], input[type="password"], input[type="search"], textarea {
        border: 1px solid #5d5d5d
    }

    input[type="email"], textarea {
        font-style: inherit;
        border-radius: 0
    }

    input[type="password"], input[type="search"] {
        font-style: italic;
        border-radius: 0
    }

    input[type="number"] {
        border: 1px solid #5d5d5d;
        border-radius: 0
    }

.offset-item, .offset-item.animate {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-color: #5d5d5d
}

.accordion li, .ob-item .ob-content li, .ob-item .ob-head, .popup__box, .product-small {
    border-bottom: 1px solid #eee
}

.list-cities {
    float: left;
    list-style-type: none
}

.align-left {
    text-align: left !important
}

.align-right {
    text-align: right !important
}

.title {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    display: block;
    opacity: 0.9;
    margin-bottom: 20px
}

.account img, .account span, .account svg, .billing-form .field-check a, .customer-details .rating li, .golo-nav-filter.active .golo-clear-filter, .main-menu, .main-menu li, .member-menu li, .ob-item .ob-content p b, .or-spr, .or-spr:before, .place-item.layout-02 .entry-category:hover span, .reviewtab .rating li, .site-main.layout-list .area-places .entry-bottom .place-rating, .site-main.layout-list .area-places .entry-bottom > *, .site__menu, .site__order > div, .social-follow h1, .vendorbox {
    display: inline-block
}

.title_home h2 {
    font-family: "Quicksand", sans-serif !important;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.61
}

.cities-wrap .item-inner .entry-detail span, .title--result span, .title_home p {
    font-size: 16px;
    color: #5d5d5d
}

.title-while, .title.title--while {
    color: #fff;
    opacity: 1
}

.btn-bordered:hover, .capacity b, .guest-count b, .megamenu ul li a, .right-header > div a, section.links .card .links a:hover {
    color: #000
}

.main-menu .sub-menu, .popup {
    opacity: 0;
    visibility: hidden
}

.title--result span {
    font-family: "Quicksand", sans-serif !important;
    font-weight: 400;
    vertical-align: 1px
}

.site-header {
    background-color: #fff;
    box-shadow: 0 1px 5px 1px rgb(0 0 0/10%);
    z-index: 1000;
    height: 100%;
    padding: 0 !important;
    position: relative
}

    .site-header.float-header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: transparent
    }

.main-menu li:not(.sub-menu li) {
    position: static;
    margin-left: 30px
}

.eventcontent h5 span {
    border-right: 1px solid #878787;
    padding-right: 6px;
    margin-right: 5px
}

    .eventcontent h5 span:last-child {
        border-right: none;
        padding-right: 0;
        margin-right: 0
    }

.listing-menu li.active a, .listing-menu li:hover a {
    border-right: 4px solid #23d3d3;
    color: #2d2d2d
}

.main-menu li a {
    font-weight: 600;
    font-size: 15px;
    color: #000;
    position: relative
}

    .main-menu li a:not(.sub-menu li a) {
        padding: 15px 0
    }

.popup .popup__user a, .popup__box li a, .product-small__total b {
    font-weight: 500;
    font-family: "Quicksand", sans-serif !important;
}

.main-menu li i {
    font-size: 12px;
    /*display: none*/
}

.main-menu li.has-sub:hover i {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sub-menu-title {
    text-align: left;
    margin-bottom: 30px
}

.select2-selection__placeholder {
    text-transform: capitalize
}

.main-menu .sub-menu {
    width: 80%;
    left: 10%;
    position: absolute;
    top: 57px;
    background-color: #fff;
    padding: 22px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    margin-top: 20px;
    border-radius: 10px;
    z-index: 99;
    box-shadow: 0 5px 30px -8px;
    box-shadow: rgba(35, 31, 32, 0.2) 0 0 20px
}

.place__box:last-child, .popup .popup__button, .popup--right .popup__box:last-child {
    border-bottom: 0
}

.sponz {
    /*width: auto !important;
    left: unset !important;
    padding: 2px 0 11px !important;
    right: 0 !important*/
}

    .pd-0, .sponz .container {
        /*padding: 0 !important*/
    }

.second-ul li {
    width: 49%;
    float: left;
    padding-left: 0 !important
}

.main-menu .sub-menu.small {
    min-width: -webkit-fit-content !important;
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
    width: auto;
    left: unset !important;
    padding: 20px !important
}

.main-menu .sub-menu li {
    display: block;
    margin-right: 0;
    padding: 6px 0;
    text-align: left;
    line-height: normal
}

    .main-menu .sub-menu li .sub-menu {
        top: 0;
        left: 100%
    }

.main-menu .sub-menu a, .places-item .places-item__thumb a {
    display: block;
    position: relative
}

    .main-menu .sub-menu a i {
        position: absolute;
        top: 3px;
        right: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

.main-menu > ul > li:hover ul.mega-menu, .main-menu li:hover > .sub-menu, .site__order ul.open {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.btn:hover {
    opacity: 0.7
}

.popup-background {
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    right: 0;
    z-index: 999;
    display: none
}

.popup {
    left: -280px;
    width: 280px;
    background-color: #fff;
    -webkit-box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

    .popup::-webkit-scrollbar {
        width: 0;
        background-color: #f5f5f5
    }

    .popup::-webkit-scrollbar-thumb {
        background-color: #23d3d3;
        border-radius: 10px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0)
    }

    .popup::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #f5f5f5
    }

    .popup .popup__close {
        position: absolute;
        top: 32px;
        right: 25px;
        cursor: pointer;
        line-height: 0;
        z-index: 9
    }

    .popup .popup__minicart {
        padding: 0 25px
    }

    .popup .popup__cart, .popup .popup__user {
        padding: 30px 25px
    }

        .popup .popup__user a {
            font-size: 15px;
            margin-right: 25px
        }

            .popup .popup__user a:last-child, .right-header > div:last-child {
                margin-right: 0
            }

        .popup .popup__cart i {
            font-size: 26px;
            vertical-align: -2px
        }

.popup__box, .widget-sb-detail .widget-top {
    padding: 25px
}

    .popup__box li {
        list-style: none;
        display: block;
        margin-bottom: 15px
    }

        .banner.slick-sliders .slick-dots li:last-child, .place__comments li ul li .place__comments__content img, .place__comments li ul li .place__comments__content p, .place__contact li:last-child, .popup__box li:last-child {
            margin-bottom: 0
        }

        .answers ul li i, .popup__box li a {
            font-size: 14px;
            margin-right: 0
        }

            .popup__box li a i {
                vertical-align: 1px;
                margin-left: 3px;
                -webkit-transition: 0.3s;
                transition: 0.3s;
                font-size: 12px
            }

            .popup__box li a.open i {
                -webkit-transition: 0.3s;
                transition: 0.3s;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        .owner-top-info .info p, .p-quick, .popup__box li > a:not(.sub-menu li a), .product-card-new .product-price, .single .open-table .time {
            font-size: 14px
        }

        .popup__box li > a.open {
            color: #23d3d3
        }

        .popup__box li .sub-menu {
            padding-left: 15px;
            margin-top: 15px;
            display: none
        }

.popup--right {
    right: -280px;
    left: auto;
    text-align: left
}

    .popup--right .popup__button {
        padding: 0 25px
    }

        .illus-sec .banner-sliders .slick-list .slick-slide, .owner-top1 a, .popup--right .popup__button .btn {
            width: 100%
        }

.popup.popup--right.open {
    right: 0;
    left: auto
}

.popup.open {
    opacity: 1;
    visibility: visible;
    left: 0
}

.product-small {
    display: flex;
    padding: 15px 0;
    position: relative
}

    .product-small .product-small__thumb img {
        max-width: 80px;
        height: 100%
    }

    .product-small .product-small__info {
        padding-left: 15px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

.product-small__info h3 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px
}

.field-maps .field-button a, .member-wrap label, .product-small__price span {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    color: #2d2d2d
}

.product-small__total {
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .product-small__total b, .product-small__total span {
        font-size: 18px
    }

.product-small__remove {
    position: absolute;
    bottom: 15px;
    right: 0;
    line-height: 0
}

.site__brand, .site__menu {
    line-height: 40px;
    vertical-align: middle
}

.product-small__remove i {
    font-size: 20px !important
}

.site__menu > a {
    line-height: 0;
    display: block;
    margin-right: 23px
}

    .site__menu > a i {
        font-size: 20px
    }

.right-header > div a, .site__search a.text-sm {
    font-weight: 600;
    font-family: "Quicksand", sans-serif !important;;
    font-size: 13px
}

.site__brand {
    display: inline-block;
    width: 160px
}

.site__search {
    line-height: 24px
}

    .site__search .search__close {
        -webkit-transform: translateY(-50%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 25px;
        line-height: 0;
        z-index: 10;
        display: none
    }

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.right-header > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600
}

.top-menu {
    align-items: center;
    padding: 15px 0
}

.icon-vendor i, .owner-top1 a i, .place-item.layout-02 .entry-category:hover i, .widget-slick .slick-dots li {
    margin-right: 5px
}

.right-header > div i {
    font-size: 12px
}

.right-header > div.right-header__button.btn i, .slick-nav i {
    font-size: 24px;
    vertical-align: -2px
}

.right-header__login {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.right-header .right-header__search {
    margin-right: 25px;
    display: none
}

    .right-header .right-header__search a {
        line-height: 0;
        display: inline-block;
        vertical-align: -3px
    }

.right-header .header-menu li i {
    position: absolute;
    right: 15px;
    top: 13px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.right-header .header-menu li:hover .sub-menu.open {
    opacity: 1;
    visibility: visible;
    display: block
}

.right-header .header-menu .sub-menu {
    top: 0;
    left: 100%;
    padding: 0;
    display: none;
    opacity: 0;
    visibility: hidden
}

.accordion.first-open li:first-child .accordion-content, .cuisine-slider .item a, .field-select
#options-view-button:not(:checked) ~ #options
.option
input[type="radio"]:checked ~ .opt-val
img, .field-select #options-view-button:checked ~ #options #option-bg, .field-select #options-view-button:checked ~ #options .option img, .filterForm .filter-head .clear-filter.open, .menu-tab li.active a:after, .menu-wrap.active, .site-main.layout-list .place-thumb-slider .slick-item:not(:first-child), .site-main.layout-list .place-thumb-sliders .place-slider__nav, .site__brand__logo, .sortForm .filter-head .clear-filter.open, .widget-shadow .btn {
    display: block
}

.right-header__destinations ul, .right-header__languages ul {
    top: 100%;
    margin-top: 20px;
    width: 140px;
    padding: 5px 0;
    text-align: left;
    opacity: 0;
    background-color: #fff;
    left: 0;
    visibility: hidden;
    z-index: 9;
    list-style: none;
    position: absolute;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.site__search__form {
    line-height: normal;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    padding-bottom: 3px
}

    .site__search__form .site__search__input {
        border: 0;
        padding: 0;
        font-style: normal;
        color: #8d8d8d;
        margin-left: 30px;
        width: calc(100% - 26px);
        font-family: "Quicksand", sans-serif !important;-Book
    }

        .site__search__form .site__search__input::-webkit-input-placeholder {
            color: #8d8d8d;
            font-weight: 400;
            font-family: "Quicksand", sans-serif !important;-Book
        }

        .site__search__form .site__search__input::-moz-placeholder {
            color: #8d8d8d;
            font-weight: 400;
            font-family: "Quicksand", sans-serif !important;-Book
        }

        .site__search__form .site__search__input::placeholder {
            color: #8d8d8d;
            font-weight: 400;
            font-family: "Quicksand", sans-serif !important;-Book
        }

        .site__search__form .site__search__input:-ms-input-placeholder {
            color: #8d8d8d;
            font-weight: 400;
            font-family: "Quicksand", sans-serif !important;-Book
        }

        .site__search__form .site__search__input::-ms-input-placeholder {
            color: #8d8d8d;
            font-weight: 400;
            font-family: "Quicksand", sans-serif !important;-Book
        }

.site__search__icon {
    line-height: 0;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0
}

    .site__search__icon i {
        font-size: 20px
    }

.right-header__destinations ul li a {
    display: block;
    padding: 0 15px
}

.right-header__destinations ul.open, .right-header__languages ul.open {
    margin-top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
    visibility: visible
}

.right-header__languages a img {
    vertical-align: -1px
}

.banner-search.layout-03, .field-sub {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1)
}

.right-header__languages ul li a {
    display: block;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.right-header__languages ul li img {
    height: 12px;
    margin-right: 7px
}

.right-header__languages ul li span {
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    width: 85px;
    overflow: hidden
}

.right-header__minicart svg {
    vertical-align: -3px
}

.page-content {
    margin-top: 30px
    /*margin-top: 60px*/
}

.blog-card {
    border: 2px solid #eee;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(7, 42, 94, 0.10);
}

    .blog-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 7px 18px rgba(7, 42, 94, 0.14);
    }

.card-shadow {
    border: 2px solid #eee;
    box-shadow: 0 3px 10px rgba(7, 42, 94, 0.10);
    border-radius: 10px;
}

    .card-shadow:hover {
        transform: translateY(-2px);
        box-shadow: 0 7px 18px rgba(7, 42, 94, 0.14);
    }

.set-box-height {
    text-align: center;
    padding: 48px
}

.mb-7 {
    margin-bottom: 7rem
}

.state-text {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center
}

    .field-accordion, .state-text p {
        margin-top: 20px
    }

.btn-vendor, .cities__item .cities__info, .city-grid .pagination, .title--more a {
    margin-top: 10px
}

.banner-wrap .banner-content > span {
    color: #072a5f;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px;
    font-weight: 500
}

.icon-vendor i, .place-item.layout-02 .entry-bottom .place-price {
    font-size: 14px
}

.banner-wrap .banner-content h1 {
    font-family: "Quicksand", sans-serif !important;;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.3;
    width: 100%
}

.banner-wrap .banner-content p, section.banner-area .content p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 26px
}

.banner-search.layout-03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    overflow: hidden
}

    .banner-search.layout-03 input, .banner-search.layout-03 select {
        font-style: normal;
        font-family: "Quicksand", sans-serif !important;
        font-weight: 500;
        font-size: 16px;
        border: 0;
        padding: 20px;
        height: 70px
    }

        .banner-search.layout-03 button:focus, .banner-search.layout-03 input:focus, .banner-search.layout-03 select:focus {
            border: 0;
            outline: inherit;
            outline-offset: inherit
        }

.btn, .btn-bordered, .form-underline .field-select select:focus, .maps-button select:focus, .member-filter select:focus, .member-wrap form input[type="submit"]:focus {
    outline-offset: 0;
    outline: 0
}

.banner-search.layout-03 input::-webkit-input-placeholder {
    color: #8d8d8d
}

.banner-search.layout-03 input:-ms-input-placeholder {
    color: #8d8d8d
}

.banner-search.layout-03 input::-moz-placeholder {
    color: #8d8d8d
}

.banner-search.layout-03 input::-ms-input-placeholder {
    color: #8d8d8d
}

.banner-search.layout-03 input::placeholder {
    color: #8d8d8d
}

.banner-search.layout-03 select {
    color: #8d8d8d;
    display: block;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.banner-search.layout-03 .field-submit {
    padding: 5px;
    margin-top: 0
}

.banner-search.layout-03 .field-input, .banner-search.layout-03 .field-select {
    position: relative;
    margin-bottom: 0
}

.banner-search.layout-03 .field-select {
    padding-right: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .banner-search.layout-03 .field-input:first-child:after, .banner-search.layout-03 .field-select:after {
        content: "";
        width: 1px;
        height: 30px;
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.banner-search.layout-03 button {
    height: 60px;
    width: 60px;
    line-height: 68px;
    border: 0;
    background-color: #23d3d3;
    text-align: center;
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    cursor: pointer
}

    .banner-search.layout-03 button i {
        font-size: 24px;
        color: #fff
    }

.news.local-ven-cards .carousel-control-next span, .news.local-ven-cards .carousel-control-prev span {
    top: 43% !important
}

.banner-left {
    background-color: #f9f9f9;
    width: 50%;
    position: relative;
    padding: 50px 0
}

#howitworks, #place-map-filter .gm-bundled-control-on-bottom .gm-svpc, .banner-sliders .slick-arrow, .hide-loading, .maps-wrap .gm-bundled-control-on-bottom .gm-svpc, .skeleton-loading .author, .skeleton-loading .featured, .skeleton-loading .place-city {
    display: none !important
}

.banner-left:after {
    content: "";
    background-image: url(../images/bg/bg-right.png);
    background-size: 100% 100%;
    width: 53px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -52px;
    z-index: 1
}

.banner-wrap .slick-sliders {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0
}

.banner-sliders .slick-list, .banner-wrap .carousel, .banner-wrap .carousel-inner, .banner-wrap .carousel-item, .banner-wrap .slick-sliders, .illus-sec .banner-sliders, .illus-sec .banner-sliders .slick-list, .maps-wrap #maps-view {
    height: 100%
}

.banner-wrap .carousel-item {
    background-repeat: no-repeat;
    background-size: cover
}

.banner.slick-sliders .banner-sliders {
    position: relative;
    margin-bottom: 0;
    height: 100%
}

.banner.slick-sliders .slick-dots {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 50px;
    width: auto;
    bottom: inherit;
    left: auto
}

    .banner.slick-sliders .slick-dots li {
        margin-bottom: 7px;
        margin-right: 0;
        display: block
    }

        .banner.slick-sliders .slick-dots li button:before {
            color: #fff;
            font-size: 12px;
            opacity: 0.5
        }

        .banner.slick-sliders .slick-dots li.slick-active button:before, .place-item__icon a:hover, .slick-dots li.slick-active button:before, .slick-nav > div:hover {
            opacity: 1
        }

.banner.slick-sliders img, section.banner-area .banner-img img {
    height: 100%;
    width: 100%
}

.right-header__button {
    background-color: #23d3d3;
    border-radius: 20px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    padding: 0 25px;
    color: #fff
}

.business-main .blogs, .faqs-accordion li, .home-banner, .section-bg, .section-hasbg {
    background-color: #f9f9f9
}

.sub-banner .slick-sliders .img {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center
}

.sub-banner .banner-left {
    padding: 25px 50px 25px 0
}

.right-header__button svg {
    vertical-align: -1px;
    margin-right: 2px
}

.right-header__button a {
    color: #fff;
    font-weight: 500;
    font-family: "Quicksand", sans-serif !important;
    display: block
}

.site-banner {
    height: 500px;
    background-color: #f5f5f5;
    background-position: right 30px bottom
}

.banner-apps, .page-title {
    background-position: center;
    background-size: cover
}

.site-banner .container {
    position: relative;
    height: 100%;
    z-index: 7
}

.site-banner .site-banner__content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    right: 15px
}

.site-banner.layout-02 {
    background-position: bottom right;
    background-size: 50vw auto;
    height: 100vh;
    background-color: #f5f8fd
}

    .site-banner.layout-02 .site-banner__title {
        color: #2d2d2d;
        font-size: 72px;
        font-weight: 500;
        display: inline-block;
        position: relative;
        margin-bottom: 10px
    }

.other-city .cities__info .cities__capital, .site-banner__search__icon i {
    font-size: 22px
}

.site-banner.layout-02 .site-banner__title:after {
    content: url(../images/workspace/banner-line.png);
    background-position: 60% 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 36px;
    bottom: -20px
}

.site-banner.layout-02 .site-banner__content > p {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px
}

    .site-banner.layout-02 .site-banner__content > p strong {
        color: #2d2d2d
    }

.site-banner.layout-02 .site-banner__search {
    max-width: 470px
}

.site-banner__title {
    font-size: 52px;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 500;
    color: #2d2d2d;
    margin-bottom: 32px
}

.site-banner__search {
    position: relative;
    margin-bottom: 10px
}

.banner-wrap a.text-primary {
    font-size: 17px
}

.site-banner__search .site-banner__search__input {
    border: 0;
    font-style: inherit;
    padding: 0 15px 0 54px;
    line-height: 60px;
    width: 100%;
    border-radius: 30px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff
}

.site-banner__search__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    line-height: 0
}

.minicart__open i {
    font-size: 27px !important;
    vertical-align: -3px
}

.site-banner__search__input::-webkit-input-placeholder {
    color: #8d8d8d;
    font-weight: 400;
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px
}

.site-banner__search__input::-moz-placeholder {
    color: #8d8d8d;
    font-weight: 400;
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px
}

.site-banner__search__input::placeholder {
    color: #8d8d8d;
    font-weight: 400;
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px
}

.site-banner__search__input:-ms-input-placeholder {
    color: #8d8d8d;
    font-weight: 400;
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px
}

.site-banner__search__input::-ms-input-placeholder {
    color: #8d8d8d;
    font-weight: 400;
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px
}

.site-banner__meta span {
    padding-left: 20px;
    opacity: 0.8;
    font-family: "Quicksand", sans-serif !important;
    color: #2d2d2d;
    margin-right: 1px
}

.site-banner__meta a {
    opacity: 1;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 500;
    color: #2d2d2d;
    position: relative;
    margin-right: 8px;
    transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    -webkit-transition: inherit;
    -ms-transition: inherit
}

    .site-banner__meta a:hover {
        opacity: 0.7
    }

    .site-banner__meta a:last-child {
        margin-right: 0
    }

    .site-banner__meta a:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background-color: #2d2d2d
    }

.city-content__tabtitle__tablist li.active a:after, .title--more a:after {
    background-color: #23d3d3;
    content: ""
}

.cities {
    padding: 40px 0 30px
}

.cities__item {
    position: relative;
    margin-bottom: 30px;
    border-radius: 0 !important;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    overflow: hidden
}

    .cities__item .cities__name {
        position: absolute;
        top: 25px;
        left: 25px;
        opacity: 0.9;
        text-transform: uppercase;
        color: #fff;
        font-weight: 500;
        font-size: 15px
    }

.illus-sec .slide-illus {
    width: 50%;
    position: relative
}

.hover__box__thumb {
    overflow: hidden;
    display: block;
    position: relative;
    border-radius: 15px
}

.blog-card:hover img, .hover__box img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.cities__info .cities__capital {
    font-size: 18px;
    font-weight: 700;
    opacity: 0.9;
    color: #000
}

.cities__info .cities__number {
    color: #000;
    font-family: "Quicksand", sans-serif !important;
    opacity: 0.9
}

.comment-slider .slick-slider img, .cuisine-wrap .slick-track, .featured-cities .slick-track, .featured-slider.slick-slider .cities__item, .sec-venue .entry-detail, .sec-venue .place-inner, .template-coming-soon .site-main .cs-info {
    height: auto
}

.blog-wrap .post__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.blog-wrap .place-inner {
    height: 302px
}

.blog-wrap .slick-track {
    height: 311px
}

.banner-apps {
    padding: 123px 0 173px
}

.banner-apps__content {
    padding-left: 100px
}

    .banner-apps__content .banner-apps__title {
        font-size: 48px;
        font-weight: 500;
        color: #1a1a1a;
        line-height: 66px;
        margin-bottom: 5px
    }

    .banner-apps__content .banner-apps__desc {
        font-size: 24px;
        color: #1a1a1a;
        line-height: 33px;
        font-family: "Quicksand", sans-serif !important;
        margin-bottom: 40px
    }

    .banner-apps__content .banner-apps__download > a {
        max-width: 200px;
        display: inline-block;
        margin-right: 20px
    }

        .author-social li:last-child, .banner-apps__content .banner-apps__download > a:last-child, .breadcrumbs li:last-child, .entry-meta li:last-child, .footer-socials li:last-child, .isotope__nav li:last-child, .member-filter .field-select:last-child, .member-place-list td a.delete i, .menu-tab li:last-child, .payment-method li:last-child, .place-item__icon > a:last-child, .place-share a:last-child, .place__meta > div:last-child, .popup-form .choose-form li:last-child, .post__category li:last-child a, .shop-details__share ul li:last-child, .shop-details__tablist li:last-child, .site__order > div:last-child, .slick-dots li:last-child, .widget-products .slick-dots li:last-child {
            margin-right: 0
        }

.news {
    padding: 0 0 30px
}

.post__info .post__title {
    opacity: 0.9;
    font-size: 21px;
    color: #2d2d2d;
    font-weight: 500;
    line-height: 1.5
}

."Quicksand", sans-serif !important; {
    font-family: ""Quicksand", sans-serif !important;"
}

.title--more a {
    opacity: 0.9;
    font-size: 15px;
    font-weight: 500;
    color: #23d3d3;
    float: right;
    position: relative
}

    .title--more a:after {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        width: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

    .cst-form input, .feature-list, .gj-picker-bootstrap table, .single .open-table, .title--more a:hover:after, .vendorPic img, section.links .card .img-area img {
        width: 100%
    }

    .title--more a i {
        vertical-align: 0
    }

.page-title {
    position: relative
}

.page-title__content > * {
    color: #fff
}

.page-title__content h4 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px
}

.page-title__content h1 {
    font-size: 64px;
    font-weight: 500
}

.page-title__content .page-title__slogan {
    font-size: 18px;
    font-style: italic
}

.intro {
    background-color: #f9f9f9;
    padding: 40px 0
}

.intro__content .intro__text {
    line-height: 1.44;
    font-size: 16px;
    max-width: 530px
}

.intro__meta .intro__meta__item {
    border-left: 1px solid #ddd;
    padding-left: 30px
}

.intro__meta__item h3 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px
}

.intro__meta__item p > * {
    display: inline-block;
    vertical-align: middle
}

.intro__meta__item p i {
    margin-right: 8px;
    font-size: 24px
}

.intro__meta__item p span {
    font-style: italic
}

.city-content.affix {
    padding-top: 120px
}

    .city-content.affix .city-content__tabtitle {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99999
    }

.city-content__tabtitle {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 20px 0 19px;
    margin-bottom: 40px;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

    .city-content__tabtitle:after, .places-item__meta:after {
        content: "";
        display: block;
        clear: both
    }

.city-content__tabtitle__tablist, .con-list .user-img, .filter-left, .places-item__meta .places-item__reviews {
    float: left
}

    .city-content__tabtitle__tablist li {
        list-style: none;
        display: inline-block;
        margin-right: 28px;
        line-height: 40px
    }

        .city-content__tabtitle__tablist li a {
            font-family: "Quicksand", sans-serif !important;-Semi;
            font-size: 16px;
            text-transform: uppercase;
            display: block;
            position: relative
        }

            .city-content__tabtitle__tablist li a:after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: 5px;
                height: 2px;
                background-color: transparent
            }

        .breadcrumbs li a:hover, .city-content__tabtitle__tablist li.active a, .reviews .reviews__number {
            color: #23d3d3
        }

.city-content__tabtitle__button.btn {
    float: right;
    padding: 0 30px
}

.btn:hover, .city-content__tabtitle__button:hover {
    color: #fff
}

.city-content__tabtitle__button svg {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 8px
}

.city-slider .slick-nav > div {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 0
}

.city-slider .slick-nav .slick-nav__next {
    right: 0;
    left: auto;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.city-slider .slick-nav i {
    vertical-align: -4px;
    font-size: 24px
}

.city-slider .slick-slide > div, .cuisine-slider .slick-slide > div, .field-maps .field-inline .field-button, .field-maps .field-inline label, .post-grid .post, .restaurant-slider .slick-slide > div, .select option, .testimonial-slider .slick-slide > div {
    padding: 0 15px
}

.city-content__panels, .member-wrap, .page-content-sidebar, .pricing-inner {
    margin-bottom: 60px
}

.city-content__item, .join-team .jt-content p, .shop-details__addcart, .shop-details__breadcrumbs, .shop-details__details, .slick-dotted.slick-slider.business-cat-slider, .title-wrap {
    margin-bottom: 40px
}

    .city-content__item .slick-slider img {
        height: 250px;
        width: 270px;
        -o-object-fit: cover;
        object-fit: cover
    }

.slick-slide > div {
    line-height: 0
}

.place-slider__item bd, .slick-track {
    height: 400px
}

.slick-slider img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.city-slider__grid, .featured-inner .flex, .slider-pd30 {
    margin-left: -15px;
    margin-right: -15px
}

.banner-dark {
    opacity: 0.9;
    background-color: #000;
    padding: 40px 0 30px
}

.illus-sec .slick-sliders img {
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.slick-slider .slick-slide > div {
    line-height: 0;
    height: 100%
}

.place-slider__grid {
    margin-bottom: 0;
    position: relative
}

    .place-slider__grid .slick-slide > div {
        line-height: 0
    }

    .place-slider__grid .place-slider__item img {
        padding: 0 1px
    }

.place-item__photo {
    position: absolute;
    right: 50px;
    bottom: 30px
}

    .place-item__photo span, .place-item__photo svg, .place__amenities svg {
        display: inline-block;
        vertical-align: middle
    }

    .place-item__photo a span {
        color: #fff;
        font-size: 16px
    }

.blog-banner .icon-share, .place-item__icon {
    position: absolute;
    top: 30px;
    right: 50px
}

    .place-item__icon > a {
        opacity: 0.7;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        margin-right: 25px
    }

        .place-item__icon > a i {
            font-size: 28px;
            color: #fff
        }

.slick-nav > div {
    position: absolute;
    left: 50px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    background-color: #fff;
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.alert p, .bsn-cat-item a, .btn, .btn-bordered, .checkout-thanks-area .order-detail, .cities img, .demo-item .demo-type, .field-check label input:checked ~ span, .field-check label span, .field-check label:before, .field-maps .field-map .address-input, .field-select #select-button, .field-select .option.o-paypal input[type="radio"]:checked ~ .label:before, .field-select .option.o-paypal:hover ~ #option-bg, .footer__top__nav--contact li a, .form-underline input, .form-underline input[type="submit"], .form-underline textarea, .gj-picker-bootstrap, .gj-picker-bootstrap td div:hover, .gm-style .gm-style-iw-c, .home-testimonials .testimonial-item, .home-testimonials .testimonial-item .testimonial-info .cite span:before, .home-testimonials .testimonial-item img.avatar, .img-box-item, .join-team .jt-content a, .landing-customers .landing-customers-button a, .landing-customers-item, .landing-page .site-banner__content a.btn, .landing-plugins .plugin-thumb, .member-place-list.owner-booking td.place-action a, .member-statistical .item, .member-statistical .item .line, .mtf-grid .mtf-item, .noti-item:before, .ob-item, .place-share a, .place__comments li .place__author__avatar img, .places-item, .places-item .place-item__addwishlist i, .popup-form input, .popup-form input[type="submit"], .post__thumb, .pricing-item, .purchase-button, .review-form .field-textarea, .review-form .field-textarea .author-avatar, .review-wrap li, .show-map .icon-toggle, .show-map .icon-toggle:before, .single .place-gallery a, .single .place-share a, .single .place__meta > div:after, .single .sidebar.sidebar-shadow, .site-banner__search.layout-02, .site-banner__search.layout-02 .field-submit button, .site-banner__search.layout-02 .search-suggestions, .slick-dots li button:before, .testimonial-slider.layout-02 .testimonial-item, .upgrade-box, .widget-products .slick-dots button, .widget-sb-detail .widget-top img, .widget-slick .slick-dots button, .widget.widget-text, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td:hover {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

.slick-nav .slick-nav__next {
    right: 50px;
    left: auto
}

.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    height: 10px
}

    .slick-dots li {
        width: auto;
        height: auto;
        margin: 0 15px 0 0
    }

        .slick-dots li button {
            width: 10px;
            height: 10px;
            font-size: inherit;
            line-height: normal
        }

            .slick-dots li button:before {
                content: "";
                background-color: #fff;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                opacity: 0.5
            }

.place-banner img {
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover
}

.breadcrumbs {
    margin: 15px 0
}

    .breadcrumbs li {
        list-style: none;
        position: relative;
        display: inline-block;
        margin-right: 8px
    }

        .breadcrumbs li:before {
            content: "/";
            position: absolute;
            left: -9px;
            color: #8c8c8c;
            font-size: 16px
        }

.place__category a:after, .places-item__category a:after {
    content: ","
}

.breadcrumbs li:first-child:before, .no-bef:before {
    content: "" !important;
    position: absolute;
    left: -6px;
    color: #8c8c8c;
    font-size: 16px;
    background: none !important;
}

.breadcrumbs li a {
    color: #8d8d8d;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    line-height: 19px
}

.place__left h1 {
    font-size: 36px;
    font-family: "Quicksand", sans-serif !important;
    margin-bottom: 6px;
    font-weight: 400
}

.place__left--top {
    margin-top: -130px;
    background-color: #fff;
    padding: 30px
}

.landing-banner .lb-button a, .place__meta > div {
    display: inline-block;
    margin-right: 18px
}

.place__comments li .place__author__avatar, .place__title--reviews svg, .site-main.layout-list .area-places .place-preview {
    margin-right: 10px
}

.place__category a:last-child:after {
    content: ""
}

.place__desc {
    line-height: 1.44;
    font-size: 16px;
    margin-bottom: 30px
}

.breadcrumb > li:first-child a, .member-menu li:first-child, .pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.status-online {
    width: 10px;
    height: 10px;
    background-color: #1ba52b;
    display: inline-block;
    border-radius: 25px;
    margin-left: 5px
}

.btn {
    border-radius: 4px;
    background-color: #23d3d3 !important;
    border: 2px solid #23d3d3 !important;
    font-weight: 500;
    padding: 4px 10px;
    color: #fff
}

    .btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff
    }

.btn-bordered {
    border-radius: 20px;
    background-color: #fff;
    border: 2px solid #23d3d3b8;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    padding: 0 21px;
    color: #000;
    display: inline-block
}

    .btn-bordered:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #000
    }

.place__box {
    border-bottom: 1px solid #eee;
    padding: 20px 0
}

    .place__box h3 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 20px
    }

    .entry-author .author-desc, .place__amenities span, .place__box p {
        font-size: 16px;
        line-height: 1.44
    }

    .place__box:last-child {
        padding-bottom: 0;
        margin-bottom: 60px
    }

    .place__box .place__amenities i {
        font-size: 26px;
        vertical-align: -6px
    }

    .place__box.place__box--npd {
        padding-top: 0 !important
    }

    .place__box.place__box--30 {
        padding: 30px 0
    }

.place__amenities span {
    display: inline-block;
    vertical-align: -3px;
    margin-left: 15px
}

.place__title--additional a, div#searchresult ul li small {
    float: right
}

    .place__title--additional a span {
        font-weight: 500;
        color: #23d3d3;
        font-size: 15px
    }

    .place__title--additional a i {
        font-size: 24px;
        vertical-align: -3px
    }

.maps #map {
    height: 300px
}

.place__contact li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px
}

    .place__contact li i {
        position: absolute;
        top: 2px;
        left: 0;
        width: 14px;
        text-align: center;
        font-size: 20px
    }

    .place__contact li a, .place__contact li span {
        display: inline-block;
        vertical-align: middle;
        color: #5d5d5d;
        font-size: 16px;
        line-height: 1.44
    }

        .place__contact li a:hover {
            color: #23d3d3
        }

.place__title--reviews .place__reviews__number {
    font-size: 18px;
    color: #23d3d3;
    margin-left: 13px
}

.comment-slider, .place__comments__content .row {
    margin-right: -5px;
    margin-left: -5px
}

.place__title--reviews .place__reviews__number span {
    color: #8d8d8d;
    line-height: 1.53;
    font-family: "Quicksand", sans-serif !important;-Book
}

.place__comments {
    list-style: none
}

    .place__comments li {
        padding: 20px 0;
        border-top: 1px solid #eee
    }

        .place__comments li ul {
            padding-left: 60px;
            padding-top: 20px
        }

            .place__comments li ul li {
                list-style: none
            }

                .place__comments li ul li:first-child {
                    padding-top: 20px;
                    border-top: 1px solid #eee
                }

        .place__comments li:first-child {
            padding-top: 0;
            border-top: 0
        }

        .accordion-item:last-child, .place__comments li:last-child, .places-wrap {
            padding-bottom: 0
        }

        .place__comments li .place__author__avatar img {
            width: 50px;
            height: 50px;
            border-radius: 50%
        }

        .place__comments li .place__author > div {
            display: inline-block;
            vertical-align: middle
        }

    .place__comments > li:last-child, .shop-details__tabs {
        padding-bottom: 20px;
        border-bottom: 1px solid #eee
    }

.place__author__info .place__author__star {
    display: inline-block;
    position: relative
}

    .place__author__info .place__author__star i {
        color: #5d5d5d
    }

    .place__author__info .place__author__star span {
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
        display: inline-block;
        overflow: hidden
    }

        .place__author__info .place__author__star span i {
            color: #23d3d3
        }

.landing-customers-item a, .place__author__info a {
    font-size: 15px;
    font-weight: 500;
    margin-right: 10px
}

.landing-customers-item span.time, .place__author__info span.time {
    font-family: "Quicksand", sans-serif !important;
    font-size: 13px;
    color: #9d9d9d;
    font-style: italic;
    display: block
}

.landing-customers-item {
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    padding: 30px
}

    .landing-customers-item .place__author__star {
        display: inline-block;
        position: relative;
        margin-bottom: 20px
    }

        .home-header.home-header-while .right-header > div i, .landing-customers-item .place__author__star i, .single-02 .place__currency, .single-02 .reviews_count {
            color: #5d5d5d
        }

        .landing-customers-item .place__author__star span {
            position: absolute;
            left: 0;
            top: 0;
            white-space: nowrap;
            display: inline-block;
            overflow: hidden
        }

            .landing-customers-item .place__author__star span i {
                color: #ffc245
            }

    .landing-customers-item h4, .shop__products__info h3 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px
    }

    .landing-customers-item p {
        font-size: 16px;
        line-height: 1.56;
        font-family: "Quicksand", sans-serif !important;
        margin-bottom: 22px
    }

    .landing-customers-item .lci-content {
        min-height: 184px
    }

    .company-info, .landing-customers-item .lci-author, .owner-top-info, .single .hightlight-grid, .testimonial-slider.layout-03 .testimonial-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .landing-customers-item .lci-author img {
            width: 46px;
            height: 46px;
            -o-object-fit: cover;
            object-fit: cover
        }

        .landing-customers-item .lci-author h5 {
            font-size: 16px;
            font-weight: 500
        }

        .landing-customers-item .lci-author span {
            color: #8d8d8d;
            font-size: 14px
        }

.place__comments__content p, .shop-details__desc {
    font-size: 16px;
    line-height: 1.44;
    margin-bottom: 20px
}

.comment-slider .comment-slider-item, .place__comments__content .row > div {
    padding: 0 5px
}

.comment-slider, .places-wrap .entry-address {
    margin-bottom: 25px
}

.home-header.home-header-while .minicart__open > i, .home-header.home-header-while .site__menu__icon, .home-main .hcg-banner .site-banner__content p, .member-place-list td b, .menu-tab li.active a, .menu-tab li:hover a, a.place__comments__reply {
    color: #2d2d2d
}

    a.place__comments__reply i {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
        font-size: 20px
    }

.place__box--reviews .place__login a {
    font-family: "Quicksand", sans-serif !important;
    font-weight: 500;
    color: #23d3d3
}

.sidebar--border .widget {
    padding: 20px;
    border: 1px solid #eee;
    margin-bottom: 30px
}

    .sidebar--border .widget .product-small:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

    .sidebar--border .widget > h3 {
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 9px;
        margin-bottom: 18px;
        border-bottom: 1px solid #ededed
    }

.sidebar--border .widget--ads {
    border: 0;
    padding: 0
}

.similar-places {
    padding: 40px 0 60px;
    background-color: #f9f9f9
}

.places-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px
}

    .places-item .places-item__thumb a:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 120px;
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.6)) );
        background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.6) )
    }

    .places-item .places-item__thumb img {
        width: 270px;
        height: 250px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .places-item .places-item__info {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0 20px 20px
    }

        .blogs .post__category a, .field-select .option input[type="radio"]:checked ~ .label, .field-select .option:hover .label, .field-submit:hover, .home-header .minicart__open > i, .home-header .minicart__open > span, .places-item .places-item__info a, .places-item__meta .places-item__count, .single .place__currency, .single .reviews_count {
            color: #fff
        }

    .places-item h3 {
        font-family: "Quicksand", sans-serif !important;
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 3px
    }

    .places-item .place-item__addwishlist {
        position: absolute;
        top: 20px;
        right: 20px
    }

        .archive-city .col-right .filter-head a:hover, .blogs .post__title:hover a, .checkout-thanks-area a.btn-print:hover, .features-item a.more:hover, .filter-box .more:hover, .filterForm .filter-head .clear-filter:hover, .main-primary .top-area-filter .clear:hover, .places-item .place-item__addwishlist:hover, .pricing-item .btn:hover, .sortForm .filter-head .clear-filter:hover {
            opacity: 0.7
        }

        .places-item .place-item__addwishlist i {
            border-radius: 50%;
            background: #fff;
            padding: 4px;
            font-size: 24px;
            color: #2d2d2d
        }

        .places-item .place-item__addwishlist.active i, .places-item__category a:hover, .places-item__info h3 a:hover, .places-item__reviews .places-item__number, .shop-details__share ul li a:hover i {
            color: #23d3d3
        }

.places-item__category a {
    font-family: "Quicksand", sans-serif !important;
    font-size: 12px;
    text-transform: uppercase
}

    .places-item__category a:last-child:after {
        content: ""
    }

.places-item__meta .places-item__currency {
    float: right;
    color: #fff
}

.places-item__reviews .places-item__number svg > * {
    fill: #23d3d3;
    stroke: #23d3d3
}

.page-title--small {
    background-color: #f9f9f9;
    /*margin-bottom: 60px;*/
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0/2%);
    box-shadow: 0 0 10px 0 rgb(0 0 0/2%);
    background-position: right;
    background-size: 50% 100%
}

    .business-landing-banner.landing-banner .container, .page-title--small .container {
        position: relative;
        height: 100%
    }

    .page-title--small .page-title__content {
        text-align: left;
        padding-top: 20px;
        padding-bottom: 20px
    }

        .page-title--small .page-title__content h1 {
            color: #000;
            font-size: 24px;
            font-family: "Quicksand", sans-serif !important;;
            margin-bottom: 15px;
            font-weight: 600
        }

        .page-title--small .page-title__content h2 {
            color: #000;
            font-size: 24px;
            font-family: "Quicksand", sans-serif !important;;
            margin-bottom: 15px;
            font-weight: 600
        }

        .page-title--small .page-title__content p {
            color: #000;
            font-size: 16px;
            font-style: normal;
            font-family: Quicksand, sans-serif;
            line-height: 27px
        }

.shop__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 40px
}

    .listing-box .field-inline .field-group:first-child, .listing-box .field-inline .field-group:last-child, .shop__meta > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px
    }

    .shop__meta > .title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        margin-bottom: 0
    }

    .landing-title p, .place-share .list-social-icon a i, .shop__meta .shop__results, .title-wrap p {
        font-size: 18px
    }

.member-place-list.owner-booking td.place-action, .site__order {
    text-align: right
}

    .site__order > div {
        position: relative;
        vertical-align: middle;
        margin-right: 23px
    }

        .shop-details__addcart button, .shop-details__details b, .shop-details__price, .shop-details__tablist li a, .site__order > div > a, .widget.widget-text p.info span {
            font-weight: 500;
            font-family: "Quicksand", sans-serif !important;
        }

            .account span i, .site__order > div > a i {
                font-size: 12px
            }

    .site__order ul {
        position: absolute;
        top: 100%;
        right: 0;
        margin-top: 20px;
        width: 140px;
        padding: 5px 0;
        list-style: none;
        text-align: left;
        -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background-color: #fff;
        z-index: 9
    }

        .accordion li, .site__order ul li {
            list-style: none
        }

            .site__order ul li a {
                display: block;
                padding: 5px 15px
            }

.site__filter a.active i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.golo-menu-filter {
    padding: 30px;
    background-color: #f9f9f9;
    margin-bottom: 40px;
    display: none
}

    .golo-menu-filter ul.filter-control {
        max-height: 170px;
        overflow: auto
    }

        .golo-menu-filter ul.filter-control li {
            position: relative;
            padding-top: 5px;
            padding-bottom: 5px
        }

        .golo-menu-filter ul.filter-control a {
            position: inherit;
            color: #5d5d5d
        }

            .golo-menu-filter ul.filter-control a:before {
                content: "";
                position: absolute;
                height: 5px;
                background: #d22b22;
                opacity: 0.4;
                width: 100%;
                left: 0;
                bottom: 2px;
                -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.8, 0, 0.2, 1);
                transition: transform 0.5s cubic-bezier(0.8, 0, 0.2, 1);
                transition: transform 0.5s cubic-bezier(0.8, 0, 0.2, 1),-webkit-transform 0.5s cubic-bezier(0.8, 0, 0.2, 1);
                -webkit-transform: scale3d(0, 1, 1);
                transform: scale3d(0, 1, 1);
                -webkit-transform-origin: 100% 50%;
                transform-origin: 100% 50%
            }

        .golo-menu-filter ul.filter-control li.active a:before {
            background: #d22b22;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%
        }

.cst-form input[type="submit"], .newsletterForm button, .newsletterForm input, .pagination__numbers a, .pagination__numbers span, .shop-details__addcart button, .shop-details__quantity, .shop-details__quantity input, .shop-details__quantity span, .widget-category li:before, .widget-post .post img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.golo-menu-filter ul.filter-control li.active a:after, .home-main .site-banner, .home-main .site-banner:after, .search-choice-close:before {
    background-repeat: no-repeat;
    background-position: center
}

.golo-menu-filter ul.filter-control li.active a:after {
    content: "";
    background-image: url(../images/assets/icon-close.html);
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    right: -15px
}

.error-wrap b, .error-wrap h2, .golo-menu-filter h4 {
    font-weight: 500;
    margin-bottom: 15px
}

.golo-clear-filter {
    margin-right: 20px;
    display: none;
    cursor: pointer;
    font-weight: 500
}

.golo-filter-toggle {
    cursor: pointer;
    font-weight: 500
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
    border-radius: 5px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #a7a7a7;
    border-radius: 5px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
    border-radius: 5px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.shop__products__item {
    text-align: center;
    margin-bottom: 40px;
    border-right: 1px solid #eee
}

    .claim-bus .field-group, .listing-box .field-group:not(:last-child), .listing-box .field-inline .field-select, .menu-tab ul, .newsletterForm, .shop-details__review, .shop__products__item .shop__products__thumb, .template-coming-soon.layout-2 .cs-info p {
        margin-bottom: 20px
    }

.pagination__numbers a, .pagination__numbers span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    border-radius: 50%;
    text-align: center
}

.other-products__content .col-lg-3:nth-child(4n) .shop__products__item, .other-products__content .col-md-3:nth-child(4n) .shop__products__item, .shop__products .col-lg-3:nth-child(4n) .shop__products__item {
    border-right: 0
}

.shop__products__price {
    font-family: "Quicksand", sans-serif !important;
    font-size: 18px
}

.pagination {
    text-align: center;
    margin-bottom: 60px;
    display: flex !important;
    margin-left: -5px;
    margin-right: -5px
}

.pagination__numbers a, .pagination__numbers span, .shop-details__quantity {
    display: inline-block;
    vertical-align: middle
}

.pagination__numbers a {
    color: #5d5d5d
}

    .pagination__numbers a:hover {
        background-color: #eee
    }

.pagination__numbers span {
    color: #fff;
    background-color: #23d3d3
}

.shop-details__summary h2 {
    font-family: "Quicksand", sans-serif !important;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 10px
}

.shop-details__price {
    font-size: 18px;
    color: #2d2d2d;
    margin-bottom: 20px
}

.shop-details__quantity {
    height: 50px;
    line-height: 48px;
    border-radius: 25px;
    border: 1px solid #d8d8d8;
    width: 130px;
    position: relative;
    margin-right: 18px
}

    .shop-details__quantity input {
        border: 0;
        padding: 0;
        text-align: center;
        font-style: normal;
        font-size: 16px;
        font-family: "Quicksand", sans-serif !important;
        line-height: normal;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        border-radius: 25px;
        right: 0;
        z-index: 1
    }

    .shop-details__addcart button, .shop-details__quantity span {
        border-radius: 25px;
        display: inline-block;
        cursor: pointer
    }

    .shop-details__quantity input[type="number"] {
        -moz-appearance: textfield
    }

        .shop-details__quantity input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        .shop-details__quantity input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

    .shop-details__quantity span {
        line-height: 46px;
        width: auto;
        text-align: center;
        position: absolute;
        top: 0;
        left: 25px;
        bottom: 0;
        z-index: 2;
        background-color: #fff
    }

        .shop-details__quantity span i {
            vertical-align: middle;
            font-size: 20px
        }

        .shop-details__quantity span.minus, .site-banner__search.cs-newletter .site-banner__search__icon {
            right: 25px;
            left: auto
        }

.shop-details__addcart button {
    background-color: #23d3d3;
    border: 0;
    line-height: 50px;
    height: 50px;
    padding: 0 113px;
    font-size: 15px;
    color: #fff;
    vertical-align: middle
}

.shop-details__details a, .shop-details__details span {
    font-family: "Quicksand", sans-serif !important;
    color: #5d5d5d
}

.shop-details__details > div {
    line-height: 20px;
    margin-bottom: 10px
}

    #hightlight .field-check, .accordion-item .accordion-top, .accordion-top label, .blogs-wrap .blog-wrap .post, .box-option li:last-child, .business-main .featured-cities .cities__item, .company-info .ci-content p:last-child, .contact-main .page-title, .faqs-accordion li p:last-child, .features.layout-02 .features-item, .field-sub li:last-child, .landing-title.title-desc-up h2, .member-place-list .field-check, .menu-item:last-child, .menu-item:nth-last-child(2), .ob-item .ob-content p.status, .owner-content .member-wrap, .page-content-sidebar .pagination, .page-title--blog, .place-03 .place__desc, .place-03 .place__meta, .place-share .list-social-icon a:last-child, .popup-wrap .popup-middle h3, .pricing-item li:last-child, .shop-details__details > div:last-child, .slick-dotted.slick-slider, .widget-category li:last-child, .widget-products .slick-dotted.slick-slider, .widget-sb-detail .toggle-list li:last-child {
        margin-bottom: 0
    }

.shop-details__share ul li {
    list-style: none;
    display: inline-block;
    margin-right: 28px
}

    #social .field-3col .remove-social i, .shop-details__share ul li i {
        font-size: 20px
    }

.shop-details__wrap {
    margin-bottom: 92px
}

.shop-details__tablist {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}

    .shop-details__tablist li {
        list-style: none;
        display: inline-block;
        margin-right: 40px
    }

        .shop-details__tablist li a {
            color: #2d2d2d;
            font-size: 18px
        }

        .account-sub li.active a, .alert a, .archive-city .col-right .filter-head a, .author-title > a:hover, .business-about .business-about-info a.btn:hover, .entry-desc a, .entry-meta li a:hover, .error-wrap a, .features-item h3 span, .home-header .minicart__open:hover > i, .home-header .minicart__open:hover > span, .home-header.home-header-while .minicart__open > span, .isotope__nav li a:hover, .member-menu li.active a, .member-place-list td i:hover, .member-wrap-top p a, .menu-wrap > a, .ob-item .ob-head h3 span, .post__category li a:hover, .purchase-button:hover strong, .shop-details__tablist li.active a, .single .place__box-map .address a, .state-list li a, .template-coming-soon.layout-2 .cs-info h1 span, .upgrade-box .close i:hover, .widget-category li a:hover, .widget-sb-detail .toggle-list li.active {
            color: #23d3d3
        }

.shop-details__panel {
    padding-top: 30px;
    font-size: 16px
}

    .shop-details__panel b, .shop-details__panel p, .shop-details__panel ul {
        margin-bottom: 20px;
        display: block
    }

.entry-meta li, .isotope__nav li {
    display: inline-block;
    list-style: none
}

.shop-details__panel li {
    list-style: none;
    font-style: italic
}

.other-products {
    padding-top: 40px;
    padding-bottom: 20px
}

.isotope__nav {
    text-align: center;
    margin-bottom: 40px
}

.entry-desc h3, h1, h2, h4, h5, h6 {
    font-family: "Quicksand", sans-serif !important;;
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.9px
}

.entry-desc .h3, .h1, .h2, .h4, .h5, .h6 {
    font-family: "Quicksand", sans-serif !important;;
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.9px
}

.isotope__nav li {
    margin-right: 23px;
    /*margin-bottom: 20px*/
}

    .isotope__nav li a {
        text-transform: uppercase;
        color: #23d3d3;
        font-family: Quicksand, sans-serif;
        font-weight: 400
    }

        .isotope__nav li a.active {
            color: #5d5d5d;
            font-weight: 700
        }

.entry-desc .entry-image, .post-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

    .filter-box .field-check label, .post-grid.columns-2 .post {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .post-grid.columns-3 .post {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .area-places.layout-4col .place-item, .grid.grid-4 .grid-item, .post-grid.columns-4 .post {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid.grid-5 .grid-item, .post-grid.columns-5 .post {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

.page-content-sidebar .col-md-8 {
    padding-right: 30px;
    border-right: 1px solid #eee
}

.member-place-list td:first-child, .member-place-list th:first-child, .page-content-sidebar .col-md-4, .sidebar--shop {
    padding-left: 30px
}

.result-post {
    font-size: 18px;
    margin-bottom: 20px
}

.widget .widget-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px
}

.widget-category li {
    list-style: none;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative
}

    .widget-category li a {
        text-transform: uppercase;
        color: #5d5d5d
    }

    .widget-category li:before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #23d3d3;
        position: absolute;
        top: 8px;
        left: 0
    }

.newsletterForm button, .newsletterForm input {
    border-radius: 20px;
    line-height: 40px;
    height: 40px;
    width: 100%
}

.account, .blog-banner, .blogs-wrap.layout-02 .post, .cities .cities-inner, .cuisine-sliders, .entry-meta li, .explore-item, .field-maps .field-map, .list-categories .item, .listing-main .listing-nav.is_footer, .nav-easy .search-list .drop, .or-spr, .ot-item, .page-title.layout-2, .place-03 .place__left, .place-action, .product-card-new .pr-image-ref, .product-card-new .pr-img, .restaurant-sliders, .search, .single .place__meta > div, .site-contact, .site-main.layout-list .place-thumb-sliders, .testimonial-sliders, .vendorbox, .widget-sb-detail .map-detail, .widget-sb-detail .toggle-select, section.banner-area .banner-img, section.links .card .img-area {
    position: relative
}

.widget-post .post {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.archive-city .col-left, .area-places, .entry-author, .member-filter, .ob-item .ob-head, .page-title.layout-2 .intro__meta, .popup-form .choose-form, .related-post .related-grid {
    display: -webkit-box;
    display: -ms-flexbox
}

.widget-post .post img {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.entry-author .author-info, .show-map, .widget-post .post .post__info {
    margin-left: 20px
}

    .widget-post .post .post__info h3 {
        font-size: 18px;
        line-height: 1.28
    }

.widget-newsletter {
    background-color: #111;
    padding: 40px 35px 0;
    text-align: center
}

.entry-author, .entry-comment, .place-03, .related-post {
    padding-top: 30px;
    border-top: 1px solid #eee
}

.widget-newsletter .widget-title {
    color: #fff;
    margin-bottom: 30px
}

.widget-newsletter > img {
    max-width: 180px;
    margin: 0 auto
}

.newsletterForm input {
    margin-bottom: 20px;
    font-family: "Quicksand", sans-serif !important;-Book
}

    .newsletterForm input::-webkit-input-placeholder {
        font-size: 14px;
        font-style: italic;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;
        opacity: 0.62
    }

    .newsletterForm input::-moz-placeholder {
        font-size: 14px;
        font-style: italic;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;
        opacity: 0.62
    }

    .newsletterForm input::placeholder {
        font-size: 14px;
        font-style: italic;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;
        opacity: 0.62
    }

    .newsletterForm input:-ms-input-placeholder {
        font-size: 14px;
        font-style: italic;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;
        opacity: 0.62
    }

    .newsletterForm input::-ms-input-placeholder {
        font-size: 14px;
        font-style: italic;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;
        opacity: 0.62
    }

.newsletterForm button {
    border: 0;
    background-color: #23d3d3;
    font-weight: 500;
    color: #fff;
    cursor: pointer
}

.account img, .entry-author > img, .entry-meta li:after, .gj-picker-bootstrap td div, .member-wrap .member-avatar img, .owner-top-info .avatar img {
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.blog-banner img {
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.blog-left h1 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 18px;
    font-family: "Quicksand", sans-serif !important;
}

.entry-meta li {
    font-style: italic;
    font-size: 15px;
    color: #8d8d8d;
    margin-right: 24px
}

    .entry-meta li:after {
        content: "";
        height: 4px;
        width: 4px;
        background-color: #d8d8d8;
        position: absolute;
        top: 8px;
        left: -15px
    }

    #place-map-filter .places-item .places-item__thumb a:after, .accordion-item.active .accordion-top > span:after, .business-main .blogs:before, .entry-meta li:first-child:after, .maps-wrap .places-item .places-item__thumb a:after, .menu-tab .flex.open:after, .single .place__meta > div:last-child:after, .widget-slick .slick-dots button:before {
        content: "";
        display: none
    }

    .entry-meta li a {
        font-weight: 500;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;
    }

.entry-desc p, .entry-desc ul li {
    margin-bottom: 20px;
    font-family: "Quicksand", sans-serif !important;;
    line-height: 35px
}

.entry-desc {
    font-size: 18px;
    line-height: 1.44;
    margin-bottom: 60px
}

    .entry-desc p {
        font-weight: 500;
        font-size: 16px;
        color: #000
    }

    .entry-desc ul {
        margin-bottom: 20px;
        padding-left: 30px
    }

        .entry-desc ul li {
            color: #5d5d5d !important;
            font-weight: 600;
            font-size: 16px
        }

            .entry-desc ul li a, .second-ul li a {
                font-size: 15px
            }

    .entry-desc ol {
        margin-bottom: 10px;
        padding-left: 24px;
        font-size: 16px
    }

        .entry-desc ol li, .place-item.layout-02 .entry-address, .ven-list .entry-address, .ven-list .place__author__star, .vendor-card .entry-detail .entry-bottom {
            margin-bottom: 7px
        }

    .entry-desc img {
        margin-bottom: 10px
    }

    .entry-desc blockquote {
        padding: 11px 20px;
        border-left: 2px solid #23d3d3;
        margin-bottom: 30px
    }

        .entry-desc blockquote p {
            margin-bottom: 0;
            font-size: 20px;
            font-style: italic
        }

    .entry-desc .entry-image img {
        padding: 0 15px;
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        height: 360px;
        -o-object-fit: cover;
        object-fit: cover
    }

.entry-author {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

    .entry-author > img, .owner-top-info .avatar img {
        width: 100px;
        height: 100px;
        -o-object-fit: cover;
        object-fit: cover
    }

.author-title > a {
    font-family: "Quicksand", sans-serif !important;
    font-size: 14px;
    font-weight: 500
}

.author-social {
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px
}

    .author-social li {
        list-style: none;
        display: inline-block;
        margin-right: 18px;
        font-size: 20px
    }

.related-post h2 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 20px
}

.related-post .related-grid {
    display: flex;
    margin-right: -15px;
    margin-left: -15px
}

    .related-post .related-grid .post {
        padding: 0 15px;
        margin-bottom: 30px
    }

        .related-post .related-grid .post img {
            height: 210px
        }

.d-content {
    display: contents
}

.blog-content {
    padding-top: 40px
}

    .blog-content .blog-left {
        background-color: #fff;
        padding: 0 30px
    }

.cst-form, .popup-claim {
    top: 0;
    left: 15px;
    right: 15px;
    bottom: auto;
    margin: 0 auto 80px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: left;
    padding: 50px 30px 30px;
    max-width: 400px;
    width: 100%
}

    .cst-form form {
        margin-top: 1rem
    }

    .cst-form input[type="submit"] {
        border-radius: 20px;
        margin-top: 20px;
        background-color: #23d3d3;
        color: #fff;
        margin-bottom: 0;
        cursor: pointer;
        border: 0
    }

    .cst-form img {
        width: 180px;
        margin-bottom: 20px
    }

    .popup-claim .popup__close, .popup-form .popup__close {
        top: 30px;
        right: 30px
    }

    .cst-form.open, .popup-claim.open, .popup-form.open {
        top: 80px;
        opacity: 1;
        visibility: visible;
        left: 15px
    }

.popup-form .popup-logo {
    display: inline-block;
    margin-bottom: 50px
}

    .popup-form .popup-logo img {
        max-width: 96px
    }

.popup-form .choose-form {
    display: flex;
    margin-bottom: 30px
}

.field-check, .form-underline .field-inline, .grid, .popup-form .field-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    margin-right: -15px;
    margin-left: -15px;
    display: flex
}

.footer-socials li, .popup-form .choose-form li {
    list-style: none;
    display: inline-block;
    margin-right: 20px
}

    .popup-form .choose-form li a {
        font-size: 20px;
        font-weight: 500;
        font-family: "Quicksand", sans-serif !important;
        text-align: center;
        border-bottom: 2px solid transparent;
        line-height: 19px;
        display: block;
        padding-bottom: 10px;
        color: #8d8d8d
    }

    .popup-form .choose-form li.active a {
        color: #2d2d2d;
        border-bottom-color: #2d2d2d
    }

.popup-form .choose-more {
    line-height: normal;
    font-size: 16px;
    margin-bottom: 30px
}

    .popup-form .choose-more .fb {
        color: #4267b2
    }

    .popup-form .choose-more .gg {
        color: #ea4335
    }

.popup-form .choose-or {
    position: relative;
    line-height: normal;
    margin-bottom: 20px
}

    .popup-form .choose-or span {
        position: relative;
        z-index: 1;
        background-color: #fff;
        padding: 0 23px 0 0;
        vertical-align: -1px
    }

.field-check label:before, .place-share a svg {
    vertical-align: -3px;
    display: inline-block
}

.popup-form .choose-or:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 1px;
    background-color: #eee
}

.form-underline .field-inline .field-input, .popup-form .field-inline .field-input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px
}

.popup-form input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    border: 0;
    padding: 0;
    border-bottom: 2px solid #2d2d2d;
    margin-bottom: 20px;
    font-style: normal
}

    .form-underline input[type="submit"], .popup-form input[type="submit"] {
        border-radius: 20px;
        background-color: #23d3d3;
        color: #fff;
        margin-bottom: 0;
        cursor: pointer;
        border: 0
    }

    .form-underline input[type="checkbox"], .popup-form input[type="checkbox"] {
        width: auto;
        line-height: normal;
        height: 22px;
        /*height: auto;*/
        position: absolute;
        opacity: 0;
        visibility: hidden
    }

.popup-form .forgot_pass {
    color: #23d3d3;
    display: block;
    margin-bottom: 20px;
    line-height: normal
}

.form-sign .field-check label {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%
}

.field-check {
    line-height: normal;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .field-check label {
        position: relative;
        display: inline-block;
        line-height: normal;
        cursor: pointer;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 15px
    }

        .field-check label a {
            color: #00d3d4
        }

        .field-check label:before {
            content: "";
            height: 16px;
            width: 16px;
            border-radius: 3px;
            border: 2px solid #8d8d8d;
            left: 0;
            top: 2px;
            position: static;
            margin-right: 8px
        }

        .field-check label input:checked ~ span, .field-check label span {
            height: 16px;
            width: 16px;
            background-color: #2d2d2d;
            line-height: 14px;
            border-radius: 3px;
            text-align: center
        }

        .field-check label span {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            top: 6px;
            left: 19px;
            -webkit-transition: inherit;
            transition: inherit
        }

        .field-check label input:checked ~ span {
            opacity: 1;
            visibility: visible;
            top: 3px;
            left: 15px
        }

            .field-check label input:checked ~ span i {
                font-size: 12px;
                color: #fff
            }

    .field-check input {
        position: absolute;
        opacity: 0;
        visibility: hidden
    }

.blogs-wrap.layout-02 .post__category li a, .member-wishlist-wrap .places-item .place-item__addwishlist, .overlay.show, .search-vandor-btn:hover, .spanner.show, .testimonial-control .tc-item img:hover, .widget-slick .slick-dots .slick-active button {
    opacity: 1
}

.widget-slick .slick-dots button {
    width: 30px;
    height: 2px;
    opacity: 0.5;
    border-radius: 2px;
    background-color: #fff;
    padding: 0
}

.place-03 .breadcrumbs {
    margin-bottom: 16px
}

.noti-item span, .place-03 .place__amenities span, .place-flex p a, .place-flex p span {
    color: #8d8d8d
}

.place-03 .place__box h3 {
    text-transform: uppercase;
    font-size: 15px
}

.widget.place__box {
    padding: 0;
    border: 0;
    margin-bottom: 20px
}

.archive-city, .flex-inline, .place-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .place-flex .place__currency {
        margin-right: 110px
    }

    .place-flex svg {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px
    }

    .place-flex p {
        display: inline-block;
        font-size: 15px;
        vertical-align: middle
    }

.place-share {
    position: absolute;
    top: 0;
    right: 0
}

    .place-share a {
        padding: 0 10px;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        border-radius: 3px;
        border: 1px solid #fff;
        margin-right: 8px;
        color: #5d5d5d;
        -webkit-transition: none;
        transition: none
    }

.listing-box input, .listing-box select {
    border-bottom: 2px solid #bcbcbc;
    height: 32px
}

.add-social svg, .filter-box .field-check label:before, .maps-button a i {
    vertical-align: -2px
}

.place-share a:hover {
    background-color: #23d3d3;
    color: #fff
}

    .place-share a:hover svg > * {
        fill: #fff;
        stroke: #fff
    }

.place-share .social-share {
    display: none;
    position: absolute;
    right: 8px;
    margin-top: 10px;
    z-index: 9999
}

.place-share .list-social-icon a {
    font-size: 18px;
    color: #fff;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 0 10px;
    border: 0
}

    .place-share .list-social-icon a.facebook {
        background: #3b5998
    }

    .place-share .list-social-icon a.twitter {
        background: #23d3d3
    }

    .place-share .list-social-icon a.google-plus {
        background: #ec1c24
    }

    .place-share .list-social-icon a.linkedin {
        background-color: #0077b5
    }

    .place-share .list-social-icon a.tumblr {
        background-color: #001935
    }

    .place-share .list-social-icon a.pinterest {
        background-color: #cb2027
    }

.listing-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flow-root;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid #eee
}

    .listing-main .listing-nav {
        background-color: #fff;
        position: fixed;
        left: 0;
        bottom: 0;
        top: 80px;
        width: 30%;
        z-index: 9;
        border-top: 1px solid #eee;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

.listing-box .chosen-choices, .listing-box input, .listing-box select {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-style: normal;
    line-height: 32px;
    width: 100%;
    padding: 0;
    background-image: initial
}

.field-select .option.o-paypal:hover ~ #option-bg, .listing-main .listing-nav.on_scroll {
    top: 0
}

.listing-menu {
    position: absolute;
    top: 120px;
    right: 0;
    max-width: 180px;
    width: 100%
}

    .box-option li, .listing-menu li {
        list-style: none;
        margin-bottom: 20px
    }

        .listing-menu li a {
            font-size: 16px;
            color: #8d8d8d;
            display: block;
            line-height: 26px;
            height: 26px;
            border-right: 4px solid transparent;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            font-family: "Quicksand", sans-serif !important;
        }

.field-select .label, .field-select .option {
    color: #2d3667;
    -webkit-transition: 0.3s;
    font-size: 16px
}

.listing-menu li.active a {
    font-weight: 500
}

.listing-content {
    border-left: 1px solid #eee;
    background-color: #f9f9f9;
    padding: 60px
}

    .listing-content > h2, .member-wrap h1 {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 30px
    }

.listing-box {
    border: 1px solid #eee;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 15px
}

    .listing-box > h3, .member-wrap h3 {
        font-size: 15px;
        font-weight: 500;
        color: #8d8d8d;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    .listing-box h4.label, .listing-box label {
        display: block;
        font-size: 15px;
        color: #2d2d2d;
        margin-bottom: 6px;
        font-weight: 500;
        font-family: "Quicksand", sans-serif !important;
    }

    .listing-box input {
        -webkit-box-shadow: inherit;
        box-shadow: inherit
    }

        .listing-box input:focus, .listing-box select:focus {
            outline-offset: 0;
            outline: 0;
            -webkit-box-shadow: initial;
            box-shadow: initial
        }

    .listing-box .chosen-choices, .listing-box select {
        -webkit-box-shadow: inherit
    }

    .listing-box input::-webkit-input-placeholder {
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        color: #8d8d8d
    }

    .listing-box input::-moz-placeholder {
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        color: #8d8d8d
    }

    .listing-box input::placeholder {
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        color: #8d8d8d
    }

    .listing-box input:-ms-input-placeholder {
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        color: #8d8d8d
    }

    .listing-box input::-ms-input-placeholder {
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        color: #8d8d8d
    }

    .listing-box select {
        box-shadow: inherit;
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        color: #8d8d8d
    }

    .listing-box .chosen-choices {
        border-bottom: 2px solid #2d2d2d;
        box-shadow: inherit
    }

    .listing-box .field-inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -15px;
        margin-right: -15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .listing-box .field-inline .field-select i {
            right: 15px
        }

    .listing-box .field-3col.field-inline .field-input, .listing-box .field-3col.field-inline .field-select {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
        padding-left: 15px;
        padding-right: 15px
    }

    .listing-box .field-3col.field-inline .remove-social {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4%;
        flex: 0 0 4%;
        max-width: 4%;
        padding-right: 15px;
        text-align: right
    }

.field-select {
    position: relative;
    margin-bottom: 30px
}

    .field-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        z-index: 2;
        position: relative
    }

    .field-select > i {
        position: absolute;
        bottom: 13px;
        right: 0;
        z-index: 1;
        font-size: 12px
    }

    .field-select #select-button {
        position: relative;
        border: 1px solid #2d2d2d;
        height: 70px;
        line-height: 68px;
        padding: 0 14px;
        background-color: #fff;
        border-radius: 3px;
        cursor: pointer
    }

    .field-select #options-view-button {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 3
    }

        .field-select #options-view-button:checked + #select-button #chevrons img {
            color: #2d3667
        }

        .field-select #options-view-button:checked ~ #options {
            border: 1px solid #e2eded;
            border-color: #eaf1f1 #e4eded #dbe7e7
        }

    .field-select .option.o-paypal input[type="radio"]:checked ~ .label:before, .field-select .option.o-paypal:hover ~ #option-bg {
        background-color: #012169;
        border-radius: 4px 4px 0 0
    }

    .field-select #options-view-button:checked ~ #options .label {
        display: block;
        padding: 12px 14px
    }

    .field-select
    #options-view-button:not(:checked) ~ #options
    .option
    input[type="radio"]:checked ~ .opt-val {
        top: -45px;
        left: 1px
    }

    .field-select #selected-value {
        font-size: 16px;
        height: 100%;
        margin-right: 26px
    }

    .field-select .option {
        position: relative;
        line-height: 1;
        transition: 0.3s;
        z-index: 2
    }

        .field-select .option img {
            height: 20px;
            position: absolute;
            left: 14px;
            padding: 0;
            display: none;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .field-select .option input[type="radio"]:checked ~ .opt-val {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .field-select .option input[type="radio"]:checked ~ img {
            opacity: 1;
            -webkit-animation: unset;
            animation: unset;
            color: #fff
        }

        .field-select .option input[type="radio"]:checked ~ .label:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1
        }

    .field-select .label {
        display: none;
        padding: 0;
        margin-left: 47px;
        transition: 0.3s
    }

    .field-select #chevrons {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 24px;
        padding: 0 14px
    }

        .field-select #chevrons img {
            display: block;
            height: 50%;
            color: #d1dede;
            font-size: 12px;
            text-align: right
        }

    .field-select .options {
        position: absolute;
        left: 0;
        width: 250px
    }

    .field-select #options {
        position: absolute;
        top: 70px;
        right: 0;
        left: 0;
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 4px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        z-index: 99
    }

    .field-select .s-c {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%
    }

    .field-select input[type="radio"] {
        position: absolute;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        opacity: 0;
        cursor: pointer
    }

    .field-select .opt-val {
        position: absolute;
        left: 0;
        opacity: 0;
        width: 200px;
        background-color: #fff;
        -webkit-transform: scale(0);
        transform: scale(0);
        font-size: 16px;
        color: #2d2d2d;
        padding-left: 61px
    }

    .field-select .option.o-paypal input[type="radio"]:checked ~ .opt-val {
        top: -46px
    }

    .field-select .option.o-stripe input[type="radio"]:checked ~ .label:before {
        background-color: #00afe1
    }

    .field-select .option.o-stripe input[type="radio"]:checked ~ .opt-val {
        top: -86px
    }

    .field-select .option.o-stripe:hover ~ #option-bg {
        top: 40px;
        background-color: #00afe1
    }

    .field-select .option.o-skrill input[type="radio"]:checked ~ .label:before {
        background-color: #862165
    }

    .field-select .option.o-skrill input[type="radio"]:checked ~ .opt-val {
        top: -126px
    }

    .field-select .option.o-skrill:hover ~ #option-bg {
        top: 80px;
        background-color: #862165
    }

    .field-select .option.o-master input[type="radio"]:checked ~ .label:before {
        background-color: #006
    }

    .field-select .option.o-master input[type="radio"]:checked ~ .opt-val {
        top: -166px
    }

    .field-select .option.o-master:hover ~ #option-bg {
        top: 120px;
        background-color: #006
    }

    .field-select #option-bg {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 40px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        z-index: 1;
        display: none
    }

.upload-form {
    max-width: 660px
}

#location-map {
    height: 231px
}

.ql-toolbar.ql-snow {
    background-color: #eee;
    border: 0
}

.ql-container.ql-snow {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #eee;
    height: 120px
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px !important;
    color: #8d8d8d !important
}

.chosen-container-multi .chosen-choices li.search-choice {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    border: 0;
    padding: 0 15px 0 0;
    margin: 0 10px 0 0;
    background-color: transparent;
    color: #8d8d8d;
    background-image: initial;
    line-height: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
        right: 0;
        top: 10px
    }

.field-maps .field-button svg {
    vertical-align: -1px;
    margin-right: 3px
}

.field-maps .field-map .address-input {
    height: 40px;
    line-height: 38px;
    border-radius: 3px;
    border: 1px solid #eee;
    background-color: #fff;
    max-width: 307px;
    position: absolute;
    left: 20px !important;
    top: 20px !important;
    z-index: 3;
    padding: 0 18px;
    font-style: italic
}

.field-maps .field-map #location-map {
    position: relative;
    z-index: 1
}

.search-choice-close:before {
    content: "";
    height: 15px;
    width: 15px;
    background-image: url(../images/icon-close.png);
    background-size: contain;
    display: block;
    margin-top: -2px
}

#social .field-3col .remove-social {
    line-height: normal;
    padding-top: 4px
}

.add-social {
    border: 2px solid #2d2d2d;
    color: #2d2d2d;
    background-color: #fff;
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: inherit;
    transition: inherit
}

.accordion-item, .accordion-item:not(:first-of-type), .footer, .footer__bottom {
    border-top: 1px solid #eee
}

.add-social:focus, .add-social:hover, .member-place-list.owner-booking td.place-action .detail:hover {
    background-color: #2d2d2d;
    color: #fff
}

    .add-social:focus svg > *, .add-social:hover svg > * {
        fill: #fff
    }

.accordion-top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

    .accordion-top > span {
        padding: 0 15px;
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        font-style: italic;
        position: relative
    }

        .accordion-top > span:after {
            content: "";
            height: 1px;
            background-color: #8d8d8d;
            width: auto;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 10px;
            right: 10px;
            display: block
        }

.accordion-bot .field-select {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important
}

.accordion-item {
    padding: 20px 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

    .accordion-item:first-of-type {
        border-radius: 0
    }

    .accordion-item .accordion-bot .field-group {
        margin-bottom: 0;
        margin-top: 15px
    }

.field-file .preview {
    display: block;
    width: 151px;
    height: 151px;
    border: 1px dashed #979797;
    background-color: #f9f9f9;
    margin-bottom: 0;
    position: relative;
    cursor: pointer
}

#place-map-filter .places-item, .maps-wrap .places-item {
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox
}

.field-file .preview input {
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.field-file .preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 2
}

.field-file .preview i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 26px
}

#place-map-filter .places-item, .maps-button .field-select, .maps-button a, .maps-wrap .places-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    background-color: #fff
}

.field-file .field-note {
    font-family: "Quicksand", sans-serif !important;
    font-size: 12px;
    font-style: italic;
    color: #8d8d8d;
    margin-top: 6px
}

.field-submit, .single .place__box-map .address {
    margin-top: 30px
}

.maps-wrap {
    position: fixed !important;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 99
}

    .maps-wrap .places-item {
        margin-bottom: 0;
        width: 370px;
        display: flex;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        overflow: hidden
    }

.maps-button .field-select, .maps-button a {
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    border-radius: 20px
}

#place-map-filter .places-item img, .maps-wrap .places-item img {
    width: 120px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover
}

.maps-wrap .places-item .places-item__info {
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

#place-map-filter .places-item h3, .maps-wrap .places-item h3 {
    font-family: "Quicksand", sans-serif !important;
    font-size: 20px;
    color: #2d2d2d
}

.maps-wrap .gm-style .gm-style-iw-c {
    padding-top: 0;
    padding-left: 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2)
}

#place-map-filter .places-item, .maps-button a {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2)
}

.maps-wrap .gm-style .gm-style-iw-d {
    overflow: inherit !important
}

.maps-wrap .gm-style .gm-style-iw-t:after {
    content: "";
    display: none !important
}

#place-map-filter .places-item__category, .maps-wrap .places-item__category {
    font-family: "Quicksand", sans-serif !important;
    font-size: 12px;
    color: #8d8d8d;
    text-transform: uppercase;
    margin-bottom: 4px
}

#place-map-filter .places-item__number, .maps-wrap .places-item__number {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    font-weight: 500
}

    #place-map-filter .places-item__number svg, .maps-wrap .places-item__number svg {
        margin-left: 2px
    }

#place-map-filter .places-item__meta, .maps-wrap .places-item__meta {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px
}

    #place-map-filter .places-item__meta .places-item__count, .maps-wrap .places-item__meta .places-item__count {
        color: #5d5d5d;
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        margin-left: 5px
    }

    #place-map-filter .places-item__meta .places-item__currency, .maps-wrap .places-item__meta .places-item__currency {
        color: #2d2d2d;
        font-family: "Quicksand", sans-serif !important;
        font-size: 16px
    }

#place-map-filter .gm-ui-hover-effect, .maps-wrap .gm-ui-hover-effect {
    top: 5px !important;
    right: 5px !important
}

    #place-map-filter .gm-ui-hover-effect img, .maps-wrap .gm-ui-hover-effect img {
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        display: inline-block !important
    }

#place-map-filter .gm-bundled-control-on-bottom, .maps-wrap .gm-bundled-control-on-bottom {
    bottom: auto;
    top: 0
}

#maps-view map > *, #place-map-filter map > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99
}

#place-map-filter .places-item {
    margin-bottom: 0;
    display: flex;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden
}

    #place-map-filter .places-item .places-item__info {
        padding: 15px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        position: relative;
        min-width: 205px
    }

.maps-button {
    position: absolute;
    left: 50px;
    top: 30px;
    z-index: 98
}

    .maps-button a {
        padding: 0 20px;
        display: inline-block;
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 0
    }

        .maps-button a i {
            display: inline-block;
            margin-right: 8px;
            font-size: 20px
        }

    .maps-button .field-select {
        display: inline-block;
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 0
    }

        .maps-button .field-select i {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            bottom: auto;
            right: 15px;
            font-size: 12px;
            margin-top: -1px
        }

    .maps-button select {
        border: 0;
        padding: 0 34px 0 20px
    }

.form-underline input, .form-underline textarea {
    padding: 0;
    background-color: inherit;
    font-style: normal
}

.accordion a, .single-02 .place__left {
    padding-right: 30px
}

.single .place-share {
    top: 30px;
    right: 50px
}

    .single .place-share a {
        background-color: #fff;
        border-radius: 50%;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        width: 48px;
        height: 48px;
        line-height: 54px;
        text-align: center
    }

        .single .place-gallery a:hover, .single .place-share a:hover {
            background-color: #23d3d3;
            border-color: #23d3d3;
            color: #fff
        }

        .close-filter i, .cuisine-sliders .slick-arrow i, .icon-heart > i, .main-primary .top-area-filter .place-layout i, .restaurant-sliders .slick-arrow i, .single .place-share a i, .testimonial-sliders .slick-arrow i {
            font-size: 24px
        }

    .place-item.layout-02 .entry-address i, .single .place-share svg {
        margin-right: 3px
    }

        .single .place-gallery svg > *, .single .place-share svg > * {
            -webkit-transition: 0.3s;
            transition: 0.3s
        }

.single .place-gallery {
    position: absolute;
    right: 50px;
    bottom: 40px
}

    .single .place-gallery a {
        padding: 0 17px;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        border-radius: 3px;
        border: 1px solid #000;
        margin-right: 8px;
        color: #fff;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background-color: #000;
        font-size: 15px;
        font-family: "Quicksand", sans-serif !important;
        font-weight: 400
    }

    .single .place-gallery svg {
        vertical-align: -3px;
        display: inline-block;
        margin-right: 3px
    }

.account img, .account span, .field-sub li {
    vertical-align: middle
}

.single .breadcrumbs a {
    color: #fff;
    font-size: 14px;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 400
}

.member-wrap form input[type="file"], .single .place__box--npd, .single-02 .place__box--npd {
    border-bottom: 0
}

    .single .place__box--npd h1 {
        color: #fff;
        font-weight: 500
    }

.single .place__category a {
    color: #fff;
    font-size: 15px
}

.single .hightlight-grid .hightlight-count {
    margin-right: 70px;
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px;
    color: #23d3d3;
    white-space: nowrap
}

.single .hightlight-grid .place__amenities {
    text-align: center;
    display: block;
    margin-right: 66px
}

    .single .hightlight-grid .place__amenities img {
        width: auto;
        height: 28px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .single .hightlight-grid .place__amenities:nth-child(4) {
        margin-right: 35px
    }

    .single .hightlight-grid .place__amenities span {
        display: block;
        margin-left: 0;
        margin-top: 15px
    }

.archive-city .archive-filter h2, .single .hightlight-grid .place__button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.single .place__box-overview .place__desc {
    font-size: 18px;
    line-height: 1.56;
    margin-bottom: 20px;
    position: relative;
    height: 137px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

    .single .place__box-overview .place__desc:after {
        content: "";
        position: absolute;
        -o-object-fit: contain;
        object-fit: contain;
        background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff) );
        background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
        height: 53px;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

    .entry-map #place-map-filter, .filter-list.open .filter-group, .hcg-banner .banner-sliders, .hcg-banner .banner.slick-sliders img, .hcg-banner .slick-list, .home-banner11 .slick-slide div, .single .place__box-overview .place__desc.open, .slick-slide .item, .template-coming-soon .site-main img {
        height: 100%
    }

        .single .place__box-overview .place__desc.open:after {
            content: "";
            opacity: 0;
            visibility: hidden
        }

.single .place__box-overview .show-more {
    font-size: 15px;
    color: #23d3d3
}

.single .place__box h3 {
    font-size: 20px;
    font-weight: 500
}

.single .open-table .day {
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.88;
    width: 20%
}

.single .sidebar {
    margin-top: 30px;
    padding-bottom: 10px
}

.single .place__meta > div:after {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #fff;
    opacity: 0.6;
    display: inline-block;
    border-radius: 50%;
    right: -14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}

.single-01 .place__left {
    margin-top: -125px;
    padding-right: 30px
}

.single-02 .breadcrumbs a {
    color: #8d8d8d;
    font-size: 14px;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 400
}

.single-02 .place__box--npd h1 {
    color: #2d2d2d;
    font-weight: 500
}

.single-02 .place__category a {
    color: #5d5d5d;
    font-size: 15px
}

.single-02 .place__meta > div:after {
    background-color: #ddd
}

.widget-products {
    padding: 30px;
    border: 1px solid #eee
}

    .alert h2, .widget-products h3 {
        font-size: 24px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 20px
    }

    .widget-products .place-slider__item img {
        height: auto;
        max-height: 360px
    }

    .widget-products .slick-nav > div {
        left: -15px;
        top: 42%
    }

    .widget-products .slick-nav .slick-nav__next {
        right: -15px;
        left: auto
    }

    .widget-products .slick-dots {
        position: static;
        margin-top: 24px
    }

        .widget-products .slick-dots li {
            margin-right: 8px
        }

        .widget-products .slick-dots button {
            width: 8px;
            height: 8px;
            background-color: #d8d8d8;
            border-radius: 50%;
            opacity: 1
        }

        .blogs, .business-main .slick-dots li.slick-active button:before, .cuisine-slider .slick-dots li.slick-active button:before, .explore .slick-dots .slick-active button:before, .featured-cities .slick-dots .slick-active button:before, .filter-mobile .mb-maps a, .home-header.home-header-while .right-header__button, .landing-customers .slick-dots li.slick-active button:before, .landing-page .site-banner__content a.btn:hover, .member-statistical .item.blue .line, .noti-item.unread:before, .owner-top-inner a.btn, .places-wrap ul.slick-dots li.slick-active button:before, .purchase-button, .restaurant-slider .slick-dots li.slick-active button:before, .testimonial-slider .slick-dots li.slick-active button:before, .testimonial-wrap .slick-dots li.slick-active button:before, .trending .slick-dots .slick-active button:before, .widget-products .slick-dots .slick-active button {
            background-color: #23d3d3
        }

    .widget-products .place-slider__nav {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

    .bsn-cat-item a:hover span.place, .select-box .filter-control.active .list, .widget-products .slick-sliders:hover .place-slider__nav {
        opacity: 1;
        visibility: visible
    }

    .widget-products .shop__products__item {
        border-right: 0;
        margin-bottom: 0
    }

.review-form .stars {
    display: inline-block;
    margin-left: 8px
}

    .review-form .stars a:hover ~ a svg > *, .review-form .stars.selected a.active ~ a svg > * {
        fill: #ddd
    }

.payment-method ul, .review-form .rate {
    margin-bottom: 15px
}

.review-form .field-textarea {
    border-radius: 3px;
    border: 1px solid #eee;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px
}

    .review-form .field-textarea .author-avatar, .widget-sb-detail .widget-top img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .review-form .field-textarea textarea {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border: 0;
        font-style: normal;
        padding: 0 0 0 20px;
        resize: none;
        height: 23px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle
    }

        .review-form .field-textarea textarea:focus {
            height: 92px
        }

.review-form textarea::-webkit-input-placeholder {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    line-height: 1.53;
    color: #8d8d8d
}

.review-form textarea:-ms-input-placeholder {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    line-height: 1.53;
    color: #8d8d8d
}

.review-form textarea::-moz-placeholder {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    line-height: 1.53;
    color: #8d8d8d
}

.review-form textarea::-ms-input-placeholder {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    line-height: 1.53;
    color: #8d8d8d
}

.review-form textarea::placeholder {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    line-height: 1.53;
    color: #8d8d8d
}

.popup-wrap.more-height {
    overflow-y: auto;
    padding-bottom: 1px;
    padding-top: 1px
}

.popup-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999
}

    .popup-wrap .popup-bg {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7)
    }

    .popup-wrap .popup-middle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        left: 15px;
        right: 15px;
        background-color: #fff;
        max-width: 570px;
        margin: 0 auto;
        padding: 30px;
        z-index: 100;
        border-radius: 3px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2)
    }

    .popup-wrap .popup-close {
        position: absolute;
        right: 30px;
        top: 30px;
        cursor: pointer
    }

    .popup-wrap .hightlight-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -45px;
        margin-right: -45px
    }

        .popup-wrap .hightlight-flex .place__amenities {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
            margin-right: 0 !important;
            margin-top: 35px;
            padding: 0 30px
        }

.grid .grid-item {
    padding-left: 15px;
    padding-right: 15px
}

.company-info > img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 570px;
    flex: 0 0 570px;
    max-width: 570px;
    margin: 0 18px
}

.company-info .ci-content span {
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px;
    line-height: 23px;
    color: #5d5d5d;
    margin-bottom: 10px
}

.company-info .ci-content h2 {
    font-family: "Quicksand", sans-serif !important;
    font-size: 28px;
    color: #2d2d2d;
    font-weight: 500;
    margin-bottom: 2px;
    line-height: 39px
}

.company-info .ci-content p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 15px
}

.blogs-wrap, .contact-main .contact-text, .cuisine-wrap, .home-testimonials .testimonials, .landing-demo, .landing-featured, .our-team, .restaurant-wrap, .site-notification, .testimonial, .testimonial-wrap {
    padding: 60px 0
}

.ot-item .ot-info {
    position: absolute;
    left: 35px;
    bottom: 20px
}

    .ot-item .ot-info h3 {
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        margin-bottom: 5px
    }

    .ot-item .ot-info span.job {
        font-family: "Quicksand", sans-serif !important;
        font-style: italic;
        font-size: 16px;
        color: #fff
    }

.join-team {
    padding-bottom: 60px
}

    .join-team .jt-content a {
        padding: 0 48px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        font-size: 16px
    }

.site-contact:before {
    content: "";
    position: absolute;
    background-color: #f9f9f9;
    width: 50%;
    top: 0;
    bottom: 0;
    right: 0
}

.site-contact h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px
}

.filter-box .more, .site-contact .contact-box a {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    color: #23d3d3
}

.site-contact h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px
}

.site-contact p {
    font-size: 15px;
    color: #5d5d5d;
    margin-bottom: 15px
}

.grid.grid-6 .grid-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.667%;
    flex: 0 0 16.667%;
    max-width: 16.667%
}

.grid.grid-3 .grid-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
}

.features-item .features-info, .grid.grid-2 .grid-item, .member-filter .mf-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.field-sub li, .member-wrap-top {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify
}

.account-sub, .field-sub {
    display: none;
    top: 100%;
    background-color: #fff;
    z-index: 9
}

.form-underline textarea {
    width: 100%;
    height: 90px;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #2d2d2d;
    margin-bottom: 20px;
    resize: none
}

    .form-underline textarea::-webkit-input-placeholder {
        font-size: 15px;
        font-style: normal;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

    .form-underline textarea:-ms-input-placeholder {
        font-size: 15px;
        font-style: normal;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

    .form-underline textarea::-moz-placeholder {
        font-size: 15px;
        font-style: normal;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

    .form-underline textarea::-ms-input-placeholder {
        font-size: 15px;
        font-style: normal;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

    .form-underline textarea::placeholder {
        font-size: 15px;
        font-style: normal;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

.form-underline input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #2d2d2d;
    margin-bottom: 20px
}

    .form-underline input::-webkit-input-placeholder {
        font-size: 15px;
        font-style: normal;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

    .form-underline input::-moz-placeholder {
        font-size: 15px;
        font-style: normal;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

    .form-underline input::placeholder {
        font-size: 15px;
        font-style: normal;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

    .form-underline input:-ms-input-placeholder {
        font-size: 15px;
        font-style: normal;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

    .form-underline input::-ms-input-placeholder {
        font-size: 15px;
        font-style: normal;
        color: #8d8d8d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

.form-underline .field-select .sl-icon {
    position: absolute;
    top: 6px;
    left: 0
}

    .form-underline .field-select .sl-icon i {
        font-size: 24px;
        vertical-align: 3px
    }

.form-underline .field-select select {
    width: 100%;
    border: 0;
    padding: 0 0 0 30px;
    border-bottom: 2px solid #2d2d2d;
    height: 40px;
    line-height: 40px;
    color: #8d8d8d
}

    .form-underline .field-select select:focus {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 2px solid #2d2d2d
    }

.widget-reservation .field-select input {
    margin-bottom: 0;
    padding-left: 30px;
    cursor: pointer;
    background-color: transparent;
    position: relative;
    z-index: 2
}

.widget-reservation .field-select > i {
    bottom: auto;
    top: 13px
}

.field-sub {
    padding: 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    right: 0
}

    .field-sub li {
        text-align: left;
        list-style: none;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px
    }

    .field-sub .shop-details__quantity {
        border: 0;
        margin-right: 0;
        height: auto;
        line-height: normal;
        width: 80px
    }

        .field-sub .shop-details__quantity span.minus {
            right: inherit;
            left: 0;
            z-index: 9
        }

        .field-sub .shop-details__quantity span.plus {
            left: inherit;
            right: 0;
            z-index: 9
        }

        .field-sub .shop-details__quantity span {
            line-height: 23px;
            left: 0
        }

        .field-sub .shop-details__quantity input {
            border: 0;
            padding-left: 0;
            height: auto;
            line-height: 28px
        }

.gj-picker-bootstrap {
    border: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0;
    margin-top: -3px
}

    .gj-picker-bootstrap td div {
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important
    }

        .gj-picker-bootstrap td div:hover {
            border-radius: 50% !important;
            background-color: #f9f9f9 !important
        }

    .gj-picker-bootstrap td.today div {
        background-color: #23d3d3 !important;
        color: #fff !important
    }

.field-time .field-sub {
    max-height: 300px;
    overflow: auto
}

    .field-time .field-sub::-webkit-scrollbar {
        width: 0
    }

.contact-main .contact-form {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 45px;
    max-width: 340px
}

    .contact-main .contact-form .field-submit, .member-wrap form .field-submit {
        margin-top: 0
    }

.error-wrap {
    margin: 100px auto;
    text-align: center;
    max-width: 450px
}

    .error-wrap h2 {
        font-size: 48px
    }

    .error-wrap b {
        font-family: "Quicksand", sans-serif !important;
        font-size: 24px;
        display: block;
        color: #2d2d2d
    }

.accordion {
    max-width: 100%;
    width: 100%
}

    .accordion a {
        display: block;
        position: relative
    }

        .accordion a:after {
            content: "\f067";
            display: block;
            width: 16px;
            height: 16px;
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -4px;
            font-family: "Font Awesome 5 Pro"
        }

    .accordion li.open a:after {
        content: "\f068"
    }

    .accordion h3 {
        font-size: 16px;
        font-weight: 500;
        padding: 20px 0
    }

.account span, .account-sub li a, .member-menu li a {
    font-size: 15px;
    font-weight: 500;
    font-family: "Quicksand", sans-serif !important;
}

.accordion .accordion-content, .faqs-accordion li.active {
    padding-bottom: 20px
}

.account img {
    width: 40px;
    height: 40px
}

.account span, .cuisine-slider .item span.title span {
    margin-left: 5px
}

.account svg {
    vertical-align: 3px
}

.account-sub {
    position: absolute;
    left: -20px;
    margin-top: 10px;
    text-align: left;
    width: 130px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1)
}

    .account-sub ul {
        padding: 10px 0
    }

    .account-sub li {
        list-style: none;
        line-height: normal;
        height: auto
    }

        .account-sub li a {
            display: block;
            padding: 10px 20px
        }

        .account-sub li:last-child {
            padding-top: 10px;
            margin-top: 10px;
            border-top: 1px solid #eee
        }

.member-menu {
    background-color: #1d1d1d;
    margin-bottom: 30px
}

    .member-menu li {
        list-style: none;
        padding: 0 15px
    }

        .member-menu li a {
            color: #fff;
            text-transform: uppercase;
            height: 60px;
            line-height: 60px;
            display: block
        }

.member-wrap .member-avatar img {
    width: 60px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover
}

.member-wrap .member-avatar label {
    display: inline-block;
    margin-left: 12px;
    vertical-align: middle;
    color: #23d3d3
}

    .member-wrap .member-avatar label input {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        width: auto
    }

.member-wrap form {
    max-width: 300px;
    margin-bottom: 30px
}

    .member-wrap form input[type="submit"] {
        width: auto;
        padding: 0 25px
    }

        .member-wrap form input[type="submit"]:focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }

.owner-content {
    background-color: #f9f9f9;
    padding-bottom: 60px
}

.member-wrap-top {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

    .list-categories h2, .member-place-top h1, .member-wrap-top h2 {
        font-size: 28px;
        font-weight: 500
    }

    .member-wrap-top p, .ob-item .ob-content p.status span {
        font-size: 16px;
        font-weight: 500;
        font-family: "Quicksand", sans-serif !important;
    }

        .member-wrap-top p a:hover {
            opacity: 0.6
        }

.upgrade-box {
    border-radius: 16px;
    background-color: #ffd54f;
    padding: 30px 50px;
    position: relative;
    margin-bottom: 30px
}

.member-statistical .item, .ob-item, .widget.widget-text {
    padding: 25px;
    background-color: #fff
}

.upgrade-box h1 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 49px
}

.upgrade-box p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: "Quicksand", sans-serif !important;
    color: #2d2d2d
}

.upgrade-box img {
    position: absolute;
    top: 0;
    right: 64px;
    bottom: 0;
    height: 100%
}

.upgrade-box .close {
    position: absolute;
    top: 25px;
    right: 25px
}

    .upgrade-box .close i {
        font-size: 24px;
        color: #5d5d5d
    }

.member-place-top {
    vertical-align: middle;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px
}

.member-statistical .item {
    border-radius: 10px;
    border: 1px solid #eee;
    text-align: center
}

    .member-statistical .item h3 {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.6;
        color: #5d5d5d;
        margin-bottom: 6px
    }

    .member-statistical .item .number {
        font-size: 36px;
        font-weight: 500;
        line-height: 1.61;
        font-family: "Quicksand", sans-serif !important;
        color: #2d2d2d
    }

    .member-statistical .item .line {
        border-radius: 5px;
        background-color: #23d3d3;
        display: block;
        width: 100px;
        height: 5px;
        margin: 0 auto
    }

    .member-statistical .item.green .line {
        background-color: #52e707
    }

    .member-statistical .item.yellow .line {
        background-color: #ffd13d
    }

    .member-statistical .item.purple .line {
        background-color: #5f4fff
    }

.ob-item, .widget.widget-text {
    border-radius: 10px;
    border: 1px solid #eee
}

    .ob-item .ob-head {
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 20px
    }

        .ob-item .ob-head h3 {
            margin-bottom: 0;
            font-size: 15px;
            font-weight: 500;
            line-height: 1.6;
            color: #5d5d5d
        }

        .ob-item .ob-head a {
            font-size: 15px;
            font-weight: 500;
            color: #23d3d3;
            font-family: "Quicksand", sans-serif !important;
        }

            .field-group label span.required, .member-place-list td.cancel, .noti-item a, .ob-item .ob-content li.cancel span, .ob-item .ob-head a.clear-all {
                color: #e74807
            }

    .ob-item .ob-content li {
        list-style: none;
        padding: 20px 0;
        position: relative
    }

    .ob-item .ob-content p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px
    }

        .ob-item .ob-content p b {
            margin-right: 5px;
            color: #5d5d5d;
            font-weight: 500;
            font-family: "Quicksand", sans-serif !important;
        }

    .member-place-list td.pending, .ob-item .ob-content li.pending span {
        color: #fc0
    }

    .member-place-list td.approved, .ob-item .ob-content li.approve span {
        color: #2dcb48
    }

    .ob-item .ob-content p.place {
        color: #2d2d2d;
        font-weight: 500;
        font-family: "Quicksand", sans-serif !important;
    }

    .ob-item .ob-content a.more {
        position: absolute;
        top: 40px;
        right: 20px
    }

        .ob-item .ob-content a.more i {
            font-size: 24px;
            color: #23d3d3
        }

    .ob-item ul {
        height: 378px;
        overflow-y: scroll;
        margin-bottom: 0 !important
    }

        .ob-item ul::-webkit-scrollbar {
            width: 6px;
            background-color: transparent
        }

        .ob-item ul::-webkit-scrollbar-thumb {
            background-color: #eee;
            border-radius: 5px;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0)
        }

.noti-item {
    padding-left: 20px !important
}

    .noti-item p {
        font-size: 16px;
        line-height: 1.5;
        font-family: "Quicksand", sans-serif !important;
        margin-bottom: 10px
    }

    .noti-item a, .noti-item span {
        font-size: 12px;
        font-style: italic;
        margin-right: 10px
    }

    .noti-item:before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #d8d8d8;
        position: absolute;
        top: 50%;
        margin-top: -2px;
        left: 0;
        display: block
    }

.member-filter {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

    .member-filter .mf-right form {
        width: 200px;
        padding-bottom: 0;
        border-bottom: 2px solid #2d2d2d
    }

        .member-filter .mf-right form .site__search__icon {
            top: 6px
        }

    .member-filter .mf-right input {
        padding-bottom: 0;
        height: 31px;
        line-height: 31px;
        border-bottom: 0;
        margin-bottom: 1px;
        background-color: transparent
    }

    .member-filter .field-select {
        max-width: 200px;
        width: 100%;
        display: inline-block;
        margin-right: 28px
    }

    .member-filter select {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 2px solid #2d2d2d;
        font-style: normal;
        height: 32px;
        line-height: 32px;
        padding: 0;
        width: 100%;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
        background-image: initial
    }

        .member-filter select:focus {
            border-bottom-color: #23d3d3
        }

.member-place-list {
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #eee;
    overflow: inherit;
    background-color: #fff
}

    .member-place-list th {
        padding: 30px 20px 20px;
        font-size: 15px;
        font-weight: 500;
        font-family: "Quicksand", sans-serif !important;
        color: #5d5d5d;
        text-transform: uppercase;
        line-height: 1.6
    }

    .box-option, .member-place-list td {
        padding: 20px
    }

        .member-place-list td, .member-place-list td b {
            font-size: 16px;
            font-family: "Quicksand", sans-serif !important;
            font-weight: 500
        }

            .member-place-list td img {
                width: 70px;
                height: 70px;
                -o-object-fit: contain;
                object-fit: contain
            }

            .member-place-list td:nth-child(2) {
                width: 5%
            }

            .member-place-list td:nth-child(3) {
                width: 12%
            }

            .member-place-list td:nth-child(4), .member-place-list.owner-booking td:nth-child(2) {
                width: 30%
            }

            .member-place-list td i {
                font-size: 24px;
                margin-right: 10px;
                color: #5d5d5d
            }

    .member-place-list.owner-booking td:nth-child(3) {
        width: 20%
    }

    .member-place-list.owner-booking td:nth-child(4) {
        width: 15%
    }

    .member-place-list.owner-booking td.place-action a {
        font-size: 15px;
        height: 40px;
        line-height: 38px;
        border-radius: 20px;
        display: inline-block;
        text-align: center;
        padding: 0 15px;
        border: 1px solid;
        margin-left: 8px
    }

    .member-place-list.owner-booking td.place-action .approve {
        border-color: #2dcb48;
        color: #2dcb48
    }

        .member-place-list.owner-booking td.place-action .approve:hover {
            background-color: #2dcb48;
            color: #fff
        }

    .member-place-list.owner-booking td.place-action .pending {
        border-color: #fc0;
        color: #fc0
    }

        .member-place-list.owner-booking td.place-action .pending:hover {
            background-color: #fc0;
            color: #fff
        }

    .member-place-list.owner-booking td.place-action .cancel {
        border-color: #e74807;
        color: #e74807
    }

        .member-place-list.owner-booking td.place-action .cancel:hover {
            background-color: #e74807;
            color: #fff
        }

    .member-place-list.owner-booking td.place-action .detail {
        border-color: #2d2d2d;
        color: #2d2d2d
    }

.box-option {
    display: none;
    position: absolute;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    width: 130px;
    z-index: 9;
    background-color: #fff;
    top: 80px;
    left: 0
}

    .box-option li i {
        width: 25px;
        text-align: center;
        margin-right: 10px;
        font-size: 20px
    }

.member-wishlist-wrap h1 {
    font-family: "Quicksand", sans-serif !important;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 30px
}

.gm-style .gm-style-iw-c {
    padding: 0;
    border-radius: 0;
    max-width: 325px !important;
    max-height: inherit !important
}

.gm-style .gm-style-iw-d {
    overflow: auto !important;
    max-height: inherit !important;
    max-width: inherit !important
}

.mw-box h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px
}

.alert {
    max-width: 600px;
    margin: 0 auto 30px;
    padding: 0
}

    .alert p {
        font-family: "Quicksand", sans-serif !important;
        font-weight: 500;
        padding: 22px 22px 22px 66px;
        border: 1px solid #20d706;
        border-radius: 3px;
        position: relative
    }

    .alert i {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 23px;
        left: 22px;
        font-size: 20px
    }

    .alert.alert-success, .alert.alert-warning {
        color: #5d5d5d;
        background-color: inherit;
        border: 0
    }

        .alert.alert-success i {
            color: #20d706
        }

    .alert.alert-error p {
        border: 1px solid #ff2d55
    }

    .alert.alert-error i {
        color: #ff2d55
    }

    .alert.alert-warning p {
        border: 1px solid #f2d23d
    }

    .alert.alert-warning i {
        color: #f2d23d
    }

.widget-shadow {
    text-align: center;
    padding: 30px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1)
}

    .widget-shadow h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 30px
    }

    .widget-shadow .note {
        font-size: 13px;
        color: #5d5d5d;
        margin-top: 10px
    }

.home-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: transparent;
    z-index: 9
}

.site-main.layout-list .archive-city .col-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%
}

.site-main.layout-list .archive-city.layout-02 .col-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 750px;
    flex: 0 0 750px;
    max-width: 750px
}

.site-main.layout-list .area-places .place-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: unset
}

.site-main.layout-list .area-places .place-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

    .site-main.layout-list .area-places .place-inner .capacity, .site-main.layout-list .area-places .place-inner .guest-count {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .box-modal .field-check, .set-left, .site-main.layout-list .area-places .entry-bottom, .site-main.layout-list .area-places .place-inner .entry-head {
        display: flow-root
    }

    .site-main.layout-list .area-places .place-inner .btn-vendor {
        width: 95%;
        padding: 15px 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.site-main.layout-list .area-places .place-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    max-width: 270px;
    position: static
}

    .site-main.layout-list .area-places .place-thumb img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }

    .site-main.layout-list .area-places .place-thumb .btn-add-to-wishlist {
        left: 220px
    }

.site-main.layout-list .area-places .entry-detail {
    border-bottom-left-radius: 0;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 270px);
    flex: 0 0 calc(100% - 270px);
    max-width: calc(100% - 270px)
}

.site-main.layout-list .area-places .close-now, .site-main.layout-list .area-places .open-now {
    font-size: 15px;
    font-weight: 500;
    color: #2dcb48;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px
}

    .place-item.layout-02 .close-now i, .place-item.layout-02 .open-now i, .site-main.layout-list .area-places .close-now i, .site-main.layout-list .area-places .open-now i {
        font-size: 24px;
        margin-right: 2px
    }

.place-item.layout-02 .close-now, .site-main.layout-list .area-places .close-now {
    color: #f43319
}

.site-main.layout-list .area-places .author {
    bottom: 20px;
    z-index: 9
}

.site-main.layout-list .place-thumb-sliders .slick-nav__prev {
    background-color: transparent;
    width: auto;
    color: #fff;
    left: 20px
}

.site-main.layout-list .place-thumb-sliders .slick-nav__next {
    background-color: transparent;
    width: auto;
    color: #fff;
    right: 20px
}

.site-main.layout-list .featured {
    height: 24px;
    line-height: 24px;
    display: inline-block;
    padding: 0 10px;
    border-radius: 3px;
    background-color: #ffc108;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 9
}

.home-main .site-banner {
    height: 100vh;
    background-size: cover;
    position: relative
}

    .home-main .site-banner:after {
        content: "";
        background-image: url(../images/assets/mask-1.svg);
        width: 150%;
        display: block;
        position: absolute;
        left: -26%;
        right: 0;
        bottom: -2px;
        background-size: 100%;
        height: 75px
    }

.home-main .site-banner__content h1 {
    font-size: 72px;
    margin-bottom: 10px;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 500;
    color: #fff
}

.home-main .site-banner__content p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 300
}

#searchfilters .field-input:first-child {
    width: 32%;
    max-width: 32%
}

#searchfilters .field-input:nth-child(2) {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 58% !important;
    flex: 0 0 58% !important;
    max-width: 80%
}

#searchfiltershome .field-input:first-child {
    width: 39%;
    max-width: 39%
}

#searchfiltershome .field-input:nth-child(2) {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 51% !important;
    flex: 0 0 51% !important;
    max-width: 80%
}

.home-main .site-banner__content .site-banner__search {
    margin: 0 auto
}

.home-main .site-banner__content .site-banner__search__input {
    padding-left: 55px
}

.home-main .hcg-banner .site-banner__content h1 {
    color: #2d2d2d;
    font-family: "Cormorant Garamond";
    font-size: 147px;
    font-weight: 800;
    line-height: 1.1em;
    margin-bottom: 0
}

.hcg-banner .banner.slick-sliders {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.explore-slider .slick-item img {
    height: 182px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.explore-slider .slick-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.explore-item .explore-info {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    right: 15px;
    text-align: center;
    z-index: 2
}

.explore-item h3 a {
    font-family: "Quicksand", sans-serif !important;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 1.58
}

.explore-item span {
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    font-weight: 300
}

.explore-item .explore-thumb {
    position: relative;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    overflow: hidden
}

    .explore-item .explore-thumb:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }

    .explore-item .explore-thumb.no-bef:before {
        opacity: 0 !important
    }

.explore-item.dark-sky-blue .explore-thumb:before {
    background-color: rgba(62, 200, 235, 0.8)
}

.explore-item.rosy-pink .explore-thumb:before {
    background-color: rgba(240, 98, 108, 0.8)
}

.explore-item.dodger-blue .explore-thumb:before {
    background-color: rgba(84, 147, 249, 0.8)
}

.explore-item.yellow .explore-thumb:before {
    background-color: rgba(255, 180, 79, 0.79)
}

.explore {
    padding-top: 60px;
    padding-bottom: 12px
}

    .explore .slick-nav > div, .featured-cities .slick-nav > div, .trending .slick-nav > div {
        opacity: 1;
        left: -25px;
        -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1)
    }

        .explore .slick-nav > div.slick-nav__next, .featured-cities .slick-nav > div.slick-nav__next, .trending .slick-nav > div.slick-nav__next {
            right: -25px;
            left: auto
        }

    .business-main .slick-dots, .explore .slick-dots, .featured-cities .slick-dots, .landing-customers .slick-dots, .trending .slick-dots {
        bottom: -40px
    }

        .explore .slick-dots button:before, .featured-cities .slick-dots button:before, .trending .slick-dots button:before {
            width: 8px;
            height: 8px;
            background-color: #d8d8d8
        }

.trending {
    background-color: #f9f9f9;
    padding: 60px 0
}

.featured-cities {
    background-color: #fff;
    padding: 30px 0
}

.title-border-bottom {
    font-family: "Quicksand", sans-serif !important;;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.61;
    position: relative;
    /*padding-left: 15px*/
}

.scroll200 .title-ven {
    margin-top: 0 !important
}

.skeleton-loading .close-now, .skeleton-loading .open-now, .skeleton-loading .place-city, .skeleton-loading .place-excerpt, .skeleton-loading .place-preview, .skeleton-loading .place-price, .skeleton-loading .place-thumb, .skeleton-loading .place-title, .skeleton-loading .place-type {
    position: relative;
    overflow: hidden;
    background-color: #dddbdd
}

    .skeleton-loading .close-now:before, .skeleton-loading .open-now:before, .skeleton-loading .place-city:before, .skeleton-loading .place-excerpt:before, .skeleton-loading .place-preview:before, .skeleton-loading .place-price:before, .skeleton-loading .place-thumb:before, .skeleton-loading .place-title:before, .skeleton-loading .place-type:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #dddbdd;
        z-index: 1
    }

    .skeleton-loading .close-now:after, .skeleton-loading .open-now:after, .skeleton-loading .place-city:after, .skeleton-loading .place-excerpt:after, .skeleton-loading .place-preview:after, .skeleton-loading .place-price:after, .skeleton-loading .place-thumb:after, .skeleton-loading .place-title:after, .skeleton-loading .place-type:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)) );
        background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) );
        -webkit-animation: 3s infinite shimmer;
        animation: 3s infinite shimmer;
        z-index: 2
    }

.skeleton-loading.layout-01 .entry-bottom:before, .skeleton-loading.layout-01 .place-status:before, .skeleton-loading.layout-01 .place-term:before, .skeleton-loading.layout-01 .place-title:before {
    background: #e8e8e8
}

@-webkit-keyframes shimmer {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes shimmer {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.place-item.layout-02 .place-inner {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    overflow: hidden
}

.place-item.layout-02 .place-thumb {
    position: relative;
    display: block
}

    .place-item.layout-02 .place-thumb .entry-thumb {
        overflow: hidden;
        display: block;
        height: 100%
    }

.pl-3 {
    padding-left: 2rem
}

.place-item.layout-02 .place-thumb img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 215px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.place-item.layout-02 .feature, .place-item.layout-02 .place-thumb .btn-add-to-wishlist {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.place-item.layout-02 .place-thumb .btn-add-to-wishlist {
    line-height: 0;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.entry-category.rosy-pink, .place-item.layout-02 .place-thumb .entry-category {
    position: absolute;
    top: 12px;
    left: 0
}

    .place-item.layout-02 .place-thumb .entry-category img {
        width: 32px;
        height: auto
    }

.place-item.layout-02 .feature {
    left: 20px;
    bottom: 0;
    background-color: #ffcc01;
    border-radius: 5px;
    height: 28px;
    line-height: 28px;
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    padding: 0 10px;
    color: #fff;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.place-item.layout-02 .author, .place-item.layout-02 .author img, .place-item.layout-02 .entry-category, .place-item.layout-02 .entry-category:hover {
    -webkit-transform: translate3d(0, 0, 0)
}

.single-listings-item {
    margin-bottom: 30px;
    border: 1px solid #eee;
    background-color: #fff
}

    .single-listings-item .listings-image {
        position: relative;
        z-index: 1;
        height: 100%;
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat
    }

        .single-listings-item .listings-image img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .single-listings-item .listings-image .link-btn {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            display: block;
            z-index: 2;
            bottom: 0
        }

    .single-listings-item .listings-content {
        padding: 45px 23px
    }

        .single-listings-item .listings-content h3 {
            margin-bottom: 12px;
            font-size: 20px
        }

.btn-vendor, .place-item.layout-02 p {
    margin-bottom: 10px;
    display: flow-root
}

.place-item.layout-02 .entry-detail {
    background: #fff;
    border: 1px solid #eee;
    border-top: 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 20px 14px 5px;
    display: flow-root
}

.business-about, .join-wrap, .page-title.layout-2:after {
    background-repeat: no-repeat
}

.border-orange {
    border: 1px solid #ffc107
}

.state-list li {
    display: inline-block;
    margin-left: 16px
}

.state-list {
    float: left;
    margin-left: 60px;
    margin-top: 21px
}

.vendor-card .entry-detail1 {
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    border-top: 0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 20px
}

.place-item.layout-02 .entry-head .place-city {
    position: relative;
    padding-left: 10px;
    margin-left: 8px
}

.place-item.layout-02 .entry-category, .place-item.layout-02 .entry-category:hover {
    width: auto;
    padding: 0 10px;
    -moz-transform: translate3d(0, 0, 0)
}

.place-item.layout-02 .place-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 25px
}

.place-item.layout-02 .title-cat {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 4px
}

.deals-pkg {
    margin: 10px 0
}

.price-sec {
    color: #23d3d3;
    margin: 10px 0 5px;
    font-weight: 700
}

.deals-pkg ul li i {
    font-size: 16px;
    float: left;
    margin-top: 2px;
    color: #23d3d3;
    margin-right: 7px
}

.deals-pkg ul li img {
    width: 20px;
    float: left;
    margin-right: 7px
}

.answers ul li, .deals-pkg ul li {
    list-style-type: none;
    display: inline-block
}

    .deals-pkg ul li:nth-child(2) {
        margin-left: 15px
    }

.cat-lists {
    display: flow-root;
    padding: 10px 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 36px;
    bottom: 0;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #eee
}

    .cat-lists a.cat-link {
        white-space: nowrap;
        overflow: hidden;
        display: block;
        width: 80%;
        float: left;
        text-overflow: ellipsis
    }

.open-details {
    float: right;
    color: #23d3d3
}

.place-item.layout-02 .entry-bottom {
    font-weight: 500;
    font-family: "Quicksand", sans-serif !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.links {
    margin: 26px 0;
    background: 0 0
}

.answers ul li:nth-child(odd), .menu-tab li {
    margin-right: 30px
}

.place-item.layout-02 .place-preview {
    font-size: 14px;
    float: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 15px
}

    .place-item.layout-02 .place-preview .place-rating {
        margin-right: 3px;
        color: #23d3d3
    }

.place-item.layout-02 .entry-category {
    height: 32px;
    line-height: 32px;
    text-align: center;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out
}

    .place-item.layout-02 .entry-category span {
        color: #fff;
        display: inline-block
    }

    .place-item.layout-02 .entry-category i {
        color: #fff;
        margin-right: 0
    }

    .place-item.layout-02 .entry-category.rosy-pink {
        background: url(../images/ribbon.png) 0 0/100% 100%;
        height: 30px;
        width: 90px;
        opacity: 0.8
    }

    .bsn-cat-item.purple a, .place-item.layout-02 .entry-category.purple {
        background-color: #d763d7
    }

    .bsn-cat-item.blue a, .place-item.layout-02 .entry-category.blue {
        background-color: #5b5ff9
    }

    .bsn-cat-item.orange a, .place-item.layout-02 .entry-category.orange {
        background-color: #ffb44f
    }

    .bsn-cat-item.charcoal-purple a, .place-item.layout-02 .entry-category.charcoal-purple {
        background-color: #846fcd
    }

    .bsn-cat-item.green a, .place-item.layout-02 .entry-category.green {
        background-color: #78cc58
    }

.place-item.layout-02 .close-now, .place-item.layout-02 .open-now {
    font-family: "Quicksand", sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    color: #2dcb48;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px
}

.place-item.layout-02 .author {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -moz-transform: translate3d(0, 0, 0);
    border: 2px solid #fff;
    display: block;
    position: absolute;
    bottom: -18px;
    right: 20px
}

    .place-item.layout-02 .author img {
        height: auto;
        border-radius: 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.cuisine-sliders .slick-arrow, .restaurant-sliders .slick-arrow, .testimonial-sliders .slick-arrow {
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.cuisine-sliders .place-slider__prev.slick-arrow, .restaurant-sliders .place-slider__prev.slick-arrow, .testimonial-sliders .place-slider__prev.slick-arrow {
    left: -55px
}

.cuisine-sliders .place-slider__next.slick-arrow, .restaurant-sliders .place-slider__next.slick-arrow, .testimonial-sliders .place-slider__next.slick-arrow {
    right: -55px
}

.cuisine-sliders .slick-arrow {
    top: 35%
}

.testimonial-sliders .slick-arrow {
    top: 40%
}

.cuisine-slider, .restaurant-slider, .testimonial-slider {
    margin-bottom: 0 !important;
    margin-left: -15px;
    margin-right: -15px
}

    .cuisine-slider .slick-dots, .restaurant-slider .slick-dots, .testimonial-slider .slick-dots {
        margin-top: 30px;
        position: static
    }

        .cuisine-slider .slick-dots button:before, .restaurant-slider .slick-dots button:before, .testimonial-slider .slick-dots button:before {
            background-color: #d8d8d8;
            font-size: 10px;
            opacity: 1
        }

    .cuisine-slider .item img {
        border-radius: 10px;
        margin-bottom: 12px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        height: 170px;
        -o-object-fit: cover;
        object-fit: cover
    }

.cuisine-wrap .slick-dots {
    margin-top: 10px !important
}

.cuisine-slider .item span.title {
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px;
    font-weight: 500
}

section.places-wrap .slick-sliders .slick-list {
    height: 400px !important
}

.cuisine-wrap section-bg .hover-img:hover img {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.cuisine-slider .item span.hover-img {
    display: block;
    border-radius: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    overflow: hidden;
    margin-bottom: 15px
}

.hover-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.featured-wrap, .testimonials {
    padding: 60px 0 30px
}

.featured-inner .flex-col {
    width: 33.33%;
    padding: 0 15px
}

    .featured-inner .flex-col:first-child > .cities {
        height: calc(100% - 30px)
    }

    .featured-inner .flex-col:first-child .cities-inner, .featured-inner .flex-col:first-child a, .featured-inner .flex-col:first-child img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.cities .hover-img {
    display: block;
    overflow: hidden;
    border-radius: 15px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.cities .entry-details {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center
}

    .cities .entry-details h3 {
        font-family: "Quicksand", sans-serif !important;
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 14px;
        color: #fff;
        line-height: 0.89
    }

    .cities .entry-details span {
        font-family: "Quicksand", sans-serif !important;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        line-height: 1.33
    }

.cities img {
    opacity: 0.9;
    border-radius: 15px
}

.join-wrap {
    padding: 190px 0;
    background-size: cover;
    background-position: center
}

    .join-wrap .join-inner {
        max-width: 460px
    }

    .join-wrap h2 {
        line-height: 1.54;
        font-family: "Quicksand", sans-serif !important;
        font-size: 48px;
        font-weight: 500;
        margin-bottom: 12px
    }

    .join-wrap p {
        font-family: "Quicksand", sans-serif !important;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.44;
        margin-bottom: 40px;
        color: #2d2d2d
    }

.home-testimonials .testimonial-item {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #eee
}

    .home-testimonials .testimonial-item .testimonial-thumb {
        width: 150px;
        position: relative
    }

    .home-testimonials .testimonial-item .testimonial-info {
        width: calc(100% - 150px);
        margin-left: 30px;
        text-align: left
    }

        .home-testimonials .testimonial-item .testimonial-info > p {
            font-size: 16px;
            max-height: 110px;
            height: 100%;
            margin-bottom: 17px;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .home-testimonials .testimonial-item .testimonial-info .cite h4 {
            display: inline-block;
            font-weight: 500
        }

        .home-testimonials .testimonial-item .testimonial-info .cite span {
            font-style: italic;
            color: #9a9a9a;
            margin-left: 10px
        }

            .home-testimonials .testimonial-item .testimonial-info .cite span:before {
                content: "";
                width: 4px;
                height: 4px;
                background-color: #d8d8d8;
                display: inline-block;
                vertical-align: 3px;
                margin-right: 10px;
                border-radius: 10px
            }

    .home-testimonials .testimonial-item img.avatar {
        width: 150px;
        max-width: 100%;
        height: 150px;
        border-radius: 50%;
        -o-object-fit: cover;
        object-fit: cover;
        position: static;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .home-testimonials .testimonial-item img.quote {
        position: absolute;
        top: 16px;
        right: 0;
        width: 28px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        left: auto
    }

.filter-mobile li, .menu-tab li, .post__category li {
    list-style: none;
    display: inline-block
}

    .menu-tab li a {
        color: #5d5d5d;
        text-transform: uppercase;
        font-family: "Quicksand", sans-serif !important;
        font-size: 15px;
        font-weight: 500;
        position: relative;
        display: block
    }

        .menu-tab li a:after {
            content: "";
            width: 100%;
            bottom: 0;
            left: 0;
            height: 1px;
            background-color: #2d2d2d;
            position: absolute;
            display: none
        }

.menu-tab .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    max-height: 350px;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.answers {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.menu-tab .flex.open {
    height: 100%;
    max-height: 100%
}

.menu-item {
    width: 50%;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 30px
}

    .menu-item img {
        width: 70px
    }

    .menu-item .menu-info {
        width: calc(100% - 70px);
        padding-right: 35px;
        margin-left: 15px;
        position: relative
    }

        .menu-item .menu-info h4, .template-coming-soon.layout-2 .cs-info b {
            font-family: "Quicksand", sans-serif !important;
            font-size: 16px;
            font-weight: 500;
            color: #5d5d5d
        }

        .menu-item .menu-info p {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

    .menu-item .price {
        position: absolute;
        top: -2px;
        right: 7px;
        font-family: "Quicksand", sans-serif !important;
        font-size: 16px;
        font-weight: 500;
        color: #5d5d5d
    }

.faqs-accordion li {
    list-style: none;
    border-radius: 5px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    padding: 20px 20px 5px;
    margin-bottom: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

    .faqs-accordion li h4 {
        font-family: "Quicksand", sans-serif !important;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        padding-bottom: 15px;
        cursor: pointer;
        padding-right: 20px
    }

        .faqs-accordion li h4:after {
            content: "\f107";
            font-family: "Line Awesome Free";
            font-weight: 900;
            top: 0;
            right: 0;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            position: absolute
        }

    .faqs-accordion li p {
        margin-bottom: 15px;
        font-size: 16px;
        color: #5d5d5d
    }

    .faqs-accordion li.active h4:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.widget-sb-detail .widget-top span.open {
    color: #2dcb48;
    font-family: "Quicksand", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px
}

.widget-sb-detail .widget-top span.close {
    color: #f43319;
    font-family: "Quicksand", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px
}

.widget-sb-detail .widget-top .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget-sb-detail .toggle-list {
    background: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    padding: 15px;
    border: 1px solid #eee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-width: 240px;
    position: absolute;
    z-index: 1;
    left: -10px;
    right: 0;
    top: 100%;
    display: none
}

    .widget-sb-detail .toggle-list li {
        font-size: 14px;
        list-style: none;
        margin-bottom: 10px
    }

        .widget-sb-detail .toggle-list li span, .widget-sb-detail .toggle-show span {
            font-family: "Quicksand", sans-serif !important;
            font-size: 14px;
            font-weight: 500;
            margin-right: 5px
        }

.widget-sb-detail .toggle-show {
    cursor: pointer;
    font-size: 14px
}

.widget-sb-detail .map-detail #map {
    height: 170px
}

.widget-sb-detail .map-detail .direction.btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-family: "Quicksand", sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    color: #23d3d3;
    padding: 0 16px
}

.widget-sb-detail .map-detail .map-local {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #f0626c;
    color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

    .widget-sb-detail .map-detail .map-local i {
        font-size: 24px;
        color: #fff;
        line-height: 32px
    }

.widget-sb-detail .business-info {
    padding: 25px 25px 35px
}

    .widget-sb-detail .business-info .h4, .widget-sb-detail .business-info h4 {
        font-family: "Quicksand", sans-serif !important;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 12px
    }

    .widget-sb-detail .business-info li {
        list-style: none;
        margin-bottom: 15px;
        padding-left: 35px;
        position: relative
    }

        .widget-sb-detail .business-info li i {
            top: 0;
            left: 0;
            margin-right: 10px;
            position: absolute;
            font-size: 21px
        }

.widget-sb-detail .button-wrap {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -5px;
    margin-right: -5px
}

    .widget-sb-detail .button-wrap .button {
        width: 50%;
        padding: 0 5px
    }

        .widget-sb-detail .button-wrap .button a {
            width: 100%;
            font-family: "Quicksand", sans-serif !important;
            font-size: 15px;
            font-weight: 500
        }

            .widget-sb-detail .button-wrap .button a.btn-border {
                background-color: #fff;
                border: 1px solid #2d2d2d;
                color: #2d2d2d
            }

.single .sidebar.sidebar-shadow {
    margin: 0;
    padding: 0;
    border-radius: 10px;
    -webkit-box-shadow: rgb(0 0 0/5%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px;
    box-shadow: rgb(0 0 0/5%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px;
    border: 1px solid #eee;
    background-color: #fff
}

.sidebar-sticky {
    position: sticky;
    top: 30px;
    margin-bottom: 30px !important
}

.button-wrap {
    text-align: center;
    margin-top: 40px
}

.set-main-h {
    height: 350px !important;
    overflow: hidden
}

    .set-main-h .banner.slick-sliders .slick-slide > div {
        height: 200px !important
    }

    .set-main-h .slick-sliders img {
        height: 350px !important;
        -o-object-fit: contain !important;
        object-fit: contain !important
    }

section.banner-area {
    background: #f9f9f9;
    height: 289px;
    overflow: hidden
}

    section.banner-area .content {
        padding: 30px 0;
        float: right
    }

#bookmarklink, .golo-add-to-wishlist {
    position: relative;
    right: -1px;
    top: 2px
}

.place-title.title-cat a {
    color: #23d3d3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

section.banner-area .content h1 {
    font-family: "Quicksand", sans-serif !important;
    margin-top: 15px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.31;
    margin-bottom: 5px;
    width: 100%
}

.vendorbox {
    float: right;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgb(0 0 0/10%);
    left: 21px
}

.listing-wid .col-left {
    margin: 0;
    max-width: 67%
}

.nav-easy .navbar-nav li a:hover, .place-item.layout-02 p a, .rating .fa-star.theme-color, .text-primary {
    color: #23d3d3 !important
}

.post__thumb {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px
}

.business-cat-slider .bsn-cat-item, .landing-customers .landing-customers-button, .landing-menu, .payment-method, .sub-catg .post__thumb {
    text-align: center
}

.sub-catg .post__info .post__title {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.sub-catg .post {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0/10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0/10%);
    border-radius: 20px;
    padding: 25px 10px;
    margin-bottom: 20px;
    height: 230px
}

.blogs:before, .landing-banner {
    background-size: cover;
    background-position: center
}

.sub-catg .post__thumb img {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain
}

.post__thumb img:not(.blog-img) {
    height: 250px;
    width: 100%
}

.blog-card .cat-link, .post__category {
    margin-bottom: 9px
}

    .blog-card .cat-link a, .post__category li a {
        text-transform: uppercase;
        opacity: 0.9;
        font-family: "Quicksand", sans-serif !important;
        color: #5d5d5d;
        margin-right: 8px;
        position: relative;
        font-size: 14px;
        line-height: 19px;
        display: inline-block
    }

        .blog-card .cat-link a:after, .post__category li a:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 1px;
            left: 0;
            right: 0;
            border-bottom: 1px solid #23d3d3
        }

.place-item:hover .entry-thumb > img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.featured-slider.slick-slider img {
    height: 168px;
    border-radius: 15px
}

.featured-slider.slick-slider .cities__item {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-right: 10px;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.featured-cities .cities__thumb {
    border: 2px solid #eee
}

.testimonial-item {
    position: relative;
    padding: 30px 0 20px;
    text-align: center
}

    .testimonial-item img {
        max-width: 70px;
        width: 100%;
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .testimonial-item p {
        font-family: "Quicksand", sans-serif !important;
        font-size: 18px;
        line-height: 1.44;
        margin-bottom: 20px
    }

    .testimonial-item h4 {
        font-weight: 500;
        margin-bottom: 5px
    }

    .testimonial-item span {
        font-family: "Quicksand", sans-serif !important;
        font-size: 16px;
        font-style: italic;
        color: #9a9a9a
    }

.testimonial .slick-nav > div {
    top: 70px;
    left: -105px;
    width: 46px;
    height: 46px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    opacity: 1
}

.testimonial .slick-nav .slick-nav__next {
    left: auto;
    right: -105px
}

.testimonial .slick-sliders {
    max-width: 60%;
    margin: 0 auto
}

.testimonial-control {
    height: 64px;
    max-width: 450px;
    margin: 0 auto
}

    .testimonial-control .tc-item {
        padding: 10px 0;
        text-align: center
    }

        .testimonial-control .tc-item img {
            width: 85px;
            height: 85px;
            opacity: 0.4;
            cursor: pointer;
            border-radius: 50%;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            margin: 0 auto;
            -webkit-transition: 0.3s;
            transition: 0.3s
        }

    .testimonial-control .slick-current img {
        width: 85px;
        opacity: 1
    }

.blogs {
    padding: 60px 0;
    position: relative
}

    .blogs:before {
        content: "";
        background-image: url(../images/assets/mask-2.svg);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        height: 245px;
        z-index: 0
    }

    .blogs .post__category a:after {
        border-bottom-color: #fff
    }

    .blogs .post__category a:hover {
        opacity: 0.7;
        color: #fff
    }

    .blogs .post__title a {
        color: #fff;
        line-height: 1.56;
        font-size: 18px;
        font-weight: 500
    }

.btn-border {
    opacity: 0.9;
    border-radius: 20px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    display: inline-block;
    border: 1px solid #fff;
    margin: 0 auto
}

.filter-box, .widget.widget-text ul {
    margin-top: 25px
}

.btn-border:hover {
    opacity: 1;
    background-color: #fff;
    color: #23d3d3
}

.page-title.layout-2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40%;
    background-color: #23d3d3
}

.page-title.layout-2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 355px;
    background-size: 800px 800px;
    background-image: radial-gradient( circle at 100% 3%, transparent calc(400px + 1px), #23d3d3 calc(400px + 2px) );
    background-position: top center
}

.page-title.layout-2 .page-title__content {
    position: static;
    text-align: left;
    -webkit-transform: inherit;
    transform: inherit;
    margin-bottom: 100px
}

    .page-title.layout-2 .page-title__content p {
        font-size: 15px;
        font-weight: 400;
        font-style: inherit
    }

.page-title.layout-2 .intro__meta {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-title.layout-2 .intro__meta__item {
    border-left: 0;
    padding-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    color: #fff
}

    .page-title.layout-2 .intro__meta__item h3 {
        color: #fff
    }

.page-title.layout-2 .page-title-info {
    max-width: 47%;
    width: 100%;
    padding-top: 45px;
    position: relative;
    z-index: 2
}

.page-title.layout-2 h1 {
    font-family: "Quicksand", sans-serif !important;
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: 500
}

.archive-city .archive-filter h2, .archive-city .col-right .filter-head .h2, .archive-city .col-right .filter-head h2 {
    font-size: 24px;
    line-height: 1.58;
    font-weight: 500
}

.archive-city .col-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 40px !important;
    display: flex;
    margin-left: -30px;
    margin-right: -30px
}

    .archive-city .col-left.no-maps {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        padding: 40px 0;
        margin: 0 auto
    }

        .archive-city .col-left.no-maps .archive-filter {
            padding-left: 15px
        }

        .archive-city .col-left.no-maps .main-primary {
            padding-right: 15px
        }

        .archive-city .col-left.no-maps .place-item {
            -ms-flex: 0 0 33.33%;
            -webkit-box-flex: 0;
            flex: 0 0 33.33%;
            max-width: 33.33%
        }

.archive-city .col-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 375px;
    flex: 0 0 375px;
    max-width: 375px;
    padding: 51px 20px 40px
}

    .archive-city .col-right .filter-head {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
        display: none
    }

.archive-city .archive-filter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
    padding-left: 30px;
    padding-right: 30px
}

.archive-city.layout-02 .result-count {
    font-size: 18px !important;
    color: #5d5d5d !important
}

.archive-city.layout-02 .filter-control span {
    font-family: "Quicksand", sans-serif !important; !important
}

.archive-city.layout-02 .col-left.no-maps .place-item {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%
}

.archive-city.layout-02 .col-left, .nav-easy .navbar-nav li .sub-menu li a:first-child, .nav-easy .navbar-nav li .sub-menu li a:last-child {
    margin: 0
}

.filter-box {
    padding-top: 25px;
    border-top: 1px solid #eee
}

    .filter-box .filter-group {
        height: 102px;
        overflow: hidden;
        margin-bottom: 15px;
        transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        -ms-transition: 0.3s
    }

    .filter-box .h3, .filter-box h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 15px;
        position: relative;
        cursor: pointer
    }

        .filter-box .h3:before, .filter-box h3:before {
            content: "\f107";
            position: absolute;
            right: 0;
            font-size: 12px;
            font-weight: 900;
            font-family: "Line Awesome Free"
        }

        .filter-box .h3.active:before, .filter-box h3.active:before {
            content: "\f106"
        }

.main-primary {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 30px;
    padding-right: 30px
}

    .main-primary .top-area {
        display: flow-root;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 25px
    }

        .main-primary .top-area .result-count {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            color: #2d2d2d;
            font-family: "Quicksand", sans-serif !important;
        }

    .main-primary .top-area-filter .place-layout a.active {
        color: #23d3d3;
        background: #fff;
        padding: 15px 9px 6px 7px;
        border-radius: 50px
    }

    .main-primary .top-area-filter .place-layout a {
        padding: 0 2px
    }

    .main-primary .top-area-filter .clear {
        margin-left: 10px;
        color: #23d3d3;
        display: none
    }

    .main-primary .top-area-filter .filter-right {
        display: flow-root;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        float: right
    }

    .main-primary .pagination {
        margin-bottom: 0;
        text-align: left
    }

.select-box, .testimonial-slider.layout-03 .quote {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right
}

    .select-box .filter-control {
        font-size: 15px;
        line-height: inherit;
        margin-right: 17px;
        font-weight: 500;
        color: #5d5d5d;
        height: inherit;
        border: 0;
        padding-right: 15px;
        position: relative
    }

        .select-box .filter-control span {
            font-size: 15px;
            line-height: inherit;
            font-weight: 500;
            color: #5d5d5d;
            cursor: pointer;
            font-family: "Quicksand", sans-serif !important;
        }

        .select-box .filter-control .list {
            background-color: #fff;
            border-radius: 5px;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-top: 4px;
            visibility: hidden;
            overflow: hidden;
            padding: 0;
            position: absolute;
            top: 100%;
            right: 0;
            width: 310px;
            -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
            opacity: 0;
            z-index: 9
        }

        .select-box .filter-control li {
            cursor: pointer;
            font-weight: 400;
            line-height: 40px;
            list-style: none;
            min-height: 40px;
            outline: 0;
            padding-left: 18px;
            padding-right: 29px;
            text-align: left;
            -webkit-transition: 0.2s;
            transition: 0.2s;
            font-size: 15px
        }

            .select-box .filter-control li.selected, .select-box .filter-control li:hover {
                background-color: #f6f6f6
            }

        .select-box .filter-control:after {
            content: "\f107";
            font-size: 12px;
            font-weight: 900;
            font-family: "Line Awesome Free";
            font-style: normal;
            right: -3px;
            width: auto;
            height: auto;
            margin-top: -2px;
            border: 0;
            top: 6px;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            position: absolute
        }

.filter-mobile .mb-maps a, .filter-mobile li a {
    height: 40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    line-height: 40px
}

.area-places {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

    .area-places .place-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        margin-bottom: 30px
    }

    .area-places.layout-3col .place-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        height: 520px
    }

.entry-map {
    height: 100vh;
    position: sticky;
    position: -webkit-sticky;
    top: 0
}

.filter-mobile {
    margin-bottom: 60px;
    display: none
}

.checkout-area, .payment-method {
    margin-bottom: 80px
}

.filter-mobile li a {
    border-radius: 20px;
    border: 1px solid #23d3d3;
    font-size: 15px;
    font-weight: 500;
    display: block;
    padding: 0 30px;
    margin-right: 12px
}

.filter-mobile .mb-maps {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .filter-mobile .mb-maps a {
        width: 40px;
        border-radius: 20px;
        border: 1px solid #23d3d3;
        display: inline-block;
        color: #fff;
        font-size: 24px;
        text-align: center
    }

.filterForm .form-button, .sortForm .form-button {
    margin-top: 20px;
    display: none
}

.filterForm .filter-head, .owner-top-inner, .sortForm .filter-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .filterForm .filter-head .clear-filter, .sortForm .filter-head .clear-filter {
        font-size: 16px;
        color: #23d3d3;
        font-weight: 500;
        font-family: "Quicksand", sans-serif !important;
        line-height: 37px;
        display: none
    }

.purchase-button, .template-coming-soon .site-header .site__brand {
    line-height: 30px
}

.filterForm .filter-head .clear-filter i, .sortForm .filter-head .clear-filter i {
    margin-right: 10px;
    font-size: 14px
}

.close-filter {
    margin-left: 10px;
    display: none
}

.template-coming-soon .site-header {
    padding: 60px 0 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent
}

.template-coming-soon .site-main {
    height: 100vh;
    padding: 105px 0
}

    .template-coming-soon .site-main div {
        height: 100%;
        position: relative
    }

.template-coming-soon .cs-info {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 400px
}

    .template-coming-soon .cs-info h1 {
        font-size: 58px;
        font-family: "Quicksand", sans-serif !important;-Semi;
        line-height: 1.28;
        color: #1a1a1a;
        margin-bottom: 10px
    }

    .template-coming-soon .cs-info p {
        font-size: 18px;
        line-height: 1.61;
        margin-bottom: 30px
    }

.template-coming-soon .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    border: 0;
    padding: 15px 0 60px
}

.site-banner__search.cs-newletter .site-banner__search__icon i {
    font-size: 32px;
    color: #23d3d3
}

.site-banner__search.cs-newletter .site-banner__search__input {
    border: 1px solid #d8d8d8;
    padding: 0 55px 0 25px;
    line-height: 58px;
    height: 60px
}

.footer-socials li i {
    font-size: 32px
}

.template-coming-soon.layout-2 .cs-info h1 {
    font-family: "Quicksand", sans-serif !important;
}

.template-coming-soon.layout-2 .cs-info a {
    font-family: "Quicksand", sans-serif !important;
    color: #23d3d3;
    font-size: 16px;
    font-weight: 500
}

.template-coming-soon.layout-2 .cs-thumb {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 50%;
    width: 100%
}

    .template-coming-soon.layout-2 .cs-thumb img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.template-coming-soon.layout-2 .cs-day {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    right: 20px;
    text-align: center;
    width: 180px;
    height: 180px;
    border-radius: 32px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px 0
}

    .template-coming-soon.layout-2 .cs-day span {
        font-family: "Quicksand", sans-serif !important;
        font-size: 58px;
        color: #2d2d2d;
        font-weight: 700
    }

    .template-coming-soon.layout-2 .cs-day p {
        font-family: "Quicksand", sans-serif !important;
        font-size: 18px;
        font-weight: 500
    }

.purchase-button {
    border-radius: 30px;
    bottom: 40px;
    -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.2);
    color: #fff !important;
    font-size: 14px;
    left: 40px;
    padding: 10px 25px;
    position: fixed;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .purchase-button i {
        font-size: 28px;
        margin-right: 5px;
        position: relative;
        top: -2px
    }

    .purchase-button:hover {
        background: #2d2d2d
    }

    .header-landing.home-header.home-header-while .right-header__button a, .purchase-button strong {
        color: #2d2d2d;
        font-family: "Quicksand", sans-serif !important;
        font-weight: 500
    }

.pricing-area h2.title {
    font-size: 36px;
    margin-bottom: 50px
}

.pricing-item {
    border-radius: 16px;
    border: 1px solid #d8d8d8;
    text-align: center;
    height: 100%;
    padding: 50px 25px;
    background-color: #fff;
    overflow: hidden;
    position: relative
}

    .pricing-item img {
        height: 111px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-bottom: 28px
    }

    .pricing-item h3 {
        font-size: 24px;
        text-transform: uppercase;
        font-family: "Quicksand", sans-serif !important;
        font-weight: 500;
        line-height: 1.58;
        margin-bottom: 10px
    }

    .pricing-item .price {
        font-size: 48px;
        font-family: "Quicksand", sans-serif !important;
        font-weight: 500;
        color: #2d2d2d;
        line-height: 42px;
        margin-bottom: 20px
    }

        .pricing-item .price .currency {
            font-size: 24px;
            vertical-align: 15px
        }

        .pricing-item .price .time {
            font-size: 14px;
            display: block;
            color: #5d5d5d
        }

    .pricing-item .btn {
        padding: 0 63px;
        font-size: 15px;
        margin-bottom: 30px
    }

    .pricing-item li {
        list-style: none;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px
    }

    .pricing-item .best-deal {
        -webkit-transform: rotate(-315deg);
        transform: rotate(-315deg);
        font-family: "Quicksand", sans-serif !important;
        font-size: 18px;
        font-weight: 500;
        background-color: #23d3d3;
        color: #fff;
        position: absolute;
        top: 18px;
        right: -95px;
        padding: 8px 100px
    }

    .pricing-item .total {
        padding-top: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-top: 1px solid #eee
    }

        .pricing-item .total h4 {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 5px
        }

        .pricing-item .total span {
            font-size: 18px;
            font-weight: 500;
            line-height: 1.61;
            color: #2d2d2d;
            font-family: "Quicksand", sans-serif !important;
        }

.package-review .pricing-item {
    padding: 50px 60px 40px
}

    .package-review .pricing-item .btn-change {
        margin-bottom: 0;
        background-color: #2d2d2d
    }

.payment-method li {
    list-style: none;
    display: inline-block;
    margin-right: 18px
}

.payment-method img {
    width: auto;
    height: 60px
}

.frequently-asked .asked-item p, .frequently-asked .title p, .payment-method p {
    font-size: 16px;
    line-height: 1.5
}

.frequently-asked {
    padding: 55px 0;
    background-color: #f9f9f9
}

.business-about, .business-category, .business-main, .business-main .featured-cities, .city-back, .footer.layout-03 a.btn:hover, .home-header.home-header-while div.right-header__button:hover, .site-banner__search.layout-02, .subcat-back, .testimonial.layout-02 .slick-sliders .testimonial-item {
    background-color: #fff
}

.frequently-asked .title {
    text-align: center;
    margin-bottom: 60px
}

    .frequently-asked .title h2, .title-wrap h2 {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 10px
    }

.frequently-asked .asked-item {
    margin-bottom: 30px;
    max-width: 500px;
    padding-right: 20px
}

    .frequently-asked .asked-item h3 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 15px
    }

.checkout-area h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.58;
    margin-bottom: 30px
}

.billing-form .billingForm {
    max-width: 570px
}

.billing-form .field-check label {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    display: block
}

.field-group h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    margin-bottom: 20px
}

.field-group label {
    font-size: 15px;
    font-weight: 500;
    display: block;
    font-family: "Quicksand", sans-serif !important;
    color: #2d2d2d
}

.field-group .field-input input {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #2d2d2d;
    font-style: normal;
    height: 32px;
    line-height: 32px;
    padding: 0;
    width: 100%
}

.checkout-thanks-area {
    max-width: 460px;
    margin: 0 auto 80px
}

    .checkout-thanks-area h2 {
        font-size: 36px;
        text-align: center;
        margin-bottom: 50px
    }

    .checkout-thanks-area h3 {
        font-size: 24px;
        font-weight: 500;
        text-align: center;
        line-height: 1.58;
        margin-bottom: 20px
    }

    .checkout-thanks-area .order-detail {
        border: 1px solid #eee;
        border-radius: 5px;
        margin-bottom: 30px
    }

        .checkout-thanks-area .order-detail p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 30px 40px;
            border-bottom: 1px solid #eee;
            font-size: 16px
        }

.features-item, .site-banner__search.layout-02 {
    -webkit-box-align: center;
    display: -webkit-box;
    display: -ms-flexbox
}

.checkout-thanks-area .order-detail p:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.checkout-thanks-area .order-detail p.total span {
    font-size: 16px;
    color: #2d2d2d;
    font-weight: 700;
    font-family: "Quicksand", sans-serif !important;
}

.checkout-thanks-area .order-detail .pakage-name {
    text-transform: uppercase
}

.checkout-thanks-area a.btn-print i {
    font-size: 24px;
    margin-right: 8px;
    vertical-align: -3px
}

.landing-banner {
    padding: 130px 0
}

    .landing-banner h2 {
        font-size: 40px;
        margin-top: 84px;
        font-weight: 500;
        margin-bottom: 10px
    }

    .landing-banner p {
        font-size: 24px;
        color: #2d2d2d;
        margin-bottom: 30px
    }

    .landing-banner .lb-button img {
        height: 60px
    }

.ld-title {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 40px
}

    .ld-title h2 {
        font-size: 48px;
        font-weight: 500;
        line-height: 1.6
    }

    .ld-title p {
        font-size: 18px;
        line-height: 1.6
    }

.img-box-inner {
    margin-bottom: 80px;
    display: flow-root
}

.img-box-item {
    text-align: center;
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 50px 20px;
    margin-bottom: 20px
}

    .img-box-item img {
        height: 72px;
        margin-bottom: 30px
    }

    .img-box-item h3 {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.58;
        margin-bottom: 10px
    }

    .img-box-item p {
        font-size: 16px;
        line-height: 1.63
    }

.features-item {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

    .features-item .features-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 100px
    }

article.post .post__info {
    padding: 0 20px
}

.category-sugestion ul li {
    width: 260px;
    float: left
}

    .category-sugestion ul li img {
        color: red
    }

.features-item h3 {
    font-size: 64px;
    font-weight: 500;
    margin-bottom: 25px
}

.features-item p {
    font-size: 18px;
    line-height: 1.44;
    margin-bottom: 30px;
    max-width: 470px
}

.features-item a.more {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #23d3d3;
    font-family: "Quicksand", sans-serif !important;
    position: relative
}

    .features-item a.more:after {
        content: "";
        width: 100%;
        height: 2px;
        display: block;
        background-color: #23d3d3;
        position: absolute;
        bottom: -2px;
        left: 0
    }

.features-item:nth-child(2n-1) .features-thumb {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-right: 0;
    padding-left: 100px
}

.features-item:nth-child(2n-1) .features-info {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.features-inner {
    margin-bottom: 50px
}

.home-header.home-header-while .right-header__destinations > a, .home-header.home-header-while .right-header__login > a, .home-header.home-header-while .right-header__signup > a {
    color: #2d2d2d;
    font-family: "Quicksand", sans-serif !important;
}

.home-header.home-header-while div.right-header__button > a, .home-header.home-header-while div.right-header__button i {
    color: #fff;
    transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    -webkit-transition: inherit;
    -ms-transition: inherit
}

.business-main .blogs .post__title a, .business-main.home-main .site-banner__content h1, .home-header.home-header-while div.right-header__button:hover > a, .home-header.home-header-while div.right-header__button:hover i {
    color: #2d2d2d
}

.business-main.home-main .site-banner:after {
    background-size: 100%;
    height: 75px
}

.site-banner__search.layout-02 {
    display: flex;
    border-radius: 30px;
    margin-top: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    vertical-align: middle;
    align-items: center;
    position: relative;
    z-index: 9
}

    .site-banner__search.layout-02 .site-banner__search__input {
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
        padding: 0;
        border-left: 1px solid #eee;
        padding-left: 7px !important;
        border-radius: 0;
        box-shadow: inherit;
        color: #2d2d2d;
        font-family: "Quicksand", sans-serif !important;-Book
    }

        .site-banner__search.layout-02
        .site-banner__search__input::-webkit-input-placeholder {
            color: #8d8d8d;
            font-family: "Quicksand", sans-serif !important;-Book
        }

        .site-banner__search.layout-02 .site-banner__search__input::-moz-placeholder {
            color: #8d8d8d;
            font-family: "Quicksand", sans-serif !important;-Book
        }

        .site-banner__search.layout-02 .site-banner__search__input::placeholder {
            color: #8d8d8d;
            font-family: "Quicksand", sans-serif !important;-Book
        }

        .site-banner__search.layout-02
        .site-banner__search__input:-ms-input-placeholder {
            color: #8d8d8d;
            font-family: "Quicksand", sans-serif !important;-Book
        }

        .site-banner__search.layout-02
        .site-banner__search__input::-ms-input-placeholder {
            color: #8d8d8d;
            font-family: "Quicksand", sans-serif !important;-Book
        }

    .site-banner__search.layout-02 .field-input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px;
        display: flex;
        align-items: center;
        position: relative
    }

        .site-banner__search.layout-02 .field-input label {
            color: #000;
            font-family: "Quicksand", sans-serif !important;;
            margin-right: 8px;
            font-size: 14px;
            font-weight: 600
        }

        .site-banner__search.layout-02 .field-input input:focus {
            background-color: inherit !important;
            border-radius: 0
        }

        .site-banner__search.layout-02 .field-input:first-child {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 55%;
            flex: 0 0 55%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 55%;
            flex: 0 0 50%;
            padding-right: 0;
            max-width: 40%;
            position: relative
        }

            .site-banner__search.layout-02 .field-input:first-child:after {
                content: "";
                content: "";
                width: 1px;
                position: absolute;
                top: 10px;
                bottom: 10px;
                right: 0;
                display: block;
                background-color: #eee
            }

        .site-banner__search.layout-02 .field-input:nth-child(2) {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 45%;
            flex: 0 0 45%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 45%;
            flex: 0 0 50%;
            max-width: 50%
        }

    .site-banner__search.layout-02 .field-submit {
        margin-top: 0;
        height: auto;
        position: absolute;
        top: 5px;
        right: 5px
    }

        .site-banner__search.layout-02 .field-submit button {
            border: 0;
            background-color: #23d3d3;
            height: 50px;
            line-height: 50px;
            text-align: center;
            width: 50px;
            border-radius: 50%;
            cursor: pointer
        }

            .site-banner__search.layout-02 .field-submit button i {
                color: #fff;
                font-size: 16px;
                vertical-align: -2px
            }

    .site-banner__search.layout-02 .search-suggestions {
        position: absolute;
        top: calc(100% + 2px);
        left: 0;
        right: 0;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        background-color: #fff;
        text-align: left;
        z-index: 99;
        display: none
    }

        .site-banner__search.layout-02 .search-suggestions ul {
            padding: 7px 0;
            display: flow-root
        }

        .site-banner__search.layout-02 .search-suggestions li {
            list-style: none
        }

            .site-banner__search.layout-02 .search-suggestions li i {
                font-size: 24px;
                display: none;
                margin-right: 10px;
                vertical-align: -3px
            }

            .site-banner__search.layout-02 .search-suggestions li img {
                display: inline-block;
                width: 35px;
                height: 35px;
                float: left;
                margin-right: 9px;
                margin-top: -5px
            }

            .search-suggestions ul li a span, .search-suggestions ul li.link-tag span, .site-banner__search.layout-02 .search-suggestions li span {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                line-clamp: 1;
                -webkit-box-orient: vertical
            }

            .site-banner__search.layout-02 .search-suggestions li a, .site-banner__search.layout-02 .search-suggestions li.link-tag {
                padding: 17px 11px;
                font-size: 16px;
                font-weight: 500;
                font-family: "Quicksand", sans-serif !important;
                color: #2d2d2d;
                display: block
            }

                .site-banner__search.layout-02 .search-suggestions li.link-tag:hover, .site-banner__search.layout-02 .search-suggestions li:hover a {
                    background-color: #23d3d3;
                    color: #fff;
                    cursor: pointer
                }

.bsn-cat-item a {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: block;
    text-align: center;
    padding-top: 35px;
    margin: 0 auto
}

    .bsn-cat-item a:hover {
        padding-top: 25px
    }

.bsn-cat-item i {
    font-size: 36px;
    color: #fff;
    display: block;
    margin-bottom: 10px
}

.bsn-cat-item span.title {
    font-family: "Quicksand", sans-serif !important;
    font-size: 23px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-bottom: 5px;
    line-height: 22px
}

.bsn-cat-item span.place {
    font-size: 15px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out
}

.bsn-cat-item.rosy-pink a {
    background-color: #f0626c
}

.business-category {
    padding: 60px 0;
    position: relative;
    z-index: 2
}

.business-main.home-main .site-banner__content h1 {
    color: #fff
}

.business-main.home-main .site-banner__content p {
    color: #fff;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 400
}

    .business-main.home-main .site-banner__content p i, .landing-featured .features-item p, .review-wrap li .place__author__info > a {
        font-family: "Quicksand", sans-serif !important;
    }

.business-main {
    position: relative;
    z-index: 1
}

    .business-main .overlay-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0
    }

    .business-main .slick-nav > div {
        opacity: 1;
        width: auto;
        height: auto;
        background-color: transparent;
        left: -53px !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .business-main .slick-nav .slick-nav__next {
        right: -53px !important;
        left: auto !important
    }

    .business-main .slick-dots li button:before, .show-map .icon-toggle.active, .testimonial-wrap .slick-dots li button:before {
        background-color: #d8d8d8
    }

    .business-main .title-border-bottom {
        margin-bottom: 70px
    }

        .business-main .title-border-bottom span {
            display: block;
            font-size: 16px;
            opacity: 0.9;
            color: #5d5d5d
        }

        .business-main .title-border-bottom:after {
            bottom: -25px
        }

    .business-main .testimonial .slick-nav > div {
        top: 30%
    }

    .business-main .testimonial .slick-sliders, .testimonial.layout-02 .slick-sliders {
        max-width: 100%
    }

    .business-main .blogs .post__category a {
        color: #2d2d2d;
        opacity: 0.9;
        font-size: 15px;
        line-height: 1.53
    }

        .business-main .blogs .post__category a:after {
            border-bottom-color: #23d3d3
        }

    .business-main .blogs img {
        height: 270px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.testimonial-slider.layout-02 .testimonial-item {
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 30px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left
}

    .testimonial-slider.layout-02 .testimonial-item img {
        position: static;
        -webkit-transform: inherit;
        transform: inherit;
        border-radius: 50%;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        max-height: 150px;
        max-width: 150px
    }

    .testimonial-slider.layout-02 .testimonial-item .avatar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        max-width: 150px;
        position: relative
    }

        .testimonial-slider.layout-02 .testimonial-item .avatar .quote {
            top: 10px;
            right: 0;
            left: auto;
            -webkit-transform: inherit;
            transform: inherit;
            position: absolute;
            width: auto;
            border-radius: 0;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            max-width: 28px
        }

    .testimonial-slider.layout-02 .testimonial-item .testimonial-info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 180px);
        flex: 0 0 calc(100% - 180px);
        max-width: calc(100% - 180px)
    }

        .testimonial-slider.layout-02 .testimonial-item .testimonial-info p {
            font-size: 16px;
            line-height: 1.5;
            color: #5d5d5d;
            margin-bottom: 20px
        }

        .testimonial-slider.layout-02 .testimonial-item .testimonial-info b {
            font-size: 16px;
            color: #2d2d2d
        }

        .testimonial-slider.layout-02 .testimonial-item .testimonial-info span {
            font-size: 16px;
            color: #9a9a9a;
            font-family: "Quicksand", sans-serif !important;
            margin-left: 20px
        }

.testimonial-slider.layout-03 .testimonial-item {
    border: 1px solid #eee;
    padding: 30px;
    border-radius: 10px
}

    .testimonial-slider.layout-03 .testimonial-item span {
        font-family: "Quicksand", sans-serif !important;-Book
    }

    .testimonial-slider.layout-03 .testimonial-item img {
        position: static;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

.testimonial-slider.layout-03 .testimonial-info > p {
    text-align: left;
    font-family: "Quicksand", sans-serif !important;-Book
}

.testimonial-slider.layout-03 .testimonial-meta .author {
    text-align: left;
    margin-left: 15px
}

    .testimonial-slider.layout-03 .testimonial-meta .author b {
        font-size: 16px;
        font-weight: 500;
        color: #2d2d2d;
        display: block;
        width: 100%;
        font-family: "Quicksand", sans-serif !important;-Book
    }

.testimonial-slider.layout-03 .testimonial-item img.ava {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.testimonial-slider.layout-03 .quote img {
    max-width: 28px;
    display: inline-block
}

.business-about {
    background-size: 50% 100%;
    background-position: top right;
    margin-top: 80px
}

.blog-wrap .post__thumb img {
    height: 180px !important
}

.business-about .business-about-info {
    padding-right: 100px
}

    .business-about .business-about-info h2 {
        font-size: 36px;
        font-weight: 500;
        line-height: 1.61;
        margin-bottom: 20px
    }

    .business-about .business-about-info p {
        font-size: 18px;
        line-height: 1.44;
        color: #2d2d2d;
        margin-bottom: 30px
    }

.social-follow .social-icns i {
    font-size: 25px;
    color: #000
}

.social-icns a {
    padding: 12px;
    border: 3px solid #eee;
    border-radius: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.social-follow .social-icns {
    margin-top: 10px;
    display: inline-block
}

.social-follow, section.links .card .links {
    margin-top: 15px
}

.business-about .business-about-info a.btn {
    background-color: #23d3d3;
    color: #fff;
    font-family: "Quicksand", sans-serif !important;
    font-size: 14px
}

.business-landing-banner.landing-banner {
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    padding: 0;
    height: 600px;
    background-image: url(../images/bg/bg-app-1.jpg)
}

.pd-110 {
    padding: 110px 0
}

.back-white {
    background: #fff !important
}

.or-spr:before, .page-link:hover, .search-icon {
    background: #23d3d3;
    color: #fff
}

.search-icon {
    padding: 2px 9px
}

.topbar-cat {
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0;
    z-index: 9999999;
    padding: 15px;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 10px 0 rgb(0 0 0/5%)
}

.content-top {
    margin: 0 auto;
    display: flow-root;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.topbar-cat p {
    float: left;
    margin-top: 10px
}

.topbar-cat a {
    margin-left: 20px;
    float: left
}

.links {
    background-size: cover;
    padding: 35px 0
}

.btn-grp {
    margin-top: 11px;
    float: right;
    margin-left: 27px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.links .h2, .links h2 {
    color: #000;
    margin-top: 11px
}

.sec-link, .sec-link-new {
    float: left;
    margin-top: 30px !important;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.filter-center {
    background: #e7e6e6;
    padding: 10px 3px 6px;
    border-radius: 50px;
    float: right;
    margin-right: 17px;
    margin-top: -9px
}

.set-box-height, .state-back {
    background-color: #fafcffe8
}

.page-link {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    border-radius: 5px;
    font-weight: 500;
    font-size: 83%;
    margin-bottom: 15px;
    width: auto;
    margin-right: 15px;
    text-align: left;
    background-color: #fff;
    color: #5c5c5c;
    border: 1px solid #23d3d3;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.custom-btn, .vendor-btn {
    background-color: #e1341e;
    color: #fff !important
}

.page-link:hover {
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.explore .slick-list {
    height: 220px
}

.search {
    width: 500px;
    /*width: 30%;*/
    margin: 10px 0
    /*margin: 10px auto 0*/
}

    .search input {
        font-family: Quicksand, sans-serif;
        width: 100%;
        border-radius: 25px;
        height: 45px;
        -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
        box-shadow: 0 0 10px 0 rgb(0 0 0/5%);
        border: 1px solid #eee;
        margin-bottom: 0
    }

    .search .search-icon {
        height: 40px;
        width: 40px;
        line-height: 40px;
        background-color: #23d3d3;
        border-radius: 50%;
        position: absolute;
        right: 2px;
        top: 3px
    }

        .search .search-icon i {
            color: #fff;
            font-size: 22px;
            vertical-align: 0
            /*vertical-align: -4px*/
        }

.content-center {
    text-align: center !important
}

.business-landing-banner.landing-banner .container .lb-info {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vendor-btn {
    float: left;
    border: 2px solid #e1341e;
    width: 50%;
    border-radius: 50px;
    font-size: 14px
}

.custom-btn {
    border-radius: 25px
}

.set-box-height .banner {
    height: 150px
}

.set-box-height .banner-content {
    width: 80%;
    position: unset;
    top: 50%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin: 0 auto
}

.contact-btn {
    float: right;
    background-color: #fff;
    color: #23d3d3 !important;
    width: 48%;
    border-radius: 50px;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 8px rgb(0 0 0/15%);
    box-shadow: 0 2px 8px rgb(0 0 0/15%)
}

section.links .card .img-area:after {
    content: "";
    position: absolute;
    bottom: 0;
    background: url(images/bg_category-pointer.png);
    left: 47%;
    width: 41px;
    height: 14px
}

section.links .card .links a {
    color: #000;
    padding: 5px 0;
    display: block;
    text-decoration: none !important
}

.site__search__wrapper {
    /*padding: 18px 15px;*/
    padding: 5px 15px;
    background-color: #23d3d3
}

.sub-menu-heading {
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 20px;
    font-family: "Quicksand", sans-serif !important;
}

.search-vandor-btn {
    background-color: #fff !important;
    border: 0 !important;
    border-radius: 30px;
    font-size: 12px;
    padding: 9px 15px;
    font-family: "Quicksand", sans-serif !important;;
    font-weight: 600;
    color: #000 !important
}

.or-spr {
    border: none;
    width: 34px;
    position: relative
}

    .or-spr:before {
        content: "OR";
        font-weight: 700;
        font-size: 0.85rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

.site__search.layout-02 {
    max-width: 800px;
    margin: 0 auto
}

.br-light {
    border: 1px solid #ced4da !important
}

.vendorbox {
    padding: 25px 25px 25px 65px;
    width: 90%;
    border: 1px solid #e0e0e0;
    margin: 20px 0;
    min-height: 150px;
    height: 239px
}

.local-ven-cards .vendorbox p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.vendorPic {
    width: 70px;
    height: 70px;
    position: absolute;
    left: -35px;
    top: 50%;
    margin-top: -35px
}

.vendorbox h4 {
    color: #333;
    font-size: 20px;
    font-weight: 400
}

.vendorbox p {
    color: #666;
    font: 400 14px/22px "Open Sans",sans-serif;
    padding-top: 8px
}

.site__search.layout-02 .site-banner__search.layout-02 {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
    margin-bottom: 0;
    z-index: 9;
    left: 0;
    height: 40px
}

    .site__search.layout-02
    .site-banner__search.layout-02
    .site-banner__search__input::-webkit-input-placeholder {
        font-size: 12px;
        color: #000;
        opacity: 0
    }

    .site__search.layout-02
    .site-banner__search.layout-02
    .site-banner__search__input::-moz-placeholder {
        font-size: 12px;
        color: #000;
        opacity: 0
    }

    .site__search.layout-02
    .site-banner__search.layout-02
    .site-banner__search__input:-ms-input-placeholder {
        font-size: 12px;
        color: #000;
        opacity: 0
    }

    .site__search.layout-02
    .site-banner__search.layout-02
    .site-banner__search__input::-ms-input-placeholder {
        font-size: 12px;
        color: #000;
        opacity: 0
    }

    .site__search.layout-02
    .site-banner__search.layout-02
    .site-banner__search__input::placeholder {
        font-size: 12px;
        color: #000;
        opacity: 0
    }

    .site__search.layout-02
    .site-banner__search.layout-02
    .site-banner__search__input {
        line-height: 47px;
        height: 30px;
        font-size: 12px;
        font-family: "Quicksand", sans-serif !important;;
        font-weight: 600
    }

    .site__search.layout-02 .site-banner__search.layout-02 .field-submit button {
        height: 30px;
        width: 30px;
        line-height: 16px
    }

.filter.layout-02, .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .filter.layout-02 .select-box {
        -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
        flex-grow: inherit;
        text-align: left
    }

        .filter.layout-02 .select-box .filter-control .list {
            margin-top: 5px;
            left: 0;
            right: auto
        }

.filter-group.filter-business {
    padding: 25px 0;
    border-top: 1px solid #eee
}

    .filter-group.filter-business .clear-filter {
        font-size: 15px;
        color: #23d3d3;
        font-family: "Quicksand", sans-serif !important;
        display: none
    }

.select-group .select-box {
    display: inline-block;
    margin-right: 23px
}

.select-group .filter-control {
    padding: 0 15px 0 0
}

    .select-group .filter-control:before {
        content: "";
        height: 2px;
        width: 100%;
        background-color: #2d2d2d;
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0
    }

    .select-group .filter-control:after {
        right: 0
    }

    .select-group .filter-control span {
        font-size: 15px;
        color: #2d2d2d;
        font-family: "Quicksand", sans-serif !important;
    }

.show-map span {
    font-size: 16px;
    color: #8d8d8d;
    margin-right: 5px
}

.show-map .icon-toggle {
    width: 46px;
    height: 26px;
    border-radius: 15px;
    background-color: #2d2d2d;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out
}

    .show-map .icon-toggle:before {
        content: "";
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        top: 2px;
        left: 2px;
        transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out
    }

    .show-map .icon-toggle.active:before {
        content: "";
        left: 22px
    }

.archive-city.layout-02.active {
    padding: 40px 0 80px
}

    .archive-city.layout-02.active .col-left {
        padding: 0 !important;
        -webkit-box-flex: inherit !important;
        -ms-flex: inherit !important;
        flex: inherit !important;
        display: inherit !important;
        display: inherit !important;
        display: inherit !important;
        margin: 0 auto
    }

.owner-top {
    background-color: #f9f9f9;
    padding: 25px 0
}

.owner-top-inner a.btn {
    font-size: 15px
}

    .owner-top-inner a.btn i {
        margin-right: 10px;
        font-size: 24px;
        vertical-align: -2px
    }

.owner-top-info .avatar {
    margin-right: 20px
}

.owner-top-info .info h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px
}

.owner-top-info .info span {
    color: #2dcb48;
    font-size: 16px;
    margin-left: 5px
}

.owner-page-wrap {
    padding: 40px 0 20px
}

.owner-page-content h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 25px
}

.owner-page-content .pagination {
    text-align: left
}

.widget.widget-text h3 {
    font-size: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #5d5d5d
}

.widget.widget-text p.info {
    margin-bottom: 6px
}

.widget.widget-text ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px
}

.review-wrap {
    border-top: 2px solid #eee;
    padding-top: 24px
}

    .review-wrap li {
        border-radius: 5px;
        border: 1px solid #eee !important;
        padding: 25px !important;
        margin-bottom: 25px
    }

.landing-customers .landing-customers-button a, .landing-page .site-banner__content a.btn {
    border-radius: 30px
}

.review-wrap li p > a {
    font-family: "Quicksand", sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    color: #23d3d3
}

.landing-menu li {
    list-style: none;
    display: inline-block;
    margin: 0 25px
}

    .landing-menu li a {
        font-size: 16px;
        font-family: "Quicksand", sans-serif !important;
        font-weight: 500;
        height: 40px;
        line-height: 40px
    }

.landing-page .site-banner {
    height: 100vh;
    background-position: center;
    background-size: cover
}

.landing-page .site-banner__content {
    max-width: 564px
}

    .landing-page .site-banner__content a.btn {
        font-size: 15px;
        font-weight: 500;
        font-family: "Quicksand", sans-serif !important;
        height: 60px;
        line-height: 60px;
        padding: 0 54px;
        background-color: #111
    }

.landing-page .site-banner__title {
    font-size: 48px;
    font-family: "Quicksand", sans-serif !important;
}

    .landing-page .site-banner__title i {
        font-family: "Quicksand", sans-serif !important;-Semi;
        font-weight: 700;
        text-decoration: underline;
        line-height: 1.58
    }

.landing-title {
    text-align: center;
    max-width: 550px;
    margin: 0 auto 60px
}

    .landing-title h2 {
        font-size: 48px;
        font-family: "Quicksand", sans-serif !important;-Semi;
        margin-bottom: 6px
    }

.demo-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.demo-item {
    text-align: center;
    position: relative
}

    .demo-item img {
        max-width: 450px;
        height: 630px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .demo-item h3 {
        font-size: 18px;
        margin-top: 25px;
        font-weight: 500
    }

    .demo-item .demo-type {
        height: 50px;
        width: 50px;
        line-height: 50px;
        border-radius: 50%;
        display: block;
        position: absolute;
        right: -25px;
        top: 30px;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        font-family: "Quicksand", sans-serif !important;-Semi
    }

        .demo-item .demo-type.hot {
            background-color: #ef2107
        }

        .demo-item .demo-type.new {
            background-color: #294afb
        }

.landing-featured .features-item h3 {
    font-size: 36px
}

.mtf-grid {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

    .mtf-grid .flex-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 15px;
        margin-bottom: 30px
    }

    .mtf-grid .mtf-item {
        border-radius: 10px;
        -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
        background-color: #fff;
        padding: 40px;
        text-align: center;
        height: 100%
    }

        .mtf-grid .mtf-item img {
            height: 36px;
            margin-bottom: 30px
        }

        .mtf-grid .mtf-item h3 {
            font-size: 16px;
            font-weight: 500;
            text-transform: uppercase;
            color: #111;
            margin-bottom: 10px
        }

        .mtf-grid .mtf-item p {
            font-size: 16px;
            line-height: 1.38
        }

.main-theme-features {
    padding-bottom: 50px
}

.landing-plugins {
    background-color: #1ed5d5;
    padding: 60px 0;
    text-align: center
}

    .landing-plugins .flex-item {
        padding: 0 22px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.667%;
        flex: 0 0 16.667%;
        max-width: 16.667%
    }

    .landing-plugins h2 {
        font-size: 48px;
        font-weight: 500;
        color: #fff;
        margin-bottom: 40px
    }

    .landing-plugins .plugin-thumb {
        border-radius: 32px;
        -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
        background-color: #fff;
        padding: 25px;
        margin-bottom: 12px
    }

    .landing-plugins .plugin-item h3 {
        font-size: 18px;
        font-weight: 500
    }

.blogs-wrap.layout-02, .landing-customers {
    padding: 60px 0 100px
}

    .landing-customers .slick-nav > div {
        left: -70px
    }

    .landing-customers .slick-nav .slick-nav__next {
        right: -70px;
        left: auto
    }

    .landing-customers .slick-dots li button:before {
        background-color: #d8d8d8;
        opacity: 1
    }

    .landing-customers .slick-sliders {
        margin-bottom: 88px
    }

    .landing-customers .landing-customers-button a {
        border: 1px solid #2d2d2d;
        background-color: transparent;
        color: #111;
        font-size: 15px;
        font-family: "Quicksand", sans-serif !important;-Semi;
        padding: 0 40px
    }

        .landing-customers .landing-customers-button a:hover {
            color: #fff;
            background-color: #2d2d2d
        }

.features.layout-02 {
    padding: 40px 0;
    border-bottom: 1px solid #f5f8fd
}

    .features.layout-02 .features-item .features-content {
        margin-left: 25px;
        padding-right: 60px
    }

    .features.layout-02 .features-item h3 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 4px
    }

    .features.layout-02 .features-item p {
        font-size: 16px;
        margin: 0
    }

.list-categories .item > a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

.list-categories .item .info {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center
}

.text-sub-head {
    display: block;
    font-weight: 700;
    font-family: "Quicksand", sans-serif !important;;
    font-size: 23px;
    color: #000;
    margin-bottom: 15px
}

.list-categories .item .info span {
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

.list-categories .item .info img {
    position: absolute;
    bottom: 0;
    max-width: 140px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: -1
}

.list-categories .item:hover .info img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.local-ven-cards .featured-slider.slick-slider img {
    height: 100% !important
}

.places-wrap .place-item.layout-02 .entry-category:hover {
    -webkit-backface-visibility: inherit;
    -moz-backface-visibility: inherit;
    -webkit-transform: inherit;
    -moz-transform: inherit
}

.places-wrap .place-item.layout-02 .place-title {
    margin-bottom: 8px
}

.places-wrap .place-item.layout-02 .entry-bottom .place-price span {
    font-weight: 500;
    color: #2d2d2d
}

.places-wrap .slick-nav > div {
    left: -80px
}

.places-wrap .slick-nav .slick-nav__next, .testimonial-wrap .slick-nav .slick-nav__next {
    right: -80px;
    left: auto
}

.places-wrap .slick-dots {
    bottom: -50px
}

    .places-wrap .slick-dots li button, .places-wrap .slick-dots li button:before, .testimonial-wrap .slick-dots li button, .testimonial-wrap .slick-dots li button:before {
        width: 8px;
        height: 8px
    }

.places-wrap ul.slick-dots li button:before {
    font-size: 8px;
    opacity: 1;
    background-color: #d8d8d8
}

.cities-wrap {
    padding: 60px 0 80px;
    background-color: #f5f8fd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto
}

    .cities-wrap .item-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        border: 1px solid #eee;
        overflow: hidden;
        border-radius: 15px
    }

        .cities-wrap .item-inner .entry-detail {
            position: static;
            padding: 0 30px;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 170px);
            flex: 0 0 calc(100% - 170px);
            max-width: calc(100% - 170px);
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .cities-wrap .item-inner .entry-detail h3 {
                margin-bottom: 3px;
                font-size: 18px;
                font-weight: 500;
                color: #2d2d2d
            }

.testimonial-wrap .slick-nav > div {
    top: 30%;
    left: -80px
}

.banner-wrap .banner-inner {
    padding: 45px 100px;
    border-radius: 10px;
    background-color: #23d3d3;
    background-repeat: no-repeat;
    background-size: 550px;
    background-position: bottom right 50px
}

    .banner-wrap .banner-inner h2 {
        font-size: 36px;
        font-weight: 500;
        color: #2d2d2d;
        margin-bottom: 10px
    }

    .banner-wrap .banner-inner p {
        font-size: 18px;
        color: #2d2d2d;
        margin-bottom: 30px
    }

    .banner-wrap .banner-inner a.btn {
        background-color: #2d2d2d;
        font-size: 15px
    }

.blogs-wrap.layout-02 .post__thumb {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

    .blogs-wrap.layout-02 .post__thumb img {
        height: auto
    }

.blogs-wrap.layout-02 .post .post__info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(2%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.7)) );
    background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0.7) 99% );
    border-radius: 10px
}

    .blogs-wrap.layout-02 .post .post__info .post__title, .footer-subscribe button i {
        font-size: 24px
    }

    .blogs-wrap.layout-02 .post .post__info a {
        color: #fff
    }

.blogs-wrap.layout-02 .post__category li a:after {
    content: "";
    bottom: -2px;
    border-bottom: 2px solid #23d3d3
}

.site-banner.layout-03 {
    height: 100vh;
    background-color: #f1f6f6;
    background-position: 87% 100%;
    background-repeat: no-repeat;
    background-size: 540px auto
}

    .site-banner.layout-03 .site-banner__content {
        max-width: 610px
    }

        .site-banner.layout-03 .site-banner__content > p {
            font-family: "Quicksand", sans-serif !important;
            font-size: 16px;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 10px
        }

        .site-banner.layout-03 .site-banner__content h1 {
            font-size: 64px;
            background-image: url(../images/cilinic/banner-line.png);
            background-position: 35% 100%;
            background-repeat: no-repeat;
            background-size: 175px
        }

.list-categories.layout-02 .item {
    height: 240px;
    border-radius: 10px;
    background-position: right bottom;
    background-size: auto 240px;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

    .list-categories.layout-02 .item a {
        padding: 0 50px;
        width: 100%;
        height: 100%
    }

    .list-categories.layout-02 .item .info {
        padding-right: 50%;
        left: 50px;
        text-align: left
    }

        .list-categories.layout-02 .item .info > span {
            display: block;
            width: 100%
        }

    .list-categories.layout-02 .item .title {
        font-family: "Quicksand", sans-serif !important;
        opacity: 1;
        margin-bottom: 6px
    }

    .list-categories.layout-02 .item .number {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 30px
    }

    .list-categories.layout-02 .item .btn {
        font-size: 15px;
        font-weight: 500;
        background-color: #2d2d2d
    }

    .list-categories.layout-02 .item:hover {
        background-size: auto 260px
    }

.testimonial.layout-02 {
    background-color: #f1f6f6;
    padding: 60px 0
}

.banner-wrap.layout-02 {
    background-color: #f7f7f7;
    padding: 130px 0;
    background-repeat: no-repeat;
    background-position: bottom right 20%
}

    .banner-wrap.layout-02 .banner-inner {
        padding: 0;
        background-color: transparent;
        max-width: 50%
    }

.banner-contact {
    background-color: #f1f6f6;
    padding: 75px 0
}

    .banner-contact .banner-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .banner-contact .banner-inner h2 {
            font-size: 36px;
            max-width: 60%
        }

        .banner-contact .banner-inner a.btn {
            background-color: #2d2d2d;
            font-size: 15px;
            max-width: 40%
        }

.footer.layout-03 {
    border-top: 0;
    background-color: #111;
    text-align: center
}

    .footer.layout-03 .footer__top {
        padding: 77px 0 110px
    }

    .footer.layout-03 h2 {
        font-size: 48px;
        color: #fff;
        font-family: "Quicksand", sans-serif !important;-Semi;
        margin-bottom: 18px
    }

    .footer.layout-03 p {
        font-size: 18px;
        color: #fff;
        margin-bottom: 55px
    }

    .footer.layout-03 a.btn {
        border-radius: 30px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        background-color: #1ed5d5;
        height: 60px;
        line-height: 60px;
        color: #111;
        padding: 0 52px;
        font-family: "Quicksand", sans-serif !important;-Semi
    }

    .footer.layout-03 .footer__bottom {
        border-top: 0;
        padding: 0 0 50px
    }

        .footer.layout-03 .footer__bottom .footer__bottom__copyright {
            font-size: 16px;
            text-align: center;
            display: inline-block;
            margin: 0 auto
        }

        .footer.layout-03 .footer__bottom a {
            color: #fff
        }

            .footer.layout-03 .footer__bottom a:hover {
                color: #23d3d3
            }

.footer {
    z-index: 9;
    position: relative;
    background-color: #fff;
    margin-top: 50px
}

.footer__top__nav .head-link-foot {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px
}

.footer .footer__top__info .footer__top__info__logo img {
    margin-bottom: 10px;
    width: 200px
}

.footer-subscribe {
    max-width: 300px;
    position: relative
}

    .footer-subscribe input {
        border: 0;
        border-bottom: 2px solid #2d2d2d;
        height: 36px;
        line-height: 36px;
        width: 100%;
        padding: 0 50px 0 0
    }

        .footer-subscribe input::-webkit-input-placeholder {
            color: #8d8d8d;
            font-weight: 400;
            font-family: "Quicksand", sans-serif !important;
            font-size: 15px
        }

        .footer-subscribe input::-moz-placeholder {
            color: #8d8d8d;
            font-weight: 400;
            font-family: "Quicksand", sans-serif !important;
            font-size: 15px
        }

        .footer-subscribe input::placeholder {
            color: #8d8d8d;
            font-weight: 400;
            font-family: "Quicksand", sans-serif !important;
            font-size: 15px
        }

        .footer-subscribe input:-ms-input-placeholder {
            color: #8d8d8d;
            font-weight: 400;
            font-family: "Quicksand", sans-serif !important;
            font-size: 15px
        }

        .footer-subscribe input::-ms-input-placeholder {
            color: #8d8d8d;
            font-weight: 400;
            font-family: "Quicksand", sans-serif !important;
            font-size: 15px
        }

    .footer-subscribe button {
        border: none;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.footer__bottom {
    padding: 32px 0
}

.footer__top {
    padding: 45px 0
}

.cat-tabs, .footer__top__info .footer__top__info__logo img, .mb-20, .review-area, .title-ven {
    margin-bottom: 20px
}

.footer__top__info .footer__top__info__desc {
    font-size: 16px;
    line-height: 1.44;
    color: #fff;
    margin-bottom: 25px
}

.footer__top__info .footer__top__info__app a {
    display: inline-block;
    margin-right: 8px
}

.footer__top__info .footer__top__info__app img {
    max-width: 134px
}

.filter-modal-tr {
    float: right;
    margin-right: 15px
}

.popup-form {
    top: 0;
    left: 15px;
    right: 15px;
    bottom: auto;
    margin: 0 auto 80px !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: left;
    padding: 50px 30px 30px;
    max-width: 400px;
    width: 100%
}

.footer__top__nav h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px
}

.footer__top__nav li {
    list-style: none;
    margin-bottom: 10px
}

    .footer__top__nav li:last-child {
        margin-bottom: 0
    }

.footer__top__nav ul {
    margin-bottom: 30px
}

.footer__top__nav li a {
    color: #000;
    line-height: 1.53;
    font-weight: 500;
    font-size: 15px
}

    .blog-card .cat-link a:hover, .blog-card h3 a:hover, .cities__item:hover .cities__capital, .find-vendor .card-content:hover h3, .footer__top__nav li a:hover {
        color: #23d3d3
    }

.footer__top__nav li i {
    font-size: 18px;
    line-height: 36px
}

.footer__top__nav--contact p {
    font-weight: 500;
    font-family: "Quicksand", sans-serif !important;
    line-height: 1.53;
    color: #5d5d5d;
    margin-bottom: 10px
}

.footer__top__nav--contact ul {
    margin-top: 30px
}

.footer__top__nav--contact li {
    display: inline-block;
    margin-right: 5px
}

    .footer__top__nav--contact li:last-child {
        margin-right: 0
    }

    .footer__top__nav--contact li svg:hover > * {
        fill: #23d3d3
    }

    .footer__top__nav--contact li a {
        display: block;
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        border-radius: 5px;
        color: #fff
    }

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    border: 0;
    height: 37px;
    background: 0;
    font-size: 15px
}

.footer__top__nav--contact li a:hover {
    color: #fff;
    opacity: 0.7
}

.footer__top__nav--contact li.facebook a {
    background-color: #3b5998
}

.footer__top__nav--contact li.twitter a {
    background-color: #1da1f2
}

.footer__top__nav--contact li.youtube a {
    background-color: #cd201f
}

.footer__top__nav--contact li.instagram a {
    background-color: #262626
}

.footer__bottom__copyright {
    text-align: center;
    font-size: 14px;
    color: #000
}

    .cat-tabs a.active .content h4, .footer__bottom__copyright a {
        color: #000
    }

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker, .xdsoft_datetimepicker.on .xdsoft_datepicker, .xdsoft_datetimepicker.on .xdsoft_timepicker {
    width: 100%;
    padding-right: 8px
}

    .xdsoft_datetimepicker.on .xdsoft_timepicker button {
        margin-left: auto;
        margin-right: auto
    }

.xdsoft_datetimepicker .xdsoft_calendar th {
    color: #2a2a2a
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 0;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover {
    background: #23d3d3 !important;
    border-radius: 50%
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default {
    background: #23d3d3;
    -webkit-box-shadow: #23d3d3 0 1px 3px 0 inset;
    box-shadow: #23d3d3 0 1px 3px 0 inset;
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev {
    background: 0;
    text-indent: inherit;
    color: #000;
    opacity: 1
}

    .xdsoft_datetimepicker .xdsoft_prev:after {
        content: "\f104";
        font-family: "Line Awesome Free";
        font-weight: 900;
        display: block
    }

    .xdsoft_datetimepicker .xdsoft_next:after {
        content: "\f105";
        font-family: "Line Awesome Free";
        font-weight: 900;
        display: block
    }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    border: 0
}

    .xdsoft_datetimepicker
    .xdsoft_timepicker
    .xdsoft_time_box > div > div.xdsoft_current {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #23d3d3
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
        background: 0 0;
        height: 32px;
        line-height: 32px
    }

        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
            background: 0 0 !important;
            color: #23d3d3 !important
        }

.xdsoft_inline {
    top: 100%;
    left: 0;
    right: 0;
    position: absolute
}

.loading, .loading:before {
    position: fixed;
    top: 0;
    left: 0
}

.field-group .reg-check {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%
}

.termsbox {
    width: 80%;
    display: inline-block
}

.breadcrumb-box {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7
}

.breadcrumb-container ul.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%
}

.breadcrumb {
    margin: 0;
    padding: 6px 0 12px
}

.breadcrumb-container ul.breadcrumb li {
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumb > li a {
    /*color: #8c8c8c*/
}

.breadcrumb > li:before {
    /* content: "";
    display: inline-block;
    width: 5px;
    height: 7px;
    margin: 0 8px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='5' height='7' viewBox='0 0 5 7' fill='none'><path d='M2.56744 3.5L0.192673 1.12523C-0.0646296 0.86793 -0.0646296 0.45028 0.192673 0.192977C0.449976 -0.0643258 0.867626 -0.0643258 1.12493 0.192977L3.99255 3.0606C4.23556 3.3036 4.23556 3.69702 3.99255 3.9394L1.12493 6.80702C0.867626 7.06433 0.449976 7.06433 0.192673 6.80702C-0.0646296 6.54972 -0.0646296 6.13207 0.192673 5.87477L2.56744 3.5Z' fill='%238f8f8f'/></svg>") no-repeat center;
    background-size: contain;*/
}

.breadcrumb > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 21px;
    color: #878787;
    position: relative;
    border: 1px solid transparent;
    padding: 5px 8px 0;
    /*margin: 0 5px*/
}

    .breadcrumb > li a {
        text-decoration: none;
        color: #888888 !important;
        font-family: "Quicksand", sans-serif;
        font-weight: 500;
        font-size: 15px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

.breadcrumb li:first-child {
    padding-left: 0;
    margin-left: 0
}

input[type="range"] {
    margin: 0;
    visibility: visible;
    opacity: 1;
    width: 100%
}

.box-modal {
    padding: 11px 10px 0;
    margin-top: 20px
}

    .box-modal .field-check label {
        max-width: 100%;
        margin-bottom: 15px;
        width: 49%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

.popup-cities {
    max-width: 800px
}

.vendor-display img {
    border-radius: 15px;
    height: 210px;
    margin: 0 auto 15px;
    width: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 4px solid #23d3d3;
    display: block
}

.show-fff {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 30px
}

.set-left .col-left {
    width: 100%;
    max-width: 100%
}

.show-fff .title-ven {
    margin-top: 50px;
    margin-left: 30px
}

.menu {
    float: left;
    width: auto
}

.navigation {
    float: right;
    width: auto
}

.d-root {
    display: flow-root !important
}

.blog-card img {
    height: 250px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.blog-card h3 a {
    opacity: 0.9;
    font-size: 20px;
    color: #2d2d2d;
    font-weight: 500;
    line-height: 1.5
}

.loading {
    z-index: 99999999999999999999;
    height: 2em;
    width: 6em;
    overflow: visible;
    margin: auto;
    bottom: 0;
    right: 0
}

    .loading:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
        background: -webkit-radial-gradient( rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8) )
    }

.spanner {
    position: absolute;
    top: 50%;
    left: 0;
    background: #2a2a2a;
    width: 100%;
    display: block;
    text-align: center;
    height: 300px;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1000;
    visibility: hidden
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden
}

.loader, .loader:after, .loader:before {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: 1.8s ease-in-out infinite load7;
    animation: 1.8s ease-in-out infinite load7
}

.loader {
    color: #fff;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

    .loader:after, .loader:before {
        content: "";
        position: absolute;
        top: 0
    }

    .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s
    }

    .loader:after {
        left: 3.5em
    }

@-webkit-keyframes load7 {
    0% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        -webkit-box-shadow: 0 2.5em 0 0;
        box-shadow: 0 2.5em 0 0
    }
}

.overlay, .spanner {
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.show-loading {
    display: block !important
}

nav-easy {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    height: 80px;
    font-weight: 500
}

.nav-easy .navbar-brand {
    width: 90px
}

.nav-easy .search-list form {
    border: 1px solid #eee;
    border-radius: 50px;
    background: #fff;
    padding: 5px
}

.nav-easy .search-list .drop input {
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid #eee
}

.nav-easy .search-list button {
    border-radius: 50px
}

.nav-easy .navbar-nav .has-mega {
    position: static;
    line-height: 37px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.nav-easy .navbar-nav li {
    margin: 0 18px 0 0;
    line-height: 37px;
    padding: 15px 0;
    display: inline-block;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: static;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

    .nav-easy .navbar-nav li a {
        font-weight: 600;
        color: #000;
        font-size: 15px
    }

    .nav-easy .navbar-nav li .nav-link {
        color: #000 !important
    }

    .nav-easy .navbar-nav li .sub-menu li {
        display: block;
        bottom: 0;
        width: 100%;
        position: relative;
        padding: 0;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out
    }

        .nav-easy .navbar-nav li .sub-menu li a {
            overflow: hidden;
            font-size: 15px;
            color: #404040;
            padding: 2px 20px;
            display: block;
            position: relative;
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
            margin: 5px 0
        }

            .nav-easy .navbar-nav li .sub-menu li a:hover {
                padding-left: 35px;
                color: #23d3d3
            }

                .nav-easy .navbar-nav li .sub-menu li a:hover:before {
                    color: #23d3d3;
                    width: 10px
                }

            .nav-easy .navbar-nav li .sub-menu li a:before {
                top: 50%;
                content: "";
                position: absolute;
                left: 20px;
                right: 20px;
                width: 0;
                height: 2px;
                background: #23d3d3;
                -webkit-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out
            }

    .nav-easy .navbar-nav li .sub-menu {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
        background-color: #fff;
        list-style: none;
        margin: 0;
        width: 80%;
        z-index: 99999999999;
        padding: 30px 0;
        left: 10%;
        top: 65px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out
    }

    .nav-easy .navbar-nav li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.sep-line {
    line-height: 35px
}

.category-sugestion {
    width: 800px
}

.search-suggestions {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    border-radius: 5px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    text-align: left;
    z-index: 99
}

.reviews-box, div#searchresult {
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0,rgba(0, 0, 0, 0.08) 0 0 0 1px
}

.search-suggestions ul {
    padding: 7px 0;
    display: flow-root
}

    .search-suggestions ul li {
        width: 260px;
        float: left;
        list-style-type: none
    }

        .search-suggestions ul li a, .search-suggestions ul li.link-tag {
            padding: 17px 11px;
            font-size: 16px;
            font-weight: 500;
            font-family: "Quicksand", sans-serif !important;
            color: #2d2d2d;
            display: block
        }

            .search-suggestions ul li a img, .search-suggestions ul li.link-tag img {
                display: inline-block;
                width: 35px;
                height: 35px;
                float: left;
                margin-right: 9px
            }

div#searchresult {
    position: absolute;
    top: 65px;
    left: 0;
    background: #fff;
    width: 360px;
    padding: 10px 5px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0,rgba(0, 0, 0, 0.08) 0 0 0 1px;
    max-height: 395px;
    overflow-y: scroll
}

.con-list, .news .slick-nav .slick-nav__next {
    -webkit-box-shadow: rgb(0 0 0/5%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px
}

div#searchresult ul li {
    letter-spacing: 1px;
    padding: 1rem 10px;
    -webkit-box-flex: 92;
    -ms-flex: 92 48 auto;
    flex: 92 48 auto;
    display: flow-root;
    text-align: left;
    list-style-type: none;
    border-bottom: 1px solid #eee
}

.page-link {
    padding: 10px 12px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.con-list {
    box-shadow: rgb(0 0 0/5%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px;
    background: #fff;
    padding: 15px;
    border-radius: 7px;
    display: flow-root;
    position: relative;
    margin-bottom: 20px
}

.owner-top-button a {
    margin-bottom: 15px;
    padding: 0 15px
}

.con-list .user-img img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    opacity: 0.5
}

.con-list .actions {
    float: right;
    position: absolute;
    right: 15px;
    height: calc(100% - 30px)
}

.news .slick-initialized .slick-slide, .news .slick-track {
    height: -webkit-max-content !important;
    height: -moz-max-content !important
}

.con-list .actions ul {
    list-style-type: none;
    margin-bottom: 0;
    height: 100%;
    padding: 0;
    border-left: 2px solid #eee
}

    .con-list .actions ul li:first-child {
        border-bottom: 2px solid #eee
    }

    .con-list .actions ul li:last-child {
        padding-top: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .con-list .actions ul li {
        list-style-type: none;
        height: 50%
    }

        .con-list .actions ul li a {
            padding-left: 20px;
            padding-right: 20px
        }

.con-list .info {
    float: left;
    margin-left: 15px
}

    .con-list .info h3 {
        margin-top: 9px;
        font-weight: 600
    }

    .con-list .info h5 {
        font-weight: 500;
        margin-bottom: 0;
        margin-top: 8px
    }

.cat-tabs .content .h4, .cat-tabs .content h4, .customer-details h5, .customer-details p, .p-quick, .r-title1 {
    font-family: Quicksand
}

.customer-section {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px 0;
    margin-bottom: 10px
}

    .customer-section .customer-profile {
        float: left;
        margin-right: 15px;
        width: 70px
    }

        .customer-section .customer-profile img {
            border-radius: 50%;
            width: 50px;
            height: 50px
        }

.customer-details {
    width: calc(100% - 107px);
    display: inline-block
}

    .customer-details h5 {
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 0
    }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: 2px solid #23d3d3
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    background: 0 0;
    border: none;
    color: #000;
    font-family: Quicksand;
    font-weight: 600;
    font-size: 18px;
    margin-right: 10px
}

.tab-content .tab-pane {
    padding: 25px 0
}

.cat-tabs a.active {
    color: #000;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent
}

.cat-tabs a {
    width: auto;
    margin-bottom: 10px !important;
    padding: 16px;
    display: inline-block;
    border-radius: 0;
    background: #e5e5e5;
    margin-right: 2px;
    color: #000
}

.ci-content .entry-content {
    font-family: "Roboto",Arial;
    font-size: 17px;
    line-height: 31px
}

.cat-tabs .content .h4, .cat-tabs .content h4 {
    color: #23d3d3;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.que-details h6 {
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0.9px;
    display: block;
    width: 100%;
    color: #212529;
    font-size: 16px;
    line-height: 1.5
}

.que-details p {
    margin-bottom: 0;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-size: 15px;
    font-weight: 600;
    color: #7e7e7e
}

.reviewtab .r-title {
    margin-bottom: 0 !important;
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-size: 22px;
    margin-left: 10px;
    font-family: inherit
}

.r-title1 {
    padding-bottom: 15px;
    border-bottom: 2px solid #eee;
    margin-bottom: 15px;
    padding-left: 0;
    font-size: 22px
}

#reviewsection, .reviews-box {
    margin-bottom: 20px;
    padding: 15px
}

.me-2 {
    margin-right: 0.5rem !important
}

.reviewtab .row > * {
    margin-top: 15px !important
}

.reviews-box {
    margin-top: 50px;
    box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0,rgba(0, 0, 0, 0.08) 0 0 0 1px
}

#reviewsection {
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0,rgba(0, 0, 0, 0.08) 0 0 0 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0,rgba(0, 0, 0, 0.08) 0 0 0 1px
}

.customer-details .date-custo {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 600
}

.customer-details .rep {
    font-weight: 700;
    display: block;
    color: #23d3d3;
    padding-left: 10px
}

.customer-details textarea {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #d7d7d7
}

.swal2-popup {
    z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999
}

.swal2-icon.swal2-info {
    border-color: #6c757d !important;
    color: #6c757d !important
}

.height-auto {
    height: auto !important
}

.ver-tabs li, .ver-tabs p {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 11px
}

.news .slick-nav .slick-nav__next {
    box-shadow: rgb(0 0 0/5%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px;
    right: -50px !important
}

.news .slick-nav .slick-nav__prev {
    -webkit-box-shadow: rgb(0 0 0/5%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px;
    box-shadow: rgb(0 0 0/5%) 0 6px 24px 0,rgb(0 0 0/8%) 0 0 0 1px;
    left: -50px !important
}

.news .vendorbox {
    margin-right: 23px
}

.news .slick-initialized .slick-slide {
    height: max-content !important;
    min-height: -webkit-max-content !important;
    min-height: -moz-max-content !important;
    min-height: max-content !important
}

.news .slick-track {
    height: max-content !important
}

.find-vendor {
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0,rgba(0, 0, 0, 0.08) 0 0 0 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0,rgba(0, 0, 0, 0.08) 0 0 0 1px;
    background-color: #fff;
    border-radius: 7px;
    height: 100px;
    margin: 17px 0
}

    .find-vendor .card-content {
        padding: 20px;
        display: block;
        height: 100px;
        color: #000;
        position: relative;
        display: flow-root
    }

        .find-vendor .card-content img {
            width: 60px;
            position: absolute;
            top: 20%;
            height: 60px;
            margin-right: 12px;
            -webkit-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.2);
            float: left;
            border-radius: 50%;
            background: 0 0;
            vertical-align: middle
        }

        .find-vendor .card-content .card-data {
            max-width: 100%;
            float: left;
            padding-left: 75px
        }

            .find-vendor .card-content .card-data h3 {
                color: #000;
                font-size: 15px;
                font-family: "Quicksand", sans-serif !important;;
                font-weight: 700
            }

            .find-vendor .card-content .card-data p {
                margin-bottom: 0;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 13px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                -webkit-box-orient: vertical
            }

.product-card-new {
    border-radius: 10px;
    padding: 5px;
    display: flow-root;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    box-shadow: 0 7px 10px -4px rgb(20 20 20 / 18%)
}

    .product-card-new .product-footer {
        padding: 0 10px
    }

    .product-card-new .pr-title .h3, .product-card-new .pr-title h3 {
        font-size: 14px;
        font-family: "Quicksand", sans-serif !important;;
        font-weight: 700;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .product-card-new .pr-img .action {
        position: absolute;
        top: 8px;
        z-index: 2;
        left: 8px
    }

    .product-card-new .pr-img img {
        /*width: 100%;*/
        width: 216px;
        height: 216px;
        object-fit: scale-down;
        margin-bottom: 10px;
        aspect-ratio: 1 / 1;
    }

    .product-card-new .action .action-img {
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #ccc;
        background-color: #fff;
        position: relative;
        z-index: 1
    }

        .product-card-new .action .action-img img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            margin-bottom: 0
        }

    .product-card-new .action .tag {
        padding: 3px 5px 3px 14px;
        background: #23d3d3;
        color: #fff;
        font-size: 12px;
        border-radius: 10px;
        position: relative;
        left: -35px;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s cubic-bezier(0.42, 0, 0.21, 1.02)
    }

    .product-card-new:hover .action .action-img {
        border: 1px solid #23d3d3
    }

    .product-card-new:hover {
        box-shadow: 0 7px 10px -4px rgb(20 20 20 / 43%)
    }

        .product-card-new:hover .action .tag {
            opacity: 1;
            left: -15px;
            visibility: visible
        }

    .product-card-new .bottom-area {
        padding: 5px 0 0;
        border-top: 1px solid #d4d4d4
    }

        .product-card-new .bottom-area .rating-count {
            font-weight: 700;
            font-size: 12px
        }

        .product-card-new .bottom-area .rating-txt {
            font-size: 12px;
            border-left: 1px solid #b7b7b7;
            margin-left: 4px;
            padding-left: 4px
        }

        .product-card-new .bottom-area .rating-star {
            unicode-bidi: bidi-override;
            direction: rtl;
            display: flex;
            font-size: 12px
        }

            .product-card-new .bottom-area .rating-star span.star {
                font-family: FontAwesome;
                font-weight: 400;
                font-style: normal
            }

                .product-card-new .bottom-area .rating-star span.star:hover {
                    cursor: pointer
                }

                .product-card-new .bottom-area .rating-star span.star:before {
                    content: "\f08a";
                    padding-right: 3px;
                    color: #777
                }

                .product-card-new .bottom-area .rating-star span.filled ~ span.star:before, .product-card-new .bottom-area .rating-star span.filled:before, .product-card-new .bottom-area .rating-star span.star:hover ~ span.star:before, .product-card-new .bottom-area .rating-star span.star:hover:before {
                    content: "\f004";
                    color: red
                }

.site__menu {
    display: none
}

.set-main-header {
    background: #f9f9f9;
    margin-bottom: 0
}

    .set-main-header .banner-content {
        padding: 75px 0;
        height: auto !important
    }

.state-list a:not(.disabled, .all-link) {
    cursor: not-allowed;
    pointer-events: none;
    color: #dedede !important
}

.vendor-modal .modal-title {
    font-weight: normal
}

.img-page-height {
    min-height: 240px;
    display: flex;
    align-items: center
}

.font-weight-normal {
    font-weight: normal
}

.blog-img {
    margin: 0 auto;
    display: block
}

.faq_slide .sub-cat-par {
    padding-left: 0 !important
}

.faq_slide .faq-question {
    font-weight: 600;
    font-size: 0.8125rem
}

.faq_slide .sub-cat-par {
    margin-top: 7px
}

.faq_slide .ico-minus, .faq_slide .ico-plus {
    font-size: 18px
}

.marketplace-links {
    margin-top: 15px
}

    .marketplace-links li {
        margin-bottom: 10px;
        margin-right: 10px;
        display: inline-block
    }

        .marketplace-links li a {
            padding: 7px 9px;
            border-radius: 4px;
            border: 1px solid #00d3d4;
            text-align: center;
            cursor: pointer;
            display: inline-block
        }

            .marketplace-links li a:hover {
                box-shadow: 0 7px 10px -4px rgb(20 20 20 / 17%);
                background-color: #00d3d4;
                color: #000 !important
            }

.ads-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto
}

    .ads-banner .ads-banner-container {
        background-color: #f7f7f7
    }

    .ads-banner p {
        font-size: 12px;
        text-align: center
    }

    .ads-banner .ad-h-728-90 {
        min-height: 90px !important;
        min-width: 728px !important
    }

    .ads-banner .ad-h-468-60 {
        min-height: 60px !important;
        min-width: 468px !important
    }

    .ads-banner .ad-h-336-280 {
        min-height: 280px !important;
        min-width: 336px !important
    }

    .ads-banner .ad-h-300-250 {
        min-height: 250px !important;
        min-width: 300px !important
    }

    .ads-banner .ad-h-300-600 {
        min-height: 600px !important;
        min-width: 300px !important
    }

    .ads-banner .ad-h-970-90 {
        min-height: 90px !important;
        min-width: 970px !important
    }

    .ads-banner .ad-h-320-100 {
        min-height: 100px !important;
        min-width: 320px !important
    }

    .ads-banner .ad-h-320-50 {
        min-height: 50px !important;
        min-width: 320px !important
    }

    .ads-banner .ad-h-200-200 {
        min-height: 200px !important;
        min-width: 200px !important
    }

    .ads-banner .ad-h-250-250 {
        min-height: 250px !important;
        min-width: 250px !important
    }

    .ads-banner .ad-h-240-400 {
        min-height: 400px !important;
        min-width: 240px !important
    }

    .ads-banner .ad-h-120-600 {
        min-height: 600px !important;
        min-width: 120px !important
    }

    .ads-banner .ad-h-160-600 {
        min-height: 600px !important;
        min-width: 160px !important
    }

    .ads-banner .ad-h-320-50 {
        min-height: 50px !important;
        min-width: 320px !important
    }

.logo-fade-animation {
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-name: fadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 2s
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .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-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

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

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.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;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@media only screen and (max-width:768px) {
    .site-top-banner .announcement-bar .announcement-inner span {
        font-size: 10px;
    }
}

@media only screen and (max-width:425px) {
    .search {
        width: 100% !important;
        margin: 0;
    }
}

@media only screen and (max-width:1200px) {
    .add-business-nav .nav-link {
        width: auto
    }

    .my-big-class:before {
        padding-top: 100% !important
    }

    .my-big-class iframe {
        border: 0;
        height: 100% !important;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media only screen and (max-width:830px) {
    .blog-card, .page-link, .tab-detail-area .nav-tabs .nav-link {
        margin-bottom: 10px
    }

    .blog-card, .card-gain {
        height: 100% !important
    }

    .illus-sec .banner-left:after {
        content: none
    }

    .add-business-nav .nav-link, .carousel-item .place-item {
        width: 100%
    }

    .banner-wrap {
        background: #f9f9f9
    }

    section.banner-area {
        height: auto
    }

        .set-main-h .banner-left, section.banner-area .banner-img {
            display: none
        }

        .chatbox, .chatbox2, .member-place-list tbody tr td, .single-listings-item, section.banner-area .col-md-5 {
            width: 100% !important
        }

        section.banner-area .content {
            width: 100%;
            float: unset
        }

    .chat {
        right: 0 !important
    }

    .page-link {
        margin-right: 6px
    }

    .breadcrumbs {
        padding: 0 15px
    }

    .search {
        width: 90%
    }

    .home-banner11 {
        height: 370px !important
    }

    .banner-wrap .banner-content {
        width: 90%;
        margin: 0 auto
    }

        .banner-wrap .banner-content a.text-primary {
            margin-top: 18px;
            display: flow-root
        }

    .img-box-item {
        height: 261px
    }

    .business-about {
        margin-top: 20px
    }

    .places-wrap .slick-dots {
        bottom: -27px
    }

    .footer__top__info, .footer__top__nav {
        margin-bottom: 0 !important;
        margin-top: 20px !important
    }
}

@media only screen and (max-width:1500px) {
    .business-main.home-main .slick-sliders {
        padding: 0 50px
    }

    .business-main .slick-nav > div {
        left: 0 !important
    }

    .business-main .slick-nav .slick-nav__next {
        right: 0 !important
    }

    .business-main.home-main .site-banner:after {
        content: "";
        background-size: 125%
    }

    .site-banner__search.layout-02 .field-input:first-child, .site-banner__search.layout-02 .field-input:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .site__search.layout-02 .site-banner__search.layout-02 .field-input label {
        display: none !important
    }

    .site__search.layout-02 .site-banner__search.layout-02 .site-banner__search__input::-webkit-input-placeholder {
        opacity: 1;
        color: #2d2d2d;
        font-family: "Quicksand", sans-serif !important;
    }

    .site__search.layout-02 .site-banner__search.layout-02 .site-banner__search__input::-moz-placeholder {
        opacity: 1;
        color: #2d2d2d;
        font-family: "Quicksand", sans-serif !important;
    }

    .site__search.layout-02 .site-banner__search.layout-02 .site-banner__search__input::placeholder {
        opacity: 1;
        color: #2d2d2d;
        font-family: "Quicksand", sans-serif !important;
    }

    .site__search.layout-02 .site-banner__search.layout-02 .site-banner__search__input:-ms-input-placeholder {
        opacity: 1;
        color: #2d2d2d;
        font-family: "Quicksand", sans-serif !important;
    }

    .site__search.layout-02 .site-banner__search.layout-02 .site-banner__search__input::-ms-input-placeholder {
        opacity: 1;
        color: #2d2d2d;
        font-family: "Quicksand", sans-serif !important;
    }

    .site__search.layout-02 .site-banner__search.layout-02 .search-suggestions li a {
        padding: 8px 10px
    }

    .archive-city .col-left {
        padding: 40px 20px 60px;
        margin: 0
    }
}

@media only screen and (max-width:1200px) {
    .site__search {
        max-width: 200px
    }

    .right-header > div {
        margin-right: 18px
    }

    .widget-post .post img {
        width: 100px;
        height: 100px
    }

    .widget-post .post .post__info h3 {
        font-size: 15px
    }

    .place-04 .hightlight-grid .hightlight-count, .place-04 .hightlight-grid .place__amenities {
        margin-right: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        text-align: center
    }

    .place-04 .hightlight-grid .place__button {
        margin-top: 15px
    }

    .place-04 .hightlight-grid .place__amenities:nth-child(4) {
        margin-right: 0
    }

    .company-info > img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .area-places .place-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        display: flow-root !important
    }

    .on-mobi-100 {
        width: 100% !important
    }

    .page-title.layout-2:after {
        background-image: radial-gradient(circle at 91% 3%,transparent calc(400px + 1px),#23d3d3 calc(400px + 2px))
    }

    .place-04 .hightlight-grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .pricing-item .btn {
        padding: 0 25px
    }

    .member-place-list td, .member-place-list th {
        padding: 15px 10px
    }

    .member-place-list.owner-booking td.place-action a {
        margin-bottom: 10px
    }

    .business-main.home-main .site-banner:after {
        content: "";
        background-size: 145%;
        height: 35px
    }

    .main-primary .top-area-filter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        line-height: 40px
    }

    .select-box .filter-control:after {
        line-height: 27px
    }

    .filter.layout-02 .select-box .filter-control:after {
        line-height: normal
    }

    .site__search.layout-02 .site-banner__search.layout-02 .search-suggestions li a {
        padding: 2px 10px;
        font-size: 14px
    }

    .mtf-grid .flex-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .banner-wrap .banner-content h1 {
        font-size: 26px
    }

    .cuisine-slider .item img {
        height: 210px
    }

    .cities .entry-details h3 {
        font-size: 28px
    }

    .featured-inner .flex-col:first-child span.entry-thumb {
        display: block;
        height: 100%
    }

    .featured-inner .flex-col:first-child img {
        height: -webkit-fill-available
    }
}

@media only screen and (max-width:1020px) {
    .popup--left .popup__button, .popup--left .popup__destinations, .popup--left .popup__user {
        display: none
    }

    .category-sugestion {
        width: 100%
    }

        .category-sugestion ul {
            height: 300px;
            overflow: scroll;
            float: unset
        }
}

@media only screen and (max-width:767px) {
    .place-04 .place-gallery, .place-item__photo {
        top: 30px;
        right: auto;
        left: 50px;
        bottom: auto
    }

    .banner-apps {
        padding: 60px 0 120px;
        background-position: left 0 center
    }

    .listing-content {
        padding: 30px 20px
    }

        .listing-content .col-md-12 {
            padding: 0 !important
        }

            .listing-content .col-md-12 .listing-box label {
                width: calc(100% - 40px)
            }

    .banner-apps__content {
        padding-left: 0;
        text-align: center
    }

    .fixed-tab-bar {
        position: unset !important;
        margin-bottom: 20px
    }

    .intern-tabs {
        padding: 20px
    }

        .business-main.home-main .slick-sliders, .intern-tabs .container {
            padding: 0
        }

    .banner-apps__content .banner-apps__download > a {
        display: block;
        margin: 0 auto 20px
    }

        .banner-apps__content .banner-apps__download > a:last-child {
            margin-right: auto;
            margin-bottom: 0
        }

    .city-content__tabtitle__button.btn, .city-content__tabtitle__tablist {
        float: none;
        margin-bottom: 10px
    }

    .city-content__tabtitle, .listing-main .listing-nav .listing-menu li {
        text-align: center
    }

    .golo-menu-filter .entry-filter, .place__amenities {
        margin-bottom: 20px
    }

    .page-title.page-title--small {
        background-image: none !important
    }

    .img-page-height {
        min-height: auto
    }

    .shop-detail-new .img-gallery {
        margin-top: 50px
    }

    .img-box-item, .landing-banner, .place-03 .breadcrumbs, .similar-places__content .place-item {
        margin-bottom: 30px
    }

    .grid.grid-4, .landing-featured .features-item, .member-wrap-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .grid.grid-4 .grid-item {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            margin-bottom: 30px
        }

    .contact-main .contact-text, .our-team {
        padding: 30px 0 0
    }

    .join-team {
        padding-bottom: 30px
    }

    .business-main .slick-nav, .listing-main .listing-nav .listing-menu li a span, .place__comments__content .row, .site-contact:before, .upgrade-box img {
        display: none
    }

    .contact-main .contact-form {
        padding: 0;
        margin-bottom: 30px
    }

    .banner-search.layout-03, .featured-inner .flex, .member-filter, .table-responsive, .table-responsive tbody, .table-responsive td, .table-responsive th, .table-responsive thead, .table-responsive tr {
        display: block
    }

        .table-responsive > thead > tr {
            position: absolute;
            top: -9999px;
            left: -9999px
        }

        .table-responsive > tbody > tr {
            border-top: 1px solid #eee
        }

            .table-responsive > tbody > tr:nth-child(2n) td {
                background-color: rgba(35,211,211,.1)
            }

            .table-responsive > tbody > tr:first-child {
                border-radius: 3px 3px 0 0;
                border-top: none
            }

            .table-responsive > tbody > tr:last-child {
                border-radius: 0 0 3px 3px;
                border-bottom: none
            }

            .table-responsive > tbody > tr td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 30% !important;
                width: 100%;
                overflow: hidden;
                text-align: right
            }

                .table-responsive > tbody > tr td .field-check {
                    display: block;
                    margin: 0
                }

                    .landing-featured .features-item .features-info, .landing-featured .features-item .features-thumb, .table-responsive > tbody > tr td .field-check label {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 100%;
                        flex: 0 0 100%;
                        max-width: 100%;
                        padding: 0
                    }

                        .table-responsive > tbody > tr td .field-check label:before {
                            margin-right: 0
                        }

                        .table-responsive > tbody > tr td .field-check label input:checked ~ span {
                            left: 0
                        }

                .table-responsive > tbody > tr td:before {
                    content: attr(data-title);
                    position: absolute;
                    top: 15px;
                    left: 14px;
                    width: 30%;
                    padding-right: 10px;
                    white-space: nowrap;
                    font-size: 14px;
                    text-align: left
                }

        .table-responsive.table-order > tbody > tr:nth-child(-n + 3) > td:first-child {
            padding: 25px 0 25px 30% !important;
            background-position: left 32% center
        }

            .table-responsive.table-order > tbody > tr:nth-child(-n + 3) > td:first-child span {
                left: 32%
            }

        .member-filter .mf-left {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

        .member-filter .field-select {
            max-width: 100%;
            margin: 0 0 20px
        }

        .banner-search.layout-03 input, .banner-search.layout-03 select, .featured-inner .flex-col, .member-filter .mf-right form, .member-place-list td:first-child, .member-place-list td:nth-child(2), .member-place-list td:nth-child(3), .member-place-list td:nth-child(4), .member-place-list.owner-booking td:nth-child(2), .member-place-list.owner-booking td:nth-child(3), .member-place-list.owner-booking td:nth-child(4) {
            width: 100%
        }

        .table-responsive > tbody > tr, .table-responsive > tbody > tr td:last-child {
            border-bottom: 0
        }

    .city-content__tabtitle__tablist {
        overflow: scroll;
        margin-right: 40px
    }

        .city-content__tabtitle__tablist ul {
            width: 490px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

    .city-content__tabtitle .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .home-main .site-banner__content h1 {
        font-size: 42px
    }

    .testimonial .slick-nav > div {
        left: -25px
    }

    .testimonial .slick-nav .slick-nav__next {
        right: -25px
    }

    .home-main .site-banner:after {
        height: 60px
    }

    .listing-main .listing-nav .listing-menu li a span.icon {
        display: block;
        font-size: 21px
    }

    .listing-main .listing-nav {
        position: -webkit-sticky;
        top: 0;
        padding: 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        max-width: 40px
    }

    .listing-main .listing-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 94%;
        flex: 0 0 94%;
        max-width: 94%;
        padding: 30px 20px
    }

    .listing-main .listing-nav .listing-menu li a:hover, .listing-main .listing-nav .listing-menu li.active a {
        border: 0;
        color: #23d3d3
    }

    .listing-main .listing-nav .listing-menu li a {
        border: 0
    }

    .site-header {
        position: relative;
        z-index: 111
    }

        .site-header.home-header {
            position: absolute
        }

    .template-coming-soon .footer, .template-coming-soon .site-header {
        position: static
    }

    .template-coming-soon .site-main {
        height: 100%;
        padding: 30px 0
    }

        .template-coming-soon .site-main .cs-info {
            position: static;
            -webkit-transform: inherit;
            transform: inherit
        }

    .template-coming-soon.layout-2 .cs-thumb {
        position: static;
        max-width: 100%
    }

    .template-coming-soon .site-main .cs-thumb img {
        height: auto
    }

    .img-box-inner, .landing-featured, .member-place-wrap .pagination {
        margin-bottom: 0
    }

    .features-item h3, .landing-page .site-banner__title {
        font-size: 32px
    }

    .pricing-area h2.title {
        font-size: 24px
    }

    .member-wrap-top h2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .upgrade-box {
        padding: 30px
    }

        .upgrade-box .close {
            right: 15px;
            top: 15px
        }

    .owner-content {
        padding-bottom: 0
    }

    .business-about {
        background: 0 0 !important;
        padding: 30px 0 40px;
        position: relative
    }

        .business-about .business-about-info h2, .business-about .business-about-info p {
            color: #fff
        }

    .archive-city.layout-02 .main-primary {
        padding: 30px 15px;
        max-width: 100%
    }

    .area-places.layout-3col .place-item, .landing-plugins .flex-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .site__search.layout-02.open {
        padding: 14px 60px 14px 15px
    }

    .landing-page .site-banner__content a.btn {
        height: 40px;
        line-height: 40px;
        padding: 0 30px
    }

    .footer.layout-03 h2, .landing-plugins h2, .landing-title h2 {
        font-size: 36px
    }

    .footer.layout-03 .footer__bottom .footer__bottom__copyright, .landing-title p {
        font-size: 16px
    }

    .landing-featured .features-item h3 {
        font-size: 28px
    }

    .landing-featured .features-item:nth-child(2n-1) .features-info {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .banner-left, .banner.slick-sliders {
        width: 50%
    }

    .cuisine-slider .item img {
        height: 144px
    }

    .single-02 .place__left {
        padding-right: 0
    }

    .single-slider.slick-sliders img {
        height: 300px
    }

    .banner-search.layout-03 .field-submit button {
        width: 100%;
        border-radius: 35px
    }

    .business-main.home-main .site-banner:after {
        background-size: cover;
        height: 55px;
        background-image: url(../images/assets/mask-1.svg)
    }

    .cities img, .featured-inner .flex-col:first-child img {
        height: auto;
        width: 100%
    }

    .testimonial .slick-sliders {
        max-width: 100%;
        padding: 0
    }

    .single .place-gallery {
        top: 30px;
        left: 50px;
        bottom: auto;
        right: auto
    }

        .single .place-gallery a {
            font-size: 0;
            height: 48px;
            width: 48px;
            border-radius: 50%;
            line-height: 48px;
            padding: 0;
            text-align: center
        }

        .single .place-gallery i {
            font-size: 24px;
            vertical-align: -7px
        }
}

@media only screen and (max-width:720px) {
    .vendorbox {
        height: auto !important
    }

    .a-link, .title a {
        float: unset;
        margin-top: 15px;
        display: block !important
    }

    .title {
        text-align: center
    }
}

@media only screen and (max-width:992px) {
    .banner-left:after {
        content: none;
    }

    .ads-banner .ad-h-300-250 {
        min-width: auto !important;
        max-width: 300px !important;
        width: 100% !important
    }

    .ads-banner .ad-h-728-90 {
        min-width: auto !important;
        max-width: 728px !important;
        width: 100% !important
    }

    .site__menu__icon {
        display: block !important;
        float: right;
        font-size: 18px
    }

    .business-about .business-about-info, .place-04 .place__left, .sub-banner .banner-left {
        padding-right: 0
    }

    .sub-menu li a {
        font-weight: 400;
        font-family: Roboto
    }

    .banner-wrap .banner-content h1, .features.layout-02 .features-item p, .site__search {
        max-width: 100%
    }

        .bsn-cat-item span.place, .site__search.open, .widget.open {
            opacity: 1;
            visibility: visible
        }

    .blog-widget, .sidebar-item {
        display: none !important
    }

    .banner-left, .only-video-local .slick-slide, .only-video-local .slick-track, .place-item.layout-02 .place-thumb img {
        width: 100%
    }

    .archive-filter form, .banner.slick-sliders, .filter-group.filter-business, .landing-customers .place-slider__nav.slick-nav, .landing-menu, .local-banner .banner-left, .main-primary .filter-control, .main-primary .top-area-filter .filter-right, .right-header .main-menu, .right-header .right-header__button, .right-header .right-header__destinations, .right-header .right-header__login, .right-header .right-header__signup, .right-header__minicart .right-header__number, .show-fff, .show-map {
        display: none
    }

    .only-video-local {
        width: 100%;
        display: block !important
    }

    .banner-wrap, .links .btn-grp, .links.venue-back {
        display: flow-root
    }

    .cat-tabs a {
        margin-bottom: 10px !important
    }

    .archive-city.layout-02 .col-left {
        margin-top: 0 !important
    }

    .links, .page-title.layout-2 .page-title-bottom .intro__meta {
        margin-top: 0
    }

    .links {
        margin-bottom: 0
    }

        .links .h2, .links h2 {
            width: 100%;
            text-align: center;
            margin-left: 0
        }

        .links .state-list {
            margin-left: 0;
            text-align: left
        }

            .links .state-list li {
                margin-bottom: 15px
            }

        .links .btn-grp {
            float: unset;
            width: 100%;
            margin-left: 0
        }

    .footer__top__nav {
        margin-top: 40px
    }

    .business-about-info h2, .business-about-info p {
        color: #000 !important
    }

    .business-about:before {
        content: none
    }

    .banner-wrap.home-banner, .pricing-item, .slick-slider .slick-list, .slick-slider .slick-track {
        height: auto
    }

    .cuisine-slider .item img {
        margin-bottom: 20px
    }

    .cuisine-slider .item span.hover-img {
        border-radius: 0
    }

    .banner-wrap .banner-content {
        text-align: center
    }

    .banner-wrap {
        height: 484px
    }

    .right-header .right-header__minicart {
        margin-right: 0
    }

    .right-header .right-header__search {
        display: inline-block;
        margin-right: 0
    }

    .site__search.open {
        display: block !important;
        padding: 10px 33px;
        top: 0;
        background: #fff;
        -webkit-transition: .3s;
        transition: .3s
    }

        .close-filter, .company-info, .site__search.open .search__close, a.site__menu__icon {
            display: block
        }

    .site__search .site__search__form {
        border-bottom: 0;
        padding-bottom: 0
    }

    .site__search .site__search__field {
        line-height: 0
    }

        .site__search .site__search__field input {
            height: 20px;
            line-height: 20px
        }

    .site-banner .site-banner__content {
        left: 25px;
        right: 25px
    }

    .footer__top__info, .footer__top__nav {
        margin-bottom: 40px
    }

    .footer__top__nav--contact, .footer__top__nav--contact li, .member-statistical {
        margin-bottom: 0
    }

    .landing-plugins .plugins, .related-post .related-grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page-title--small {
        background-position: right;
        background-size: 50% 100%;
        overflow: scroll
    }

    .page-title__content {
        overflow: scroll;
        padding-right: 30px
    }

    .intro__meta .col-md-4:first-child .intro__meta__item {
        border-left: 0
    }

    .place__amenities span {
        margin-left: 5px
    }

    .shop-details__addcart button {
        padding: 0 55px
    }

    .other-products__content .col-lg-3:nth-child(2n) .shop__products__item, .shop__products .col-lg-3:nth-child(2n) .shop__products__item {
        border-right: 0
    }

    .company-info > img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .company-info .ci-content {
        padding: 0
    }

    .member-filter .field-select {
        max-width: 120px
    }

    .isotope__nav {
        overflow: scroll
    }

        .isotope__nav ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 810px
        }

    .home-header .site__menu__icon {
        display: inline-block !important;
        vertical-align: -4px
    }

    .page-title.layout-2:after, .page-title.layout-2:before {
        content: "";
        display: none
    }

    .page-title.layout-2 .page-title-info {
        max-width: 100%;
        text-align: center;
        position: static
    }

    .page-title.layout-2 .page-title__content {
        text-align: center;
        margin-bottom: 60px
    }

    .page-title.layout-2 .page-title-bottom {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin-top: 0;
        padding: 25px 0;
        background-color: #23d3d3
    }

    .page-title.layout-2 .intro__meta__item {
        padding: 0 15px
    }

    .right-header .right-header__search i {
        font-size: 24px
    }

    .archive-city .archive-filter, .archive-city .col-right {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        background-color: #fff;
        z-index: 999;
        overflow-y: scroll;
        padding: 30px;
        display: none
    }

    .banner-wrap .banner-content, .widget.open {
        left: 15px;
        right: 15px
    }

    .archive-city .col-right .filter-head, .filter-mobile, .page-content-sidebar > .container > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .archive-city .col-left {
        padding: 0;
        margin-left: 0;
        margin-right: 0
    }

    .main-primary {
        padding: 30px 15px;
        max-width: 720px;
        margin: 0 auto
    }

    .widget-reservation-mini {
        position: fixed;
        bottom: -100%;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        right: 0;
        z-index: 1000;
        background-color: #fff;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px;
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
        border: 1px solid #eee;
        -webkit-transition: .3s;
        transition: .3s
    }

        .widget-reservation-mini h3 {
            margin-bottom: 0;
            font-size: 20px;
            font-weight: 500
        }

        .widget-reservation-mini .btn {
            width: auto
        }

    .sidebar.open:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.6);
        z-index: 100
    }

    .widget.open {
        position: fixed;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 290px;
        margin: 0 auto;
        background-color: #fff;
        z-index: 199
    }

    .intro__meta, .sidebar {
        margin-top: 30px
    }

    .widget-reservation-mini.open {
        bottom: 0;
        -webkit-transition: .3s;
        transition: .3s
    }

    .field-check label {
        -ms-flex: 0 0 33%;
        -webkit-box-flex: 0;
        flex: 0 0 33%;
        max-width: 33%
    }

    .template-coming-soon .footer {
        text-align: left
    }

    .features-item h3 {
        font-size: 48px
    }

    .archive-city .filter-mobile, .banner-wrap .banner-content p, .billing-form, .landing-plugins .plugins .flex-item, .list-categories .item, .list-categories.layout-02 .item, .member-statistical .item, .ob-item, .pricing-item, section.banner-area .content p {
        margin-bottom: 30px
    }

    .member-menu ul {
        width: 700px
    }

    .member-menu > .container {
        overflow-x: scroll
    }

    .member-place-list td, .member-place-list td:first-child, .member-place-list th, .member-place-list th:first-child {
        padding: 15px 10px
    }

        .member-place-list td:nth-child(4) {
            width: 20%
        }

    .right-header__languages ul {
        right: 0;
        left: auto;
        width: 140px
    }

    .footer-subscribe {
        margin: 0 auto
    }

    .archive-city.layout-02 .main-primary {
        padding: 30px 0
    }

    .business-main.home-main .site-banner:after {
        content: "";
        background-size: 150%;
        height: 30px
    }

    .bsn-cat-item a {
        padding-top: 25px
    }

    .site__search.layout-02.open {
        max-width: 100%;
        padding: 14px 60px 14px 30px
    }

    .header-landing .right-header .right-header__button {
        display: inline-block;
        margin-right: 25px
    }

    .landing-plugins .flex-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .demo-item {
        margin: 0 auto 30px
    }

    .mtf-grid .flex-item, .page-content.isotope .post-grid.columns-3 .post {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .main-primary .top-area .type {
        text-align: right
    }

    .banner-wrap .container {
        width: 100%;
        max-width: 100%
    }

    .page-content-sidebar .col-lg-4 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .page-content-sidebar .col-lg-8 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .cities .entry-details h3 {
        font-size: 22px
    }

    .featured-inner .flex-col {
        padding: 0 5px
    }

    .featured-inner .flex {
        margin-left: -5px;
        margin-right: -5px
    }

    .cities {
        margin-bottom: 10px
    }

    .featured-inner .flex-col:first-child > .cities {
        height: calc(100% - 10px)
    }

    .business-main .site-banner.bg_hero_02 video {
        height: 100%;
        width: auto;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    .banner.slick-sliders .slick-slide > div {
        height: 100%
    }

    .single .place {
        position: relative;
        z-index: 2
    }

    .main-primary .top-area-filter {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .features.layout-02 .features-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        margin-bottom: 30px
    }

        .features.layout-02 .features-item img {
            margin: 0 auto 20px
        }

        .features.layout-02 .features-item .features-content {
            width: 100%;
            margin: 0;
            padding: 0
        }

    .features.layout-02 {
        padding: 40px 0 0
    }

    .right-header__login > a {
        margin-left: 0;
        margin-bottom: 15px
    }

    .right-header__login {
        margin-top: 15px !important
    }

        .right-header__login a {
            display: block
        }

    .site-banner__search .site-banner__search__input {
        line-height: 48px
    }

    .site-banner__search.layout-02 .field-submit button {
        height: 37px;
        line-height: 37px;
        width: 38px
    }

    .banner-wrap .banner-content {
        position: relative;
        top: 0;
        transform: none;
        left: 0;
        right: 0;
        padding: 0
    }

    .site__brand {
        position: relative;
        width: auto;
        padding: 0
    }

    .site__brand__logo img, .title-border-bottom {
        margin-top: 0
    }

    .head-row {
        align-items: center
    }

    .right-header > div {
        line-height: auto;
        margin-top: 0
    }

    .img-box-inner {
        margin: 0 !important
    }

    .offset-item, .offset-item.animate {
        transition: none;
        max-width: 700px;
        margin: 0 auto 8px
    }

    .site__menu {
        display: inline-block
    }

    .right-header {
        padding: 0;
        display: none
    }
}

@media only screen and (max-width:575px) {
    .member-statistical .item h3, .menu-tab li a, .shop__meta .shop__results, .site__order > div > a {
        font-size: 14px
    }

    .place-share, .site-main.layout-list .area-places.layout-3col .entry-bottom {
        position: static
    }

    .intro__meta .intro__meta__item {
        border: 0;
        text-align: center;
        margin-bottom: 30px;
        padding-left: 0
    }

    .field-check, .intro__meta .col-md-4:last-child .intro__meta__item, .mw-box .places-item, .pricing-inner, .widget-sb-detail .button-wrap .button:last-child {
        margin-bottom: 0
    }

    .member-wrap .member-avatar label input, .shop-details__quantity {
        width: 100px
    }

        .shop-details__quantity span {
            left: 13px
        }

            .shop-details__quantity span.minus {
                right: 13px
            }

    .shop-details__addcart button {
        padding: 0 35px
    }

    .banner-contact .banner-inner h2, .blogs .post, .blogs-wrap .blog-wrap .post, .checkout-area, .cities__item, .frequently-asked .title, .ld-title, .payment-method, .places-item, .post, .pricing-area h2.title, .shop-details__wrap {
        margin-bottom: 30px
    }

    .shop-details__tablist li a {
        font-size: 14px;
        display: block;
        padding: 5px 0;
        border-left: 2px solid transparent
    }

    .shop-details__tablist li {
        display: block;
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .shop__products__item {
        border-right: 0
    }

    .shop-details__tablist li.active a {
        border-left: 2px solid #23d3d3;
        padding-left: 15px
    }

    .cities__content .row, .grid.grid-4, .post-grid, .shop__meta, .similar-places__content .row, .site-header .container-fluid .row {
        margin-left: -5px;
        margin-right: -5px
    }

        .shop__meta > div {
            padding: 0 5px
        }

    .site__order > div {
        margin-right: 5px
    }

    .place-share {
        margin-top: 20px
    }

    .header-landing .right-header .right-header__button, .place-flex .place__currency {
        margin-right: 15px
    }

    .place-03 .breadcrumbs {
        margin-bottom: 15px
    }

    .join-wrap h2, .place__left h1, .site-banner.layout-02 .site-banner__title, .site-banner.layout-03 .site-banner__content h1 {
        font-size: 32px
    }

    .place__box.place__box--npd {
        text-align: center
    }

        .place__box.place__box--npd > div, .place__box.place__box--npd > h1 {
            text-align: left
        }

    .place-04 .place-share {
        position: absolute;
        margin-top: 0;
        right: 25px
    }

    .place-04 .place-gallery {
        left: 25px
    }

        .place-04 .place-gallery a {
            font-size: 0;
            width: 48px;
            height: 48px;
            line-height: 64px;
            border: 0;
            padding: 0;
            text-align: center;
            border-radius: 50%
        }

        .place-04 .place-gallery i, .title-border-bottom {
            font-size: 24px
        }

        .place-04 .place-gallery a svg, .place-04 .place-share a svg {
            margin-right: 0;
            vertical-align: middle
        }

    .place-04 .place__box--npd h1, .single-02 .place__box--npd h1 {
        font-size: 28px
    }

    .header-landing .col-5, .place-04 .hightlight-grid .place__amenities, .single .popup-wrap .hightlight-flex .place__amenities, .site-banner__search.layout-02 .field-input:first-child, .site-banner__search.layout-02 .field-input:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .button-wrap, .place-04 .hightlight-grid .place__button, .testimonial-control .slick-current img {
        margin-top: 0
    }

    .menu-tab li, .place__meta > div {
        margin-right: 10px
    }

    .place-04 .place__meta > div:after {
        right: -9px
    }

    .ot-item .ot-info {
        left: 15px;
        right: 15px;
        bottom: 10px
    }

        .ot-item .ot-info h3, .ot-item .ot-info span.job {
            font-size: 14px;
            margin-bottom: 0
        }

    .city-slider .slick-slide > div, .grid.grid-4 .grid-item, .post-grid .post, .similar-places__content .col-md-6 {
        padding-left: 5px;
        padding-right: 5px
    }

    .error-wrap {
        margin: 0 auto 40px
    }

    .account span, .header-landing .col-2, .main-primary .top-area-filter .filter-center, .place-slider__nav, .site-banner__search.layout-02 .field-input label {
        display: none
    }

    .site-header .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .site-header .row .col-5, .site-header .row .col-7 {
        padding-left: 5px;
        padding-right: 5px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .site__brand {
        margin-right: 0
    }

    .right-header .right-header__search {
        margin-right: 18px
    }

    .popup-form.open {
        top: 20px
    }

    .cities__content .col-sm-6, .other-city__content .col-md-6, .other-products__content .col-sm-6, .shop__products .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px
    }

    .cities__info .cities__capital, .landing-banner p {
        font-size: 18px
    }

    .home-main .site-banner:after, .landing-banner .lb-button img {
        height: 40px
    }

    .home-main .site-banner__content p, .ld-title p, .testimonial-item p, .upgrade-box p {
        font-size: 16px
    }

    .blogs, .featured-cities, .testimonial, .trending {
        padding: 30px 0 40px
    }

        .blog-content .blog-left, .testimonial .slick-sliders {
            padding: 0
        }

    .site-main.layout-list .area-places.layout-3col .place-title, .slick-slider .testimonial-item img, .testimonial-control {
        height: auto
    }

        .testimonial-control .tc-item {
            padding: 10px 4px
        }

    .page-title.layout-2 .intro__meta__item {
        text-align: left;
        margin-bottom: 0
    }

    .page-title.layout-2 .intro__meta {
        width: 575px
    }

    .page-title.layout-2 .page-title-bottom {
        overflow-x: auto
    }

    .filterForm .filter-head a, .filterForm .form-button, .site-main.layout-list .area-places.layout-3col .place-inner, .sortForm .filter-head a, .sortForm .form-button, .widget-sb-detail .button-wrap {
        display: block
    }

    .popup-wrap .popup-middle {
        top: 30px;
        bottom: 30px;
        transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit;
        -webkit-transform: inherit;
        -o-transform: inherit;
        overflow-y: auto;
        overflow-x: hidden
    }

    .listing-main .listing-content {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
        max-width: calc(100% - 40px);
        padding: 30px 0;
        background-color: #fff
    }

    .listing-box {
        border: 0;
        padding: 15px
    }

    .listing-content > h2 {
        font-size: 18px;
        margin-bottom: 10px;
        padding: 0 15px
    }

    .area-places.layout-3col .place-item, .listing-box .field-3col.field-inline .field-input, .listing-box .field-3col.field-inline .field-select, .listing-box .field-inline .field-group:first-child, .listing-box .field-inline .field-group:last-child, .mtf-grid .flex-item, .owner-page-content .area-places.layout-3col .place-item, .page-content.isotope .post-grid.columns-3 .post, .post-grid.columns-2 .post, .site-main.layout-list .area-places.layout-3col .entry-detail, .site-main.layout-list .area-places.layout-3col .place-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .listing-box .field-inline {
        display: block;
        margin: 0
    }

        .field-maps .field-inline .field-button, .field-maps .field-inline label, .listing-box .field-3col.field-inline .field-input, .listing-box .field-3col.field-inline .field-select, .listing-box .field-inline .field-group {
            padding: 0 !important
        }

    .field-check label {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important
    }

    .upload-form .field-submit {
        padding: 0 15px
    }

    .template-coming-soon .cs-info h1 {
        font-size: 36px
    }

    .template-coming-soon .site-header {
        padding-top: 30px
    }

    .template-coming-soon .footer {
        padding-bottom: 30px
    }

    .template-coming-soon.layout-2 .site-main {
        padding: 10px 0
    }

    .landing-banner {
        padding: 100px 0
    }

        .landing-banner h2 {
            font-size: 42px
        }

    .ld-title h2 {
        font-size: 32px;
        margin-bottom: 0
    }

    .banner-contact .banner-inner, .features-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .features-item .features-info, .features-item .features-thumb {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding-right: 0
        }

        .features-item:nth-child(2n-1) .features-thumb {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            padding-left: 0
        }

    .checkout-thanks-area h2 {
        font-size: 26px;
        margin-bottom: 30px
    }

    .billing-form .field-check label {
        -ms-flex: 0 0 100% !important;
        -webkit-box-flex: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .package-review .pricing-item {
        padding: 40px
    }

    .payment-method img {
        height: 36px
    }

    .frequently-asked, .similar-places {
        padding: 30px 0 0
    }

    .upgrade-box h1 {
        font-size: 24px;
        line-height: normal
    }

    .member-statistical .item {
        padding: 20px 10px
    }

    .testimonial-item.layout-02 {
        display: block !important;
        padding: 20px
    }

        .testimonial-item.layout-02 .avatar {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            width: 150px;
            margin: 0 auto
        }

        .testimonial-item.layout-02 .testimonial-info {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 30px;
            text-align: center
        }

    .business-main .site-banner .site-banner__content {
        top: 45%
    }

    .site-banner__search.layout-02 .field-input {
        position: static !important
    }

        .site-banner__search.layout-02 .field-input:first-child:after {
            right: 50%
        }

    .demo-item .demo-type {
        right: 25px
    }

    .demo-item img {
        width: 100%;
        height: auto
    }

    .owner-top-info, .owner-top-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center
    }

    .owner-top-info {
        width: 100%;
        margin-bottom: 20px
    }

    .home-testimonials .testimonial-item .testimonial-thumb, .owner-top-button {
        margin: 0 auto
    }

    .owner-top-info .avatar {
        margin: 0 auto 10px;
        width: 100%
    }

    .city-slider .places-item .places-item__thumb img, .menu-item, .owner-top-info .info {
        width: 100%
    }

    .site-main.layout-list .area-places.layout-3col .place-thumb .btn-add-to-wishlist {
        left: auto;
        right: 20px
    }

    .banner-wrap .banner-content h1 {
        font-size: 30px
    }

    .banner.slick-sliders .slick-slide > div, .banner.slick-sliders img {
        height: 350px
    }

    .hcg-banner .banner.slick-sliders .item, .hcg-banner .banner.slick-sliders .slick-slide, .hcg-banner .banner.slick-sliders .slick-slide > div, .hcg-banner .banner.slick-sliders .slick-track {
        height: 100%
    }

    .banner-left:after {
        height: auto;
        top: -37%
    }

    .banner.slick-sliders .slick-dots {
        top: 40%
    }

    .blogs-wrap, .cuisine-wrap, .explore, .featured-wrap, .join-wrap, .restaurant-wrap, .testimonials {
        padding: 30px 0
    }

    .title h2 {
        font-size: 20px
    }

    .cuisine-slider .slick-dots, .restaurant-slider .slick-dots, .testimonial-slider .slick-dots {
        margin-top: 10px
    }

    .cuisine-slider .item img {
        height: 237px
    }

    .archive-city .filter-mobile, .join-wrap p {
        margin-bottom: 20px
    }

    .home-testimonials .testimonial-item {
        display: block;
        text-align: center
    }

        .home-testimonials .testimonial-item .testimonial-info {
            width: 100%;
            margin-top: 30px;
            margin-left: 0;
            text-align: center
        }

    .widget-sb-detail .button-wrap .button {
        width: 100%;
        margin-bottom: 10px
    }

    .single .place-share {
        position: absolute;
        top: 0;
        right: 17px
    }

    .purchase-button {
        left: 20px;
        bottom: 20px
    }

    .home-main .hcg-banner .site-banner__content h1 {
        font-size: 100px
    }

    .testimonial-control .tc-item img {
        width: 46px;
        height: 46px
    }

    .slick-slider img {
        height: 260px
    }

    .single .hightlight-grid {
        width: 576px
    }

    .place__box-hightlight {
        overflow-y: scroll
    }

    .single .place-gallery {
        top: 20px;
        left: 25px
    }

    .single-01 .place__left {
        padding-right: 0;
        margin-top: -140px
    }

    .site-banner {
        background-size: 550px;
        background-position: right -208px bottom
    }

    .single .sidebar {
        padding-left: 0;
        margin-top: 0
    }

    .single .open-table .time {
        padding: 0 0 0 20px
    }

    .field-group .field-clone {
        margin-bottom: 10px
    }

    .main-primary .top-area-filter {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .site-banner.layout-02, .site-banner.layout-03 {
        background-image: inherit !important;
        height: auto;
        padding: 120px 0 100px
    }

        .site-banner.layout-02 .site-banner__title:after {
            content: "";
            display: none
        }

    .site-banner .site-banner__content {
        position: static;
        -webkit-transform: inherit;
        transform: inherit
    }

    .banner-contact .banner-inner a.btn, .banner-contact .banner-inner h2 {
        max-width: 100%
    }

    .banner-wrap .banner-inner {
        background-image: inherit !important;
        padding: 40px
    }
}

@media only screen and (max-width:375px) {
    .places-item .places-item__thumb img {
        width: 100%
    }

    .cities__item .cities__name {
        font-size: 14px;
        top: 15px;
        left: 15px;
        right: 15px
    }

    .cities__item .cities__info {
        left: 15px;
        bottom: 15px;
        right: 15px
    }

    .site-banner__meta a {
        font-weight: 400;
        font-family: "Quicksand", sans-serif !important;-Book
    }

    .news__content .col-md-4:first-child {
        display: block
    }

    .footer__top__info, .footer__top__info .footer__top__info__app a, .post, .title-wrap {
        margin-bottom: 20px
    }

    .area-places.layout-3col .place-item, .city-grid .col-6, .grid.grid-2 .grid-item, .grid.grid-3 .grid-item, .grid.grid-4 .grid-item, .grid.grid-5 .grid-item, .post-grid.columns-2 .post, .post-grid.columns-3 .post, .post-grid.columns-4 .post, .post-grid.columns-5 .post, .testimonial-slider.layout-02 .testimonial-item .avatar, .testimonial-slider.layout-02 .testimonial-item .testimonial-info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .place__amenities span {
        margin-left: 2px
    }

    .place__comments li .place__author__avatar {
        margin-bottom: 10px
    }

    .place-04 .place__left {
        margin-top: -140px
    }

    .mw-box {
        margin-bottom: 0
    }

    .popup-form {
        width: auto
    }

        .popup-form.open {
            top: 15px
        }

    .site-banner .site-banner__content {
        text-align: center;
        -webkit-transform: inherit;
        transform: inherit;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .landing-banner .lb-button img {
        height: 35px
    }

    .landing-banner .lb-button a {
        margin-right: 8px
    }

    .checkout-thanks-area h2 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .page-title--small {
        margin-bottom: 30px
    }

    .checkout-thanks-area h3 {
        font-size: 18px
    }

    .payment-method img {
        height: 30px
    }

    .site__menu > a {
        margin-right: 10px
    }

    .business-main.home-main .site-banner__content h1, .footer.layout-03 h2, .landing-plugins h2, .landing-title h2 {
        font-size: 32px
    }

    .landing-demo, .landing-plugins {
        padding: 40px 0 10px
    }

    .landing-featured {
        padding: 40px 0 0
    }

    .blogs-wrap.layout-02, .footer.layout-03 .footer__top, .landing-customers {
        padding: 40px 0
    }

    .footer.layout-03 p {
        margin-bottom: 40px
    }

    .main-theme-features {
        padding-bottom: 10px
    }

    .footer.layout-03 .footer__bottom {
        padding-bottom: 40px
    }

    .bsn-cat-item a {
        width: 130px;
        height: 130px;
        padding-top: 15px
    }

    .banner-wrap .banner-content span {
        font-size: 14px
    }

    .banner-contact .banner-inner h2, .banner-wrap .banner-inner h2, .join-wrap h2 {
        font-size: 28px
    }

    .testimonial-item .testimonial-info .cite h4, .testimonial-item .testimonial-info .cite span {
        display: block;
        margin: 0
    }

        .testimonial-item .testimonial-info .cite span:before {
            content: "";
            display: none
        }

    .single-slider.slick-sliders img {
        height: 220px
    }

    .menu-tab li a {
        font-size: 12px
    }

    .home-testimonials .testimonial-item .testimonial-info .cite span:before {
        display: none
    }

    .site-main.home-main .testimonial {
        padding-bottom: 0
    }

    .site-banner .site-banner__content, .site-banner.layout-03 .site-banner__content {
        -webkit-transform: inherit;
        transform: inherit
    }

    .site-banner.layout-03 {
        padding: 100px 0 60px
    }

    .list-categories.layout-02 .item .info {
        left: 30px;
        right: 30px;
        padding-right: 0
    }

    .places-wrap {
        padding-top: 20px;
        padding-bottom: 60px
    }

    .title-wrap h2 {
        font-size: 20px
    }

    .title-wrap p {
        font-size: 15px
    }

    .testimonial-slider.layout-02 .testimonial-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .testimonial-slider.layout-02 .testimonial-item img {
            margin: 0 auto 20px
        }

    .testimonial-slider .slick-dots, .testimonial-slider.layout-02 .slick-dots {
        margin-top: 30px
    }

    .banner-wrap.layout-02 .banner-inner {
        max-width: 100%
    }

    .banner-wrap.layout-02 {
        padding: 40px 0;
        background-image: inherit !important
    }
}

@media only screen and (max-width:768px) {
    .or-spr {
        height: 35px;
        width: auto;
        display: block
    }

    .site__search__wrapper {
        /*height: 147px*/
    }

    .search-vandor-btn {
        display: block;
        margin: 0 auto
    }

    .site__search.layout-02 {
        display: block !important;
        max-width: 360px
    }

    .title-border-bottom {
        font-size: 25px
    }

    .site__brand__logo img {
    }

    .footer .footer__top__info .footer__top__info__logo img {
        width: 175px
    }

    .footer__top__info, .footer__top__nav {
        text-align: center
    }

    .footer__top {
        padding: 25px 0
    }

    .footer__top__nav li a {
        transition: none
    }

    .footer__top__nav ul {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:576px) {
    .banner-wrap .banner-content h1 {
        font-size: 25px
    }

    .title-border-bottom {
        font-size: 22px
    }

    .banner-wrap .banner-content p, section.banner-area .content p {
        margin-bottom: 15px;
        margin-top: 15px
    }

    .a-link, .title a {
        margin-top: 5px;
        font-size: 16px;
        transition: none
    }

    .blogs, .featured-cities, .testimonial, .trending {
        padding: 25px 0 20px
    }

    .news {
        padding: 0 0 20px
    }

    .footer .footer__top__info .footer__top__info__logo img {
        width: 160px
    }

    .footer__top__nav li a {
        font-size: 14px
    }

    .footer__top__nav ul {
        margin-bottom: 10px
    }

    .footer__bottom {
        padding: 20px 0
    }

    .footer__bottom__copyright {
        font-size: 12px
    }

    .site__brand__logo img {
        max-width: 120px
    }

    .site__menu > a i {
        font-size: 18px
    }

    .site-header .row .col-7 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .site-header .row .col-5 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%
    }
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url(../fonts/fontAwesome/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontAwesome/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontAwesome/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontAwesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before, .fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before, .fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}

.fa-krw:before, .fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before, .fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before, .fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before, .fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative
        }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none
    }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear, .select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container--classic .select2-results > .select2-results__options, .select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container .select2-search--inline {
    float: left
}

    .select2-container .select2-search--inline .select2-search__field {
        box-sizing: border-box;
        border: none;
        font-size: 100%;
        margin-top: 5px;
        padding: 0
    }

        .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700
    }

    .select2-container--default .select2-results__option[aria-disabled=true], .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-top: 5px;
        margin-right: 10px;
        padding: 1
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

.select2-container--classic .select2-selection--multiple .select2-selection__clear, .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-right: 10px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: 0 0;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888;
            border-width: 0 4px 5px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

@-webkit-keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

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

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

@keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

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

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

@-webkit-keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

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

@keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

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

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

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

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

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

@keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

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

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

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

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

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

@keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

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

body.swal2-toast-shown .swal2-container {
    background-color: transparent
}

    body.swal2-toast-shown .swal2-container.swal2-shown {
        background-color: transparent
    }

    body.swal2-toast-shown .swal2-container.swal2-top {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto
    }

    body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0
    }

    body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
    }

body.swal2-toast-column .swal2-toast {
    flex-direction: column;
    align-items: stretch
}

    body.swal2-toast-column .swal2-toast .swal2-actions {
        flex: 1;
        align-self: stretch;
        height: 2.2em;
        margin-top: .3125em
    }

    body.swal2-toast-column .swal2-toast .swal2-loading {
        justify-content: center
    }

    body.swal2-toast-column .swal2-toast .swal2-input {
        height: 2em;
        margin: .3125em auto;
        font-size: 1em
    }

    body.swal2-toast-column .swal2-toast .swal2-validation-message {
        font-size: 1em
    }

.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    box-shadow: 0 0 .625em #d9d9d9;
    overflow-y: hidden
}

    .swal2-popup.swal2-toast .swal2-header {
        flex-direction: row
    }

    .swal2-popup.swal2-toast .swal2-title {
        flex-grow: 1;
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-footer {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
    }

    .swal2-popup.swal2-toast .swal2-close {
        position: initial;
        width: .8em;
        height: .8em;
        line-height: .8
    }

    .swal2-popup.swal2-toast .swal2-content {
        justify-content: flex-start;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0
    }

    .swal2-popup.swal2-toast .swal2-icon-text {
        font-size: 2em;
        font-weight: 700;
        line-height: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        top: .875em;
        width: 1.375em
    }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            left: .3125em
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            right: .3125em
        }

    .swal2-popup.swal2-toast .swal2-actions {
        height: auto;
        margin: 0 .3125em
    }

    .swal2-popup.swal2-toast .swal2-styled {
        margin: 0 .3125em;
        padding: .3125em .625em;
        font-size: 1em
    }

        .swal2-popup.swal2-toast .swal2-styled:focus {
            box-shadow: 0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)
        }

    .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86
    }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
            position: absolute;
            width: 2em;
            height: 2.8125em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-radius: 50%
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
                top: -.25em;
                left: -.9375em;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transform-origin: 2em 2em;
                transform-origin: 2em 2em;
                border-radius: 4em 0 0 4em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
                top: -.25em;
                left: .9375em;
                -webkit-transform-origin: 0 2em;
                transform-origin: 0 2em;
                border-radius: 0 4em 4em 0
            }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em
        }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
            top: 0;
            left: .4375em;
            width: .4375em;
            height: 2.6875em
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
            height: .3125em
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
                top: 1.125em;
                left: .1875em;
                width: .75em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
                top: .9375em;
                right: .1875em;
                width: 1.375em
            }

    .swal2-popup.swal2-toast.swal2-show {
        -webkit-animation: showSweetToast .5s;
        animation: showSweetToast .5s
    }

    .swal2-popup.swal2-toast.swal2-hide {
        -webkit-animation: hideSweetToast .2s forwards;
        animation: hideSweetToast .2s forwards
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
        -webkit-animation: animate-toast-success-tip .75s;
        animation: animate-toast-success-tip .75s
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
        -webkit-animation: animate-toast-success-long .75s;
        animation: animate-toast-success-long .75s
    }

@-webkit-keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }

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

@keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }

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

@-webkit-keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

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

@keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

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

@-webkit-keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: transparent
}

    body.swal2-no-backdrop .swal2-shown > .swal2-modal {
        box-shadow: 0 0 10px rgba(0,0,0,.4)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-left, body.swal2-no-backdrop .swal2-shown.swal2-top-start {
        top: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
        top: 0;
        right: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-left, body.swal2-no-backdrop .swal2-shown.swal2-center-start {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-left, body.swal2-no-backdrop .swal2-shown.swal2-bottom-start {
        bottom: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
        right: 0;
        bottom: 0
    }

.swal2-container {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: transparent;
    z-index: 1060;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

    .swal2-container.swal2-top {
        align-items: flex-start
    }

    .swal2-container.swal2-top-left, .swal2-container.swal2-top-start {
        align-items: flex-start;
        justify-content: flex-start
    }

    .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
        align-items: flex-start;
        justify-content: flex-end
    }

    .swal2-container.swal2-center {
        align-items: center
    }

    .swal2-container.swal2-center-left, .swal2-container.swal2-center-start {
        align-items: center;
        justify-content: flex-start
    }

    .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
        align-items: center;
        justify-content: flex-end
    }

    .swal2-container.swal2-bottom {
        align-items: flex-end
    }

    .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start {
        align-items: flex-end;
        justify-content: flex-start
    }

    .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
        align-items: flex-end;
        justify-content: flex-end
    }

    .swal2-container.swal2-grow-fullscreen > .swal2-modal {
        display: flex !important;
        flex: 1;
        align-self: stretch;
        justify-content: center
    }

    .swal2-container.swal2-grow-row > .swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
    }

    .swal2-container.swal2-grow-column {
        flex: 1;
        flex-direction: column
    }

        .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top {
            align-items: center
        }

        .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start {
            align-items: flex-start
        }

        .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right {
            align-items: flex-end
        }

        .swal2-container.swal2-grow-column > .swal2-modal {
            display: flex !important;
            flex: 1;
            align-content: center;
            justify-content: center
        }

    .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
        margin: auto
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-container.swal2-shown {
    background-color: rgba(0,0,0,.4)
}

.swal2-popup {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    box-sizing: border-box
}

    .swal2-popup:focus {
        outline: 0
    }

    .swal2-popup.swal2-loading {
        overflow-y: hidden
    }

    .swal2-popup .swal2-header {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .swal2-popup .swal2-title {
        display: block;
        position: relative;
        max-width: 100%;
        margin: 0 0 .4em;
        padding: 0;
        color: #595959;
        font-size: 1.875em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word
    }

    .swal2-popup .swal2-actions {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: 1.25em auto 0;
        z-index: 1
    }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
            opacity: .4
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
            background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
            background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
            width: 2.5em;
            height: 2.5em;
            margin: .46875em;
            padding: 0;
            border: .25em solid transparent;
            border-radius: 100%;
            border-color: transparent;
            background-color: transparent !important;
            color: transparent;
            cursor: default;
            box-sizing: border-box;
            -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
            margin-right: 30px;
            margin-left: 30px
        }

        .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 5px;
            border: 3px solid #999;
            border-radius: 50%;
            border-right-color: transparent;
            box-shadow: 1px 1px 1px #fff;
            content: '';
            -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal
        }

    .swal2-popup .swal2-styled {
        margin: .3125em;
        padding: .625em 2em;
        font-weight: 500;
        box-shadow: none
    }

        .swal2-popup .swal2-styled:not([disabled]) {
            cursor: pointer
        }

        .swal2-popup .swal2-styled.swal2-confirm {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #3085d6;
            color: #fff;
            font-size: 1.0625em
        }

        .swal2-popup .swal2-styled.swal2-cancel {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #aaa;
            color: #fff;
            font-size: 1.0625em
        }

        .swal2-popup .swal2-styled:focus {
            outline: 0;
            box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)
        }

        .swal2-popup .swal2-styled::-moz-focus-inner {
            border: 0
        }

    .swal2-popup .swal2-footer {
        justify-content: center;
        margin: 1.25em 0 0;
        padding: 1em 0 0;
        border-top: 1px solid #eee;
        color: #545454;
        font-size: 1em
    }

    .swal2-popup .swal2-image {
        max-width: 100%;
        margin: 1.25em auto
    }

    .swal2-popup .swal2-close {
        position: absolute;
        top: 0;
        right: 0;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        padding: 0;
        transition: color .1s ease-out;
        border: none;
        border-radius: 0;
        outline: initial;
        background: 0 0;
        color: #ccc;
        font-family: serif;
        font-size: 2.5em;
        line-height: 1.2;
        cursor: pointer;
        overflow: hidden
    }

        .swal2-popup .swal2-close:hover {
            -webkit-transform: none;
            transform: none;
            color: #f27474
        }

    .swal2-popup > .swal2-checkbox, .swal2-popup > .swal2-file, .swal2-popup > .swal2-input, .swal2-popup > .swal2-radio, .swal2-popup > .swal2-select, .swal2-popup > .swal2-textarea {
        display: none
    }

    .swal2-popup .swal2-content {
        justify-content: center;
        margin: 0;
        padding: 0;
        color: #545454;
        font-size: 1.125em;
        font-weight: 300;
        line-height: normal;
        z-index: 1;
        word-wrap: break-word
    }

    .swal2-popup #swal2-content {
        text-align: center
    }

    .swal2-popup .swal2-checkbox, .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-radio, .swal2-popup .swal2-select, .swal2-popup .swal2-textarea {
        margin: 1em auto
    }

    .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-textarea {
        width: 100%;
        transition: border-color .3s,box-shadow .3s;
        border: 1px solid #d9d9d9;
        border-radius: .1875em;
        font-size: 1.125em;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
        box-sizing: border-box
    }

        .swal2-popup .swal2-file.swal2-inputerror, .swal2-popup .swal2-input.swal2-inputerror, .swal2-popup .swal2-textarea.swal2-inputerror {
            border-color: #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important
        }

        .swal2-popup .swal2-file:focus, .swal2-popup .swal2-input:focus, .swal2-popup .swal2-textarea:focus {
            border: 1px solid #b4dbed;
            outline: 0;
            box-shadow: 0 0 3px #c4e6f5
        }

        .swal2-popup .swal2-file::-webkit-input-placeholder, .swal2-popup .swal2-input::-webkit-input-placeholder, .swal2-popup .swal2-textarea::-webkit-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file:-ms-input-placeholder, .swal2-popup .swal2-input:-ms-input-placeholder, .swal2-popup .swal2-textarea:-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file::-ms-input-placeholder, .swal2-popup .swal2-input::-ms-input-placeholder, .swal2-popup .swal2-textarea::-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file::placeholder, .swal2-popup .swal2-input::placeholder, .swal2-popup .swal2-textarea::placeholder {
            color: #ccc
        }

    .swal2-popup .swal2-range input {
        width: 80%
    }

    .swal2-popup .swal2-range output {
        width: 20%;
        font-weight: 600;
        text-align: center
    }

    .swal2-popup .swal2-range input, .swal2-popup .swal2-range output {
        height: 2.625em;
        margin: 1em auto;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em
    }

    .swal2-popup .swal2-input {
        height: 2.625em;
        padding: 0 .75em
    }

        .swal2-popup .swal2-input[type=number] {
            max-width: 10em
        }

    .swal2-popup .swal2-file {
        font-size: 1.125em
    }

    .swal2-popup .swal2-textarea {
        height: 6.75em;
        padding: .75em
    }

    .swal2-popup .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        color: #545454;
        font-size: 1.125em
    }

    .swal2-popup .swal2-checkbox, .swal2-popup .swal2-radio {
        align-items: center;
        justify-content: center
    }

        .swal2-popup .swal2-checkbox label, .swal2-popup .swal2-radio label {
            margin: 0 .6em;
            font-size: 1.125em
        }

        .swal2-popup .swal2-checkbox input, .swal2-popup .swal2-radio input {
            margin: 0 .4em
        }

    .swal2-popup .swal2-validation-message {
        display: none;
        align-items: center;
        justify-content: center;
        padding: .625em;
        background: #f0f0f0;
        color: #666;
        font-size: 1em;
        font-weight: 300;
        overflow: hidden
    }

        .swal2-popup .swal2-validation-message::before {
            display: inline-block;
            width: 1.5em;
            min-width: 1.5em;
            height: 1.5em;
            margin: 0 .625em;
            border-radius: 50%;
            background-color: #f27474;
            color: #fff;
            font-weight: 600;
            line-height: 1.5em;
            text-align: center;
            content: '!';
            zoom: normal
        }

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: 2px solid rgba(50,100,150,.4)
    }
}

.swal2-icon {
    position: relative;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal
}

.swal2-icon-text {
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474
}

    .swal2-icon.swal2-error .swal2-x-mark {
        position: relative;
        flex-grow: 1
    }

    .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color: #f27474
    }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            left: 1.0625em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            right: 1em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-success {
    border-color: #a5dc86
}

    .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 3.75em;
        height: 7.5em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 50%
    }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
            top: -.4375em;
            left: -2.0635em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 3.75em 3.75em;
            transform-origin: 3.75em 3.75em;
            border-radius: 7.5em 0 0 7.5em
        }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
            top: -.6875em;
            left: 1.875em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 3.75em;
            transform-origin: 0 3.75em;
            border-radius: 0 7.5em 7.5em 0
        }

    .swal2-icon.swal2-success .swal2-success-ring {
        position: absolute;
        top: -.25em;
        left: -.25em;
        width: 100%;
        height: 100%;
        border: .25em solid rgba(165,220,134,.3);
        border-radius: 50%;
        z-index: 2;
        box-sizing: content-box
    }

    .swal2-icon.swal2-success .swal2-success-fix {
        position: absolute;
        top: .5em;
        left: 1.625em;
        width: .4375em;
        height: 5.625em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 1
    }

    .swal2-icon.swal2-success [class^=swal2-success-line] {
        display: block;
        position: absolute;
        height: .3125em;
        border-radius: .125em;
        background-color: #a5dc86;
        z-index: 2
    }

        .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
            top: 2.875em;
            left: .875em;
            width: 1.5625em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
            top: 2.375em;
            right: .5em;
            width: 2.9375em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.swal2-progresssteps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    font-weight: 600
}

    .swal2-progresssteps li {
        display: inline-block;
        position: relative
    }

    .swal2-progresssteps .swal2-progresscircle {
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #3085d6;
        color: #fff;
        line-height: 2em;
        text-align: center;
        z-index: 20
    }

        .swal2-progresssteps .swal2-progresscircle:first-child {
            margin-left: 0
        }

        .swal2-progresssteps .swal2-progresscircle:last-child {
            margin-right: 0
        }

        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
            background: #3085d6
        }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
                background: #add8e6
            }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
                background: #add8e6
            }

    .swal2-progresssteps .swal2-progressline {
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #3085d6;
        z-index: 10
    }

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s
}

    .swal2-show.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

.swal2-hide {
    -webkit-animation: swal2-hide .15s forwards;
    animation: swal2-hide .15s forwards
}

    .swal2-hide.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

.swal2-rtl .swal2-close {
    right: auto;
    left: 0
}

.swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-animate-success-icon .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-animate-error-icon {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

    .swal2-animate-error-icon .swal2-x-mark {
        -webkit-animation: swal2-animate-error-x-mark .5s;
        animation: swal2-animate-error-x-mark .5s
    }

@-webkit-keyframes swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
            display: none
        }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
            position: initial !important
        }
}
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

    .datepicker-rtl.dropdown-menu {
        left: auto
    }

    .datepicker-rtl table tr td span {
        float: right
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px
}

    .datepicker-dropdown:before {
        content: "";
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid rgba(0, 0, 0, 0.15);
        border-top: 0;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute
    }

    .datepicker-dropdown:after {
        content: "";
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid rgba(0, 0, 0, 0.15)
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff
    }

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .datepicker table tr td, .datepicker table tr th {
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        border: none
    }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #777
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #777;
    cursor: default
}

.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0
}

    .datepicker table tr td.highlighted.focus, .datepicker table tr td.highlighted:focus {
        color: #000;
        background-color: #afd9ee;
        border-color: #298fc2
    }

    .datepicker table tr td.highlighted:hover {
        color: #000;
        background-color: #afd9ee;
        border-color: #52addb
    }

    .datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active {
        color: #000;
        background-color: #afd9ee;
        border-color: #52addb
    }

        .datepicker table tr td.highlighted.active.focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted:active:hover {
            color: #000;
            background-color: #91cbe8;
            border-color: #298fc2
        }

    .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled].focus, .datepicker table tr td.highlighted[disabled]:focus, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted.focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, fieldset[disabled] .datepicker table tr td.highlighted:hover {
        background-color: #d9edf7;
        border-color: #85c5e5
    }

    .datepicker table tr td.highlighted.focused {
        background: #afd9ee
    }

    .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
        background: #d9edf7;
        color: #777
    }

.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733
}

    .datepicker table tr td.today.focus, .datepicker table tr td.today:focus {
        color: #000;
        background-color: #ffc966;
        border-color: #b37400
    }

    .datepicker table tr td.today:hover {
        color: #000;
        background-color: #ffc966;
        border-color: #f59e00
    }

    .datepicker table tr td.today.active, .datepicker table tr td.today:active {
        color: #000;
        background-color: #ffc966;
        border-color: #f59e00
    }

        .datepicker table tr td.today.active.focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover {
            color: #000;
            background-color: #ffbc42;
            border-color: #b37400
        }

    .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled].focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today.focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover {
        background-color: #ffdb99;
        border-color: #ffb733
    }

    .datepicker table tr td.today.focused {
        background: #ffc966
    }

    .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
        background: #ffdb99;
        color: #777
    }

.datepicker table tr td.range {
    color: #000;
    background-color: #eee;
    border-color: #bbb;
    border-radius: 0
}

    .datepicker table tr td.range.focus, .datepicker table tr td.range:focus {
        color: #000;
        background-color: #d5d5d5;
        border-color: #7c7c7c
    }

    .datepicker table tr td.range:hover {
        color: #000;
        background-color: #d5d5d5;
        border-color: #9d9d9d
    }

    .datepicker table tr td.range.active, .datepicker table tr td.range:active {
        color: #000;
        background-color: #d5d5d5;
        border-color: #9d9d9d
    }

        .datepicker table tr td.range.active.focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active.focus, .datepicker table tr td.range:active:focus, .datepicker table tr td.range:active:hover {
            color: #000;
            background-color: #c3c3c3;
            border-color: #7c7c7c
        }

    .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled].focus, .datepicker table tr td.range[disabled]:focus, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.focus, fieldset[disabled] .datepicker table tr td.range:focus, fieldset[disabled] .datepicker table tr td.range:hover {
        background-color: #eee;
        border-color: #bbb
    }

    .datepicker table tr td.range.focused {
        background: #d5d5d5
    }

    .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
        background: #eee;
        color: #777
    }

    .datepicker table tr td.range.highlighted {
        color: #000;
        background-color: #e4eef3;
        border-color: #9dc1d3
    }

        .datepicker table tr td.range.highlighted.focus, .datepicker table tr td.range.highlighted:focus {
            color: #000;
            background-color: #c1d7e3;
            border-color: #4b88a6
        }

        .datepicker table tr td.range.highlighted:hover {
            color: #000;
            background-color: #c1d7e3;
            border-color: #73a6c0
        }

        .datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active {
            color: #000;
            background-color: #c1d7e3;
            border-color: #73a6c0
        }

            .datepicker table tr td.range.highlighted.active.focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted:active:hover {
                color: #000;
                background-color: #a8c8d8;
                border-color: #4b88a6
            }

        .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled].focus, .datepicker table tr td.range.highlighted[disabled]:focus, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted.focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
            background-color: #e4eef3;
            border-color: #9dc1d3
        }

        .datepicker table tr td.range.highlighted.focused {
            background: #c1d7e3
        }

        .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
            background: #e4eef3;
            color: #777
        }

    .datepicker table tr td.range.today {
        color: #000;
        background-color: #f7ca77;
        border-color: #f1a417
    }

        .datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:focus {
            color: #000;
            background-color: #f4b747;
            border-color: #815608
        }

        .datepicker table tr td.range.today:hover {
            color: #000;
            background-color: #f4b747;
            border-color: #bf800c
        }

        .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active {
            color: #000;
            background-color: #f4b747;
            border-color: #bf800c
        }

            .datepicker table tr td.range.today.active.focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:active:hover {
                color: #000;
                background-color: #f2aa25;
                border-color: #815608
            }

        .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled].focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today.focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover {
            background-color: #f7ca77;
            border-color: #f1a417
        }

        .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
            background: #f7ca77;
            color: #777
        }

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #777;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

    .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:focus {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #161616
    }

    .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:hover {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #373737
    }

    .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected:active {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #373737
    }

        .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active:hover {
            color: #fff;
            background-color: #4c4c4c;
            border-color: #161616
        }

    .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected.highlighted[disabled].focus, .datepicker table tr td.selected.highlighted[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:hover, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover {
        background-color: #777;
        border-color: #555
    }

.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

    .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

        .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40
        }

    .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active.highlighted[disabled].focus, .datepicker table tr td.active.highlighted[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:hover, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled]:hover, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

    .datepicker table tr td span.focused, .datepicker table tr td span:hover {
        background: #eee
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: none;
        color: #777;
        cursor: default
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
    }

        .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active:hover:focus {
            color: #fff;
            background-color: #286090;
            border-color: #122b40
        }

        .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover {
            color: #fff;
            background-color: #286090;
            border-color: #204d74
        }

            .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
                color: #fff;
                background-color: #286090;
                border-color: #204d74
            }

                .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover {
                    color: #fff;
                    background-color: #204d74;
                    border-color: #122b40
                }

            .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active:hover:hover {
                background-color: #337ab7;
                border-color: #2e6da4
            }

    .datepicker table tr td span.new, .datepicker table tr td span.old {
        color: #777
    }

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
    cursor: pointer
}

    .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
        background: #eee
    }

    .datepicker .next.disabled, .datepicker .prev.disabled {
        visibility: hidden
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.input-daterange {
    width: 100%
}

    .input-daterange input {
        text-align: center
    }

        .input-daterange input:first-child {
            border-radius: 3px 0 0 3px
        }

        .input-daterange input:last-child {
            border-radius: 0 3px 3px 0
        }

    .input-daterange .input-group-addon {
        width: auto;
        min-width: 16px;
        padding: 4px 5px;
        line-height: 1.42857143;
        border-width: 1px 0;
        margin-left: -5px;
        margin-right: -5px
    }

body {
    font-family: "Roboto",Arial;
    font-size: 0.8125rem;
    letter-spacing: 0.1px
}

.page-content {
    color: #666
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    font-weight: 400
}

strong {
    font-weight: 500
}

.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: 300;
    display: block;
    font-size: 0.9375rem;
    line-height: 1.5;
    margin: 2px 0 1.5rem
}

.h2 small, .h3 small, h2 small, h3 small {
    font-size: 0.9375rem
}

.h4 small, h4 small {
    font-size: 0.875rem
}

.h5 small, .h6 small, h5 small, h6 small {
    font-size: 0.8125rem
}

.text-contrast {
    color: #333
}

.text-gradient {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5) );
    background: linear-gradient( 180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100% );
    color: #886ab5;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none
}

.datepicker table tr td, .datepicker table tr th {
    width: 38px !important;
    height: 34px !important
}

    .datepicker table tr td.new, .datepicker table tr td.old {
        color: #a9a9a9
    }

    .datepicker table tr td span.active.active, .datepicker table tr td span.focused, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active, .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
        background-color: #967bbd;
        border-color: #886ab5;
        color: #fff
    }

        .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected:hover {
            background-color: #7a59ad;
            border-color: #6e4e9e;
            color: #fff
        }

.datepicker table {
    width: 100%
}

.datepicker.datepicker-inline {
    border: 1px solid #ebedf2
}

.datepicker thead th.datepicker-switch, .datepicker thead th.next, .datepicker thead th.prev {
    font-weight: 500;
    color: #a1a8c3
}

.datepicker {
    width: 265px;
    padding: 10px
}
/*!
 * Datetimepicker for Bootstrap 4
 * version : 4.17.47
 * modified by: balbarak
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

:root {
    --font-size: 13px;
    --container-width: 300px;
    --text-color: #000000;
    --text-muted: #c1c1c1;
    --hover--bg-color: #e2e2e2;
    --weekend-bg-color: #f5f5f5;
    --disabled-color: #cccccc
}

.bootstrap-datetimepicker-widget {
    list-style: none
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        display: block;
        margin: 2px 0;
        padding: 4px
    }

@media (min-width:768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:after, .bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0,0,0,.2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none
    }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
    font-size: var(--font-size);
    color: #000
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
        content: "Toggle Date and Time Screens"
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 2.5;
            height: 2.5em;
            width: 100%
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 4px
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px
        }

        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: 0 0;
            color: var(--disabled-color) !important;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table th.prev::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0,0,0,0);
            border: 0;
            content: "Previous Month"
        }

        .bootstrap-datetimepicker-widget table th.next::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0,0,0,0);
            border: 0;
            content: "Next Month"
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: #eee
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: #777
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px;
            font-size: var(--font-size)
        }

            .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
                background: #eee;
                cursor: pointer
            }

        .bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.old {
            color: #777
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #337ab7;
                border-top-color: rgba(0,0,0,.2);
                position: absolute;
                bottom: 4px
            }

        .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #337ab7;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,.25)
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff
            }

        .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: 0 0;
            color: var(--disabled-color) !important;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: 4px
        }

            .bootstrap-datetimepicker-widget table td span:hover {
                background: #eee
            }

            .bootstrap-datetimepicker-widget table td span.active {
                background-color: #337ab7;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0,0,0,.25)
            }

            .bootstrap-datetimepicker-widget table td span.old {
                color: #777
            }

            .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
                background: 0 0;
                color: var(--disabled-color) !important;
                cursor: not-allowed
            }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.datepicker-months .month {
    font-size: var(--font-size);
    width: 85px
}

.bootstrap-datetimepicker-widget table td.weekend {
    background-color: var(--weekend-bg-color);
    border-radius: 0
}

.bootstrap-datetimepicker-widget {
    padding: 40px
}

.datepicker tbody tr > td.day {
    color: var(--text-color);
    padding: 5px 12px
}

    .datepicker tbody tr > td.day.old {
        color: var(--text-muted)
    }

    .datepicker tbody tr > td.day.new {
        color: var(--text-muted)
    }

.datepicker {
    width: var(--container-width);
    padding: 10px
}

    .datepicker.datepicker-orient-top {
        margin-top: 8px
    }

    .datepicker table {
        width: 100%
    }

    .datepicker td, .datepicker th {
        font-weight: regular;
        width: 35px;
        height: 35px;
        border-radius: 3px
    }

    .datepicker thead th {
        color: #a7abc3
    }

        .datepicker thead th.datepicker-switch, .datepicker thead th.next, .datepicker thead th.prev {
            font-weight: 500;
            color: #a7abc3
        }

            .datepicker thead th.datepicker-switch i, .datepicker thead th.next i, .datepicker thead th.prev i {
                font-size: 1.2rem;
                color: #a7abc3
            }

                .datepicker thead th.datepicker-switch i:before, .datepicker thead th.next i:before, .datepicker thead th.prev i:before {
                    line-height: 0;
                    vertical-align: middle
                }

            .datepicker thead th.datepicker-switch:hover, .datepicker thead th.next:hover, .datepicker thead th.prev:hover {
                background: #f7f8fa !important
            }

        .datepicker thead th.dow {
            color: #000;
            font-weight: 500;
            font-size: var(--font-size)
        }

    .datepicker tbody tr > td.day {
        color: var(--text-color)
    }

        .datepicker tbody tr > td.day:hover {
            background: var(--hover--bg-color);
            color: #6c7293
        }

        .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover, .datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover {
            background: #5867dd;
            color: #fff
        }

        .datepicker tbody tr > td.day.today {
            position: relative;
            background: rgba(93,120,255,.7) !important;
            color: #fff !important
        }

            .datepicker tbody tr > td.day.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #fff;
                border-top-color: #ebedf2;
                position: absolute;
                bottom: 4px;
                right: 4px
            }

        .datepicker tbody tr > td.day.range {
            background: #f7f8fa
        }

    .datepicker tbody tr > td span.hour, .datepicker tbody tr > td span.minute, .datepicker tbody tr > td span.month, .datepicker tbody tr > td span.year {
        color: var(--text-color);
        font-size: var(--font-size)
    }

    .datepicker tbody tr > td span.year {
        width: 65px
    }

        .datepicker tbody tr > td span.hour:hover, .datepicker tbody tr > td span.minute:hover, .datepicker tbody tr > td span.month:hover, .datepicker tbody tr > td span.year:hover {
            background: var(--hover--bg-color)
        }

        .datepicker tbody tr > td span.hour.active, .datepicker tbody tr > td span.hour.active.focused:hover, .datepicker tbody tr > td span.hour.active:hover, .datepicker tbody tr > td span.hour.focused, .datepicker tbody tr > td span.hour.focused:hover, .datepicker tbody tr > td span.minute.active, .datepicker tbody tr > td span.minute.active.focused:hover, .datepicker tbody tr > td span.minute.active:hover, .datepicker tbody tr > td span.minute.focused, .datepicker tbody tr > td span.minute.focused:hover, .datepicker tbody tr > td span.month.active, .datepicker tbody tr > td span.month.active.focused:hover, .datepicker tbody tr > td span.month.active:hover, .datepicker tbody tr > td span.month.focused, .datepicker tbody tr > td span.month.focused:hover, .datepicker tbody tr > td span.year.active, .datepicker tbody tr > td span.year.active.focused:hover, .datepicker tbody tr > td span.year.active:hover, .datepicker tbody tr > td span.year.focused, .datepicker tbody tr > td span.year.focused:hover {
            background: #5867dd;
            color: #fff
        }

    .datepicker tfoot tr > th.clear, .datepicker tfoot tr > th.today {
        border-radius: 3px;
        font-weight: 500
    }

        .datepicker tfoot tr > th.clear:hover, .datepicker tfoot tr > th.today:hover {
            background: #ebedf2
        }

    .datepicker.datepicker-inline {
        border: 1px solid #ebedf2
    }

.q-form input {
    border-radius: 5px
}

.q-form label {
    font-size: 16px;
    margin-bottom: 3px
}

.q-form .checkbox-inline {
    margin-top: 10px
}

    .q-form .checkbox-inline input {
        margin-right: 10px
    }

.q-form .form-control {
    border: 1px solid #ced4da
}

.q-form .checkbox-inline a {
    color: #23d3d3;
    margin-left: 15px;
    font-weight: bold
}

.loginarea a, .signinarea a {
    color: #23d3d3
}

.q-form p {
    margin-bottom: 15px
}

.loginarea, .signinarea {
    padding: 0 !important;
    margin-bottom: 15px
}

.termscheck a {
    margin-left: 5px !important
}

.q-form .form-group {
    margin-bottom: 10px
}

.step1 {
    margin-bottom: 20px
}

.step2 h3 {
    margin-top: 20px
}

.step2 p {
    font-size: 14px;
    margin-top: 5px
}

.unclaimedtabledata {
    margin-top: 10px;
    max-height: 250px;
    overflow: auto
}

#cometchat__widget .launcher__wrapper .css-n3o688 {
    border-radius: 0 !important
}

.bottom-bar {
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #fff;
    box-shadow: rgba(17, 17, 26, 0.1) 0 0 16px;
    width: 100%;
    padding: 12px 0
}

    .bottom-bar ul {
        text-align: center
    }

        .bottom-bar ul li {
            display: inline-block;
            padding: 0 20px;
            border-right: 2px solid #eee
        }

            .bottom-bar ul li a {
                color: #23d3d3;
                font-size: 18px;
                font-weight: bold
            }

                .bottom-bar ul li a.active {
                    color: #6c757d;
                    font-size: 18px;
                    font-weight: bold
                }

                .bottom-bar ul li a select {
                    border: 2px solid #23d3d3;
                    color: #23d3d3
                }

.chat-area {
}

.chatbox {
    width: 400px;
    z-index: 99999999999999999;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    position: fixed;
    right: 0;
    bottom: 0;
    box-shadow: rgb(0 0 0 / 5%) 0 6px 24px 0,rgb(0 0 0 / 8%) 0 0 0 1px
}

.box-head {
    background: #23d3d3;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px
}

.chatbox2 {
    background: #fff;
    width: 310px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 99999999999999999
}

.box-body::-webkit-scrollbar {
    display: none
}

.box-body {
    padding: 10px;
    height: 450px;
    overflow-y: scroll
}

.chat-tabs {
    display: flow-root;
    border-bottom: 1px solid #b9b9b9
}

    .chat-tabs a {
        width: 32%;
        float: left;
        margin-right: 4px;
        padding: 4px 3px;
        border-radius: 0;
        background: #fff;
        color: #23d3d3
    }

        .chat-tabs a .icon {
            float: left
        }

        .chat-tabs a.active .icon {
            font-size: 18px;
            border-radius: 50%;
            background: #e1dcdc;
            width: 40px;
            height: 40px;
            text-align: center
        }

        .chat-tabs a .icon {
            font-size: 18px;
            border-radius: 50%;
            background: #7ee5e5;
            width: 40px;
            height: 40px;
            text-align: center
        }

.chatbox-down {
    display: block
}

.chat-tabs a .icon i {
    margin-top: 11px
}

.chat-tabs a .content {
    display: inline-block;
    margin-left: 10px
}

    .chat-tabs a .content h4 {
        margin-bottom: 3px;
        margin-top: 3px;
        margin-right: 2px
    }

.chat-tabs a.active .content h4 {
    color: #000 !important
}

.chat-tabs a .ccontent {
    display: inline-block;
    margin-left: 10px
}

    .chat-tabs a .ccontent h4 {
        margin-bottom: 3px
    }

.chat-tabs a.active {
    background: #d3d3d3;
    color: #000;
    border: 2px solid #d3d3d3
}

.chat-tabs h4 {
    color: #23d3d3
}

.searchbox {
    margin-bottom: 10px
}

.chat-append {
    height: 330px;
    overflow-y: scroll
}

    .chat-append::-webkit-scrollbar {
        display: none
    }

.searchbox label {
    margin-bottom: 10px;
    width: 100%
}

.searchbox select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d7d4d4;
    outline: none
}

.chat-list {
    margin-top: 20px;
    padding: 0
}

    .chat-list ul li a .user-img img {
        width: 40px;
        height: 40px;
        border-radius: 50%
    }

    .chat-list ul li a:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
        background: #fff
    }

    .chat-list ul li {
        margin-bottom: 10px;
        list-style-type: none
    }

        .chat-list ul li a {
            display: flow-root;
            padding: 7px;
            background: #f5f5f5;
            border-radius: 5px
        }

            .chat-list ul li a .user-img {
                margin-top: 10px;
                float: left
            }

            .chat-list ul li a .user-info {
                float: left;
                margin-left: 10px
            }

                .chat-list ul li a .user-info h4 {
                    margin-bottom: 5px;
                    margin-top: 9px
                }

.chat {
    position: fixed;
    right: 410px;
    bottom: 0;
    z-index: 9999999999;
    border: 1px solid rgba(17, 17, 26, 0.1);
    border-radius: 10px 10px 0 0
}

.box-head i {
    float: right;
    margin-top: 4px;
    margin-right: 10px
}

.box-head a {
    color: #fff !important
}

.contact-chat > ul.chatappend {
    display: flex;
    flex-direction: column
}

.contact-chat > ul > li.replies {
    margin-left: auto;
    text-align: right
}

    .contact-chat > ul > li.replies .media {
        flex-direction: row-reverse
    }

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

.contact-chat .media-body {
    flex: 1
}

.contact-chat ul li {
    list-style-type: none
}

.contact-chat > ul > li .contact-name h6 {
    display: inline-block;
    font-weight: 500
}

.contact-chat > ul > li.replies .msg-box li {
    display: inline-flex
}

.msg-setting-main {
    display: flex;
    align-items: center;
    width: fit-content;
    transition: all 0.5s ease
}

.contact-chat > ul > li.replies .msg-box li:first-child h5 {
    border-radius: 30px 25px 0 30px
}

.contact-chat > ul > li.replies .msg-box li .auto-gallery, .contact-chat > ul > li.replies .msg-box li .document, .contact-chat > ul > li.replies .msg-box li > h5 {
    background-color: #e5edf5;
    color: #223645
}

.contact-chat > ul > li .contact-name h5 {
    display: inline-block;
    padding-right: 20px;
    line-height: 1.4
}

.msg-box > li .auto-gallery, .msg-box > li .document, .msg-box > li h5 {
    padding: 16px 20px
}

.contact-chat > ul > li.replies .msg-box li:last-child {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-left: auto
}

    .contact-chat > ul > li.replies .msg-box li:last-child h5 {
        border-radius: 30px 0 25px 30px
    }

.contact-chat > ul > li + li {
    margin-top: 10px
}

.msg-box > li > h5 {
    display: inline-block;
    padding: 16px 25px;
    background-color: #1c9dea;
    color: #fff;
    border-radius: 0 25px 25px 0;
    font-weight: 600
}

.msg-box > li:first-child h5 {
    border-radius: 30px 25px 25px 0
}

.msg-box > li:last-child h5 {
    border-radius: 0 25px 25px 30px
}

.message-input {
    background: #eee;
    padding: 10px
}

.msg-submit {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none
}

.messagebox {
    border: 1px solid #5d5d5d;
    padding: 8px 15px;
    font-size: 14px;
    color: #757575
}

.chat-area ul {
    padding: 0
}

.contact-chat {
    height: auto !important
}

.fl-rig {
    float: right;
    margin-top: 9px
}

.messagebox {
    width: 85%
}

.msg-submit {
    color: #23d3d3
}

.notification ul li input {
    float: right;
    margin-top: 5px
}

.notification ul li {
    padding: 10px
}

.add-border-for-required {
    border: 2px solid red !important;
    padding: 7px !important
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 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;
    -ms-user-select: none;
    user-select: none
}

    .chosen-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        z-index: 1010;
        width: 100%;
        border: 1px solid #aaa;
        border-top: 0;
        background: #fff;
        -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
        box-shadow: 0 4px 5px rgba(0,0,0,.15);
        clip: rect(0,0,0,0);
        -webkit-clip-path: inset(100% 100%);
        clip-path: inset(100% 100%)
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none
    }

    .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,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));
    background: linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
    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.html) -42px 1px no-repeat;
    font-size: 1px
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px
    }

.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.html) no-repeat 0 2px
    }

.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.html) no-repeat 100% -20px;
        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;
    clip: rect(0,0,0,0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.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,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));
            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,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));
    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;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #999;
                font-size: 100%;
                font-family: sans-serif;
                line-height: normal;
                border-radius: 0;
                width: 25px
            }

        .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,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));
            background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-size: 100% 19px;
            background-repeat: repeat-x;
            background-clip: padding-box;
            -webkit-box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
            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.html) -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,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));
            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;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));
    background-image: linear-gradient(#eee 20%,#fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    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-with-drop .chosen-single div b {
            background-position: -18px 2px
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    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-single {
        cursor: default
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        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-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.html) no-repeat -30px -20px;
        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%402x.html) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0,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: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -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: transparent;
        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: transparent
    }

    .xdsoft_noselect::-moz-selection {
        background: transparent
    }

.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 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    outline: medium none;
    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: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    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.0
    }

    .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: #ff8000
        }

        .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: #3af;
                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 > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af
}

.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: #3af;
    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: #ff8000 !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: #3af !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_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

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

    .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_calendar th {
        color: #666
    }

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

.vbox-overlay *, .vbox-overlay *:after, .vbox-overlay *:before {
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vbox-overlay {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1040;
    -webkit-transform: translateZ(1000px);
    transform: translateZ(1000px);
    transform-style: preserve-3d
}

.vbox-title {
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 40px;
    overflow: hidden;
    position: fixed;
    display: none;
    left: 0;
    z-index: 1050
}

.vbox-close {
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 50px;
    height: 40px;
    padding: 6px;
    display: block;
    background-position: 10px center;
    overflow: hidden;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    z-index: 1050
}

.vbox-num {
    cursor: pointer;
    position: fixed;
    left: 0;
    height: 40px;
    display: block;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    display: none;
    z-index: 1050
}

.vbox-next, .vbox-prev {
    position: fixed;
    top: 50%;
    margin-top: -15px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    width: 45px;
    height: 45px;
    z-index: 1050
}

    .vbox-next span, .vbox-prev span {
        position: relative;
        width: 20px;
        height: 20px;
        border: 2px solid transparent;
        border-top-color: #b6b6b6;
        border-right-color: #b6b6b6;
        text-indent: -100px;
        position: absolute;
        top: 8px;
        display: block
    }

.vbox-prev {
    left: 15px
}

.vbox-next {
    right: 15px
}

.vbox-prev span {
    left: 10px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.vbox-next span {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 10px
}

.vbox-inline {
    width: 420px;
    height: 315px;
    height: 70vh;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    overflow: auto;
    text-align: left
}

.venoframe {
    max-width: 100%;
    width: 100%;
    border: none;
    width: 100%;
    height: 260px;
    height: 70vh
}

    .venoframe.vbvid {
        height: 260px
    }

@media (min-width: 768px) {
    .vbox-inline, .venoframe {
        width: 90%;
        height: 360px;
        height: 70vh
    }

        .venoframe.vbvid {
            width: 640px;
            height: 360px
        }
}

@media (min-width: 992px) {
    .vbox-inline, .venoframe {
        max-width: 1200px;
        width: 80%;
        height: 540px;
        height: 70vh
    }

        .venoframe.vbvid {
            width: 960px;
            height: 540px
        }
}

.vbox-open {
    overflow: hidden
}

.vbox-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    z-index: 20;
    max-height: 100%
}

.vbox-content {
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 20px 10px
}

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

.figlio {
    box-shadow: 0 0 12px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    max-width: 100%;
    text-align: initial
}

img.figlio {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

.vbox-content.swipe-left {
    margin-left: -200px !important
}

.vbox-content.swipe-right {
    margin-left: 200px !important
}

.animated {
    webkit-transition: margin 300ms ease-out;
    transition: margin 300ms ease-out
}

.animate-in {
    opacity: 1
}

.animate-out {
    opacity: 0
}

.sk-double-bounce, .sk-rotating-plane {
    width: 40px;
    height: 40px;
    margin: 40px auto
}

.sk-rotating-plane {
    background-color: #333;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
    animation: sk-rotatePlane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.sk-double-bounce {
    position: relative
}

    .sk-double-bounce .sk-child {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #333;
        opacity: .6;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
        animation: sk-doubleBounce 2s infinite ease-in-out
    }

    .sk-double-bounce .sk-double-bounce2 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s
    }

@-webkit-keyframes sk-doubleBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes sk-doubleBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

.sk-wave {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    margin: 40px auto
}

    .sk-wave .sk-rect {
        background-color: #333;
        height: 100%;
        width: 4px;
        margin: 0 1px;
        display: inline-block;
        -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
        animation: sk-waveStretchDelay 1.2s infinite ease-in-out
    }

    .sk-wave .sk-rect1 {
        -webkit-animation-delay: -1.2s;
        animation-delay: -1.2s
    }

    .sk-wave .sk-rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s
    }

    .sk-wave .sk-rect3 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s
    }

    .sk-wave .sk-rect4 {
        -webkit-animation-delay: -.9s;
        animation-delay: -.9s
    }

    .sk-wave .sk-rect5 {
        -webkit-animation-delay: -.8s;
        animation-delay: -.8s
    }

@-webkit-keyframes sk-waveStretchDelay {
    0%,100%,40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes sk-waveStretchDelay {
    0%,100%,40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.sk-three-bounce {
    margin: 40px auto;
    width: 100px;
    text-align: center
}

    .sk-three-bounce .sk-child {
        width: 16px;
        height: 16px;
        background-color: #333;
        border-radius: 100%;
        margin: 4px;
        display: inline-block;
        -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
        animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
    }

.sk-cube-grid, .sk-spinner-pulse {
    width: 40px;
    height: 40px;
    margin: 40px auto
}

.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-three-bounce {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes sk-three-bounce {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

.sk-spinner-pulse {
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
    animation: sk-pulseScaleOut 1s infinite ease-in-out
}

@-webkit-keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

.sk-cube-grid .sk-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,100%,70% {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1)
    }

    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1)
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,100%,70% {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1)
    }

    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1)
    }
}

.sk-wandering-cubes {
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative
}

    .sk-wandering-cubes .sk-cube {
        background-color: #333;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
        animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both
    }

    .sk-wandering-cubes .sk-cube2 {
        -webkit-animation-delay: -.9s;
        animation-delay: -.9s
    }

@-webkit-keyframes sk-wanderingCube {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
        transform: translateX(30px) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
        transform: translateX(30px) translateY(30px) rotate(-179deg)
    }

    50.1% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
        transform: translateX(30px) translateY(30px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
    }

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

@keyframes sk-wanderingCube {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
        transform: translateX(30px) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
        transform: translateX(30px) translateY(30px) rotate(-179deg)
    }

    50.1% {
        -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
        transform: translateX(30px) translateY(30px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
    }

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

.set-drop {
    border: none;
    width: auto;
    margin: 0 6px;
    height: 100%;
    border-radius: 30px;
    font-size: 13px;
    box-shadow: none !important;
    outline: none;
    font-family: "Quicksand",sans-serif;
    font-weight: 600
}

.marketplace input {
    font-family: "Quicksand",sans-serif;
    font-weight: 600
}

.filter-box-header {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #eee;
    margin-bottom: 0;
    z-index: 9;
    left: 0;
    display: inherit;
    width: auto;
    border-radius: 30px;
    margin-top: 0;
    height: 40px;
    background-color: #fff
}

.drop input {
    box-shadow: none;
    outline: none;
    height: 100%;
    width: 100%;
    max-width: 210px;
    border: none
}

.br-side {
    border-left: 1px solid #eee !important
}

.field-submit {
    margin-top: 0
}

    .field-submit button {
        cursor: pointer;
        border: 0;
        background-color: #23d3d3;
        height: 30px;
        margin-top: 5px;
        margin-right: 5px;
        text-align: center;
        width: 30px;
        border-radius: 50%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        cursor: pointer
    }

        .field-submit button i {
            color: #fff;
            font-size: 14px;
            margin-top: 3px
        }

.search-suggestions {
}

    .search-suggestions ul li:hover a {
        background-color: #23d3d3;
        color: #fff
    }

.box-vendor {
    position: relative
}

.has-sub-child:hover .sub-child-menu {
    display: block
}

.sub-child-menu {
    position: absolute;
    width: 80%;
    background: #fff;
    display: none;
    list-style-type: none;
    left: 10%;
    box-shadow: 5px 5px 15px rgb(0 0 0/5%);
    border-radius: 10px;
    z-index: 99999999999;
    border: 1px solid #ececec;
    padding: 35px 25px 35px 35px
}

.heading-sub-menu {
    font-family: "Quicksand",sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #000
}

.megamenu ul li {
    list-style-type: none;
    margin-bottom: 11px
}

.marketplace {
    position: relative
}

    .marketplace span {
        position: absolute;
        top: -3px;
        color: red;
        font-size: 10px;
        right: 0.5rem
    }

.product-widget {
    height: 352px !important;
    width: 950px !important
}

div#searchresult {
    position: absolute;
    top: 65px;
    left: 0;
    background: #fff;
    width: 360px;
    padding: 10px 5px;
    z-index: 9999;
    box-shadow: rgb(0 0 0 / 5%) 0 6px 24px 0,rgb(0 0 0 / 8%) 0 0 0 1px;
    max-height: 395px;
    overflow-y: scroll
}

#searchresult ul {
    padding: 0
}

    #searchresult ul li {
        text-align: center;
        letter-spacing: 1px;
        padding: 1rem 10px;
        flex: 92 48 auto;
        display: flow-root;
        text-align: left;
        list-style-type: none;
        border-bottom: 1px solid #eee
    }

        #searchresult ul li small {
            float: right
        }

        #searchresult ul li:not(#notfoundli):active, #searchresult ul li:not(#notfoundli):hover {
            cursor: pointer;
            color: #23d3d3
        }

#searchresult::-webkit-inner-spin-button, #searchresult::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#searchresult[type="number"] {
    -moz-appearance: textfield
}

.Ribbon {
    z-index: 99;
    position: relative;
    padding: 20px 2% 18px;
    text-align: center;
    color: #fff;
    background-color: #072a5e;
    font-family: ""Quicksand", sans-serif !important;";
    font-size: 20px
}

.top-inline-text .h3 {
    font-family: "Quicksand",sans-serif;
    font-weight: 600;
    font-size: 25px !important;
    color: #2d2d2d;
    margin-left: auto;
    margin-left: 0
}

.event-card-block h2 {
    margin-top: 0
}

.event-card-block p {
    margin-bottom: 0
}

.event-card-block .eventSliderList .inner-block {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px
}

.event-card-block .eventSliderList .image-block {
    position: relative;
    width: 25%
}

    .event-card-block .eventSliderList .image-block .slider {
        width: 100%;
        border: 1px solid #ddd;
        margin-bottom: 5px;
        padding: 4px
    }

        .event-card-block .eventSliderList .image-block .slider img {
            width: 100%;
            height: 160px;
            object-fit: cover;
            display: block;
            border-radius: 3px
        }

.event-card-block .eventSliderList .content-block {
    padding-left: 10px;
    width: 75%
}

    .event-card-block .eventSliderList .content-block h2 {
        margin: 0 0 10px;
        font-size: 22px
    }

    .event-card-block .eventSliderList .content-block .desc {
        margin: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        white-space: normal;
        font-size: 14px
    }

.event-card-block .eventSliderList .thumbnails {
    display: flex;
    background: #ddd;
    overflow: hidden;
    padding: 5px 10px
}

    .event-card-block .eventSliderList .thumbnails img {
        width: 26px;
        height: 26px;
        margin: 0 1px;
        border-radius: 3px;
        cursor: pointer;
        border: 1px solid transparent
    }

        .event-card-block .eventSliderList .thumbnails img.active {
            border: 1px solid #5e5e5e
        }

.event-card-block .owl-carousel .owl-stage {
    padding: 0
}

.event-card-block .icon-area {
    margin-bottom: 6px
}

.event-card-block .thumbnailsListImages {
    padding-left: 5px
}

.event-card-block .play-btn {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #00d3d4;
    padding: 0 6px
}

.event-card-block .count-tag {
    color: #767676;
    font-weight: 600
}

    .event-card-block .count-tag i {
        margin-right: 4px
    }

.event-card-block .eventSliderList, .event-card-block .gridView {
    margin-top: 15px
}

    .event-card-block .gridView .inner-block {
        display: block
    }

    .event-card-block .gridView .content-block, .event-card-block .gridView .image-block {
        width: 100%;
        padding-left: 0
    }

    .event-card-block .gridView .content-block {
        margin-top: 10px
    }

    .event-card-block .gridView .thumbnails {
        justify-content: center
    }

.event-card-block .autoplay-button {
}

.toggle-switch-btn {
    text-align: right;
    padding-left: 20px;
    min-width: 100px;
    padding-top: 8px
}

    .toggle-switch-btn i {
        border-radius: 2px;
        padding: 2px 5px;
        color: #fff;
        padding-top: 4px;
        font-size: 17px;
        background: #333f3f;
        text-align: center;
        cursor: pointer
    }

        .toggle-switch-btn i.active {
            color: #fff;
            background: #23d3d3
        }

.overlay-spinner-parent {
    position: relative
}

    .overlay-spinner-parent:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: transparent;
        width: 100%;
        text-align: center;
        height: 100%;
        z-index: 1000
    }

    .overlay-spinner-parent .loader-icon {
        text-align: center;
        padding: 90px 15px;
        position: relative;
        z-index: 1001
    }

        .overlay-spinner-parent .loader-icon i {
            color: #23d3d3;
            font-size: 40px
        }

#blogcontent img {
    height: auto !important
}





.eep-faq-block {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 20px 22px;
    margin: 30px 0;
}

.eep-faq-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.eep-faq-item + .eep-faq-item {
    border-top: 1px dashed #d1d5db;
    margin-top: 16px;
    padding-top: 16px;
}

.eep-faq-question {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

.eep-faq-answer p {
    margin: 0;
}


.eep-faq-block {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 20px 22px;
    margin: 30px 0;
}

.eep-faq-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.eep-faq-item + .eep-faq-item {
    border-top: 1px dashed #d1d5db;
    margin-top: 16px;
    padding-top: 16px;
}

.eep-faq-question {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

.eep-faq-answer p {
    margin: 0;
}



.eep-toc-callout {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 16px;
    margin: 24px 0;
    border-radius: 8px; /* pill style */
    border: 1px solid #eee; /* light gray border */
    background: #ffffff; /* white background */
    font-family: "Quicksand", sans-serif;
    font-size: 15px;
}

.eep-toc-icon {
    font-size: 18px;
    margin-right: 4px;
}

.eep-toc-label {
    font-weight: 800; /* “On this page:” bold */
    margin-right: 4px;
    white-space: nowrap;
}

.eep-toc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

    .eep-toc-links a {
        text-decoration: underline;
        color: #23d3d3;
    }

.eep-toc-separator {
    margin: 0 3px;
    color: #9ca3af;
}

@media (max-width: 600px) {
    .eep-toc-callout {
        border-radius: 8px; /* softer on mobile */
        align-items: flex-start;
    }
}


.custom-scroll-side#eventslist {
    max-height: 340px;
    overflow: auto;
    scroll-behavior: smooth;
    overflow-x: hidden;
}


.text-logo-blue {
    color: #072a5e !important;
}




.site-top-banner {
    font-family: Quicksand, sans-serif;
    width: 100%;
    background-color: #072a5e;
    color: white;
}

    .site-top-banner .announcement-bar {
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .site-top-banner .announcement-bar .announcement-inner {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            color: #fff;
            font-size: 13px;
            font-weight: 500;
            line-height: 1;
        }

            .site-top-banner .announcement-bar .announcement-inner img {
                width: 30px;
                height: 30px;
                object-fit: contain;
                /* Use this only if you want the icon white */
                filter: brightness(0) invert(1);
            }

            .site-top-banner .announcement-bar .announcement-inner .divider {
                color: #fff;
                opacity: 0.9;
            }



.occasion-card .occasion-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 8px;
}

    .occasion-card .occasion-image-wrapper .occasion-main-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .occasion-card .occasion-image-wrapper .occasion-overlay-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 72px;
        height: 72px;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        border-radius: 50%;
        z-index: 2;
        pointer-events: none;
    }

        .occasion-card .occasion-image-wrapper .occasion-overlay-icon img {
            width: 44px;
            height: 44px;
            object-fit: contain;
            margin-bottom: 0px !important;
        }


.site-card-row {
    margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5) !important;
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5) !important;
    width: auto !important;
}