*, ::after, ::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    font-family: Montserrat, sans-serif !important;
}

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 + 0.9vw)
}

@media (min-width:1200px) {
    .h2, h2 {
        font-size: 2rem
    }
}

.h3, h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media (min-width:1200px) {
    .h3, h3 {
        font-size: 1.75rem
    }
}

.h4, h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media (min-width:1200px) {
    .h4, h4 {
        font-size: 1.5rem
    }
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-bs-original-title], abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    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-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;
    overflow-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
}

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 {
    overflow-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

[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 + 0.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-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit
}

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: #dee2e6 solid 1px;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgb(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgb(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgb(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: #fff0;
    border-bottom-width: 1px;
    box-shadow: 0 0 0 9999px #fff0 inset
}

.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
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: .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: #ced4da solid 1px;
    appearance: none;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type="file"] {
    overflow: hidden
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(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;
    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 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::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;
    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 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        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: #fff0;
    border: #fff0 solid;
    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 + (0.5rem + 2px));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end: .5rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.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;
    margin-inline-end: 1rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + (0.75rem + 2px))
}

textarea.form-control-sm {
    min-height: calc(1.5em + (0.5rem + 2px))
}

textarea.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px))
}

.form-control-color {
    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: #ced4da solid 1px;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(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: #fff0;
    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: rgb(0 0 0 / .25) solid 1px;
    appearance: none;
    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 rgb(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;
    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 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%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;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: #fff0;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgb(13 110 253 / .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgb(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;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: #fff0;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: #fff0;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: #fff0;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: #fff0;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control, .form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: #fff0 solid 1px;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control {
    padding: 1rem .75rem
}

.form-floating>.form-control::-moz-placeholder {
    color: #fff0
}

.form-floating>.form-control::placeholder {
    color: #fff0
}

.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: #ced4da solid 1px;
    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(1n+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(1n+4), .input-group.has-validation>:nth-last-child(1n+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: rgb(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 + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgb(25 135 84 / .25)
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.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(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgb(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 rgb(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: rgb(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 + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgb(220 53 69 / .25)
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.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(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgb(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 rgb(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
}

.fade {
    transition: opacity 0.15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.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 #fff0;
    border-bottom: 0;
    border-left: .3em solid #fff0
}

.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: rgb(0 0 0 / .15) solid 1px;
    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 #fff0;
    border-bottom: .3em solid;
    border-left: .3em solid #fff0
}

.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 #fff0;
    border-right: 0;
    border-bottom: .3em solid #fff0;
    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 #fff0;
    border-right: .3em solid;
    border-bottom: .3em solid #fff0
}

.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 rgb(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: #fff0;
    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: #fff0
}

.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: rgb(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: rgb(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: rgb(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(1n+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 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link: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: #fff0 solid 1px;
    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: #fff0;
    border-color: #fff0
}

.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: #fff0;
    border: #fff0 solid 1px;
    border-radius: .25rem;
    transition: box-shadow 0.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: rgb(0 0 0 / .9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgb(0 0 0 / .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0 / .55)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(0 0 0 / .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgb(0 0 0 / .3)
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(0 0 0 / .9)
}

.navbar-light .navbar-toggler {
    color: rgb(0 0 0 / .55);
    border-color: rgb(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: rgb(0 0 0 / .55)
}

.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color: rgb(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: rgb(255 255 255 / .55)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(255 255 255 / .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgb(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: rgb(255 255 255 / .55);
    border-color: rgb(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: rgb(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;
    overflow-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: rgb(0 0 0 / .125) solid 1px;
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: initial;
    border-bottom: initial
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.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: rgb(0 0 0 / .03);
    border-bottom: 1px solid rgb(0 0 0 / .125)
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: rgb(0 0 0 / .03);
    border-top: 1px solid rgb(0 0 0 / .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.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(0.25rem - 1px)
}

.card-img, .card-img-bottom, .card-img-top {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.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 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: 0 -1px 0 rgb(0 0 0 / .125) inset
}

.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 0.2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / .25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: rgb(0 0 0 / .125) solid 1px
}

.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(0.25rem - 1px);
    border-top-right-radius: calc(0.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(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: #dee2e6 solid 1px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / .25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: #fff0 solid 1px;
    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
}

@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 0.6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgb(255 255 255 / .15) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / .15) 50%, rgb(255 255 255 / .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        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: rgb(0 0 0 / .125) solid 1px
}

.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: 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 #fff0;
    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 rgb(13 110 253 / .25);
    opacity: 1
}

.btn-close.disabled, .btn-close:disabled {
    pointer-events: 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: rgb(255 255 255 / .85);
    background-clip: padding-box;
    border: rgb(0 0 0 / .1) solid 1px;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / .15);
    border-radius: .25rem
}

.toast:not(.showing):not(.show) {
    opacity: 0
}

.toast.hide {
    display: none
}

.toast-container {
    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: rgb(255 255 255 / .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgb(0 0 0 / .05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.toast-header .btn-close {
    margin-right: -.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    overflow-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 0.3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: rgb(0 0 0 / .2) solid 1px;
    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(0.3rem - 1px);
    border-top-right-radius: calc(0.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(0.3rem - 1px);
    border-bottom-left-radius: calc(0.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-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;
    overflow-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: #fff0;
    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-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;
    overflow-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: rgb(0 0 0 / .2) solid 1px;
    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: #fff0;
    border-style: solid
}

.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow, .bs-popover-top>.popover-arrow {
    bottom: calc(-0.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: rgb(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(-0.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: rgb(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(-0.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: rgb(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(-0.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: rgb(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 rgb(0 0 0 / .2);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.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%;
    backface-visibility: hidden;
    transition: transform 0.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 0.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 0.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 #fff0;
    border-bottom: 10px solid #fff0;
    opacity: .5;
    transition: opacity 0.6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-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
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: currentColor solid .25em;
    border-right-color: #fff0;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@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;
    animation: spinner-grow 0.75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border, .spinner-grow {
        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 0.3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgb(0 0 0 / .2);
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgb(0 0 0 / .2);
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgb(0 0 0 / .2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgb(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;
    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: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        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 rgb(0 0 0 / .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgb(0 0 0 / .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgb(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: 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: #dee2e6 solid 1px !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: 0.25rem !important
}

.gap-2 {
    gap: 0.5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 0.25rem !important
}

.m-2 {
    margin: 0.5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 0.25rem !important
}

.mt-2 {
    margin-top: 0.5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: 0.25rem !important
}

.me-2 {
    margin-right: 0.5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 0.25rem !important
}

.mb-2 {
    margin-bottom: 0.5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: 0.25rem !important
}

.ms-2 {
    margin-left: 0.5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 0.25rem !important
}

.p-2 {
    padding: 0.5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 0.25rem !important
}

.pt-2 {
    padding-top: 0.5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: 0.25rem !important
}

.pe-2 {
    padding-right: 0.5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 0.25rem !important
}

.pb-2 {
    padding-bottom: 0.5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: 0.25rem !important
}

.ps-2 {
    padding-left: 0.5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    overflow-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: rgb(0 0 0 / .5) !important
}

.text-white-50 {
    color: rgb(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
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: 0.25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: 0.2rem !important
}

.rounded-2 {
    border-radius: 0.25rem !important
}

.rounded-3 {
    border-radius: 0.3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important
}

.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
}

.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: 0.25rem !important
    }

    .gap-sm-2 {
        gap: 0.5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: 0.25rem !important
    }

    .m-sm-2 {
        margin: 0.5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: 0.25rem !important
    }

    .me-sm-2 {
        margin-right: 0.5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: 0.25rem !important
    }

    .p-sm-2 {
        padding: 0.5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: 0.25rem !important
    }

    .gap-md-2 {
        gap: 0.5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: 0.25rem !important
    }

    .m-md-2 {
        margin: 0.5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: 0.25rem !important
    }

    .mt-md-2 {
        margin-top: 0.5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: 0.25rem !important
    }

    .me-md-2 {
        margin-right: 0.5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: 0.25rem !important
    }

    .ms-md-2 {
        margin-left: 0.5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: 0.25rem !important
    }

    .p-md-2 {
        padding: 0.5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: 0.25rem !important
    }

    .pt-md-2 {
        padding-top: 0.5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: 0.25rem !important
    }

    .pe-md-2 {
        padding-right: 0.5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: 0.25rem !important
    }

    .ps-md-2 {
        padding-left: 0.5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: 0.25rem !important
    }

    .gap-lg-2 {
        gap: 0.5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: 0.25rem !important
    }

    .m-lg-2 {
        margin: 0.5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: 0.25rem !important
    }

    .me-lg-2 {
        margin-right: 0.5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: 0.25rem !important
    }

    .p-lg-2 {
        padding: 0.5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: 0.25rem !important
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: 0.25rem !important
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: 0.25rem !important
    }

    .gap-xl-2 {
        gap: 0.5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: 0.25rem !important
    }

    .m-xl-2 {
        margin: 0.5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: 0.25rem !important
    }

    .me-xl-2 {
        margin-right: 0.5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: 0.25rem !important
    }

    .p-xl-2 {
        padding: 0.5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: 0.25rem !important
    }

    .pe-xl-2 {
        padding-right: 0.5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: 0.25rem !important
    }

    .ps-xl-2 {
        padding-left: 0.5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: 0.25rem !important
    }

    .gap-xxl-2 {
        gap: 0.5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: 0.25rem !important
    }

    .m-xxl-2 {
        margin: 0.5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important
    }

    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important
    }

    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: 0.25rem !important
    }

    .mt-xxl-2 {
        margin-top: 0.5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: 0.25rem !important
    }

    .me-xxl-2 {
        margin-right: 0.5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: 0.25rem !important
    }

    .ms-xxl-2 {
        margin-left: 0.5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: 0.25rem !important
    }

    .p-xxl-2 {
        padding: 0.5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important
    }

    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important
    }

    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: 0.25rem !important
    }

    .pt-xxl-2 {
        padding-top: 0.5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: 0.25rem !important
    }

    .pe-xxl-2 {
        padding-right: 0.5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .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: 0.25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: 0.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: 0.25rem !important
    }

    .ps-xxl-2 {
        padding-left: 0.5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 3.4rem !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
    }
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    touch-action: none
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: #000 dotted 1px
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: .4em 2.1em .4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: #aaa solid 1px;
    background: #fff;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: #aaa solid 1px;
    background: #ccc;
    color: #222;
    font-weight: 700
}

.ui-widget-header a {
    color: #222
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: #d3d3d3 solid 1px;
    background: #e6e6e6;
    font-weight: 400;
    color: #555
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: #999 solid 1px;
    background: #dadada;
    font-weight: 400;
    color: #212121
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: #aaa solid 1px;
    background: #fff;
    font-weight: 400;
    color: #212121
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: #fcefa1 solid 1px;
    background: #fbf9ee;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: #cd0a0a solid 1px;
    background: #fef1ec;
    color: #cd0a0a
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
    opacity: .3
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
    opacity: .3;
    border-radius: 8px
}

@font-face {
    font-family: annimex-icons;
    src: url(../fonts/annimex-icons.ttf?teavmy) format("truetype"), url(../fonts/annimex-icons.woff?teavmy) format("woff"), url(../fonts/annimex-icons.woff2?teavmy) format("woff"), url(../fonts/annimex-icons.svg?teavmy#annimex-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.an {
    font: normal normal normal 15px/1 annimex-icons;
    speak: never;
    text-transform: none;
    display: inline-block;
    text-rendering: auto
}

.an-newspaper:before {
    content: "\e994"
}

.an-birthday-cake:before {
    content: "\e953"
}

.an-badge-percent:before {
    content: "\e900"
}

.an-bullseye:before {
    content: "\e901"
}

.an-bullseye-arrow:before {
    content: "\e90b"
}

.an-bullseye-pointer:before {
    content: "\e90c"
}

.an-cube:before {
    content: "\e90d"
}

.an-database:before {
    content: "\e91e"
}

.an-drone:before {
    content: "\e91f"
}

.an-external-link:before {
    content: "\e920"
}

.an-headphones:before {
    content: "\e927"
}

.an-medal:before {
    content: "\e928"
}

.an-receipt:before {
    content: "\e92a"
}

.an-reply:before {
    content: "\e92b"
}

.an-reply-all:before {
    content: "\e92c"
}

.an-share-square:before {
    content: "\e92d"
}

.an-signal-stream:before {
    content: "\e92e"
}

.an-tools:before {
    content: "\e938"
}

.an-wallet:before {
    content: "\e93a"
}

.an-stats:before {
    content: "\e93b"
}

.an-stats1:before {
    content: "\e93f"
}

.an-globe:before {
    content: "\e942"
}

.an-globe-r:before {
    content: "\e944"
}

.an-globe-l:before {
    content: "\e94c"
}

.an-chat:before {
    content: "\e906"
}

.an-credit-card1:before {
    content: "\e907"
}

.an-customer-service:before {
    content: "\e908"
}

.an-dollar:before {
    content: "\e909"
}

.an-award:before {
    content: "\e94d"
}

.an-trophy:before {
    content: "\e94e"
}

.an-fire:before {
    content: "\e911"
}

.an-fire-l:before {
    content: "\e912"
}

.an-like:before {
    content: "\e91a"
}

.an-payment-security:before {
    content: "\e91d"
}

.an-phone-24:before {
    content: "\e923"
}

.an-recommended:before {
    content: "\e924"
}

.an-reliability:before {
    content: "\e925"
}

.an-rule:before {
    content: "\e926"
}

.an-ruler-cm:before {
    content: "\e929"
}

.an-ruler:before {
    content: "\e94f"
}

.an-shield:before {
    content: "\e930"
}

.an-video-player1:before {
    content: "\e93e"
}

.an-telegram-plane:before {
    content: "\ec31"
}

.an-upload-l:before {
    content: "\ec1a"
}

.an-briefcase:before {
    content: "\e93c"
}

.an-calculator:before {
    content: "\e940"
}

.an-calculator-l:before {
    content: "\eb83"
}

.an-calendar:before {
    content: "\f073"
}

.an-copy-l:before {
    content: "\eba5"
}

.an-download:before {
    content: "\e976"
}

.an-paper-l-plane:before {
    content: "\ebd7"
}

.an-portrait-l:before {
    content: "\ebe4"
}

.an-save-l:before {
    content: "\ebf2"
}

.an-server:before {
    content: "\f233"
}

.an-server-l:before {
    content: "\ebf6"
}

.an-id-card-l:before {
    content: "\ebbe"
}

.an-image:before {
    content: "\e9a4"
}

.an-images-r:before {
    content: "\eabf"
}

.an-tag-l:before {
    content: "\ec08"
}

.an-tags-l:before {
    content: "\ec09"
}

.an-address-book-r:before {
    content: "\ebbd"
}

.an-folder-open-l:before {
    content: "\ebb8"
}

.an-copy-files-o:before {
    content: "\f0c5"
}

.an-file-ar:before {
    content: "\ebb5"
}

.an-ban-r:before {
    content: "\ea65"
}

.an-bars:before {
    content: "\e939"
}

.an-bars-r:before {
    content: "\ea66"
}

.an-bars-l:before {
    content: "\eb7f"
}

.an-right-bar-s:before {
    content: "\e951"
}

.an-right-bar:before {
    content: "\e952"
}

.an-circle-notch:before {
    content: "\e968"
}

.an-circle-notch-r:before {
    content: "\ea92"
}

.an-clone:before {
    content: "\f24d"
}

.an-cog:before {
    content: "\f013"
}

.an-cog-l:before {
    content: "\eba0"
}

.an-cogs-l:before {
    content: "\eba1"
}

.an-edit-l:before {
    content: "\eba9"
}

.an-ellipsis-v:before {
    content: "\e979"
}

.an-ellipsis-vl:before {
    content: "\eaa9"
}

.an-expand-alt:before {
    content: "\e982"
}

.an-compress-alt:before {
    content: "\ea9c"
}

.an-expand:before {
    content: "\e981"
}

.an-expand-wide:before {
    content: "\e985"
}

.an-chain:before {
    content: "\f0c1"
}

.an-link3:before {
    content: "\f0c1"
}

.an-link-r:before {
    content: "\eac9"
}

.an-list-ulr:before {
    content: "\eace"
}

.an-list-l:before {
    content: "\ebc6"
}

.an-list4:before {
    content: "\f03a"
}

.an-minus-circle-l:before {
    content: "\ebd2"
}

.an-minus-square-l:before {
    content: "\ebd3"
}

.an-minus-r:before {
    content: "\ead8"
}

.an-minus-l:before {
    content: "\ebd1"
}

.an-pencil-alt:before {
    content: "\e9d1"
}

.an-pencil-al:before {
    content: "\ebda"
}

.an-pencil-l:before {
    content: "\ebd9"
}

.an-plus-cil:before {
    content: "\ebe1"
}

.an-plus-sql:before {
    content: "\ebe2"
}

.an-plus-r:before {
    content: "\eafb"
}

.an-plus-l:before {
    content: "\ebe0"
}

.an-power-off:before {
    content: "\e9dc"
}

.an-power-off-r:before {
    content: "\eb02"
}

.an-share:before {
    content: "\e9f9"
}

.an-sign-in-ar:before {
    content: "\eb29"
}

.an-sign-in-al:before {
    content: "\ebfb"
}

.an-sign-out-ar:before {
    content: "\eb2a"
}

.an-sign-out-al:before {
    content: "\ebfc"
}

.an-sitemap-l:before {
    content: "\ebfd"
}

.an-slider-2:before {
    content: "\e955"
}

.an-slider-3:before {
    content: "\e956"
}

.an-sliders-hr:before {
    content: "\ebfe"
}

.an-sliders-vr:before {
    content: "\ebff"
}

.an-tuning:before {
    content: "\ec46"
}

.an-sort-amount-down:before {
    content: "\ea0b"
}

.an-sort-amount-up:before {
    content: "\ea0c"
}

.an-spinner:before {
    content: "\ea0d"
}

.an-spinner-r:before {
    content: "\eb30"
}

.an-spinner-l:before {
    content: "\ec00"
}

.an-spinner4:before {
    content: "\f110"
}

.an-th:before {
    content: "\ea20"
}

.an-th-large:before {
    content: "\ea21"
}

.an-th-large-l:before {
    content: "\ec0b"
}

.an-th-list:before {
    content: "\ea22"
}

.an-th-list-l:before {
    content: "\ec0c"
}

.an-th-l:before {
    content: "\ec0a"
}

.an-times-sql:before {
    content: "\ec11"
}

.an-times-cil:before {
    content: "\ec10"
}

.an-times-r:before {
    content: "\eb41"
}

.an-times-l:before {
    content: "\ec0f"
}

.an-toggle-offr:before {
    content: "\eb44"
}

.an-toggle-onr:before {
    content: "\eb45"
}

.an-trash-alt:before {
    content: "\ea2b"
}

.an-trash-al:before {
    content: "\ec14"
}

.an-random-r:before {
    content: "\eb0c"
}

.an-repean-alt:before {
    content: "\eb12"
}

.an-repean-r:before {
    content: "\eb11"
}

.an-retweet-r:before {
    content: "\eb15"
}

.an-recycle-r:before {
    content: "\eb0d"
}

.an-recycle-l:before {
    content: "\ebec"
}

.an-sync:before {
    content: "\ea18"
}

.an-refresh:before {
    content: "\f021"
}

.an-sync-ar:before {
    content: "\eb34"
}

.an-undo:before {
    content: "\ea2f"
}

.an-undo-alt:before {
    content: "\ea30"
}

.an-undo-r:before {
    content: "\eb4a"
}

.an-undo-l:before {
    content: "\ec16"
}

.an-wrench-r:before {
    content: "\ec21"
}

.an-exclamation-cil:before {
    content: "\ebad"
}

.an-exclamation-sql:before {
    content: "\ebae"
}

.an-exclamation-triangle:before {
    content: "\e980"
}

.an-exclamation-tl:before {
    content: "\ebaf"
}

.an-info-circle:before {
    content: "\e9ad"
}

.an-info-cil:before {
    content: "\ebc0"
}

.an-info-square:before {
    content: "\e9ae"
}

.an-info-sql:before {
    content: "\ebc1"
}

.an-info-l:before {
    content: "\ebbf"
}

.an-question:before {
    content: "\e9df"
}

.an-question-cil:before {
    content: "\e962"
}

.an-question-sql:before {
    content: "\ebe9"
}

.an-question-l:before {
    content: "\ebe7"
}

.an-quote-left:before {
    content: "\e9e2"
}

.an-quote-l-left:before {
    content: "\ebea"
}

.an-quote-right:before {
    content: "\e9e3"
}

.an-quote-l-right:before {
    content: "\ebeb"
}

.an-amazon:before {
    content: "\e90e"
}

.an-android:before {
    content: "\e918"
}

.an-apple:before {
    content: "\e922"
}

.an-bar-chart:before {
    content: "\f080"
}

.an-bell2:before {
    content: "\eb80"
}

.an-bug:before {
    content: "\e93d"
}

.an-child:before {
    content: "\e967"
}

.an-clock-r:before {
    content: "\eb9e"
}

.an-code-r:before {
    content: "\ea95"
}

.an-comment-alt:before {
    content: "\e96e"
}

.an-comment-al:before {
    content: "\eba3"
}

.an-comment-l:before {
    content: "\eba2"
}

.an-comments:before {
    content: "\e96f"
}

.an-comments-o:before {
    content: "\f0e6"
}

.an-comments-l:before {
    content: "\eba4"
}

.an-css3-alt:before {
    content: "\eab4"
}

.an-dashboard:before {
    content: "\f0e4"
}

.an-tachometer:before {
    content: "\f0e4"
}

.an-desktop:before {
    content: "\eaa3"
}

.an-envelope-l:before {
    content: "\ebaa"
}

.an-envelope1:before {
    content: "\ec48"
}

.an-eye:before {
    content: "\e98a"
}

.an-eye-slash-l:before {
    content: "\ebb3"
}

.an-eye-r:before {
    content: "\eab1"
}

.an-eye-l:before {
    content: "\ebb2"
}

.an-female:before {
    content: "\e98f"
}

.an-filter:before {
    content: "\e996"
}

.an-filter-l:before {
    content: "\ebb6"
}

.an-flag:before {
    content: "\f024"
}

.an-flag-o:before {
    content: "\f11d"
}

.an-gift:before {
    content: "\e99c"
}

.an-gift-l:before {
    content: "\ebb9"
}

.an-gift-card:before {
    content: "\e963"
}

.an-gifts:before {
    content: "\e964"
}

.an-gift-box:before {
    content: "\e914"
}

.an-handshake-o:before {
    content: "\f2b5"
}

.an-handshake-l:before {
    content: "\ebba"
}

.an-heart:before {
    content: "\e99f"
}

.an-heart-r:before {
    content: "\eaba"
}

.an-heart-l:before {
    content: "\ebbb"
}

.an-home-r:before {
    content: "\eabb"
}

.an-home-l:before {
    content: "\ebbc"
}

.an-warehouse:before {
    content: "\e965"
}

.an-store:before {
    content: "\e969"
}

.an-html5:before {
    content: "\ebcc"
}

.an-key:before {
    content: "\e9af"
}

.an-key-l:before {
    content: "\ebc2"
}

.an-life-ring:before {
    content: "\eac7"
}

.an-lightbulb:before {
    content: "\e96a"
}

.an-lightbulb-r:before {
    content: "\ebc4"
}

.an-medapps:before {
    content: "\ec04"
}

.an-lock:before {
    content: "\ead0"
}

.an-lock-ar:before {
    content: "\ead1"
}

.an-lock-al:before {
    content: "\ebc7"
}

.an-map-marker-alt:before {
    content: "\e9c2"
}

.an-map-marker-al:before {
    content: "\ebcd"
}

.an-map-signs-l:before {
    content: "\ebd0"
}

.an-microsoft:before {
    content: "\ec12"
}

.an-pennant:before {
    content: "\e9d2"
}

.an-qrcode2:before {
    content: "\eb05"
}

.an-react:before {
    content: "\ec26"
}

.an-trophy-alt:before {
    content: "\ea2d"
}

.an-shield1:before {
    content: "\f132"
}

.an-shield-alt:before {
    content: "\e9ff"
}

.an-shield-check:before {
    content: "\ea00"
}

.an-shield-check-r:before {
    content: "\e921"
}

.an-signal:before {
    content: "\ea04"
}

.an-sitemap:before {
    content: "\ea07"
}

.an-slideshare:before {
    content: "\ec2a"
}

.an-star:before {
    content: "\f005"
}

.an-star-half-empty:before {
    content: "\f123"
}

.an-star-half-full:before {
    content: "\f123"
}

.an-star-half-o:before {
    content: "\f123"
}

.an-star-o:before {
    content: "\f006"
}

.an-mobile-android-alt:before {
    content: "\e9cd"
}

.an-mobile-alt:before {
    content: "\e9cb"
}

.an-tablet-alt:before {
    content: "\ea1b"
}

.an-tablet-android-alt:before {
    content: "\ea1c"
}

.an-laptop:before {
    content: "\e9b2"
}

.an-laptop-r:before {
    content: "\ebc3"
}

.an-tachometer-alt:before {
    content: "\ea1d"
}

.an-tachometer-al:before {
    content: "\ec07"
}

.an-thumbs-down:before {
    content: "\ea23"
}

.an-thumbs-down-l:before {
    content: "\ec0d"
}

.an-thumbs-up:before {
    content: "\ea24"
}

.an-thumbs-up-l:before {
    content: "\ec0e"
}

.an-vh-bus-l:before {
    content: "\eb82"
}

.an-truck-l:before {
    content: "\ec15"
}

.an-truck:before {
    content: "\e96d"
}

.an-ship-fast:before {
    content: "\e970"
}

.an-free-delivery:before {
    content: "\e913"
}

.an-worldwide:before {
    content: "\e941"
}

.an-unlock-al:before {
    content: "\ec19"
}

.an-wifi:before {
    content: "\ea3f"
}

.an-wifi-r:before {
    content: "\eb5c"
}

.an-user-al:before {
    content: "\ec1c"
}

.an-user:before {
    content: "\e971"
}

.an-user-2:before {
    content: "\e974"
}

.an-user-expand:before {
    content: "\e977"
}

.an-user-nice:before {
    content: "\e97a"
}

.an-users-l:before {
    content: "\ec1e"
}

.an-basket4:before {
    content: "\f291"
}

.an-cart-2-s:before {
    content: "\ec41"
}

.an-bag-l:before {
    content: "\ebf8"
}

.an-sq-bag:before {
    content: "\e931"
}

.an-bag-t:before {
    content: "\e933"
}

.an-basket-l:before {
    content: "\ebf9"
}

.an-bags-shop:before {
    content: "\e97b"
}

.an-cart-l:before {
    content: "\ebfa"
}

.an-camera-retro:before {
    content: "\e943"
}

.an-camera-al:before {
    content: "\eb84"
}

.an-check-square-o:before {
    content: "\f046"
}

.an-check-badge:before {
    content: "\e937"
}

.an-check:before {
    content: "\e954"
}

.an-check-badge-r:before {
    content: "\ea64"
}

.an-check-r:before {
    content: "\ea7f"
}

.an-check-cil:before {
    content: "\eb8c"
}

.an-check-sql:before {
    content: "\eb8d"
}

.an-search-sis:before {
    content: "\ec28"
}

.an-search-r:before {
    content: "\eb1d"
}

.an-search-l:before {
    content: "\ebf3"
}

.an-search-minus:before {
    content: "\ebf4"
}

.an-search-plus:before {
    content: "\ebf5"
}

.an-phone-s:before {
    content: "\e9d3"
}

.an-phone-l:before {
    content: "\ebdc"
}

.an-phone-rc:before {
    content: "\e97d"
}

.an-phone-sql:before {
    content: "\ebdd"
}

.an-phone:before {
    content: "\f095"
}

.an-phone-ro:before {
    content: "\e97e"
}

.an-phone-of:before {
    content: "\e97f"
}

.an-microphone:before {
    content: "\e9c5"
}

.an-microphone-alt:before {
    content: "\e9c6"
}

.an-bullhorn:before {
    content: "\f0a1"
}

.an-print:before {
    content: "\f02f"
}

.an-print-l:before {
    content: "\ebe6"
}

.an-badge-dollar:before {
    content: "\e983"
}

.an-money-bill:before {
    content: "\eadd"
}

.an-money-bill-alt:before {
    content: "\eade"
}

.an-money:before {
    content: "\e91b"
}

.an-money-note:before {
    content: "\e91c"
}

.an-money-wave:before {
    content: "\e984"
}

.an-money-bill1:before {
    content: "\e986"
}

.an-pay-security:before {
    content: "\e932"
}

.an-ruble-sign:before {
    content: "\e9f2"
}

.an-ruble-sign-l:before {
    content: "\ebf0"
}

.an-dollar-sign:before {
    content: "\e975"
}

.an-dollar-sign-l:before {
    content: "\eba8"
}

.an-aws:before {
    content: "\e96b"
}

.an-btc:before {
    content: "\e9ea"
}

.an-amazon-pay:before {
    content: "\e915"
}

.an-apple-pay:before {
    content: "\e92f"
}

.an-bitcoin:before {
    content: "\e991"
}

.an-cc:before {
    content: "\f20a"
}

.an-cc-amazon-pay:before {
    content: "\e9ef"
}

.an-amex:before {
    content: "\e9f8"
}

.an-cc-apple-pay:before {
    content: "\ea0e"
}

.an-diners-club:before {
    content: "\ea0f"
}

.an-discover:before {
    content: "\ea19"
}

.an-cc-jcb:before {
    content: "\ea2a"
}

.an-mastercard:before {
    content: "\ea2c"
}

.an-cc-paypal:before {
    content: "\ea3e"
}

.an-cc-stripe:before {
    content: "\ea42"
}

.an-visa:before {
    content: "\ea67"
}

.an-credit-card:before {
    content: "\e972"
}

.an-cc-front:before {
    content: "\e973"
}

.an-credit-card-l:before {
    content: "\eba7"
}

.an-euro-sign:before {
    content: "\e97c"
}

.an-euro-sign-l:before {
    content: "\ebab"
}

.an-paypal:before {
    content: "\ec20"
}

.an-pound-sign:before {
    content: "\e9db"
}

.an-pound-sign-l:before {
    content: "\ebe5"
}

.an-rupee-sign:before {
    content: "\e9f3"
}

.an-rupee-sign-l:before {
    content: "\ebf1"
}

.an-stripe:before {
    content: "\ec2f"
}

.an-yen-sign:before {
    content: "\ea44"
}

.an-yen-sign-l:before {
    content: "\ec22"
}

.an-long-arrow-alt-up:before {
    content: "\e987"
}

.an-long-arrow-alt-left:before {
    content: "\e988"
}

.an-long-arrow-alt-right:before {
    content: "\e989"
}

.an-sort:before {
    content: "\ea0a"
}

.an-step-forward:before {
    content: "\ea11"
}

.an-step-forward-r:before {
    content: "\eb33"
}

.an-an-double-down:before {
    content: "\eb62"
}

.an-an-double-left:before {
    content: "\eb63"
}

.an-an-double-right:before {
    content: "\eb64"
}

.an-an-double-up:before {
    content: "\eb65"
}

.an-angle-down:before {
    content: "\e902"
}

.an-angle-down-r:before {
    content: "\ea45"
}

.an-angle-down-l:before {
    content: "\eb66"
}

.an-angle-left:before {
    content: "\e903"
}

.an-angle-left-r:before {
    content: "\ea46"
}

.an-angle-left-l:before {
    content: "\eb67"
}

.an-angle-right:before {
    content: "\e904"
}

.an-angle-right-r:before {
    content: "\ea47"
}

.an-angle-right-l:before {
    content: "\eb68"
}

.an-angle-up:before {
    content: "\e905"
}

.an-angle-up-r:before {
    content: "\ea48"
}

.an-angle-up-l:before {
    content: "\eb69"
}

.an-arrow-alt-down:before {
    content: "\e90a"
}

.an-arrow-al-down:before {
    content: "\eb6e"
}

.an-arrow-alt-left:before {
    content: "\e90f"
}

.an-arrow-al-left:before {
    content: "\eb6f"
}

.an-arrow-alt-right:before {
    content: "\e910"
}

.an-arrow-al-right:before {
    content: "\eb70"
}

.an-arrow-alt-to-left:before {
    content: "\e916"
}

.an-arrow-alt-to-right:before {
    content: "\e917"
}

.an-arrow-alt-up:before {
    content: "\e919"
}

.an-arrow-al-up:before {
    content: "\eb72"
}

.an-arw-down:before {
    content: "\ea59"
}

.an-arw-left:before {
    content: "\ea5a"
}

.an-arw-right:before {
    content: "\ea5b"
}

.an-arw-up:before {
    content: "\ea60"
}

.an-caret-circle-down:before {
    content: "\e945"
}

.an-caret-cir-down:before {
    content: "\ea71"
}

.an-caret-circle-left:before {
    content: "\e946"
}

.an-caret-cir-left:before {
    content: "\ea72"
}

.an-caret-circle-right:before {
    content: "\e947"
}

.an-caret-cir-right:before {
    content: "\ea73"
}

.an-caret-circle-up:before {
    content: "\e948"
}

.an-caret-cir-up:before {
    content: "\ea74"
}

.an-caret-down:before {
    content: "\e949"
}

.an-caret-left:before {
    content: "\e94a"
}

.an-caret-right:before {
    content: "\e94b"
}

.an-caret-up:before {
    content: "\e950"
}

.an-chevron-circle-down:before {
    content: "\e957"
}

.an-chevron-cil-down:before {
    content: "\eb8e"
}

.an-chevron-circle-left:before {
    content: "\e958"
}

.an-chevron-cil-left:before {
    content: "\eb8f"
}

.an-chevron-circle-right:before {
    content: "\e959"
}

.an-chevron-cil-right:before {
    content: "\eb90"
}

.an-chevron-circle-up:before {
    content: "\e95a"
}

.an-chevron-cil-up:before {
    content: "\eb91"
}

.an-ch-double-down:before {
    content: "\e95b"
}

.an-ch-doublel-down:before {
    content: "\eb92"
}

.an-ch-double-left:before {
    content: "\e95c"
}

.an-ch-doublel-left:before {
    content: "\eb93"
}

.an-ch-double-right:before {
    content: "\e95d"
}

.an-ch-doublel-right:before {
    content: "\eb94"
}

.an-ch-double-up:before {
    content: "\e95e"
}

.an-ch-doublel-up:before {
    content: "\eb95"
}

.an-chevron-down:before {
    content: "\e95f"
}

.an-chevron-r-down:before {
    content: "\ea8a"
}

.an-chevron-l-down:before {
    content: "\eb96"
}

.an-chevron-left:before {
    content: "\e960"
}

.an-chevron-r-left:before {
    content: "\ea8b"
}

.an-chevron-l-left:before {
    content: "\eb97"
}

.an-chevron-right:before {
    content: "\e961"
}

.an-chevron-r-right:before {
    content: "\ea8c"
}

.an-chevron-l-right:before {
    content: "\eb98"
}

.an-chevron-up:before {
    content: "\e966"
}

.an-chevron-r-up:before {
    content: "\ea91"
}

.an-chevron-l-up:before {
    content: "\eb9d"
}

.an-expand-arw-alt:before {
    content: "\eab0"
}

.an-expand-r-arrows:before {
    content: "\eaaf"
}

.an-expand-l-arrows:before {
    content: "\ebb0"
}

.an-arrows2:before {
    content: "\eb77"
}

.an-shopify:before {
    content: "\e98b"
}

.an-tiktok:before {
    content: "\e98e"
}

.an-viber:before {
    content: "\ec38"
}

.an-rss:before {
    content: "\e9f0"
}

.an-rss-sq:before {
    content: "\e9f1"
}

.an-rss-sql:before {
    content: "\ebef"
}

.an-rss-r:before {
    content: "\eb17"
}

.an-safari:before {
    content: "\ec27"
}

.an-share-alt:before {
    content: "\e9fb"
}

.an-share-alt1:before {
    content: "\e992"
}

.an-share-al-sq:before {
    content: "\ebf7"
}

.an-spotify:before {
    content: "\ec2e"
}

.an-tripadvisor:before {
    content: "\ec32"
}

.an-whatsapp:before {
    content: "\ec3d"
}

.an-whatsapp-sq:before {
    content: "\ec3e"
}

.an-flickr:before {
    content: "\eb4e"
}

.an-flipboard:before {
    content: "\eb57"
}

.an-skype:before {
    content: "\ec29"
}

.an-codepen:before {
    content: "\ea68"
}

.an-behance:before {
    content: "\e96c"
}

.an-behance-square:before {
    content: "\e990"
}

.an-blogger:before {
    content: "\e997"
}

.an-blogger-b:before {
    content: "\e998"
}

.an-delicious:before {
    content: "\eab9"
}

.an-deviantart:before {
    content: "\eac6"
}

.an-digg:before {
    content: "\eacd"
}

.an-dribbble:before {
    content: "\ead4"
}

.an-dribbble-sq:before {
    content: "\eae5"
}

.an-dropbox:before {
    content: "\eae6"
}

.an-facebook:before {
    content: "\eafa"
}

.an-facebook-msn:before {
    content: "\eb31"
}

.an-facebook-sq:before {
    content: "\eb47"
}

.an-google:before {
    content: "\eb8a"
}

.an-google-drive:before {
    content: "\eb8b"
}

.an-google-play:before {
    content: "\eba6"
}

.an-google-wallet:before {
    content: "\ebcb"
}

.an-instagram:before {
    content: "\ec01"
}

.an-linkedin-sq:before {
    content: "\ec02"
}

.an-linkedin:before {
    content: "\ec03"
}

.an-pinterest-p:before {
    content: "\ec24"
}

.an-pinterest-sq:before {
    content: "\ec25"
}

.an-snapchat:before {
    content: "\ec2c"
}

.an-snapchat-sq:before {
    content: "\ec2d"
}

.an-tumblr:before {
    content: "\ec33"
}

.an-tumblr-sq:before {
    content: "\ec34"
}

.an-twitter:before {
    content: "\ec36"
}

.an-twitter-sq:before {
    content: "\ec37"
}

.an-vimeo:before {
    content: "\ec39"
}

.an-vimeo-v:before {
    content: "\ec3b"
}

.an-youtube:before {
    content: "\ec3f"
}

.an-youtube-s:before {
    content: "\ec40"
}

.an-youtube-s2:before {
    content: "\f166"
}

.an-youtube2:before {
    content: "\f167"
}

.an-video-player:before {
    content: "\e934"
}

.an-forward:before {
    content: "\e99b"
}

.an-backward:before {
    content: "\e936"
}

.an-backward-l:before {
    content: "\eb7e"
}

.an-fast-backward:before {
    content: "\e98c"
}

.an-fast-forward:before {
    content: "\e98d"
}

.an-pause:before {
    content: "\eaee"
}

.an-pause-cil:before {
    content: "\ebd8"
}

.an-play:before {
    content: "\eaf8"
}

.an-play-cir:before {
    content: "\ebdf"
}

.an-play-r:before {
    content: "\ebde"
}

.an-podcast:before {
    content: "\e9d9"
}

.an-podcast-l:before {
    content: "\ebe3"
}

.an-step-backward:before {
    content: "\ea10"
}

.an-step-backward-r:before {
    content: "\eb32"
}

.an-stop:before {
    content: "\ea12"
}

.an-stop-circle:before {
    content: "\ea13"
}

.an-video:before {
    content: "\e935"
}

.an-exclamation-cir:before {
    content: "\ebad"
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: #fff0 solid 1px
}

.slick-arrow.slick-hidden {
    display: none
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: #fff0;
    border: 0;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before, .mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: #fff0 inset medium
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgb(0 0 0 / .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgb(0 0 0 / .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    overflow-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgb(0 0 0 / .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgb(0 0 0 / .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 1500;
    outline: none
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 1;
    transform: translateZ(0);
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container, .pswp__img {
    user-select: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity 0.2s;
    box-shadow: none
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url(../images/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (min-resolution:105dpi), (min-resolution:1.1dppx) {
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../images/default-skin.png)
    }

    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgb(0 0 0 / .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter, .pswp__share-modal {
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgb(0 0 0 / .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgb(0 0 0 / .25);
    transform: translateY(6px);
    transition: transform 0.25s;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: #fff0 solid 6px;
    border-bottom-color: #fff;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(../images/ajax-loader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: #fff solid 2px;
    border-radius: 50%;
    border-left-color: #fff0;
    border-bottom-color: #fff0;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    100% {
        transform: rotate(0)
    }
}

.pswp__ui {
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar, .pswp__caption {
    background-color: rgb(0 0 0 / .5)
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    background-color: rgb(0 0 0 / .3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.toast-title {
    font-weight: 700
}

.toast-message {
    overflow-wrap: break-word
}

.toast-message a, .toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    line-height: 1
}

.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div, #toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

* {
    box-sizing: border-box
}

*, ::before, ::after {
    box-sizing: border-box
}

html {
    overflow: hidden;
    overflow-y: auto
}

body {
    font-size: 13px;
    letter-spacing: .02em;
    line-height: 1.7;
    font-family: "Jost", sans-serif;
    color: #222;
    font-weight: 400;
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

[hidden] {
    display: none
}

html, button, input, select, textarea {
    font-family: "Jost", sans-serif
}

input, textarea, .form-control {
    padding: 10px 18px
}

iframe {
    border: 0;
    width: 100%
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
    transition: all 0.5s ease-in-out
}

a, a:after, a:before {
    transition: all 0.3s ease-in-out
}

a:hover, a:active {
    color: #464444;
    text-decoration: none;
    outline: 0
}

a:hover, a:focus {
    outline: 0
}

p {
    margin: 0 0 15px
}

p:last-child {
    margin-bottom: 0
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    overflow-wrap: break-word
}

blockquote, q {
    hyphens: none;
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
}

blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px
}

blockquote blockquote {
    margin-right: 0
}

blockquote cite, blockquote small {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

blockquote em, blockquote i {
    font-style: normal;
    font-weight: 300
}

blockquote strong, blockquote b {
    font-weight: 400
}

img {
    height: auto;
    max-width: 100%;
    border: 0;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

ol, ul {
    padding: 0;
    margin: 0
}

ul {
    list-style: inside
}

ul.list-items {
    margin-left: 0
}

.list-items {
    margin-left: 15px
}

.hide {
    display: none !important
}

.opacity-100 {
    opacity: 1 !important
}

.opacity-75 {
    opacity: 0.75 !important
}

.opacity-50 {
    opacity: 0.5 !important
}

.opacity-25 {
    opacity: 0.25 !important
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #222;
    margin: 0 0 10px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .02em;
    overflow-wrap: break-word;
    overflow-wrap: break-word
}

h1, .h1 {
    font-size: 24px
}

h2, .h2 {
    font-size: 19px;
    text-transform: uppercase
}

h3, .h3 {
    font-size: 18px
}

h4, .h4 {
    font-size: 16px
}

h5, .h5 {
    font-size: 15px
}

h6, .h6 {
    font-size: 14px
}

.fs-26 {
    font-size: 26px
}

.an-1x {
    font-size: 13px !important
}

.an-2x {
    font-size: 16px !important
}

.an-3x {
    font-size: 18px !important
}

input, button, select, textarea, .form-control {
    font-size: 13px;
    font-family: Jost, sans-serif;
    background: #fff;
    border: #d7d7d7 solid 1px;
    transition: all 0.4s 0s ease-out;
    color: #424242
}

input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active, .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #757575
}

input, select, textarea, .form-control {
    width: 100%;
    font-size: 13px;
    letter-spacing: .02em;
    box-shadow: none;
    border-radius: 6px
}

input, select, .form-control {
    height: 42px;
    padding: 0 15px
}

input[type="checkbox"], input[type="radio"] {
    width: auto;
    height: auto
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline: 0;
    box-shadow: none
}

textarea, textarea.form-control {
    overflow: auto;
    resize: vertical;
    height: auto;
    padding: 6px 10px
}

select {
    appearance: none;
    background-position: right center;
    background-image: url(../images/arrow-select.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    line-height: 1.2;
    text-indent: .01px;
    cursor: pointer;
    padding: 8px 20px 8px 10px
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-transform-none {
    text-transform: none !important
}

.bg-black {
    background-color: #000000 !important
}

.text-black {
    color: #000000 !important
}

.border-black {
    border-color: #000000 !important
}

.clr-none {
    color: inherit !important
}

.ls-normal {
    letter-spacing: normal !important
}

.fl-1 {
    flex: 1
}

.fl-2 {
    flex: 2
}

hr {
    opacity: 1;
    margin: 20px 0;
    border: 0;
    border-bottom: 1px solid #e8e9eb
}

.tooltip>.tooltip-inner {
    font-family: "Jost", sans-serif;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .4px;
    font-weight: 400;
    padding-left: 8px;
    padding-right: 8px;
    text-shadow: none;
    height: auto;
    text-transform: uppercase;
    border-radius: 3px
}

.border-bottom {
    border-bottom: 1px solid #e8e9eb !important
}

.hidden {
    display: none
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.poss_relative {
    position: relative
}

.poss_absolute {
    position: absolute
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clear {
    clear: both
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

table {
    margin-bottom: 15px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-family: "Jost", sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.text-italic {
    font-style: italic
}

.text-normal {
    font-style: normal
}

.text-underline {
    text-decoration: underline
}

.body-font {
    font-family: "Jost", sans-serif !important
}

.heading-font {
    font-family: "Jost", sans-serif !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-500 {
    font-weight: 500 !important
}

.list--inline {
    padding: 0;
    margin: 0
}

.list--inline li {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 !important
}

.display-table-cell {
    float: none;
    display: table-cell;
    vertical-align: middle
}

.btn {
    user-select: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: #fff0 solid 1px;
    border-radius: 0;
    padding: 8px 20px 8px;
    /* background-color: #EBBA91; */
    background-color: #000000;
    color: #fff3f3;
    ;
    /* color: #464444; */
    font-family: Jost, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: normal;
    white-space: normal;
    font-size: 13px;
    transition: all 0.3s ease-in-out
}

.btn:hover, .btn:focus {
    /* background-color: #EBBA91; */
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
    border-color: #000000;
    box-shadow: none
}

.btn:focus, .btn-primary:focus, .btn-secondary:focus, .btn:focus-visible {
    outline: 0;
    box-shadow: none
}

.btn-primary {
    background-color: #eef2f6;
    /* background-color: #EBBA91; */
    color: #000000;
    border: #eef2f6 solid 1px
}

.btn-primary:hover, .btn-primary:focus {
    color: #000;
    background-color: #fff0;
    border-color: #0c1b54
}

.btn-secondary {
    background-color: #f4857b;
    color: #fff;
    border: #f4857b solid 1px
}

.btn-secondary:hover, .btn-secondary:focus {
    color: #fff;
    background-color: #e35e52;
    border-color: #e35e52
}

.btn-success {
    background-color: #198754;
    color: #fff;
    border: #198754 solid 1px
}

.btn-success:hover, .btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #157347
}

.btn-danger {
    background-color: #dc3545;
    color: #fff;
    border: #dc3545 solid 1px
}

.btn-danger:hover, .btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #bb2d3b
}

.btn-info {
    background-color: #0dcaf0;
    color: #fff;
    border: #0dcaf0 solid 1px
}

.btn-info:hover, .btn-info:focus {
    color: #fff;
    background-color: #31d2f2;
    border-color: #31d2f2
}

.btn-warning {
    background-color: #ffc107;
    color: #fff;
    border: #ffc107 solid 1px
}

.btn-warning:hover, .btn-warning:focus {
    color: #fff;
    background-color: #ffca2c;
    border-color: #ffca2c
}

.btn-light {
    color: #222;
    background-color: #fff;
    border-color: #fff
}

.btn-light:hover {
    color: #fff;
    background-color: #222;
    border-color: #222
}

.btn--link {
    background-color: #fff0;
    border: 0;
    margin: 0;
    color: #090a0a;
    text-align: left;
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important
}

.btn--link:hover, .btn--link:focus {
    color: #fe877b;
    text-decoration: none;
    background-color: #fff0
}

.btn--small, .btn-small {
    padding: 9px 20px;
    font-size: 13px;
    line-height: 1
}

.link-underline {
    text-decoration: underline
}

.link-underline:hover {
    text-decoration: none
}

.btn--small, .btn-small {
    padding: 9px 20px;
    font-size: 13px;
    line-height: 1
}

.btn-lg {
    font-size: 15px;
    padding: 10px 30px
}

.btn-sm {
    font-size: 15px;
    padding: 8px 25px
}

.btn-link {
    color: #f06543;
    text-decoration: none;
    border: none;
    padding: 0;
    margin: 0
}

.btn-link:hover {
    color: #222
}

.btn-link.disabled, .btn-link:disabled, .btn-link.disabled:hover {
    color: #6c757d;
    pointer-events: none
}

.rounded {
    border-radius: 6px !important
}

.rounded-start {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important
}

.rounded-end {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important
}

.btn-outline-primary {
    color: #000;
    border: #0c1b54 solid 1px;
    background-color: #fff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0c1b54;
    border-color: #0c1b54
}

.btn-outline-secondary {
    color: #f4857b;
    border: #f4857b solid 1px;
    background-color: #fff0
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #f4857b;
    border-color: #f4857b
}

.btn-outline-light {
    color: #fff;
    background-color: #fff0;
    border-color: #fff
}

.btn-outline-light:hover {
    color: #222;
    background-color: #fff;
    border-color: #fff
}

.btn.btn-primary.btn3d {
    box-shadow: 0 0 0 1px #222 inset, 0 0 0 2px rgb(255 255 255 / .15) inset, 0 8px 0 0 #2f2f2f, 0 8px 8px 1px rgb(0 0 0 / .5);
    background-color: #222;
    border-color: #222
}

.btn.btn-primary.btn3d:hover, .btn.btn-primary.btn3d:focus, .btn.btn-primary.btn3d:active {
    box-shadow: 0 0 0 1px #444 inset, 0 0 0 2px rgb(255 255 255 / .15) inset, 0 5px 0 0 #444444, 0 5px 5px 1px rgb(0 0 0 / .5);
    background-color: #444;
    border-color: #444
}

.btn-secondary.animated {
    animation: pulse 1s ease-in-out infinite alternate
}

@keyframes pulse {
    from {
        transform: scale(.9)
    }

    to {
        transform: scale(1.1)
    }
}

input:-moz-placeholder, textarea:-moz-placeholder {
    opacity: .7
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: .7
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: .7
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: .7
}

label {
    display: block;
    margin-bottom: 5px
}

label[for] {
    cursor: pointer
}

.redText {
    color: #f00000
}

.clr-555 {
    color: #555
}

.mb-10 {
    margin-bottom: 10px !important
}

.form-group {
    margin-bottom: 1rem
}

.mask-overlay {
    content: "";
    position: fixed;
    background-color: #000;
    opacity: .5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 998
}

.slick-dots {
    margin: 0;
    width: auto;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    margin-right: 8px
}

.slick-dots li button {
    color: #fff0;
    line-height: 0;
    font-size: 0;
    border: 0;
    background: #fff0;
    display: block;
    cursor: pointer;
    color: #fff;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    padding: 0;
    border-radius: 100%;
    background-color: #000;
    transition: all 0.2s;
    opacity: .2
}

.slick-dots li.slick-active button {
    opacity: 1
}

.customRadio {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 10px
}

.customRadio input[type="radio"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    display: none
}

.customRadio input[type="radio"]+label {
    position: relative;
    padding: 0 0 0 30px;
    cursor: pointer
}

.customRadio input[type="radio"]+label:before {
    content: "";
    background: #fff;
    border: #d0d0d0 solid 1px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.customRadio input[type="radio"]+label:after {
    content: "";
    background: #333;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
    transform: scale(2);
    transition: transform 0.3s linear, opacity 0.3s linear
}

.customRadio input[type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.customCheckbox {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.customCheckbox input[type="checkbox"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    display: none
}

.customCheckbox input[type="checkbox"]+label {
    position: relative;
    padding: 0 0 0 30px;
    margin-bottom: 0;
    cursor: pointer
}

.customCheckbox input[type="checkbox"]+label:before {
    content: "";
    background: #fff;
    border: #d0d0d0 solid 1px;
    border-radius: 0;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0
}

.customCheckbox input[type="checkbox"]+label:after {
    content: "";
    border-style: solid;
    border-width: 0 0 2px 2px;
    border-color: #fff0 #fff0 #333 #333;
    width: 12px;
    height: 7px;
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
    transform: scale(1) rotate(-45deg);
    transition: transform 0.3s linear, opacity 0.3s linear
}

.customCheckbox input[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1) rotate(-45deg);
    color: #6d6d6d
}

.d-flex-wrap {
    display: flex;
    flex-wrap: wrap
}

.d-flex-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.d-flex-justify-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.zoom-scal {
    position: relative;
    overflow: hidden;
    display: block
}

.zoom-scal:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .1);
    overflow: hidden;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease
}

.zoom-scal:hover:before, .zoomscal-hov:hover .zoom-scal:before {
    overflow: visible;
    opacity: 1
}

.zoom-scal img {
    transition: all 0.7s ease
}

.zoom-scal:hover img, .zoomscal-hov:hover .zoom-scal img {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1)
}

.zoom-scal-nopb:before {
    content: none
}

.container {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid {
    padding-left: 55px;
    padding-right: 55px
}

.container-fluid:before, .container-fluid:after {
    content: "";
    clear: both;
    display: block
}

.grid {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -30px
}

.grid__item {
    float: left;
    padding-left: 30px;
    width: 100%
}

.grid--no-gutters>.grid__item {
    padding-left: 0
}

.row.g-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.row.g-0>* {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.layout-boxed {
    max-width: 1400px;
    margin: 0 auto 30px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / .15)
}

.layout-boxed .container, .layout-boxed .container-fluid {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px
}

.layout-boxed .sticky-header {
    max-width: 1400px;
    margin: 0 auto;
    right: 0
}

.layout-fullwidth .container, .layout-fullwidth .container-fluid {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px
}

.notification-bar {
    text-align: center;
    position: relative;
    z-index: 5;
    background-color: #000
}

.notification-bar__message {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    padding: 8px 30px;
    display: block
}

.notification-bar__message:hover, .notification-bar__message:active, .notification-bar__message:focus, .notification-bar__message:focus-within {
    color: #fff;
    text-decoration: none
}

.close-announcement {
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    right: 40px;
    top: 7px;
    height: 25px;
    width: 25px;
    line-height: 22px;
    color: #fff
}

#pre-loader {
    background-color: #000;
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 999999
}

#pre-loader img {
    text-align: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    margin: 0 auto
}

.promotion-header {
    color: #df1a0b;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 35px;
    background-color: #fff0ef;
    text-align: center;
    position: relative;
    z-index: 5
}

.top-info-bar {
    background-color: #F0F0F0;
    color: #000;
    position: relative;
    z-index: 49
}

.top-info-bar .item {
    padding: 10px
}

.top-info-bar .item a {
    color: #fff;
    font-size: 11px
}

.top-info-bar .item a:hover {
    color: #fff;
    opacity: .8
}

.top-info-bar .item.center {
    border-left: 1px solid #504c4c;
    border-right: 1px solid #504c4c
}

.top-info-bar .slick-slider .slick-track {
    display: flex;
    align-items: center;
    justify-content: center
}

.top-info-bar.style1 {
    background-color: #000000;
    /* background-color: #ebb78f; */
    color: #fff;
    overflow: hidden
}

.top-info-bar.style1 .item {
    /* padding: 5px 25px 5px 10px; */
    min-height: 42px
}

.top-info-bar.style1 .slick-slide {
    color: #fff;
    background-color: #000000;
    /* background-color: #ebb78f; */
}

.top-info-bar.style1 .slick-slide+.slick-slide {
    color: #fff;
    background-color: #000000;
    /* background-color: #ebb78f; */
}

.top-info-bar.style1 .alert {
    padding: 0;
    margin: 0;
    border: 0 !important
}

.top-info-bar.style1 .btn-close {
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: 5px;
    height: 25px;
    width: 25px;
    line-height: 22px;
    background: none;
    opacity: 1;
    box-shadow: none
}

.top-info-bar.style1 .slick-slide+.slick-slide .btn-close {
    color: #222
}

.top-info-bar.style1 .btn-small {
    padding: 7px 10px
}

.top-info-bar.style1 .item, .top-info-bar.style1 .item a {
    font-size: 12px;
    letter-spacing: .8px
}

.top-info-bar.style1 .item .blueText {
    color: #fff;
}

.top-info-bar.style2 {
    background-color: #0C1B54;
    color: #fff;
    overflow: hidden
}

.top-info-bar.style2 .item, .top-info-bar.style2 .item a {
    font-size: 13px;
    letter-spacing: 1px
}

.top-info-bar.style2 .slick-slide {
    background-color: #0C1B54 !important;
    color: #ffffff !important
}

.top-info-bar.style2 .btn {
    color: #fff;
    background-color: #78c6dc;
    border-color: #78c6dc
}

.top-info-bar.style2 .btn:hover {
    opacity: .8
}

.top-info-bar.style2 .promo-counter {
    display: flex
}

.top-info-bar.style2 .promo-counter .ht-count {
    margin: 0 8px;
    position: relative
}

.top-info-bar.style2 .promo-counter .ht-count:not(.days):after {
    content: ":";
    position: absolute;
    left: -10px;
    color: #85d6fc;
    font-weight: 400
}

.top-info-bar.style2 .promo-counter span>span span {
    color: #85d6fc;
    font-size: 13px;
    font-weight: 400
}

.top-info-bar.style2 .ht-count.hour span>span:not(.time-count), .top-info-bar.style2 .ht-count.minutes span>span:not(.time-count), .top-info-bar.style2 .ht-count.second span>span:not(.time-count) {
    display: none
}

.marquee-text {
    box-sizing: border-box;
    align-items: center;
    overflow: hidden
}

.marquee-text .top-info-bar {
    font-size: 12px;
    width: 200%;
    display: flex;
    animation: marquee 25s linear infinite
}

.marquee-text .top-info-bar:hover {
    animation-play-state: paused
}

.marquee-text .top-info-bar .info-text {
    padding: 10px 30px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease
}

.marquee-text .top-info-bar a {
    color: #fff
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translate(-50%)
    }
}

.top-bar {
    color: #fff;
    font-size: 12px;
    background-color: #333;
    position: relative;
    z-index: 49
}

.top-bar .inner {
    min-height: 35px
}

.top-bar a, .top-bar .social-icons li a {
    color: #fff
}

.top-bar .an {
    font-size: 13px
}

.top-bar a:hover, .top-bar .social-icons li a:hover {
    color: #fff;
    opacity: .8
}

.top-bar .social-icons .tooltip-label {
    top: 25px
}

.top-bar .social-icons .tooltip-label:before {
    top: -4px;
    bottom: auto;
    border-bottom: 5px solid #000;
    border-top: #fff0
}

.top-bar .social-icons li:hover .tooltip-label {
    top: 20px
}

.top-header {
    color: #fff;
    padding-top: 8px;
    padding-bottom: 10px;
    background: #000;
    height: 38px
}

.top-header a {
    color: #fff
}

.promo-counter.days-time {
    display: flex
}

.promo-counter.days-time .ht-count {
    margin: 0 8px;
    position: relative
}

.promo-counter.days-time .ht-count:not(.days):after {
    content: ":";
    position: absolute;
    left: -10px;
    font-weight: 600
}

.promo-counter.days-time span>span span {
    font-size: 12px
}

.promo-counter.days-time .ht-count.hour span>span:not(.time-count), .promo-counter.days-time .ht-count.minutes span>span:not(.time-count), .promo-counter.days-time .ht-count.second span>span:not(.time-count) {
    display: none
}

.header-main {
    position: relative;
    z-index: 49;
    background-color: #fff;
    border-bottom: 0;
    transition: all 0.3s ease-in-out;
    min-height: 60px
}

.header-wrap {
    min-height: 90px;
    position: relative
}

.sticky-header .header-wrap {
    min-height: 60px
}

.showOverly .modalOverly {
    display: block
}

.searchact .modalOverly {
    z-index: 45
}

body:not(.searchact) .header-main:not(.sticky-header) {
    background: none;
    box-shadow: none;
    border: 0
}

.header-1 .header-main:not(.sticky-header), .header-11.header-main:not(.sticky-header) {
    position: absolute;
    left: 0;
    right: 0
}

.header-wrap>.row {
    width: 100%;
    margin: 0
}

.sticky-header {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    left: 0;
    background-color: #eef2f6;
    border-bottom: 0;
    box-shadow: 0 0 4px rgb(0 0 0 / .4)
}

.menu-outer .container, .menu-outer .container-fluid {
    position: relative
}

.header-content-wrapper {
    width: 100%;
    padding: 15px 0
}

.mih-50:not(.sticky-header) {
    min-height: 50px !important
}

.mih-55:not(.sticky-header) {
    min-height: 55px !important
}

.mih-70:not(.sticky-header) {
    min-height: 70px !important
}

.mih-80:not(.sticky-header) {
    min-height: 80px !important
}

.mih-90:not(.sticky-header) {
    min-height: 90px !important
}

.logo {
    margin: 0
}

.logo a {
    position: relative;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
    text-align: center
}

.logo img {
    display: block;
    max-width: 154px;
    max-height: 32px;
    margin: 0 auto
}

.iconset .icon {
    font-size: 17px;
    min-width: 17px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle
}

.iconset {
    position: relative;
    color: #030505;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 9px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.iconset:hover .icon, .iconset:hover .text, .iconset:hover a {
    color: #f06543
}

.iconset:hover .tooltip-label {
    opacity: 1;
    top: -26px;
    visibility: visible
}

.header .iconset .tooltip-label {
    top: -30px
}

.header .iconset:hover .tooltip-label {
    top: -20px
}

.sticky-header .iconset:hover .tooltip-label {
    top: -17px
}

.counter {
    font-size: 11px;
    background-color: #F0F0F0;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    color: #000;
    top: 3px;
    right: -13px
}

#settingsBox, #cart-drawer, #searchPopup, #userLinks {
    color: #050000;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(5 0 0 / .1);
    transition: all 0.3s ease-in-out
}

#settingsBox, #userLinks {
    visibility: hidden;
    opacity: 0;
    padding: 20px;
    width: 300px;
    position: absolute;
    top: 130%;
    right: 15px;
    z-index: 99
}

#settingsBox.active, #userLinks.active {
    visibility: visible;
    opacity: 1
}

.sticky-header #userLinks.active {
    top: 100%
}

#userLinks.active {
    top: 53%
}

#settingsBox .btn {
    width: 100%
}

#userLinks {
    width: 200px
}

#userLinks ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#userLinks ul li {
    display: block;
    overflow-wrap: break-word
}

#userLinks li a {
    padding: 5px;
    display: block;
    color: #666;
    text-transform: uppercase
}

.icons-col .customer-links {
    font-size: 12px;
    text-transform: uppercase
}

.icons-col .customer-links .register {
    text-decoration: underline
}

#settingsBox .ttl {
    font-size: 12px;
    margin: 0 0 10px;
    display: block;
    letter-spacing: .2px;
    text-transform: uppercase
}

#settingsBox #language {
    margin-bottom: 0
}

.cnrLangList li {
    display: inline-block;
    margin: 0 5px 5px 0;
    cursor: pointer
}

.cnrLangList li a {
    color: #000;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    padding: 1px 10px;
    opacity: .6;
    border: rgb(0 0 0 / .3) solid 1px;
    background: #fafafa
}

.cnrLangList li a:hover, .cnrLangList li a.active, .cnrLangList li a:focus {
    color: #fff;
    border: #000 solid 1px;
    opacity: 1;
    text-decoration: none;
    background: #131313
}

.minicart-right-drawer.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 350px;
    max-width: 100%;
    height: 100%;
    z-index: 1024;
    transform: translate3d(0%, 0, 0)
}

.minicart-right-drawer.right .modal-content {
    border: none;
    border-radius: 0;
    height: 100%;
    overflow-y: auto
}

.minicart-right-drawer.right.fade .modal-dialog {
    right: -350px;
    transition: opacity 0.3s linear, right 0.3s ease-out
}

.minicart-right-drawer.right.fade.show .modal-dialog {
    right: 0
}

#cart-drawer {
    color: #050000;
    padding: 20px;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10000
}

#cart-drawer.active {
    right: 0
}

#cart-drawer>h4 {
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px
}

#cart-drawer .close-cart {
    color: #050000;
    font-size: 17px;
    float: right;
    margin-top: -3px;
    opacity: .8;
    text-decoration: none
}

.minicart-header {
    margin: 0 0 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px
}

.minicart-header>h4 {
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0
}

.minicart-content {
    padding: 0 20px;
    margin: 0;
    z-index: 1001;
    position: absolute;
    left: 0;
    overflow: hidden auto;
    width: 100%;
    height: calc(100% - 290px)
}

.minicart-content .item {
    padding: 0 0 10px;
    margin: 0 0 10px;
    display: block;
    border-bottom: 1px solid #eee
}

.minicart-content .item .product-image {
    max-width: 23%;
    flex: 1
}

.minicart-content .item .product-details {
    width: 75%;
    flex: 1;
    padding-left: 15px;
    padding-right: 10px;
    text-align: left
}

.minicart-content .item .product-title {
    color: #000;
    font-size: 13px;
    white-space: normal;
    text-decoration: none;
    display: block;
    line-height: 20px;
    margin-bottom: 0
}

.minicart-content .item .remove {
    color: #5c5c5c;
    display: inline-block;
    font-size: 14px;
    padding: 2px 4px 0
}

.minicart-content .item .remove:hover {
    color: #000
}

.minicart-content .item .remove i {
    vertical-align: middle;
    font-size: 14px
}

.minicart-content .item .edit-i.remove .icon {
    font-size: 12px;
    padding-top: 0
}

.minicart-content .item .qtyField span {
    display: inline-block;
    padding: 0;
    border: 0
}

.minicart-content .item .variant-cart {
    color: #777;
    font-size: 11px
}

.minicart-content .item .wrapQtyBtn {
    display: block;
    float: none
}

.minicart-content .item .qtyField {
    width: 77px
}

.minicart-content .item .qtyField .qtyBtn {
    height: 30px
}

.minicart-content .item .qtyField .qty {
    width: 77px;
    height: 30px;
    padding: 0 20px
}

.minicart-bottom {
    color: #666;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px 20px 20px
}

.minicart-bottom .shipinfo {
    background-color: #f6f6f6;
    padding: 10px
}

.minicart-bottom .shipinfo p {
    font-size: 11px
}

.minicart-bottom .agree-check {
    font-size: 11px;
    text-transform: uppercase
}

.minicart-bottom .subtotal {
    padding: 5px 0 10px
}

.minicart-bottom .subtotal:before, .minicart-bottom .subtotal:after {
    content: "";
    clear: both;
    display: block
}

.minicart-bottom .subtotal.list {
    border: 0;
    margin: 0;
    padding: 0
}

.minicart-bottom .subtotal.list>span {
    font-size: 14px;
    font-weight: 400
}

.minicart-bottom .subtotal>span {
    float: left;
    text-transform: uppercase;
    font-size: 16px;
    text-align: left;
    font-weight: 700
}

.minicart-bottom .subtotal .product-price {
    float: right
}

.modal-open {
    padding-right: 0 !important
}

.modal-open .modal {
    padding-right: 0 !important
}

.search-drawer {
    padding: 40px 50px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: left;
    transition: all 0.3s 0s ease;
    width: 100%;
    box-shadow: 0 0 6px rgb(0 0 0 / .2)
}

.search-drawer .container, .search-drawer .container-fluid {
    position: relative
}

.search-drawer.search-drawer-open {
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible
}

.search-drawer.search-drawer-open .block {
    background-color: #fff0;
    padding: 0
}

.search-drawer .title {
    color: #000;
    font-size: 15px;
    margin-bottom: 20px
}

.search-drawer .label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.search-drawer .control {
    border-bottom: 0
}

.search-drawer .input-text {
    color: #050000;
    font-size: 13px;
    padding: 5px 35px;
    background: none;
    border: 0
}

.search-drawer .action.search {
    font-size: 18px;
    position: absolute;
    right: 28px;
    border: 0;
    margin-top: 3px;
    background: none;
    cursor: pointer;
    height: 38px
}

.search-drawer .action.search:hover {
    color: #000
}

.search-drawer .closeSearch {
    color: #050000;
    font-size: 18px;
    position: absolute;
    top: 7px;
    right: 0;
    z-index: 10;
    cursor: pointer;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center
}

.search-drawer .searchField {
    display: flex;
    align-items: center;
    width: 100%
}

.search-drawer .search-category {
    display: table-cell;
    padding-right: 15px
}

.search-drawer .search-category select {
    font-size: 13px;
    border: 0;
    min-width: 135px
}

.search-drawer .input-box {
    display: table-cell;
    width: auto;
    flex: 1;
    position: relative
}

#search-popup {
    padding: 20px 60px 20px 55px;
    text-align: left;
    background-color: #f5f5f5;
    transition: all 0.3s ease-in-out;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10
}

#search-popup.active {
    top: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

.social-icons li a {
    position: relative;
    padding: 0 5px;
    color: #3e3e3e;
    display: flex;
    align-items: center
}

.social-icons li a:hover {
    color: #000
}

.social-icons li:hover .tooltip-label {
    opacity: 1;
    top: -26px;
    visibility: visible
}

#siteNav {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

#siteNav.right {
    text-align: right;
    justify-content: flex-end
}

#siteNav.left {
    text-align: left;
    justify-content: flex-start
}

#siteNav.center {
    text-align: center;
    justify-content: space-around
}

#siteNav .menubox p .title {
    color: #222;
    background-color: #fff;
    border-radius: 2px;
    padding: 6px 15px;
    margin: 0 0 20px;
    white-space: nowrap
}

#AccessibleNav {
    padding-left: 0
}

.mobile-nav-wrapper, .site-header__logo.mobileview {
    display: none
}

@media (min-width:990px) {
    .header .container {
        position: relative
    }

    .header .container .d-menu-col {
        position: static
    }

    #siteNav a {
        text-decoration: none;
        font-size: 13px;
        display: block;
        opacity: 1;
        letter-spacing: .05em;
        position: relative
    }

    #siteNav>li {
        display: inline-block;
        text-align: left
    }

    #siteNav>li>a {
        color: #111;
        padding: 10px 0px;
        text-transform: uppercase
    }

    #siteNav>li>a:after {
        content: "";
        width: 0;
        height: 1px;
        display: block;
        background-color: #000
    }

    #siteNav>li>a:hover:after, #siteNav>li>a:focus:after {
        width: 100%
    }

    #siteNav.medium>li a {
        font-weight: 500
    }

    #siteNav.hidearrow>li>a .an {
        display: none
    }

    #siteNav>li>a .an {
        vertical-align: middle
    }

    #siteNav>li:hover>a, #siteNav>li>a:hover:hover, #siteNav>li>a:hover {
        color: #000
    }

    #siteNav>li>a .navLbl {
        white-space: nowrap;
        color: #fff;
        background-color: #f19280;
        font-size: 10px;
        font-weight: 400;
        line-height: normal;
        display: inline-block;
        padding: 1px 5px;
        border-radius: 0;
        position: absolute;
        top: -9px;
        left: 50%
    }

    #siteNav>li>a .navLbl:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border: #fff0 solid 3px;
        border-top-color: #f19280;
        border-left-color: #f19280;
        position: absolute;
        bottom: -4px;
        left: 0
    }

    #siteNav>li>a .navLbl.new {
        background-color: #83cc52
    }

    #siteNav>li>a .navLbl.new:after {
        border-top-color: #83cc52;
        border-left-color: #83cc52
    }

    #siteNav>li>a .navLbl.hurryup {
        background-color: #94c442
    }

    #siteNav>li>a .navLbl.hurryup:after {
        border-top-color: #94c442;
        border-left-color: #94c442
    }

    #siteNav>li .megamenu {
        opacity: 0;
        visibility: hidden;
        padding: 30px;
        width: 100%;
        position: absolute;
        top: auto;
        left: 0;
        z-index: 999;
        background-color: #fff;
        box-shadow: 2px 2px 1px 0 rgb(0 0 0 / .3);
        pointer-events: none;
        max-height: 650px;
        overflow: auto;
        box-shadow: 0 0 15px rgb(0 0 0 / .1);
        transform: translateY(20px);
        transition: all 0.3s ease-in
    }

    .index-demo10 #siteNav>li .megamenu.style3 {
        max-width: 900px
    }

    #siteNav>li .megamenu ul {
        padding: 0;
        list-style: none
    }

    #siteNav>li:hover>.megamenu {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: visible
    }

    #siteNav>li .megamenu.style1 .lvl-1 {
        margin-bottom: 0
    }

    #siteNav>li .megamenu .lvl-1 a.lvl-1 {
        color: #000;
        font-size: 13px;
        text-transform: uppercase;
        padding: 0 0 8px;
        font-weight: 400
    }

    #siteNav>li .megamenu .lvl-1 .site-nav {
        color: #000;
        padding: 3px 0;
        font-weight: 400
    }

    #siteNav>li .megamenu .lvl-1 .site-nav:hover {
        color: #000
    }

    #siteNav>li .megamenu .lvl-1 .site-nav:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 2px;
        vertical-align: middle;
        background-color: #000;
        transition: all 0.3s ease-in-out
    }

    #siteNav>li .megamenu .lvl-1 .site-nav:hover:before {
        width: 5px;
        margin-right: 3px
    }

    #siteNav>li .megamenu .lvl-1 .site-nav.menu-title:hover:before {
        display: none
    }

    #siteNav>li .megamenu.style1 {
        overflow: hidden
    }

    #siteNav>li .megamenu.style2 .lvl-1 {
        margin-bottom: 0
    }

    #siteNav>li .megamenu .menu-title {
        font-weight: 600 !important
    }

    #siteNav>li.mdropdown {
        position: relative
    }

    #siteNav>li .megamenu .imageCol {
        padding-bottom: 25px
    }

    #siteNav>li .megamenu .grid-products .item {
        margin: 0 0 20px
    }

    #siteNav>li .megamenu .grid-products a, #siteNav>li .megamenu .grid-products .product-price {
        font-size: 12px
    }

    #siteNav>li .megamenu .grid-products .product-review {
        margin: 0 0 10px
    }

    #siteNav>li .megamenu .grid-products .product-review .an {
        font-size: 11px
    }

    #siteNav>li .offerBanner {
        padding: 20px;
        text-align: center;
        height: 100%
    }

    #siteNav>li .gridproduct-banner .grid-products {
        padding: 20px
    }

    .index-demo10 #siteNav>li .offerBanner {
        background-color: #814348
    }

    .index-demo10 #siteNav>li .offerBanner h4, .index-demo10 #siteNav>li .offerBanner p {
        color: #fff
    }

    #siteNav a .lbl {
        color: #fff;
        font-size: 9px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        padding: 3px 4px;
        background-color: #0a9339;
        position: relative;
        vertical-align: middle
    }

    #siteNav a .lbl:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        bottom: 3px;
        left: -7px;
        border: #fff0 solid 4px;
        border-right-color: #fff0;
        border-right-color: #0a9339;
        display: none
    }

    #siteNav a .lbl.nm_label3 {
        background-color: #fb6c3e
    }

    #siteNav a .lbl.nm_label1 {
        background-color: red
    }

    #siteNav a .lbl.nm_label4 {
        background-color: #fdb818
    }

    #siteNav a .lbl.nm_label5 {
        background-color: #93a96c
    }

    #siteNav a .lbl.nm_label1:after {
        border-right-color: red
    }

    #siteNav a .lbl.nm_label4:after {
        border-right-color: #fdb818
    }

    #siteNav a .lbl.nm_label3:after {
        border-right-color: #fb6c3e
    }

    #siteNav a .lbl.nm_label5:after {
        border-right-color: #93a96c
    }

    #siteNav>li.dropdown {
        position: relative
    }

    #siteNav>li .dropdown, #siteNav>li .dropdown ul {
        background-color: #fff;
        list-style: none;
        opacity: 0;
        visibility: hidden;
        width: 220px;
        position: absolute;
        top: 59px;
        left: 0;
        z-index: 999;
        box-shadow: 0 0 15px rgb(0 0 0 / .1);
        transition: all 0.3s ease-in-out;
        padding: 10px
    }

    #siteNav>li:hover>.dropdown, #siteNav>li .dropdown li:hover>ul {
        top: 40px;
        opacity: 1;
        visibility: visible
    }

    #siteNav>li ul.dropdown li {
        border-top: 1px solid #eee;
        position: relative
    }

    #siteNav>li ul.dropdown li:first-child {
        border: 0
    }

    #siteNav>li ul.dropdown li a {
        color: #000;
        font-weight: 400;
        padding: 8px 12px;
        background-color: #fff
    }

    #siteNav>li ul.dropdown li:hover>a, #siteNav>li ul.dropdown li a:hover {
        color: #000;
        padding-left: 15px
    }

    #siteNav>li ul.dropdown li a .an {
        font-size: 18px;
        position: absolute;
        right: 5px;
        top: 8px
    }

    #siteNav>li ul.dropdown li ul {
        top: 20px;
        left: 100%
    }

    #siteNav>li ul.dropdown li:hover>ul {
        top: 0
    }

    #siteNav .menu-brand-logo {
        width: 50%;
        float: left;
        text-align: center;
        padding-right: 10px
    }

    #siteNav .menu-brand-logo a {
        display: block;
        margin-bottom: 10px;
        border: #ddd solid 1px
    }

    #siteNav .menu-brand-logo a:hover {
        border-color: #000
    }

    #siteNav .menu-brand-logo a img {
        display: inline-block;
        vertical-align: middle
    }

    .mm-Banners:before, .mm-Banners:after {
        content: "";
        clear: both;
        display: block
    }

    .mm-Banners {
        clear: both
    }

    .mm-Banners .imageCol {
        padding-bottom: 0 !important
    }

    .header-3 #siteNav>li .megamenu {
        max-width: 1400px;
        right: 0;
        margin: 0 auto
    }
}

.template-index:not(.searchact) .classicHeader:not(.sticky-header) {
    position: absolute;
    left: 0;
    right: 0
}

.template-index:not(.searchact) .classicHeader:not(.sticky-header) #siteNav>li>a {
    color: #fff
}

.template-index:not(.searchact) .classicHeader:not(.sticky-header) #siteNav>li>a:hover {
    color: #fff;
    opacity: .8
}

.template-index:not(.searchact) .classicHeader:not(.sticky-header) #siteNav>li>a:after {
    background-color: #fff
}

.template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset, .template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset a {
    color: #fff
}

.template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset a:hover, .template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset:hover .icon, .template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset:hover .text {
    color: #fff;
    opacity: .8
}

.template-index:not(.searchact) .classicHeader:not(.sticky-header) .counter {
    background: #eee;
    color: #000
}

.template-index:not(.searchact) .classicHeader:not(.sticky-header) .js-mobile-nav-toggle .an {
    color: #fff
}

.template-index:not(.searchact) .classicHeader:not(.sticky-header) .sticky-logo {
    display: none
}

.template-index.searchact .classicHeader .default-logo, .template-index .classicHeader.sticky-header .default-logo {
    display: none
}

.header .header-main {
    min-height: 90px
}

.header .social-icons li .an {
    font-size: 14px
}

.header-2 .iconset .icon {
    font-size: 20px;
    min-width: 15px
}

.slideshow-wrapper, .slideshow .slide {
    position: relative
}

.slideshow .bottom-middle {
    height: 100%;
    padding-left: 60px;
    padding-right: 60px
}

.slideshow .bottom-middle .slideshow-content-in {
    top: auto;
    bottom: 50px;
    transform: none
}

.slideshow .bottom-left .slideshow-content-in {
    top: auto;
    left: 60px;
    bottom: 60px;
    transform: none
}

.slideshow .middle-right .slideshow-content-in {
    text-align: left;
    right: 10%;
    width: 600px;
    transform: translateY(-50%)
}

.slideshow .middle-left .slideshow-content-in {
    text-align: left;
    left: 17%
}

.slideshow .middle-bottom .slideshow-content-in {
    right: 14%;
    bottom: 8%;
    top: auto;
    transform: none
}

.slideshow-content-in {
    position: absolute;
    max-width: max-content;
    width: 100%;
    top: 50%;
    z-index: 3;
    left: 10%;
    transform: translateY(-50%)
}

.slideshow .wrap-caption {
    display: inline-block;
    padding: 25px
}

.slideshow--medium {
    height: 600px
}

.slideshow--large {
    height: 700px
}

.slideshow--xlarge {
    height: 900px
}

.slideshow .animation.style1 {
    opacity: 0;
    transition: all 1s 100ms;
    transform: scale(.8)
}

.slideshow .slick-active .animation.style1 {
    opacity: 1;
    transform: scale(1)
}

.slideshow .animation.style2 {
    opacity: 0;
    margin-bottom: -30px;
    transition: all 1s 0.1s
}

.slideshow .slick-active .animation.style2 {
    opacity: 1;
    margin-bottom: 0
}

.slideshow .animation.style3 {
    opacity: 0;
    transform: translateY(-15px);
    transition: all 0.8s 0.2s
}

.slideshow .slick-active .animation.style3 {
    opacity: 1;
    transform: translateY(0)
}

.slideshow .animation.style3 .ss-btnWrap {
    opacity: 0;
    transition: all 0.6s 0.4s;
    transform: translateY(10px)
}

.slideshow .slick-active .animation.style3 .ss-btnWrap {
    opacity: 1;
    transform: translateY(0)
}

.slideshow .slick-active .animation.style4 .ss-small-title {
    animation-delay: 0.3s;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-name: fadeInDown
}

.slideshow .slick-active .animation.style4 .ss-mega-title {
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown
}

.slideshow .slick-active .animation.style4 .ss-sub-title {
    animation-delay: 0.4s;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: fadeInUp
}

.slideshow .slick-active .animation.style4 .ss-btnWrap {
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInUp
}

.slideshow .ss-mega-title {
    color: #000;
    line-height: 1.1;
    text-shadow: 1px 1px 7px #fff0;
    margin: 0 0 10px
}

.slideshow .ss-sub-title {
    color: #000;
    margin-bottom: 20px;
    text-shadow: 1px 1px 4px #fff0;
    display: block
}

.slideshow .whiteText .ss-mega-title, .slideshow .whiteText .ss-sub-title, .slideshow .whiteText .ss-small-title {
    color: #fff;
    text-transform: none
}

.slideshow-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    z-index: 3
}

.slideshow .slick-slide img {
    width: 100%
}

.slideshow .btn-primary+.btn-primary {
    margin-left: 20px
}

.slideshow .whiteText .btn-primary {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.slideshow .whiteText .btn-primary:hover, .slideshow .whiteText .btn-primary:focus {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.slideshow .slick-prev, .slideshow .slick-next {
    line-height: normal;
    font-size: 0;
    padding: 0;
    border: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #fff0;
    transition: all 0.2s ease-out
}

.slideshow .btn-outline-primary {
    background-color: transparent !important
}

.slideshow .btn-outline-primary:hover {
    background-color: #000 !important
}

.slideshow .whiteText .btn-outline-primary {
    color: #fff;
    border-color: #fff;
    background-color: transparent !important
}

.slideshow .whiteText .btn-outline-primary:hover {
    color: #000;
    border-color: #fff;
    background-color: #fff !important
}

.slideshow:hover .slick-prev, .slideshow:hover .slick-next {
    opacity: 1;
    visibility: visible
}

.slideshow .slick-prev {
    left: 30px
}

.slideshow .slick-next {
    right: 30px
}

.slideshow .slick-next:before {
    content: "\ea8c";
    font-family: "annimex-icons";
    color: #fff
}

.slideshow .slick-prev:before {
    content: "\ea8b";
    font-family: "annimex-icons";
    color: #fff
}

.slideshow .slick-prev:before, .slideshow .slick-next:before {
    font-size: 25px;
    line-height: 25px
}

.slideshow .btn {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.slideshow .btn:hover {
    color: #fff;
    background-color: #f4857b;
    border-color: #f4857b
}

.slideshow .slick-dots {
    margin: 0;
    width: auto;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 30px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%)
}

.slideshow .slick-dots li {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    margin-right: 8px
}

.slideshow .slick-dots li button {
    color: #fff0;
    line-height: 0;
    font-size: 0;
    background: #fff0;
    display: block;
    cursor: pointer;
    color: #fff;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    padding: 0;
    border-radius: 100%;
    border: #fff solid 2px;
    transition: all 0.2s;
    opacity: 1
}

.slideshow .slick-dots li.slick-active button {
    background-color: #fff
}

.slideshow img.mobile-hide {
    display: none
}

.slideshow .blue-bg {
    background-color: #92c6ee
}

.slideshow .blue-bg .btn {
    background: #69a6d5;
    border-color: #69a6d5;
    color: #fff
}

.slideshow .blue-bg .btn:hover, .slideshow .blue-bg .btn:focus {
    opacity: .8
}

.slideshow .pink-bg {
    background-color: #e89db4
}

.slideshow .pink-bg .btn {
    background: #d8839d;
    color: #fff;
    border-color: #d8839d
}

.slideshow .pink-bg .btn:hover, .slideshow .pink-bg .btn:focus {
    opacity: .8
}

.slideshow .bright-blue-bg {
    background-color: #3c92bd
}

.slideshow .bright-blue-bg .btn {
    background: #257096;
    border-color: #257096;
    color: #fff
}

.slideshow .bright-blue-bg .btn:hover, .slideshow .bright-blue-bg .btn:focus {
    opacity: .8
}

.slideshow .lighter-pink-bg {
    background-color: #ea895f
}

.slideshow .lighter-pink-bg .btn {
    background: #d1683b;
    color: #fff;
    border-color: #d1683b
}

.slideshow .lighter-pink-bg .btn:hover, .slideshow .lighter-pink-bg .btn:focus {
    opacity: .8
}

.mega-subtitle ul {
    list-style: none;
    padding: 0;
    margin: 15px 0
}

.mega-subtitle li {
    line-height: 1.5;
    position: relative;
    padding-left: 20px
}

.mega-subtitle li:before {
    position: absolute;
    left: 0;
    content: "\ea7f";
    font-family: "annimex-icons";
    font-size: 14px;
    top: 50%;
    margin-top: -10px
}

.video-sec {
    position: relative;
    font-size: 0
}

.video-text {
    position: absolute
}

.video-text .ttl {
    color: #fff;
    font-size: 40px;
    display: block;
    margin-bottom: 15px
}

.video-popup-content .mfpbox {
    padding: 0;
    max-width: 100%;
    box-shadow: none
}

.video-popup-content .an {
    font-size: 70px;
    border-radius: 50%;
    opacity: .8;
    color: #fff;
    position: absolute;
    box-shadow: 0 0 0 0 rgb(255 255 255 / .7);
    animation: video-button 1.25s cubic-bezier(.66, 0, 0, 1) infinite
}

.video-popup-content .an:hover {
    color: #5aa2de
}

@keyframes video-button {
    to {
        box-shadow: 0 0 0 45px #fff0
    }
}

.tab-slider-product.section .section-header {
    margin-bottom: 20px
}

.tab-slider-product .tabs {
    border: 0;
    margin: 0 0 30px;
    padding: 0
}

.tab-slider-product .tabs>li {
    float: none;
    display: inline-block;
    margin: 0 2px;
    cursor: pointer
}

.tab-slider-product .tabs>li {
    background: none;
    border: 0;
    text-transform: none;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 20px
}

.tab-slider-product .tabs>li.active {
    color: #fff;
    background: #000
}

.tab-slider-product .tabs li:hover, .tab-slider-product .tabs li:focus {
    color: #fff;
    opacity: 1;
    background: #000
}

.tab-slider-product .tab_container {
    clear: both;
    width: 100%;
    background: #fff
}

.tab-slider-product .tab_content {
    display: none
}

.tab-slider-product .tab_drawer_heading {
    display: none
}

.tab_container .grid-products .slick-arrow {
    width: 30px
}

.tabs-style2.tabs>li {
    color: #555;
    font-size: 13px;
    margin: 0 12px;
    position: relative;
    padding: 0;
    text-transform: uppercase;
    font-weight: 600
}

.tabs-style2.tabs>li:after {
    width: 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 1;
    background: #111;
    transition: all 0.3s ease-in-out
}

.tabs-style2.tabs>li.active:after {
    width: 100%
}

.tabs-style2.tabs>li:hover:after {
    width: 100%;
    opacity: 1
}

.tabs-style2.tabs>li.active, .tabs-style2.tabs>li:hover {
    color: #000;
    background-color: #fff0
}

.tabs-style3.tabs>li {
    font-size: 16px;
    border: #fff0 solid 1px;
    padding: 5px 20px
}

.tabs-style3.tabs>li.active {
    color: #333;
    border-bottom: 1px solid #333;
    background: #fff;
    border-radius: 0
}

.tabs-style3.tabs li:hover, .tab-slider-product .tabs li:focus {
    color: #000;
    opacity: 1;
    background: #fff
}

.tab-slider-product-style2 .tabs>li {
    color: #848484;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 10px
}

.tab-slider-product-style2 .tabs>li.active {
    color: #000;
    background: #fff0
}

.tab-slider-product-style2 .tabs>li:hover {
    color: #000;
    background-color: #fff0
}

.background-parallax {
    background-attachment: fixed !important
}

.parallax-banner-style1 .hero--exlarge, .bgFixed {
    background-attachment: fixed !important
}

.parallax-banner-style3 .hero .hero__inner .wrap-text {
    position: relative;
    background-color: rgb(255 255 255 / .7);
    padding: 40px
}

.parallax-banner-style4 .hero .hero__inner .wrap-text {
    position: relative;
    padding: 40px;
    background-color: rgb(255 255 255 / .9);
    max-width: 395px
}

.parallax-banner-style4 .hero .text-small .mega-subtitle {
    color: #444;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .09em
}

.parallax-banner-style4 .hero .text-small .mega-title {
    color: #444;
    font-size: 31px;
    letter-spacing: 0;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 20px
}

.parallax-banner-style4 .hero .saleTime span>.count-inner {
    height: 66px;
    width: 66px;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    background: #444;
    border: #444 dashed 1px
}

.parallax-banner-style4 .hero .hero__inner span {
    margin-bottom: 0
}

.parallax-banner-style4 .hero .saleTime {
    margin: 0 0 20px
}

.parallax-banner-style4 .hero .saleTime span>span span {
    color: #fff
}

.parallax-banner-style4 .hero .hero__inner .details {
    color: #444;
    font-size: 14px;
    margin: 0 0 20px
}

.parallax-banner-style5 .hero .mega-subtitle {
    color: #bf1616;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .08em
}

.parallax-banner-style5 .hero .mega-title {
    font-size: 47px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .07em;
    margin-bottom: 20px
}

.parallax-banner-style5 .hero .saleTime span>.count-inner {
    height: 70px;
    width: 70px;
    color: #090a0a;
    background: #fafafa;
    border: #b7b6b6 dashed 1px;
    border-radius: 0
}

.parallax-banner-style5 .hero .saleTime span>span span {
    color: #090a0a
}

.parallax-banner-style5 .hero .hero__inner .details {
    font-size: 17px;
    line-height: 1.5;
    margin: 15px 0 30px
}

.hero {
    position: relative;
    height: 475px;
    display: table;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: scroll
}

.hero__inner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 35px 0;
    color: #000;
    z-index: 2;
    text-align: center
}

.hero[data-stellar-background-ratio] {
    background-attachment: fixed
}

.hero .text-small .mega-title {
    font-size: 35px;
    font-weight: 700
}

.hero .text-small .mega-subtitle {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px
}

.hero .hero__inner span {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 10px;
    display: inline-block
}

.hero .hero__inner .details {
    font-size: 18px;
    margin-bottom: 25px
}

.hero .saleTime {
    position: static
}

.hero .saleTime span>.count-inner {
    color: #2a7467;
    background: #cde0c0;
    border: #cde0c0 dashed 1px;
    height: 75px;
    width: 75px;
    max-width: inherit;
    min-width: inherit;
    border-radius: 50%;
    padding: 4px 4px;
    margin: 0 4px;
    line-height: normal;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.hero .saleTime span>span span {
    background: none;
    color: #2a7467;
    max-width: inherit;
    min-width: inherit;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: normal;
    padding: 0;
    margin: 0
}

.hero .saleTime .time-count {
    font-size: 18px;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:990px) {
    .hero__inner .wrap-text {
        max-width: 500px
    }
}

.hero--xlarge {
    height: 800px
}

.hero--large {
    height: 600px
}

.hero--exlarge {
    height: 900px
}

.hero--medium {
    height: 450px
}

.hero--small {
    height: 380px
}

.hero .text-large .mega-title {
    font-size: 50px
}

.hero__inner .center {
    text-align: center;
    margin: 0 auto
}

.hero .hero__inner .wrap-text.left {
    float: left
}

.hero .hero__inner .wrap-text.right {
    float: right
}

.hero .text-large .mega-subtitle {
    font-size: 23px
}

.hero .mega-subtitle {
    margin-bottom: 25px
}

.hero .font-bold .mega-title {
    font-weight: 700
}

.hero__inner .right {
    float: right;
    text-align: center
}

.hero .text-medium .mega-title {
    font-size: 35px
}

.hero .text-medium .mega-subtitle {
    font-size: 18px
}

@media (min-width:767px) {
    .hero .hero__inner .wrap-text {
        max-width: 540px;
        padding: 20px;
        margin: 0 auto
    }

    .medical-demo .hero .hero__inner .wrap-text {
        max-width: 400px
    }
}

.hero .hero__inner .wrap-text:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: -1
}

.hero .hero__inner .wrap-text.topleft {
    position: absolute;
    left: 5%;
    top: 10%
}

.hero .hero__inner .wrap-text.bottomleft {
    position: absolute;
    left: 5%;
    bottom: 10%
}

.hero .hero__inner .wrap-text.bottomright {
    position: absolute;
    right: 5%;
    bottom: 10%
}

.featured-content .featured-text.right {
    padding-left: 60px
}

.featured-content .featured-text h2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.5px;
    text-transform: none
}

.featured-content .featured-text p {
    font-size: 16px;
    margin-bottom: 20px
}

.featured-content .featured-content-bg {
    margin-top: 60px !important
}

.featured-content .featured-content-bg .display-table-cell {
    padding: 0
}

.featured-content .featured-content-bg .display-table-cell:first-of-type {
    background-color: #f4f4f4;
    text-align: center;
    padding: 60px
}

.f-image {
    width: 100%;
    display: block
}

.featured-content.style1 .f-text {
    color: #fff;
    padding: 15px 45px;
    margin: 0 auto;
    max-width: 90%;
    width: 100%
}

.featured-content.style1 .blue-bg {
    background-color: #609fef
}

.featured-content.style1 .pinch-bg {
    background-color: #fd6d61
}

.featured-content.style1 .gold-bg {
    background-color: #d4ae7a
}

.featured-content.style1 .light-blue-bg {
    background-color: #6878be
}

.featured-content.style1 .light-pinch-bg {
    background-color: #f09984
}

.featured-content.style1 .f-item:not(.white-bg) h3 {
    color: #fff
}

.featured-content.style1 .f-item:not(.white-bg) .btn {
    background-color: #0000004d;
    border-color: #0000;
    color: #fff;
    font-weight: 600
}

.featured-content.style1 .f-item:not(.white-bg) .btn:hover {
    background-color: #0000004d;
    border-color: #0000;
    color: #fff;
    opacity: .8
}

.featured-content.style1 .green-bg {
    background-color: #5dcac4
}

.featured-content.style1 .white-bg {
    color: #000;
    background-color: #fff;
    font-size: 15px
}

.featured-content.style1 .white-bg .f-text {
    color: #222
}

.featured-content.style1 .deal-text {
    font-size: 13px
}

.featured-content.style1 .product-review .an {
    font-size: 14px
}

.section.newsletter-section {
    background: url(../images/parallax/newsletter-bg.jpg) center center / cover no-repeat;
    padding: 75px 0;
    background-attachment: fixed;
    background-color: #f5f5f5
}

.newsletter-section .section-header {
    margin-bottom: 20px;
    color: #fff
}

.newsletter-section .section-header h2 {
    color: #fff
}

.newsletter-section .newsletter-form .newsletter-input {
    border: 0;
    background-color: #fff
}

.newsletter-form .input-group__field, .newsletter-form .input-group__btn {
    display: table-cell;
    vertical-align: middle;
    margin: 0
}

.newsletter-form .input-group__btn {
    white-space: nowrap;
    width: 1%
}

.testimonial-slider.style1 {
    background: url(../images/testimonial-bg.jpg) no-repeat;
    background-size: cover
}

.quote-wraper .slick-list {
    margin: 0 -10px
}

.quote-wraper .slick-slide {
    margin: 0 10px
}

.quote-wraper .quotes-slide {
    background-color: #fff;
    padding: 30px
}

.quote-wraper .testimonial-image {
    text-align: center;
    margin-bottom: 20px
}

.quote-wraper .authour {
    margin-bottom: 0
}

.quote-wraper .testimonial-image img {
    margin: 0 auto;
    max-height: 100px;
    max-width: 100px;
    border-radius: 100%
}

.quote-wraper blockquote {
    border: 0;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.7
}

.quotes-slider__text {
    color: #666;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    font-style: normal;
    padding: 0
}

.quote-wraper .authour {
    color: #666;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 18px
}

.quotes-slider__text p {
    margin-bottom: 10px
}

.quotes-slider__text .cmp-name {
    margin-bottom: 0
}

.quote-wraper .product-review {
    color: rgb(210 135 108 / .8);
    margin-bottom: 10px
}

.quote-wraper .slick-arrow {
    margin-top: -10px;
    height: 35px;
    line-height: 34px;
    width: 35px;
    text-align: center;
    font-size: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out
}

.quote-wraper .slick-arrow:before {
    line-height: 35px
}

.quote-wraper:hover .slick-arrow {
    opacity: 1;
    visibility: visible
}

.quote-wraper .slick-prev {
    left: -10px
}

.quote-wraper .slick-next {
    right: -10px
}

.quote-wraper .slick-dots {
    margin-top: 20px
}

.testimonial-style2 {
    background-color: #f7f7f7
}

.testimonial-style2 .section-header {
    margin: 0
}

.quotes-slider-style2 .slick-list, .quotes-slider-style2 .slick-slide {
    margin: 0
}

.quotes-slider-style2 blockquote {
    font-size: 16px;
    line-height: 30px;
    border: 0;
    max-width: 870px;
    margin: 0 auto
}

.quotes-slider-style2 .quotes-slide {
    padding: 20px
}

.quotes-slider-style2 .rte-setting:before {
    font-size: 60px
}

.quotes-slider-style2 .slick-dots {
    margin: 0
}

.quotes-slider-style2 .slick-prev {
    left: 30px
}

.quotes-slider-style2 .slick-next {
    right: 30px
}

.quotes-slider-1item .quotes-slider__text {
    font-size: 16px;
    color: #444
}

.quotes-slider-1item .product-review {
    color: rgb(242 157 25 / .8);
    display: flex;
    justify-content: center;
    align-items: center
}

.quotes-slider-1item .product-review .an {
    font-size: 14px;
    margin: 0 2px
}

.quotes-slider-1item .authour {
    font-size: 15px;
    font-weight: 600;
    color: #444
}

.section.info-section {
    padding: 15px
}

.info-section {
    color: #fff;
    font-size: 16px;
    background-color: #111;
    padding: 20px 10px
}

.info-section a {
    color: #fff;
    letter-spacing: .5px
}

.info-section a:hover {
    color: #f06543
}

.simple-text-section {
    font-size: 22px;
    max-width: 950px;
    margin: 0 auto;
    font-weight: 400
}

.instagram-slider {
    margin-bottom: -7px
}

.instagram-section .slick-prev, .instagram-section .slick-next {
    background-color: rgb(255 255 255 / .6);
    opacity: 0;
    visibility: hidden
}

.instagram-section:hover .slick-prev, .instagram-section:hover .slick-next {
    opacity: 1;
    visibility: visible
}

.instagram-section .instagram-item, .instagram-grid .instagram-item {
    padding: 0
}

.instagram-section .instagram-item a, .instagram-grid .instagram-item a {
    position: relative;
    height: 100%;
    display: block;
    overflow: hidden;
    transition: all 0.4s ease
}

.instagram-section .instagram-item a img, .instagram-grid .instagram-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 800ms 0s ease;
    opacity: 1 !important
}

.instagram-section .instagram-item .ins-icon, .instagram-grid .instagram-item .ins-icon {
    font-size: 24px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s ease;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.instagram-grid .instagram-item .ins-icon .icon, .instagram-section .instagram-item .ins-icon .icon {
    font-size: 24px
}

.instagram-section .instagram-item:hover .ins-icon, .instagram-grid .instagram-item:hover .ins-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    z-index: 3
}

.instagram-section .instagram-item:hover a:before, .instagram-grid .instagram-item:hover a:before {
    content: "";
    background-color: rgb(0 0 0 / .5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.instagram-section .instagram-item:hover img, .instagram-grid .instagram-item:hover img {
    transform: scale(1.1, 1.1)
}

.instagram-grid ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.instagram-grid ul>li {
    list-style: none;
    padding: 0;
    margin: 0 0 10px
}

.instagram-grid .instagram-item {
    width: 16%;
    float: left
}

.instagram-grid-style2.instagram-grid ul {
    margin: -5px
}

.instagram-grid-style2.instagram-grid ul>li {
    margin: 0;
    padding: 5px
}

.instagram-grid-style2 .instagram-item {
    width: 20%;
    float: left;
    padding: 0
}

.instagram-grid-style3 .instagram-item {
    width: 16.66667%;
    padding: 0;
    margin: 0
}

.mini-product .column-ttl {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 25px
}

.mini-product .mini-list-item .grid-view-item__link, .mini-product .mini-list-item .mini-view_image img {
    width: 80px
}

.mini-product .mini-list-item {
    border: #eee solid 1px;
    padding-right: 10px;
    align-items: center;
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out
}

.mini-product .mini-list-item:hover {
    box-shadow: 0 0 5px #eee
}

.mini-list-item .grid-view-item__link, .mini-list-item .mini-view_image img {
    width: 70px;
    display: block
}

.collection-slider .collection-grid-item {
    margin: 0 10px;
    position: relative;
    text-align: center;
    overflow: hidden;
    width: auto !important
}

.collection-slider .collection-grid-item .img {
    position: relative;
    overflow: hidden
}

.collection-slider .collection-grid-item .img img {
    display: block;
    width: 100%;
    transition: all 0.4s ease-out
}

.collection-slider .collection-grid-item:hover .img img {
    transform: scale(1.1)
}

.collection-slider .slick-arrow {
    opacity: 0;
    visibility: hidden;
    width: 30px;
    height: 30px
}

.collection-slider:hover .slick-arrow {
    color: #000;
    opacity: 1;
    visibility: visible
}

.collection-slider .collection-grid .slick-prev {
    left: 10px
}

.collection-slider .collection-grid .slick-next {
    right: 10px
}

.collection-slider-full {
    background-color: #fafafa
}

.collection-slider-full .collection-grid-slider {
    padding: 0
}

.collection-slider-full .slick-prev {
    left: -20px
}

.collection-slider-full .slick-next {
    right: -20px
}

.collection-slider-full .collection-grid-slider .collection-item {
    position: relative
}

.collection-slider-full .collection-grid-slider .details {
    padding: 30px 10px;
    width: auto
}

.collection-slider-full .collection-grid-slider .details:before {
    display: none
}

.collection-slider-full .collection-grid-slider .details .collection-item-title {
    color: #333;
    font-weight: 500;
    font-family: "Poppins", Arial, Tahoma
}

.collection-slider-full .collection-item .img {
    border-radius: 100%
}

.collection-slider-full .collection-slider-4items.caption-on-image .slick-slide {
    padding: 15px
}

.collection-slider-full .collection-slider-4items.caption-on-image .collection-item {
    position: relative
}

.collection-slider-full .collection-slider-4items.caption-on-image .details {
    color: #000;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: auto;
    text-align: center;
    margin: 0 auto
}

.collection-slider-full .collection-slider-4items.caption-on-image .details.wd-70 {
    width: 70%
}

.collection-slider-full .collection-slider-4items.caption-on-image .details .collection-item-title {
    color: #333;
    margin-bottom: 5px
}

.collection-slider-full .collection-slider-4items.caption-on-image .details .inner {
    background: #fff;
    padding: 20px
}

.collection-slider-full .collection-slider-4items.caption-on-image .collection-item .img {
    position: relative;
    overflow: hidden
}

.collection-slider-full .collection-slider-4items.caption-on-image .collection-item .img img {
    display: block;
    width: 100%;
    transition: all 0.4s ease-out
}

.collection-slider-full .collection-slider-4items.caption-on-image .collection-item:hover .img img {
    transform: scale(1.1)
}

.logo-bar .slick-list {
    margin: 0 -10px
}

.logo-bar .slick-slide {
    padding: 0 10px
}

.logo-bar a {
    display: block;
    border: #eee solid 1px;
    padding: 10px
}

.logo-bar a:hover {
    border-color: #ddd
}

.logo-bar__item:hover {
    opacity: .9
}

.logo-bar .slick-arrow {
    transition: all 0.5s ease-in-out
}

.logo-bar:hover .slick-arrow {
    color: #000;
    opacity: 1
}

.logo-bar .slick-prev {
    left: -35px
}

.logo-bar .slick-next {
    right: -35px
}

.logo-bar .slick-slide img {
    margin: 0 auto
}

.logo-bar .slick-prev, .logo-bar .slick-next {
    text-align: center;
    font-size: 0;
    height: 30px;
    width: 30px;
    line-height: 29px;
    border-radius: 50%;
    opacity: 1 !important
}

.home-blog-post {
    padding: 50px 0
}

.home-blog-post-style1 {
    background-color: #fff
}

.blogpost-item {
    margin: 0 0 1px
}

.blogpost-item .post-thumb {
    display: block;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.blogpost-item .post-thumb img {
    display: block;
    width: 100%;
    transition: all 0.4s ease-out
}

.blogpost-item:hover .post-thumb img {
    transform: scale(1.1)
}

.blogpost-item .article-excerpt {
    font-size: 14px;
    margin-top: 10px
}

.blogpost-item .publish-detail {
    list-style: none;
    padding: 0;
    margin: 0
}

.blogpost-item .publish-detail li {
    display: inline-block;
    padding: 0
}

.blogpost-item .btn-small {
    background: none;
    border: 0;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #222
}

.blogpost-item .btn-small:hover {
    border-bottom: 1px solid #fff0
}

.blogpost-item .post-detail .excerpt {
    margin: 15px 0
}

.home-blog-post .slick-arrow {
    opacity: 0;
    visibility: hidden;
    width: 30px;
    height: 30px
}

.home-blog-post:hover .slick-arrow {
    color: #000;
    opacity: 1;
    visibility: visible
}

.home-blog-post .slick-list {
    margin-right: -10px;
    margin-left: -10px
}

.home-blog-post .slick-slide {
    margin-right: 10px;
    margin-left: 10px
}

.home-blog-post .slick-prev {
    left: -30px
}

.home-blog-post .slick-next {
    right: -30px
}

.home-blog-post-style1 .blogpost-item .post-detail .post-title {
    font-weight: 400;
    font-size: 15px
}

.home-blog-post-style1 .blogpost-item .post-thumb {
    margin-bottom: 20px
}

.home-blog-post-style1 .blogpost-item .publish-detail {
    font-size: 13px
}

.home-blog-post-style1 .blogpost-item .publish-detail li {
    padding: 0
}

.post-content h2 {
    margin-bottom: 10px
}

.store-features {
    background-color: #fff;
    padding: 30px 0
}

.store-info .an {
    float: left;
    margin: 0 15px 0 0;
    font-size: 40px;
    vertical-align: middle;
    display: block;
    width: 50px;
    text-align: center
}

.store-features.style1 .col i {
    background: #eee;
    width: 75px;
    height: 75px;
    line-height: 72px
}

.store-features.style1 .col:hover i {
    background: #f2f2f2
}

.store-features.style1 .store-info .an {
    float: none;
    margin: 0 auto
}

.store-features.style2 {
    background-color: #f9f9f9;
    margin-top: -5px;
    padding: 18px 0
}

.store-features.style2 i {
    width: auto;
    color: #5aa2de;
    font-size: 28px
}

.store-features.style3 {
    background-color: #92c6ee
}

.store-features.style3 .detail {
    font-size: 16px;
    margin: 20px 0 0
}

.store-features.style4 .store-info .an {
    margin: 0 0 16px 0;
    color: #7e7979;
    font-size: 42px
}

.store-features.style4 .detail {
    font-size: 13px
}

.store-features.small-icon .store-info .an {
    width: 30px;
    font-size: 20px
}

.custom-content-section .col-lg-6 {
    margin-bottom: 30px
}

.custom-content-section .section-header {
    margin-bottom: 10px
}

.custom-content-section .custom-details {
    text-align: center;
    max-width: 80%;
    margin: 0 auto
}

.custom-content-section .custom-details p {
    margin-bottom: 20px
}

.instagram-shop {
    margin-top: 20px
}

.instagram-shop .row {
    margin-left: -8px;
    margin-right: -8px
}

.instagram-shop .row .col-6 {
    padding: 0 8px;
    margin-bottom: 16px
}

.instagram-shop .insta-item img {
    display: block;
    transition: all 0.5s ease-out
}

.instagram-shop .insta-item {
    position: relative;
    display: block;
    overflow: hidden
}

.instagram-shop .insta-item:hover img {
    transform: scale(1.1)
}

.instagram-shop .insta-item:after {
    content: "\e931";
    font-family: "annimex-icons";
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 15px;
    background-color: rgb(0 0 0 / .18);
    border-radius: 100px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.instagram_gallery img {
    padding: 5px
}

.product-notification {
    display: block;
    width: 270px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 7px 2px rgb(158 158 158 / .2);
    margin: 10px;
    position: fixed;
    bottom: 0;
    animation: movebottom 15s infinite;
    z-index: 999
}

.product-notification img {
    height: 70px
}

.product-notification h5 {
    color: #666;
    font-size: 10px
}

.product-notification .pname {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px
}

.product-notification .detail {
    font-size: 11px;
    line-height: 1.2;
    margin: 0;
    color: #666
}

.product-notification .media-body {
    padding-left: 10px
}

.product-notification p {
    margin: 0 0 10px
}

.product-notification .close {
    font-size: 13px !important;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 6px;
    z-index: 99
}

@keyframes movebottom {
    0% {
        display: block;
        bottom: -200px
    }

    25% {
        bottom: 0
    }

    75% {
        bottom: 0
    }

    100% {
        display: none;
        bottom: -200px
    }
}

.collection-banners {
    margin-top: 20px
}

.collection-banners .row {
    margin-left: -10px;
    margin-right: -10px
}

.collection-banners .row .banner-item {
    padding-left: 10px;
    padding-right: 10px
}

.collection-banners .collection-grid-item {
    position: relative;
    overflow: hidden
}

.collection-banners .collection-grid-item img {
    display: block;
    width: 100%;
    transition: all 0.5s ease-out
}

.collection-banners .collection-grid-item:hover img {
    transform: scale(1.1)
}

.collection-banners .collection-grid-item h5 {
    position: absolute;
    top: inherit;
    bottom: 25px;
    left: 0;
    color: #fff;
    font-size: 20px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.collection-banners .collection-grid-item h5 span {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0c1b54;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    min-width: 175px;
    font-family: Jost, sans-serif;
    text-transform: capitalize
}

.collection-banners .details {
    background-color: #fff;
    color: #000;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 20px;
    right: 0;
    padding: 20px;
    text-align: center
}

.collection-banners .details .title {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase
}

.collection-banners .details .btn {
    font-size: 12px;
    padding: 5px 15px;
    margin-top: 10px
}

.banner-item:after, .collection-page-item:after {
    content: "";
    display: block;
    clear: both
}

.banner-item, .collection-page-item {
    float: left;
    margin-bottom: 20px
}

.banner-item img, .collection-page-item img {
    display: block;
    max-width: 100%
}

.grid-sizer, .banner-item, .collection-page-item {
    max-width: 50%
}

@media only screen and (min-width:1200px) {
    .grid-sizer.grid-5col, .grid-categorys .grid-5col .cl-item {
        width: 20%
    }

    .grid-sizer.grid-7col, .grid-categorys .grid-7col .cl-item {
        width: 14.28571%
    }
}

.collection-grid-item__title {
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    margin: 0;
    display: block
}

.collection-grid-item .counts {
    color: #333;
    font-size: 13px;
    opacity: .7;
    display: block;
    margin-top: 7px
}

.collection-grid-item .details {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 15px;
    width: 100%;
    transition: all 0.3s ease-out
}

.collection-grid-item .details {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 1;
    text-align: center
}

.collection-grid-item .details:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1
}

.collection-grid-item .details.middle {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50% !important;
    transform: translateY(-50%)
}

.collection-grid-item .details.top {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 10px !important;
    bottom: auto;
    transform: none
}

.collection-grid-item .details.bottom {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: 10px !important;
    transform: none;
    height: auto;
    padding: 0
}

.collection-grid-item .details .inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding: 0
}

.collection-banners.style0 .collection-grid-item .details {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 1;
    padding: 15px;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease-out
}

.collection-banners.style0 .collection-grid-item .details:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1
}

.collection-banners.style0 .collection-grid-item:hover .details {
    opacity: .8
}

.collection-banners.style0 .collection-grid-item .details .inner {
    position: static
}

.collection-banners.style1 .collection-grid-item a {
    display: block
}

.collection-banners.style1 .collection-grid-item a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.collection-banners.style1 .collection-grid-item .overlay {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    transition: all 0.3s ease-out
}

.collection-banners.style1 .collection-grid-item:hover .overlay {
    visibility: visible;
    opacity: 1
}

.collection-banners.style1 .collection-grid-item .details {
    opacity: 1;
    visibility: visible;
    height: auto;
    top: auto;
    width: 80%
}

.collection-banners.style1 .collection-grid-item .details.bottom-right {
    bottom: 20px;
    right: 20px;
    left: auto;
    text-align: left;
    width: auto;
    transform: none
}

.collection-banners.style1 .collection-grid-item .details.bottom-left {
    bottom: 20px;
    left: 20px;
    right: auto;
    text-align: left;
    width: auto;
    transform: none
}

.collection-banners.style1 .collection-grid-item .title {
    color: #4e6275;
    font-size: 24px;
    font-weight: 700
}

.collection-banners.style1 .collection-grid-item .title.large-title {
    font-size: 60px
}

.collection-banners.style1 .collection-grid-item .white-text .btn--link {
    color: #fff;
    font-size: 14px;
    border-bottom: 2px solid #fff;
    display: inline-block;
    padding: 0 0 5px 0
}

.collection-banners.style1 .collection-grid-item .white-text .btn--link:hover {
    opacity: .8
}

.collection-banners.style1 .collection-grid-item .white-text, .collection-banners.style1 .collection-grid-item .white-text .title {
    color: #fff;
    background-color: #fff0
}

.collection-banners.style1 .collection-grid-item .details.transparent {
    background-color: #fff0
}

.collection-banners.style1 .collection-grid-item .details:before {
    display: none
}

.collection-banners.style1 .collection-grid-item .details .inner {
    position: static;
    transform: none
}

.collection-banners.style1 .collection-banners .details p {
    margin-top: 10px
}

.collection-banners.style2 .collection-grid-item .details {
    text-align: center;
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 0;
    height: auto;
    transform: translateY(100%)
}

.collection-banners.style2 .collection-grid-item:hover .details {
    transform: translateY(0)
}

.collection-banners.style2 .collection-grid-item__title, .collection-banners.style3 .collection-grid-item__title {
    font-size: 15px
}

.collection-banners.style3 .collection-page-item {
    margin-bottom: 30px
}

.collection-banners.style3 .collection-grid-item .details {
    color: #000;
    position: relative;
    opacity: 1;
    visibility: visible;
    background: #f5f5f5
}

.collection-banners.style3 .collection-grid-item .details:before, .collection-banners.style4 .collection-grid-item .details:before, .collection-banners.style5 .collection-grid-item .details:before, .collection-banners.style6 .collection-grid-item .details:before {
    display: none
}

.collection-banners.style3 .collection-grid-item .collection-grid-item__title, .collection-banners.style3 .collection-grid-item .counts {
    color: #000
}

.collection-banners.style4 .collection-grid-item .details, .collection-banners.style5 .collection-grid-item .details, .collection-banners.style6 .collection-grid-item .details {
    padding: 10px;
    width: auto;
    height: auto;
    top: auto;
    bottom: 15px;
    left: 15px;
    right: 15px;
    opacity: 1;
    visibility: visible;
    background: rgb(255 255 255 / .8);
    transform: translateX(0)
}

.collection-banners.style4 .collection-grid-item__title, .collection-banners.style5 .collection-grid-item__title, .collection-banners.style6 .collection-grid-item__title {
    color: #000;
    font-size: 15px
}

.collection-banners.style6 .collection-grid-item .details {
    background: #000;
    position: static
}

.collection-banners.style6 .collection-grid-item__title {
    color: #fff
}

.collection-banners.style7 .collection-grid-item .details {
    opacity: 1;
    visibility: visible;
    bottom: 30px !important;
    background-color: #fff0
}

.collection-banners.style7 .collection-grid-item .details:before {
    opacity: 0
}

.collection-banners.style7 .collection-grid-item .details .inner {
    color: #000;
    background: #fff;
    display: inline-block;
    padding: 12px 20px;
    transform: none
}

.collection-banners.style7 .collection-grid-item .details .title {
    font-size: 14px;
    font-weight: 600
}

.collection-banners.style7 .collection-grid-item .details .btn--link {
    font-size: 13px;
    color: #fff;
    border-bottom: 2px solid #fff;
    display: inline-block;
    padding: 0 0 5px 0
}

.collection-banners.style8 .collection-grid-item .details {
    opacity: 1;
    visibility: visible;
    background-color: #fff0;
    width: auto;
    height: auto;
    top: auto !important;
    bottom: auto !important;
    left: auto;
    right: auto;
    transform: none
}

.collection-banners.style8 .collection-grid-item .details:before {
    opacity: 0
}

.collection-banners.style8 .collection-grid-item .details .inner {
    font-size: 15px;
    letter-spacing: normal;
    padding: 0;
    top: auto;
    transform: none
}

.collection-banners.style8 .collection-grid-item .btn--link {
    color: #fff;
    font-size: 12px;
    border-bottom: 2px solid #fff;
    display: inline-block;
    padding: 0 0 5px 0
}

.collection-banners.style8 .collection-grid-item .black-link .btn--link {
    color: #444;
    border-color: #444
}

.collection-banners.style8 .details.center-left {
    text-align: left;
    top: 50% !important;
    left: 25px;
    transform: translateY(-50%)
}

.collection-banners.style8 .details.center-right {
    text-align: left;
    top: 50% !important;
    right: 20px;
    transform: translateY(-50%)
}

.collection-banners.style8 .details.center-bottom {
    width: 100%;
    bottom: 20px !important;
    left: 50%;
    transform: translateX(-50%)
}

.collection-banners.style8 .details.center-middle {
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%)
}

.collection-banners.style8 .details.top-left {
    width: 38%;
    text-align: left;
    top: 35px !important;
    left: 35px
}

.collection-banners.style8 .details.top-center {
    width: 60%;
    top: 20px !important;
    left: 50%;
    transform: translateX(-50%)
}

.collection-banners.style8 .details.bottom-left {
    width: 60%;
    text-align: left;
    bottom: 20px !important;
    left: 20px
}

.collection-banners.style8 .details.bottom-right {
    width: 50%;
    text-align: left;
    bottom: 20px !important;
    right: 20px
}

.collection-banners.style8 .collection-grid-item.banner3 .details .title {
    font-size: 40px
}

.collection-banners.style8 .collection-grid-item.banner4 .details .title {
    font-size: 20px
}

.category-6col-page .container-fluid, .category-7col-page .container-fluid {
    padding: 0
}

.collection-banners.style5 .collection-grid-item__title {
    font-family: "Montserrat", sans-serif
}

.collection-box {
    background-color: #f5f5f5
}

.collection-grid-slider .slick-list {
    margin: 0 -15px
}

.collection-grid-slider .slick-slide {
    margin: 0 15px
}

.collection-grid-slider .collection-item .img {
    position: relative;
    overflow: hidden
}

.collection-grid-slider .collection-item .img img {
    display: block;
    width: 100%;
    transition: all 0.4s ease-out
}

.collection-grid-slider .collection-item:hover .img img {
    transform: scale(1.1)
}

.collection-grid-slider .details {
    z-index: 1;
    position: relative;
    padding: 15px;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease-out
}

.collection-grid-slider .details:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #111;
    opacity: 1;
    z-index: -1
}

.collection-grid-slider .details .collection-item-title {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0
}

.collection-grid-slider .slick-arrow {
    background-color: #fff0;
    opacity: 0;
    visibility: hidden
}

.collection-grid-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible
}

.collection-banner-grid {
    background-color: inherit
}

.collection-banner-grid .collection-item {
    margin-bottom: 30px
}

.collection-banner-grid .details {
    background-color: rgb(88 195 141 / .7);
    padding: 15px;
    text-align: center
}

.collection-banner-grid .collection-item-title {
    font-size: 15px
}

.collection-slider-4items .slick-list {
    margin-left: -5px;
    margin-right: -5px
}

.collection-slider-4items .slick-slide {
    padding: 5px
}

.collection-slider-4items .slick-arrow {
    background-color: rgb(255 255 255 / .9)
}

.collection-slider-4items .slick-prev {
    left: 0
}

.collection-slider-4items .slick-next {
    right: 0
}

.collection-slider.background-none .details .collection-item-title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding-top: 10px
}

.collection-slider.background-none .details:before {
    display: none
}

.collection-slider.background-none .slick-prev {
    left: -20px
}

.collection-slider.background-none .slick-next {
    right: -20px
}

.shop-sub-collections .grid-categorys .category-item .details {
    padding-bottom: 0
}

.grid-mr-50 {
    margin: -25px
}

.grid-mr-50 .cl-item, .collection-banners .grid-mr-30 .cl-item {
    padding: 25px;
    margin-bottom: 0 !important
}

.grid-mr-30 {
    margin: -15px
}

.grid-mr-30 .cl-item, .collection-banners .grid-mr-30 .cl-item {
    padding: 15px;
    margin-bottom: 0 !important
}

.grid-mr-20 {
    margin: -10px
}

.grid-mr-20 .cl-item, .collection-banners .grid-mr-20 .row .banner-item {
    padding: 10px;
    margin-bottom: 0 !important
}

.grid-mr-15 {
    margin: -7.5px
}

.grid-mr-15 .cl-item, .collection-banners .grid-mr-15 .row .banner-item {
    padding: 7.5px;
    margin-bottom: 0 !important
}

.grid-mr-10 {
    margin: -5px
}

.grid-mr-10 .cl-item, .collection-banners .grid-mr-10 .row .banner-item {
    padding: 5px;
    margin-bottom: 0 !important
}

.grid-mr-5 {
    margin: -2.5px
}

.grid-mr-5 .cl-item, .collection-banners .grid-mr-5 .row .banner-item {
    padding: 2.5px;
    margin-bottom: 0 !important
}

.grid-mr-0 {
    margin: 0
}

.grid-mr-0 .cl-item, .collection-banners .grid-mr-0 .row .banner-item {
    padding: 0 0;
    margin-bottom: 0 !important
}

.grid-categorys .category-item .category-title {
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    margin: 0;
    display: block
}

.grid-categorys .category-item .counts {
    color: #333;
    font-size: 13px;
    opacity: .7;
    display: block;
    margin-top: 7px
}

.grid-categorys .category-item .details {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 6px;
    width: 100%;
    transition: all 0.3s ease-out;
    bottom: 0;
    left: 30px
}

.grid-categorys .style1 .category-grid-item .details {
    background: rgb(0 0 0 / .77);
    text-align: center;
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 0;
    height: auto;
    transform: translateY(100%)
}

.grid-categorys .style1 .category-grid-item:hover .details {
    transform: translateY(0)
}

.grid-categorys .style1 .category-grid-item .category-title, .grid-categorys .style1 .category-grid-item .counts {
    color: #fff
}

.grid-categorys .style2 .category-grid-item .details {
    color: #333;
    background: #f5f5f5;
    justify-content: center;
    align-items: center;
    text-align: center
}

.grid-categorys .style2 .category-grid-item .category-title, .grid-categorys .style2 .category-grid-item .counts {
    color: #333
}

.grid-categorys .style2 .category-grid-item:hover .details {
    background: #f9f9f9
}

.grid-categorys .style3 .category-grid-item .details {
    background: rgb(255 255 255 / .88);
    padding: 10px;
    width: auto;
    height: auto;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: auto;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 2;
    transform: translateX(0)
}

.grid-categorys .style3 .category-grid-item .category-title {
    color: #000;
    font-size: 15px
}

.grid-categorys .style3 .category-grid-item:hover .details {
    background: #fff
}

.grid-categorys .style4 .category-grid-item .details {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 2
}

.grid-categorys .style4 .category-grid-item .details:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .77);
    z-index: -1
}

.grid-categorys .style4 .category-grid-item:hover .details {
    opacity: 1;
    visibility: visible
}

.grid-categorys .style4 .category-grid-item .category-title, .grid-categorys .style4 .category-grid-item .counts {
    color: #fff
}

.sub-collection.collection-slider-4items .slick-list {
    margin-left: 0;
    margin-right: 0
}

.sub-collection.collection-slider-4items .slick-slide {
    padding: 0
}

.imgBanners .inner * {
    transition: all 0.4s ease-in-out
}

.imgBanners .row {
    margin-left: -10px;
    margin-right: -10px
}

.imgBanners .row .img-banner-item {
    padding-left: 10px;
    padding-right: 10px
}

.imgBanners .inner {
    position: relative;
    overflow: hidden
}

.imgBanners .inner img {
    display: block;
    width: 100%
}

.imgBanners .imgBanner-grid-item {
    position: relative;
    overflow: hidden
}

.imgBanners .imgBanner-grid-item img {
    display: block;
    width: 100%;
    transition: all 0.5s ease-out
}

.imgBanners .imgBanner-grid-item:hover img {
    transform: scale(1.1)
}

.imgBanners .inner .ttl {
    background-color: rgb(255 255 255 / .8);
    color: #000;
    line-height: 25px;
    font-size: 17px;
    display: inline-block;
    padding: 10px 20px;
    max-width: 80%;
    position: absolute;
    z-index: 1
}

.imgBanners .inner.btmleft .ttl {
    left: 20px;
    bottom: 20px;
    text-align: left
}

.imgBanners .inner.topleft .ttl {
    left: 20px;
    top: 20px;
    text-align: left
}

.imgBanners .inner.topright .ttl {
    right: 20px;
    top: 20px;
    text-align: right
}

.imgBanners .inner.center .ttl {
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
    margin: 0 auto
}

.imgBanners .img-banner-item.last .imgBanner-grid-item {
    margin-bottom: 20px
}

.imgBanners .img-banner-item.last .imgBanner-grid-item+.imgBanner-grid-item {
    margin-bottom: 0
}

.imgBanners .details {
    display: inline-block;
    position: absolute;
    z-index: 1;
    padding: 15px;
    width: auto;
    background-color: #fff;
    text-align: center;
    transition: all 0.3s ease-out
}

.imgBanners .details .title {
    color: #000;
    margin-bottom: 5px
}

.imgBanners .details p {
    margin-bottom: 10px
}

.imgBanners .details .tt-small {
    display: block
}

.imgBanners .details .ttl {
    display: inline-block
}

.imgBanners .details.w-60 {
    width: 60%
}

.imgBanners .details.w-70 {
    width: 70%
}

.imgBanners .details.center {
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
    margin: 0 auto
}

.imgBanners .details.left {
    left: 20px;
    right: auto;
    bottom: 20px;
    text-align: left;
    margin: 0 auto
}

.imgBanners .details.right {
    left: auto;
    right: 20px;
    bottom: 20px;
    text-align: right;
    margin: 0 auto
}

.imgBanners .details.left-top {
    left: 20px;
    right: auto;
    bottom: auto;
    top: 30px;
    text-align: left;
    margin: 0 auto
}

.imgBanners.style2 {
    margin-top: 10px
}

.imgBanners.style2 .row {
    margin-left: -5px;
    margin-right: -5px
}

.imgBanners.style2 .banner-item {
    padding-right: 5px
}

.imgBanners.style2 .banner-item:nth-of-type(1) {
    padding-left: 0;
    margin-bottom: 0
}

.imgBanners.style2 .banner-item:nth-of-type(2) {
    padding-right: 0;
    padding-left: 5px;
    margin-bottom: 0
}

.imgBanners.style2 .details .title {
    font-size: 20px;
    margin: 0 0 5px
}

.imgBanners.style3 .details {
    background-color: #fff0
}

.imgBanners.style3 .details .title {
    color: #000;
    font-size: 24px;
    margin: 0;
    text-transform: uppercase
}

.imgBanners.style3 .details .tt-small {
    font-size: 14px;
    margin-bottom: 5px
}

.imgBanners.style4 .inner .img {
    position: relative;
    overflow: hidden
}

.imgBanners.style4 .details {
    position: static;
    text-align: center;
    width: 100%
}

.imgBanners.style4 .details .title {
    font-size: 26px;
    font-weight: 400
}

.imgBanners.style4 .imgBanner-grid-item:hover img {
    transform: none;
    opacity: .8
}

.imgBanners.style4 .details p {
    margin-bottom: 15px
}

.imgBanners.style5 .details {
    padding: 0;
    background-color: #fff0;
    transform: none
}

.imgBanners.style5 .details .ttl {
    margin: 0;
    background: #fff;
    font-size: 15px;
    display: inline-block;
    padding: 10px 20px
}

.imgBanners.style5 .row+.row {
    margin-top: 20px
}

.imgBanners.style5 .row+.row .col-12 {
    margin-bottom: 20px
}

.imgBanners.style6 {
    margin-top: 20px
}

.imgBanners.style6 .row .img-banner-item.last {
    margin-top: 20px
}

.imgBanners.style6 .inner .ttl {
    font-size: 15px;
    font-weight: 700;
    background-color: #fff0;
    padding: 5px 10px
}

.imgBanners.style7 .ttl {
    background-color: #fff0;
    line-height: normal
}

.imgBanners.style7 .ttl .tt-small {
    font-size: 14px;
    display: block
}

.imgBanners.style7 .ttl .tt-big {
    font-size: 23px;
    line-height: 35px
}

.imgBanners.style8 .img {
    position: relative;
    overflow: hidden
}

.imgBanners.style8 .details {
    position: static;
    width: 100%
}

.collection-banners.style2 .imgBanner-grid-item {
    position: relative
}

.collection-banners.style2 .imgBanner-grid-item .img {
    position: relative;
    overflow: hidden
}

.collection-banners.style2 .imgBanner-grid-item img {
    transition: all 0.4s ease-out
}

.collection-banners.style2 .imgBanner-grid-item:hover img {
    transform: scale(1.1)
}

.collection-banners.style2 .imgBanner-grid-item .details {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: -30px auto;
    background: #fff0;
    width: 100%;
    transform: none
}

.collection-banners.style2 .imgBanner-grid-item:hover .details {
    opacity: 1;
    visibility: visible
}

.breadcrumbs-wrapper {
    background: #f9f9f9;
    margin: 0 0 30px
}

.breadcrumbs-wrapper .container, .breadcrumbs-wrapper .container-fluid {
    padding-top: 10px;
    padding-bottom: 10px
}

.breadcrumbs a, .breadcrumbs span {
    color: #222;
    display: inline-block;
    padding: 0 3px 0 0;
    margin-right: 3px;
    font-size: 12px;
    font-family: Jost, sans-serif
}

.page-title h1 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 30px 0;
    text-align: center
}

.page.section-header {
    background: #f9f9f9;
    padding: 20px 0;
    margin-bottom: 30px
}

.collection-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.collection-hero__image {
    background-color: #f2f2f2;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    opacity: 1
}

.collection-hero__title-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

.collection-hero__title-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    visibility: hidden
}

.collection-hero__title {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    font-family: Jost, sans-serif
}

.collection-description {
    padding-top: 10px;
    padding-bottom: 10px
}

.collection-hero.large .collection-hero__image {
    height: 280px
}

.collection-hero.medium .collection-hero__image {
    height: 200px
}

.collection-hero .collection-hero__title.medium {
    font-size: 18px
}

.section {
    padding-top: 50px;
    padding-bottom: 50px
}

.section-header {
    position: relative;
    margin-bottom: 35px;
    text-align: center
}

.section-header h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 auto
}

.section-header p {
    margin: 5px 0 0;
    display: block;
    font-size: 15px;
    font-family: Montserrat, sans-serif;
}

.pb-section {
    padding-bottom: 50px
}

.pt-section {
    padding-top: 50px
}

.no-pb-section {
    padding-bottom: 0 !important
}

.no-pt-section {
    padding-top: 0 !important
}

.section-header.style2 h2 {
    font-size: 25px;
    letter-spacing: .06em
}

.section-header.style3 {
    padding-bottom: 15px
}

.section-header.style3:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    margin: 0 auto;
    height: 1px;
    width: 95%;
    max-width: 200px;
    background-color: #444
}

.section-header.style3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: 5px;
    width: 55px;
    background-color: #222;
    z-index: 1
}

@media only screen and (min-width:992px) {
    #page-content {
        min-height: 800px
    }
}

#pro-addtocart-popup {
    text-align: center;
    background: #fff;
    margin: 0 auto;
    padding: 20px;
    max-width: 425px;
    position: relative
}

#pro-addtocart-popup .mfp-close {
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    color: #222;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 18px
}

#pro-addtocart-popup .pro-img {
    max-width: 400px
}

#pro-addtocart-popup .pro-name {
    font-weight: 600
}

#pro-addtocart-popup .sku {
    color: #888
}

#pro-addtocart-popup .addcart-total {
    background-color: #f7f7f7
}

.slider-gp30.slick-slider .slick-list {
    margin: 0 -10px
}

.slider-gp30.slick-slider .slick-slide {
    padding: 0 10px
}

.productSlider.slick-slider .slick-list, .productPageSlider.slick-slider .slick-list, .productSlider-style2.slick-slider .slick-list {
    margin: 0 -10px
}

.productSlider.slick-slider .slick-slide, .productPageSlider.slick-slider .slick-slide, .productSlider-style2.slick-slider .slick-slide {
    margin: 0 10px
}

.grid-products a {
    text-decoration: none !important
}

@media only screen and (min-width:1025px) {
    .shop-grid-5 .grid-products .item.col-lg-2, .shop-grid-5 .item.col-xl-2 {
        flex: 0 0 20%;
        width: 20%
    }
}

@media only screen and (min-width:1540px) {
    .shop-grid-7 .grid-products .item.col-lg-2 {
        flex: 0 0 14.2222%;
        max-width: 14.2222%
    }
}

.grid-products .item .product-image .showVariantImg img {
    opacity: 0;
    visibility: hidden
}

.grid-products .item .product-image .showVariantImg .variantImg {
    visibility: visible;
    opacity: 1
}

.grid-products .item .product-image .showLoading {
    transition: 0.5s;
    animation: loader-rotate 0.8s linear infinite;
    background: none !important;
    border: rgb(100 100 100 / .5) solid 3px;
    border-top-color: rgb(100 100 100 / .5);
    border-radius: 100%;
    border-top-color: #fff;
    content: "";
    height: 34px !important;
    left: 50%;
    line-height: 1;
    margin-left: -17px;
    margin-top: -17px;
    pointer-events: none;
    position: absolute;
    top: 50% !important;
    width: 34px !important;
    z-index: 154 !important
}

.grid-products .item .product-image {
    position: relative;
    overflow: hidden;
    margin: 0 auto 15px;
    background: #f8f8f8
}

.grid-products .item .product-image>a {
    display: block;
    white-space: nowrap;
    opacity: 1
}

.grid-products .item .product-image img {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
    transition: all 0.4s ease-out
}

.grid-products .item .product-image .hover {
    visibility: hidden;
    opacity: 0;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.grid-products .item .product-image:hover .primary {
    opacity: 0
}

.grid-products .item .product-image:hover .hover:not(.variantImg) {
    opacity: 1;
    visibility: visible
}

.grid-view_image:hover .primary {
    opacity: 0;
    visibility: hidden
}

.grid-view_image:hover .hover:not(.variantImg) {
    opacity: 1;
    visibility: visible
}

.grid-products .item .product-details.text-left .product-name a, .grid-products .item .product-details.text-left .product-price .price {
    font-size: 14px
}

.add-to-cart-btn {
    margin: 10px 0
}

.add-to-cart-btn i {
    vertical-align: middle;
    padding-right: 2px
}

.add-to-cart-btn span {
    vertical-align: middle
}

.tab_container .grid-products.grid-products-style1 .item {
    padding: 0
}

.grid-products-style1 .slick-slide {
    margin-right: 15px;
    margin-left: 15px
}

.grid-products-style1 .item {
    border: #eee solid 1px;
    padding: 0
}

.grid-products-style1 .item:hover {
    border: #ddd solid 1px
}

.grid-products-style1 .item .product-details {
    padding: 10px
}

.grid-products-style1 .item .saleTime span {
    background-color: #efefef
}

.medical-demo .btn.soldOutBtn, .soldOutBtn {
    background-color: red
}

.grid-products.style2 {
    position: relative;
    text-align: center;
    transition: all 0.3s ease-out
}

.grid-products.style2 .item {
    position: relative;
    margin-bottom: 10px
}

.grid-products.style2 .item .overlay {
    background-color: #f5f5f5;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    transition: all 0.3s ease-out
}

.grid-products.style2 .item:hover .overlay {
    visibility: visible;
    opacity: 1
}

.grid-products.style2 .item.product-image {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.grid-products.style2 .item .product-details {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    transform: translateY(-50%);
    transition: all 0.3s ease-out
}

.grid-products.style2 .item:hover .product-details {
    opacity: 1;
    visibility: visible
}

.grid-products.style2 .item .button-set {
    width: 100%;
    display: block;
    font-size: 0;
    position: absolute;
    bottom: -20px;
    top: auto;
    left: 0;
    z-index: 444;
    transition: all 0.3s ease-out
}

.grid-products.style2 .item:hover .button-set {
    bottom: -10px;
    top: auto
}

.grid-products.style2 .item .product-review {
    margin-bottom: 10px
}

.grid-products.style2 .item .product-image {
    margin-bottom: 0
}

.button-set-top {
    font-size: 16px;
    line-height: 37px;
    top: 12px;
    right: 8px;
    z-index: 5;
    transition: all 0.3s ease-out
}

.grid-products .item:hover .button-set-top {
    top: 8px
}

.button-set-top .wishlist {
    background: none
}

.grid-products .item:hover .button-set-top .btn-icon.wishlist {
    color: #000;
    background: #fff
}

.grid-products .item .button-set-top .btn-icon.wishlist:hover {
    color: #fff;
    background-color: #111
}

.button-set-top .quick-view, .button-set-top .add-to-compare {
    visibility: hidden;
    opacity: 0
}

.grid-products .item:hover .button-set-top .quick-view, .grid-products .item:hover .button-set-top .add-to-compare {
    opacity: 1;
    visibility: visible
}

.button-set-bottom {
    transition: all 0.3s ease-out;
    visibility: hidden;
    opacity: 0;
    bottom: 10px;
    z-index: 5;
    left: 0;
    right: 0
}

.grid-products .item:hover .button-set-bottom {
    visibility: visible;
    opacity: 1;
    bottom: 15px
}

.button-set-bottom .btn {
    color: #000;
    background-color: #fff;
    border: 0
}

.button-set-bottom .btn:hover {
    color: #fff;
    background-color: #111;
    border: 0
}

.button-set-bottom .btn i {
    display: none
}

.grid-products .item:hover .button-set-top.style2 .wishlist {
    opacity: 1;
    visibility: visible;
    color: #fff;
    background-color: #000
}

.button-set-top.style2 .wishlist {
    visibility: hidden;
    opacity: 0
}

.button-set-top.style2 .btn-icon, .button-set-bottom.style2 .btn {
    color: #fff;
    background-color: #000;
    border-radius: 4px
}

.button-set-top.style2 .btn-icon:hover, .button-set-bottom.style2 .btn:hover {
    color: #fff;
    background-color: #141414
}

.grid-view_image .product-image>a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.slick-prev, .slick-next {
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    z-index: 9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-size: 0;
    padding: 6px 10px;
    cursor: pointer;
    background: #fff0;
    color: #fff0;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    opacity: 1
}

.slick-prev {
    left: 10px
}

.slick-next {
    right: 10px
}

.slick-prev:before, .slick-next:before {
    font-family: "annimex-icons";
    font-size: 20px;
    color: #222;
    opacity: .75;
    vertical-align: middle;
    display: block
}

.slick-prev:before {
    content: "\ea8b"
}

.slick-next::before {
    content: "\ea8c"
}

.arwOut3 .slick-prev {
    left: -30px
}

.arwOut3 .slick-next {
    right: -30px
}

.productSlider:hover .slick-arrow, .productPageSlider:hover .slick-arrow, .productSlider-style1:hover .slick-arrow, .productSlider-style2:hover .slick-arrow, .productSlider-style2:hover .slick-arrow, .productSlider-fullwidth:hover .slick-arrow {
    opacity: 1
}

.grid-products .slick-arrow {
    margin-top: -10px;
    width: 30px
}

.productPageSlider .slick-arrow {
    margin-top: -20px
}

.productSlider-style1 .slick-arrow, .productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev {
    margin-top: -10px
}

.productSlider .slick-arrow, .productPageSlider .slick-arrow, .productSlider-style1 .slick-arrow, .productSlider-style2 .slick-arrow, .productSlider-fullwidth .slick-arrow {
    padding: 6px 10px;
    opacity: 0;
    transition: all 0.5s ease-in-out
}

.productSlider .slick-next, .productPageSlider .slick-next, .productSlider-style1 .slick-next, .productSlider-style2 .slick-next, .productSlider-fullwidth .slick-next {
    right: -35px
}

.productSlider .slick-prev, .productPageSlider .slick-prev, .productSlider-style1 .slick-prev, .productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev {
    left: -35px
}

.grid-products .slick-slider .item, .grid-products.slick-slider .item {
    margin-bottom: 0
}

.product-labels {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1
}

.product-labels.rectangular .lbl {
    border-radius: 0
}

.product-labels.radius .lbl {
    border-radius: 3px
}

.product-labels.round .lbl {
    border-radius: 100px;
    width: 45px;
    height: 43px;
    line-height: 44px;
    padding: 0 10px
}

.product-labels .lbl {
    display: block;
    white-space: nowrap;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px
}

.product-labels .on-sale {
    right: 5px;
    background: #f54337
}

.product-labels .pr-label1, .product-labels .new {
    left: 5px;
    background: #01bad4
}

.product-labels .pr-label2, .product-labels .hot {
    left: 5px;
    background: #e9a400
}

.product-labels .pr-label3 {
    left: 5px;
    background: #81d53d
}

.product-labels .pr-label4 {
    left: 5px;
    background: #fb6c3e
}

.product-labels.rounded .lbl {
    border-radius: 50%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    word-break: break-all;
    justify-content: center;
    text-align: center;
    min-height: 50px;
    min-width: 50px
}

.grid-view-item--sold-out .grid-view-item__image {
    opacity: .5
}

.sold-out {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%
}

.sold-out span {
    color: #fff;
    font-size: 13px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-transform: uppercase;
    letter-spacing: .08em;
    text-align: center;
    background-color: red;
    width: 80%;
    margin: -20px auto;
    padding: 8px
}

.product-image:hover .variants.add {
    bottom: 5px
}

.button-set {
    position: absolute;
    right: 5px;
    top: 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    transition: all 0.5s ease-in-out
}

.button-set.style1 {
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: -10px;
    top: auto
}

.button-set.style2 {
    right: auto;
    left: 10px;
    width: 35px;
    text-align: center;
    bottom: 10px;
    top: auto
}

.button-set.style2 li .btn-icon {
    transform: scale(.9)
}

.button-set.style2 ul li, .button-set.style3 ul li {
    display: block
}

.button-set ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.button-set ul li {
    display: inline-block;
    vertical-align: middle
}

.button-set li .btn-icon {
    color: #fff;
    display: inline-block;
    outline: none;
    background-color: #111;
    position: relative;
    font-size: 14px;
    padding: 0;
    margin: 2px;
    width: 100%;
    height: 33px;
    width: 33px;
    line-height: 32px;
    text-align: center;
    border: #fff0 solid 2px
}

.button-set li .btn-icon.btn-square {
    line-height: 30px
}

.button-set li .btn-icon .icon {
    font-size: 14px
}

.grid-products .item:hover .button-set.style1 {
    bottom: 10px;
    top: auto;
    transition: all 0.3s ease-in-out
}

.grid-products .item:hover .button-set.style2 {
    bottom: 10px;
    top: auto;
    transition: all 0.3s ease-in-out
}

.grid-products .item:hover .button-set.style3 {
    bottom: auto;
    top: 10px;
    transition: all 0.3s ease-in-out
}

.grid-products .item:hover .button-set {
    top: 5px;
    opacity: 1;
    visibility: visible
}

a.quick-view, a.wishlist, .cartIcon, .add-to-compare {
    color: #000;
    background-color: #fff;
    border: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    margin-bottom: 5px
}

a.quick-view:hover, a.wishlist:hover, .cartIcon:hover, .variants.add button:hover, .add-to-compare:hover {
    color: #fff;
    background-color: #000;
    opacity: .8
}

.button-set .tooltip-label {
    height: 23px;
    position: absolute;
    top: -20px;
    left: 50%;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 21px;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    background: #000;
    color: #fff;
    border-radius: 0;
    padding: 1px 7px;
    white-space: nowrap;
    transform: translateX(-50%);
    border-radius: 3px;
    letter-spacing: 0
}

.button-set .tooltip-label:before {
    content: "";
    border: #fff0 solid 5px;
    border-top: 6px solid #000;
    bottom: -10px;
    margin-left: -3px;
    left: 50%;
    position: absolute
}

.button-set .btn-icon:hover .tooltip-label {
    opacity: 1;
    visibility: visible;
    top: -33px
}

.button-set.style2 .tooltip-label {
    left: 30px;
    top: 50% !important;
    height: 24px;
    top: 50%;
    transform: translateY(-50%)
}

.button-set.style2 li .btn-icon:hover .tooltip-label {
    top: 50% !important;
    left: 40px
}

.button-set.style2 .tooltip-label:before {
    border: #fff0 solid 5px;
    border-right: 6px solid #000;
    bottom: auto;
    left: -7px;
    top: 7px
}

.button-set .btn-icon.btn-square .tooltip-label {
    line-height: 18px
}

.button-set-top .btn-icon {
    position: relative
}

.button-set-top .tooltip-label, .button-set.style3 .left {
    line-height: 20px;
    right: 55px;
    top: 50%;
    left: auto;
    height: 24px;
    transform: translateY(-50%)
}

.button-set-top .tooltip-label:before, .button-set.style3 li .btn-icon .left:before {
    left: 100%;
    top: 50%;
    border: #fff0 solid;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff0;
    border-left-color: #000;
    border-width: 3px;
    margin-top: -3px;
    bottom: auto;
    margin-left: 0
}

.button-set-top .btn-icon:hover .tooltip-label, .button-set.style3 li .btn-icon:hover .left {
    top: 50% !important;
    right: 40px;
    opacity: 1;
    visibility: visible
}

.button-set.style3 {
    right: 10px;
    left: auto;
    width: 35px;
    text-align: center;
    bottom: auto;
    top: 15px
}

.button-style2, .button-style2 .variants.add {
    position: static;
    opacity: 1
}

.button-style2 .btn-style2 {
    display: block;
    float: left;
    width: 25%
}

.button-style2 .cartIcon, .button-style2 .quick-view-popup, .button-style2 .wishlist, .button-style2 .compare {
    color: #fff;
    background-color: #000;
    border-right: 1px solid #fff
}

.button-style2 .compare {
    border-right: 0
}

.button-style2 .wishlist, .button-style2 .compare {
    width: 100%
}

.button-style2 .variants.add button {
    color: #fff;
    background-color: #000
}

.button-set.style4 {
    bottom: 15px;
    top: auto;
    left: 0;
    right: 0
}

.button-set.style4 .btn-icon {
    font-size: 15px;
    display: inline-block;
    padding: 0;
    margin: 2px;
    border: 0;
    vertical-align: middle;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    transform: scaleX(0)
}

.grid-products .item:hover .btn-icon {
    transform: scaleX(1)
}

.grid-products .item:hover .button-set.style4 {
    top: auto;
    bottom: 15px;
    opacity: 1;
    visibility: visible
}

.button-set li .btn-icon.btn-square {
    border-radius: 0
}

.button-set li .btn-icon.btn-square .tooltip-label {
    border-radius: 0
}

.button-set li .btn-icon.btn-radius {
    border-radius: 50px;
    font-size: 14px
}

.button-set li .btn-icon.btn-radius .tooltip-label {
    border-radius: 3px
}

.button-set.style0 {
    bottom: 10px;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    transition: all 0.3s ease-out
}

.grid-products .item:hover .button-set.style0 {
    top: auto
}

.button-set.style0 ul {
    display: flex;
    justify-content: center
}

.button-set.style0 li .btn-icon {
    background-color: #fff;
    color: #222;
    border-color: #fff;
    border-radius: 4px;
    transform: scale(.9);
    transition: all 0.4s ease-out
}

.grid-products .item:hover .button-set.style0 .btn-icon {
    transform: scale(1)
}

.button-set.style0 .tooltip-label {
    top: auto;
    bottom: 50px
}

.button-set.style0 .btn-icon:hover .tooltip-label {
    top: auto;
    bottom: 42px
}

.tooltip-label {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -38px;
    bottom: auto;
    left: 50%;
    background: #000;
    color: #fff;
    border-radius: 3px;
    padding: 2px 6px;
    white-space: nowrap;
    font-size: 10px;
    line-height: 1.5;
    transform: translateX(-50%);
    text-transform: uppercase;
    text-align: center;
    z-index: 2;
    transition: all 0.15s ease-in-out
}

.tooltip-label:before {
    content: "";
    border: #fff0 solid 5px;
    border-top: 5px solid #000;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -5px
}

.tooltip-label.left {
    right: 45px;
    left: auto;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip-label.left:before {
    border-top-color: #fff0;
    border-left-color: #000;
    right: -9px;
    top: 5px;
    left: auto;
    bottom: auto
}

.grid-products .item {
    margin: 0 0 30px;
    text-align: center
}

.grid-products .item .product-vendor {
    color: #777;
    margin-bottom: 5px
}

.grid-products .item .product-name a {
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 0;
    font-weight: 500
}

.grid-products .item .product-name a:hover {
    opacity: .8
}

.grid-products .item .product-price {
    margin: 5px 0;
    color: #000;
    font-weight: 400
}

.product-price .old-price {
    color: #555;
    font-size: 12px;
    opacity: .8;
    text-decoration: line-through
}

.product-price .old-price+.price {
    padding-left: 5px;
    color: #e95144 !important
}

.product-price .price {
    color: #000;
    font-weight: 500;
    font-size: 14px
}

.product-price .price i {
    font-size: 12px
}

.product-review .an {
    font-size: 12px;
    opacity: 1;
    margin: 0 1px
}

.grid-products .product-review {
    margin: 8px 0 10px
}

.grid-products .item .swatches {
    margin: 8px 0 0;
    list-style: none;
    padding: 0
}

.grid-products .item .swatches li {
    position: relative;
    display: inline-block;
    height: 17px;
    width: 17px;
    margin: 3px 2px;
    cursor: pointer;
    box-shadow: 0 0 1px 1px #ddd;
    border: #fff solid 2px
}

.grid-products .item .swatches li:hover .tooltip-label {
    opacity: 1;
    top: -28px;
    visibility: visible
}

.grid-products .item .swatches li img {
    display: block;
    border-radius: 50%;
    max-height: 30px;
    margin: 0 auto
}

.grid-products .item .swatches li.square img {
    border-radius: 0
}

.grid-products .item .swatches li.radius img {
    border-radius: 5px
}

.grid-products .item .swatches li:hover {
    box-shadow: 0 0 1px 1px #000
}

.grid-products .item .swatches li.rounded {
    border-radius: 50% !important
}

.grid-products .item .swatches li.radius {
    border-radius: 5px !important
}

.grid-products .item .swatches li.rectangle {
    width: 34px;
    height: 24px
}

.grid-products .item .swatches li.medium-xs {
    height: 22px;
    width: 22px
}

.grid-products .item .swatches li.medium {
    height: 28px;
    width: 28px
}

.grid-products .item .swatches li.large {
    height: 35px;
    width: 35px
}

.grid-products .item .swatches li.navy {
    background-color: navy
}

.grid-products .item .swatches li.green {
    background-color: green
}

.grid-products .item .swatches li.gray {
    background-color: gray
}

.grid-products .item .swatches li.aqua {
    background-color: aqua
}

.grid-products .item .swatches li.orange {
    background-color: orange
}

.grid-products .item .swatches li.purple {
    background-color: purple
}

.grid-products .item .swatches li.teal {
    background-color: teal
}

.grid-products .item .swatches li.black {
    background-color: #000
}

.grid-products .item .swatches li.red {
    background-color: red
}

.grid-products .item .swatches li.yellow {
    background-color: #ff0
}

.grid-products .item .swatches li.darkgreen {
    background-color: darkgreen
}

.grid-products .item .swatches li.maroon {
    background-color: maroon
}

.image-swatches li {
    width: 30px;
    height: 30px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto
}

.image-swatches li img {
    max-height: 26px
}

.image-swatches li.blue {
    background-image: url(../images/products/swatches/blue.jpg)
}

.image-swatches li.pink {
    background-image: url(../images/products/swatches/pink.jpg)
}

.image-swatches li.red {
    background-image: url(../images/products/swatches/red.jpg)
}

.image-swatches li.yellow {
    background-image: url(../images/products/swatches/yellow.jpg)
}

.image-swatches li.pink1 {
    background-image: url(../images/products/swatches/pink-1.jpg)
}

.image-swatches li.gray {
    background-image: url(../images/products/swatches/gray.jpg)
}

.image-swatches li.gold {
    background-image: url(../images/products/swatches/gold.jpg)
}

.image-swatches li.brown {
    background-image: url(../images/products/swatches/brown.jpg)
}

.grid-products .item .swatches li:hover, .grid-products .item .swatches li.active {
    box-shadow: none;
    border: #fe877b solid 2px;
    transition: all 0.5s ease-in-out
}

.grid-view-item__title {
    color: #000;
    margin-bottom: 0;
    font-weight: 600
}

.grid-view-item__meta {
    margin: 5px 0
}

.product-price__price {
    color: #000;
    font-weight: 600;
    display: inline-block
}

.product-price__sale {
    color: #e95144
}

.grid-products-hover-btn a.quick-view, .grid-products-hover-btn a.wishlist, .grid-products-hover-btn .variants.add button, .grid-products-hover-btn .cartIcon, .grid-products-hover-btn .add-to-compare {
    color: #fff;
    background-color: #000
}

.grid-products-hover-gry a.quick-view, .grid-products-hover-gry a.wishlist, .grid-products-hover-gry .variants.add button, .grid-products-hover-gry .cartIcon, .grid-products-hover-gry .add-to-compare {
    color: #fff;
    background-color: #555
}

.brand-name a {
    color: #555;
    font-size: 12px;
    text-transform: uppercase
}

.grid-products .item .brands {
    margin: 10px 0;
    font-size: 13px
}

.grid-products .item .brands p {
    margin: 0
}

.grid-products .item .brands .label {
    font-weight: 600
}

.grid-products .item:hover .saleTime {
    display: none
}

.saleTime {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 2
}

.saleTime .time-count {
    color: #141414;
    font-weight: 700;
    font-size: 12px
}

.saleTime span>span {
    font-weight: 700;
    max-width: 50px;
    min-width: 30px;
    padding: 6px 4px 4px;
    line-height: 12px;
    display: block;
    margin: 0 0 0 1px;
    text-align: center;
    background: rgb(255 255 255 / .9);
    color: #141414
}

.saleTime span>span span {
    display: block;
    background: none;
    font-size: 10px;
    font-weight: 400;
    margin-top: -3px;
    text-transform: uppercase;
    line-height: 8px
}

.saleTime.rounded .ht-count:first-child .count-inner {
    border-radius: 6px 6px 0 0
}

.saleTime.rounded .ht-count:last-child .count-inner {
    border-radius: 0 0 6px 6px
}

.timermobile {
    margin: 0 -10px;
    display: none
}

.timermobile .saleTime {
    position: relative;
    margin-top: 20px
}

.countdown-deals {
    line-height: 35px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px
}

.countdown-deals .cdown {
    background: #efefef;
    display: inline-block;
    height: 50px;
    width: 44px
}

.countdown-deals .cdown span {
    font-size: 14px;
    font-weight: 500
}

.countdown-deals .cdown>p {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 0;
    margin: 0
}

.grid-products .countdown-deals {
    position: absolute;
    bottom: -10px
}

.grid-products .countdown-deals .cdown {
    color: #fff;
    background-color: #000
}

.product-list .countdown-deals {
    line-height: 40px;
    text-align: left
}

.product-list .countdown-deals .cdown {
    font-size: 14px;
    height: 59px;
    width: 65px;
    text-align: center;
    color: #fff;
    background-color: #000
}

.product-load-more .list-product, .product-load-more .item {
    display: none
}

.grid-products.prd-list .item {
    width: 100%;
    display: flex;
    margin-bottom: 20px
}

.grid-products.prd-list .product-image {
    position: relative;
    flex: 0 0 200px;
    float: left;
    width: 200px;
    margin: 0 20px 0 0
}

.grid-products.prd-list .product-details {
    text-align: left !important
}

.grid-products.prd-list .product-name a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px
}

.grid-products.prd-list .product-review {
    justify-content: flex-start !important;
    margin: 7px 0 8px
}

.grid-products.prd-list .product-review .caption {
    display: block
}

.grid-products.prd-list .swatches.d-flex-justify-center {
    justify-content: flex-start
}

.grid-products.prd-list .sort-desc {
    margin: 0 0 10px;
    display: block
}

.grid-products.prd-list .button-action .btn {
    color: #fff;
    background-color: #fe877b;
    border-color: #fe877b
}

.grid-products.prd-list .button-action .btn:hover {
    color: #fff;
    background-color: #222;
    border-color: #222
}

.grid-products.prd-list .button-action .btn-icon {
    color: #fff;
    background-color: #222;
    border-color: #222
}

.grid-products.prd-list .button-action .btn-icon:hover {
    color: #fff;
    background-color: #fe877b;
    border-color: #fe877b
}

.grid-products.prd-list .button-set, .grid-products.prd-list .sold-out {
    display: none !important
}

.grid-products.prd-list .saleTime {
    display: block !important
}

.grid-products.prd-list.style2 .item {
    margin-bottom: 10px
}

@media only screen and (min-width:992px) {
    .shop-fullwidth .grid-products.prd-list .item.col-xl-2, .shop-no-sidebar .grid-products.prd-list .item.col-xl-2 {
        flex: 0 0 50%;
        width: 50%
    }
}

.grid-products.prd-grid .button-action {
    display: none !important
}

.button-action>div {
    margin-right: 5px;
    margin-top: 8px
}

.button-action .btn {
    position: relative;
    padding: 6px 15px;
    text-transform: none;
    border-radius: 6px;
    margin-bottom: 0
}

.button-action .btn:hover {
    color: #fff;
    background-color: #fe877b;
    border-color: #fe877b
}

.button-action .btn-icon {
    width: 35px;
    height: 35px;
    padding: 0
}

.button-action .btn-icon .icon {
    font-size: 13px
}

.button-action .btn-icon:hover .tooltip-label {
    bottom: auto;
    top: -28px;
    line-height: 1.5;
    opacity: 1;
    visibility: visible
}

.button-action .btn.soldOutBtn {
    background-color: red;
    border-color: red;
    color: #fff
}

.grid-products.prd-grid .button-action {
    display: none !important
}

.grid-products.prd-list.style2 .item .overlay {
    background: #fff0;
    width: auto;
    height: auto
}

.grid-products.prd-list.style2 .item .product-details {
    opacity: 1;
    visibility: visible;
    position: static;
    padding-bottom: 0;
    transform: none;
    transition: none
}

.shop-hover-info .grid-products.prd-list .col-lg-3 {
    flex: 0 0 100%;
    width: 100%
}

.loading .loadingBox {
    display: block;
    position: fixed
}

.loadingBox {
    display: none;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / .3);
    position: fixed;
    z-index: 1050;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.loadingBox .an {
    font-size: 40px;
    opacity: .9
}

.loading .modalOverly {
    display: block
}

.modalOverly {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 666;
    background-color: rgb(0 0 0 / .6);
    transition: all 0.45s cubic-bezier(.29, .63, .44, 1)
}

.an-spin {
    animation: an-spin 1.5s linear infinite
}

@keyframes an-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

@keyframes scaleimg {
    0%, 100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

.model-thumbnail-img {
    position: relative;
    margin: 10px auto 0 auto
}

.model-thumbnail-img .list-inline {
    position: static;
    width: auto;
    height: auto;
    margin: 0 -4px;
    padding: 0
}

.model-thumbnail-img .list-inline-item {
    width: 100px;
    height: auto;
    opacity: 1;
    text-indent: initial;
    margin: 0;
    padding: 0 4px;
    border: none
}

.model-thumbnail-img .list-inline-item.active {
    opacity: .5
}

.model-thumbnail-img .carousel-arrow {
    color: #333;
    font-size: 18px;
    background-color: rgb(255 255 255 / .5);
    opacity: 1;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 22px;
    height: 22px;
    text-align: center
}

.model-thumbnail-img .carousel-control-prev {
    left: 0;
    right: auto
}

.model-thumbnail-img .carousel-control-next {
    right: 0;
    left: auto
}

#quickView-modal {
    max-width: 800px;
    margin: 50px auto;
    background-color: #fff;
    position: relative;
    padding: 25px
}

#quickView-modal .product-title {
    font-size: 22px;
    text-transform: capitalize;
    margin: 0 0 10px
}

#quickView-modal .product-review .rating .icon {
    font-size: 14px;
    padding-right: 2px
}

#quickView-modal .pricebox {
    margin: 12px 0
}

#quickView-modal .pricebox .price {
    display: inline-block;
    font-size: 25px;
    font-weight: 500;
    line-height: 1
}

#quickView-modal .pricebox .old-price {
    padding-right: 10px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: line-through;
    opacity: .6
}

#quickView-modal .sort-description {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #939393
}

.products-grid-section .grid-products .button-set.style3 {
    position: static;
    opacity: 1;
    visibility: visible;
    margin-top: 10px
}

.products-grid-section .grid-products .row .item {
    margin-bottom: 40px
}

.products-grid-section .grid-products .row:last-of-type .item {
    margin-bottom: 20px
}

.quickshop-content {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: #f5f5f5;
    border: #f5f5f5 solid 1px
}

.quickshop-content.show {
    opacity: 1;
    visibility: visible
}

.quickshop-content .product-form .swatch label {
    margin-bottom: 4px
}

.quickshop-content .product-form .swatch .swatches li {
    height: 30px;
    width: 30px;
    box-shadow: none;
    border: none
}

.quickshop-content .product-form .swatch .swatches li, .quickshop-content .product-form .swatch .swatch-element {
    margin: 4px
}

.list-view-item {
    display: table;
    table-layout: fixed;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #e8e9eb;
    text-decoration: none
}

.list-view-item:hover {
    text-decoration: none
}

.list-view-item p {
    color: #555
}

.list-view-item__image-column {
    display: table-cell;
    vertical-align: middle;
    width: 230px
}

.list-view-item__image-wrapper {
    position: relative;
    margin-right: 20px
}

.list-view-item__title-column {
    display: table-cell;
    vertical-align: middle
}

.list-view-items .grid-view-item__title {
    font-size: 15px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px;
    text-align: left
}

.list-view-items .product-price {
    font-size: 16px
}

.list-view-items .product-price__sale {
    padding-left: 5px
}

.list-view-items .variants {
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle
}

.list-view-items .button-box {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px
}

.list-view-items .button-box>div {
    display: inline-block
}

.list-view-items .button-box>div .btn-icon {
    color: #fff;
    font-size: 16px;
    background-color: #000;
    width: 40px;
    height: 30px;
    line-height: 34px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.product-form__item {
    flex: 1 1 200px;
    margin-bottom: 10px;
    padding: 5px 0 0
}

.product-form__item {
    flex: 1 1 200px;
    margin-bottom: 10px
}

.product-template__container label .slVariant {
    font-weight: 700
}

.product-form .swatch .product-form__item {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0
}

.product-form .swatch label {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px
}

.product-form .swatch label .required {
    color: red
}

.product-form .swatch .swatch-element {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer
}

.product-form .swatch .swatch-element:hover .tooltip-label {
    top: -26px;
    visibility: visible;
    opacity: 1
}

.product-form .swatch .swatch-element .tooltip-label {
    top: -32px
}

.product-form .swatch .swatch-element.soldout {
    opacity: .5;
    cursor: no-drop
}

.product-form .swatch .swatch-element.soldout:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/soldout.svg) 50% 50% / cover no-repeat
}

.product-form .swatch .active .swatchLbl {
    border-color: #000;
    box-shadow: none
}

.pro-stockLbl .stockLbl {
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 500
}

.pro-stockLbl .instock .icon {
    color: #61b33e;
    margin-right: 5px
}

.pro-stockLbl .lowstock .icon, .pro-stockLbl .outstock .icon, .pro-stockLbl .preorder .icon {
    color: #f93434;
    margin-right: 5px
}

.feature-list-txt>div {
    background: #eee;
    padding: 8px 10px
}

.feature-list-txt>div+div {
    margin-left: 5px
}

.product-form .swatch .swatchLbl.color {
    width: 30px;
    height: 30px
}

.product-form .swatch .swatchLbl.color.medium {
    width: 50px;
    height: 50px
}

.product-form .swatch .swatchLbl.large {
    width: 40px;
    height: 40px
}

.product-form .swatch .swatchLbl.xlarge {
    width: 70px;
    height: 70px
}

.product-form .swatch .swatchLbl.rectangle {
    height: 24px;
    min-width: 35px
}

.product-form .swatch .swatchLbl.large:not(.color) {
    line-height: 36px
}

.product-form .swatch .swatchLbl {
    color: #333;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    min-width: 30px;
    height: 30px;
    overflow: hidden;
    text-align: center;
    background-color: #f5f5f5;
    padding: 0 10px;
    border: #fff solid 1px;
    box-shadow: 0 0 0 1px #ddd;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    cursor: pointer
}

.product-form .swatch.swatches-image .swatchLbl {
    padding: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto
}

.product-form .swatch.swatches-image .swatchLbl.rectangle {
    height: 45px;
    min-width: 55px
}

.product-form .swatch.swatches-image .swatchLbl.top {
    background-position: top center
}

.product-form .swatch .swatchInput {
    display: none
}

.product-form .swatch.swatches-image .swatch-element .green {
    background-image: url(../images/products/swatches/top-green-1.jpg)
}

.product-form .swatch.swatches-image .swatch-element .peach {
    background-image: url(../images/products/swatches/top-peach-1.jpg)
}

.product-form .swatch.swatches-image .swatch-element .white {
    background-image: url(../images/products/swatches/top-white-1.jpg)
}

.product-form .swatch.swatches-image .swatch-element .yellow {
    background-image: url(../images/products/swatches/yellow.jpg)
}

.product-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%
}

.product-form .swatch {
    margin-bottom: 10px;
    width: 100%;
    clear: both
}

.product-form .swatch .swatch-element .black {
    background-color: #000
}

.product-form .swatch .swatch-element .white {
    background-color: #fff;
    border: #ddd solid 1px
}

.product-form .swatch .swatch-element .red {
    background-color: #fe0000
}

.product-form .swatch .swatch-element .blue {
    background-color: #0000fe
}

.product-form .swatch .swatch-element .pink {
    background-color: #ffc1cc
}

.product-form .swatch .swatch-element .gray {
    background-color: #818181
}

.product-form .swatch .swatch-element .green {
    background-color: #027b02
}

.product-form .swatch .swatch-element .orange {
    background-color: #fca300
}

.product-form .swatch .swatch-element .yellow {
    background-color: #f9f900
}

.product-form .swatch .swatch-element .blueviolet {
    background-color: #8a2be2
}

.product-form .swatch .swatch-element .brown {
    background-color: brown
}

.product-form .qtyField, .product-form .qtyField input {
    width: 92px
}

.product-action .add-to-cart .button-cart {
    width: 100%;
    padding: 6px 15px;
    min-height: 40px
}

.product-action .wishlist-btn .wishlist {
    width: auto;
    float: left;
    padding: 0;
    line-height: normal
}

.product-action .wishlist-btn .wishlist i {
    vertical-align: middle
}

.product-action .wishlist-btn .wishlist:hover {
    color: #555;
    background-color: #fff0
}

.share-icon {
    clear: both
}

.share-icon span {
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase
}

.share-icon .social-icons {
    display: inline-block
}

.share-icon .social-icons li {
    margin-right: 10px
}

.product-details-img .product-thumb {
    padding: 0 0;
    width: 15%;
    margin: 0;
    float: left
}

.product-details-img .product-thumb-1 {
    display: block;
    padding: 0;
    width: 100%;
    margin: 0;
    float: left;
    padding-right: 0
}

.product-details-img .product-zoom-right {
    position: relative;
    padding: 0 0 0 10px;
    width: 85%;
    float: left
}

.product-details-img.thumb-right .product-zoom-right {
    padding: 0 10px 0 0
}

.product-details-img.thumb-right .product-wish, .product-details-img.thumb-right .product-buttons {
    right: 20px
}

.product-thumb .slick-slide {
    border: none
}

.product-thumb a.slick-slide {
    opacity: 1;
    cursor: pointer;
    border: #fff0 solid 1px;
    transition: all 0.5s ease-in-out
}

.product-thumb a.slick-slide.active {
    opacity: .5
}

.product-details-img .product-thumb .slick-arrow {
    top: auto;
    background-color: rgb(255 255 255 / .8);
    padding: 5px 10px;
    opacity: 0;
    transition: all 0.5s ease-in-out
}

.product-details-img:hover .product-thumb .slick-arrow {
    opacity: 1
}

.product-details-img .product-thumb .slick-prev:before {
    content: "\ea48"
}

.product-details-img .product-thumb .slick-next:before {
    content: "\ea45"
}

.product-details-img.product-single__photos.bottom .product-thumb .slick-arrow {
    background: #fff0
}

.product-details-img.product-single__photos.bottom .product-thumb .slick-next {
    right: 0;
    top: 50%;
    left: inherit
}

.product-details-img.product-single__photos.bottom .product-thumb .slick-prev {
    left: 15px;
    top: 50%;
    bottom: 0
}

.product-details-img.product-single__photos.bottom .product-thumb .slick-prev:before {
    content: "\ea8b";
    font-family: "annimex-icons";
    font-size: 16px
}

.product-details-img.product-single__photos.bottom .product-thumb .slick-next:before {
    content: "\ea8c";
    font-family: "annimex-icons";
    font-size: 16px
}

.product-details-img .product-tab-left div.slick-slide {
    margin-bottom: 8px
}

.product-details-img .product-tab-left .slick-prev:before, .product-details-img .product-tab-left .slick-next:before {
    font-size: 16px
}

.product-details-img .product-tab-left .slick-prev, .product-details-img .product-tab-left .slick-next {
    background: #eee;
    bottom: -45px;
    left: 0;
    right: auto;
    top: auto;
    opacity: .9;
    width: 48%;
    height: 30px;
    margin: 0;
    padding: 0
}

.product-details-img .product-tab-left .slick-next {
    left: auto;
    right: 0
}

.product-details-img.thumb-left .product-labels {
    left: 15px
}

.product-details-img .social-sharing {
    text-align: center;
    clear: both;
    padding-top: 20px
}

.product-details-img .social-sharing .share-title {
    display: none
}

.product-buttons>a {
    position: relative
}

.product-buttons .btn:hover .tooltip-label {
    opacity: 1;
    visibility: visible;
    top: -30px
}

.product-buttons {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 99
}

.product-buttons .btn {
    font-size: 19px;
    height: 36px;
    width: 36px;
    text-align: center;
    margin-top: 5px;
    clear: both;
    padding: 0;
    line-height: 33px;
    background: #000;
    color: #fff;
    border-color: #000;
    opacity: .9
}

.product-wish {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    flex-direction: column;
    display: flex;
    align-items: center
}

.product-wish a:hover .tooltip-label {
    right: 40px;
    opacity: 1;
    visibility: visible
}

.out-of-stock-btn.btn {
    background-color: red;
    border-color: red;
    color: #fff;
    opacity: .8
}

.product-template__container .product-single {
    margin-bottom: 20px
}

.product-template__container .product-single__meta {
    position: relative;
    margin-bottom: 20px
}

h1.product-single__title, .product-single__title.h1 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px
}

.product-single__subtitle {
    margin-top: -6px;
    margin-bottom: 12px
}

.product-template__container .product-nav {
    position: absolute;
    right: 0;
    top: 10px
}

.product-template__container .product-nav .next {
    float: right
}

.product-template__container .product-nav .prev, .product-template__container .product-nav .next {
    font-size: 20px;
    display: block;
    line-height: 22px;
    text-align: center;
    height: 20px;
    width: 20px;
    padding: 0;
    color: #000
}

.product-info p {
    position: relative;
    color: #222;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: Jost, sans-serif
}

.product-info p span {
    padding-left: 10px;
    font-weight: 500;
    text-transform: capitalize
}

.product-info p span.instock {
    color: #447900
}

.discount-badge {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    font-size: 13px
}

.discount-badge .off, .discount-badge .save-amount {
    color: #e95144
}

.product-single__price {
    display: inline-block;
    margin: 15px 0 15px 0
}

.product-single__price .product-price__price {
    font-size: 24px;
    font-weight: 500;
    line-height: 1
}

.product-single__price .product-price__price i {
    font-size: 19px;
    font-weight: 500;
    line-height: 1
}

.product-single__price .product-price-old-price {
    opacity: .6;
    font-size: 12px;
    font-weight: 500;
    text-decoration: line-through;
    padding-right: 10px
}

.countdown-text label {
    margin: 0 10px 0 0;
    color: #111;
    border-bottom: 1px solid rgb(17 17 17 / .6)
}

.countdown-text .prcountdown>span {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    padding-right: 8px;
    margin: 0 4px;
    text-transform: uppercase;
    letter-spacing: .09em
}

.countdown-text .prcountdown>span+span:before {
    content: ":";
    position: absolute;
    left: -10px
}

.countdown-text.style2 .prcountdown>span {
    color: #fd6d61
}

.countdown-text.style3 {
    background-color: #f78282;
    padding: 8px 15px
}

.countdown-text.style3 label, .countdown-text.style3 .prcountdown>span {
    color: #fff
}

.countdown-text.style4 {
    background-color: #f5f5f5;
    padding: 8px 15px
}

.countdown-text.style4 label, .countdown-text.style4 .prcountdown>span {
    color: #222
}

.orderMsg img, .orderMsg .icon {
    margin-right: 10px
}

@keyframes blinker {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.product-description ul, .product-single__description ul {
    margin-left: 0
}

.product-single__description ul {
    text-align: left
}

.product-description ul li, .product-single__description ul li {
    position: relative;
    margin-left: 15px;
    list-style: disc
}

.template-product .product-service .icon {
    height: auto;
    line-height: 1;
    background: #fff0;
    color: #fe877b
}

.template-product .product-service .service-info:hover .icon {
    background: #fff0;
    color: #fb6657
}

.safecheckout .icon {
    color: #555;
    font-size: 28px;
    line-height: 1
}

.safecheckout .content {
    color: #555;
    font-size: 13px;
    line-height: 1.7;
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 10px
}

.infolinks .btn {
    border: 0;
    background-color: transparent !important;
    color: #222222 !important;
    text-transform: none;
    font-weight: 700;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 15px 0 0;
    display: inline-block
}

.infolinks .btn:hover {
    color: #56a5dc !important
}

.infolinks .btn:focus {
    outline: 0;
    box-shadow: none
}

.infolinks .btn .icon {
    font-size: 14px;
    vertical-align: middle
}

table {
    margin-bottom: 15px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

#sizechart {
    position: relative;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    padding: 20px;
    max-width: 800px;
    box-shadow: 0 0 20px rgb(255 255 255 / .3)
}

#sizechart table tr th {
    background: #000;
    color: #fff;
    border: 0 !important
}

#sizechart table tr th, #sizechart table tr td {
    padding: 7px 12px;
    text-align: center;
    font-size: 12px;
    border: #e8e9eb solid 1px
}

#sizechart ul, #ShippingInfo ul {
    margin: 0 0 20px 0
}

#productInquiry {
    position: relative;
    background: #fafafa;
    margin: 0 auto;
    padding: 20px;
    max-width: 600px
}

#productInquiry h3 {
    font-size: 15px;
    text-transform: uppercase;
    padding-right: 15px;
    margin-bottom: 20px
}

#productInquiry textarea {
    padding: 10px
}

.product-template__container .product-action {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    padding: 0 5px
}

.product-template__container .product-form__item--quantity {
    float: left;
    margin: 0 10px 10px 0
}

.product-form__item--submit .btn, .product-form__item--buyit .btn {
    width: 100%;
    height: 44px;
    font-size: 15px;
    margin-bottom: 10px
}

.product-form__item--buyit .btn[disabled] {
    opacity: .6;
    cursor: default
}

.agree-check {
    margin: 15px 0 10px
}

.agree-check .checkbox {
    margin-right: 3px
}

.social-sharing {
    margin: 0 -5px
}

.social-sharing .sharing-lbl {
    padding-left: 5px
}

.social-sharing .btn {
    color: #000;
    padding: 0 5px;
    margin-bottom: 0;
    background: none !important;
    border: 0;
    letter-spacing: normal;
    text-transform: capitalize
}

.social-sharing .icon {
    color: #222;
    font-size: 13px;
    margin-right: 10px
}

.freeShipMsg, .shippingMsg, .userViewMsg {
    clear: both;
    margin-bottom: 12px
}

.freeShipMsg .icon, .shippingMsg .icon, .userViewMsg .icon {
    min-width: 25px;
    font-size: 16px;
    vertical-align: sub;
    text-align: left
}

.userViewMsg .uersView {
    color: #e95144
}

.sizelink {
    font-size: 11px;
    font-weight: 400
}

.review-rating {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    overflow: hidden
}

.review-rating .rating-0 {
    filter: grayscale(100%)
}

.review-rating>input {
    display: none
}

.review-rating>label {
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    transition: 0.3s
}

.review-rating>input:checked~label, .review-rating>input:checked~label~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e")
}

.review-rating>input:not(:checked)~label:hover, .review-rating>input:not(:checked)~label:hover~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e")
}

.prFeatures {
    padding: 20px 0
}

.prFeatures .feature {
    margin-bottom: 20px
}

.prFeatures img {
    float: left
}

.prFeatures .details {
    margin-left: 65px;
    line-height: 1.5
}

.prFeatures .details h3, .prFeatures .details .h3 {
    margin-bottom: 5px;
    text-transform: uppercase
}

.template-product .product-tabs li a {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 0 0 10px;
    background-color: #fff0;
    color: #666;
    border: none;
    cursor: pointer;
    margin-right: 40px
}

.template-product .product-tabs li.active a, .template-product .product-tabs li:hover a {
    color: #000
}

.template-product .product-tabs li a:before {
    content: "";
    width: 0;
    height: 1px;
    background-color: #444;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0
}

.template-product .product-tabs li.active a:before, .template-product .product-tabs li:hover a:before {
    width: 100%
}

.template-product .product-tabs.style2 li a {
    color: #000;
    background-color: #eee;
    padding: 10px 25px;
    margin-right: 10px
}

.template-product .product-tabs.style2 li.active a, .template-product .product-tabs.style2 li:hover a {
    background-color: #000;
    color: #eee
}

.template-product .product-tabs.style2 li a:before {
    content: none
}

.template-product .product-tabs.style3 li a {
    color: #000;
    background-color: #f5f5f5;
    border: #fff0 solid 1px;
    border-bottom: 0;
    padding: 10px 25px;
    margin-right: 10px
}

.template-product .product-tabs.style3 li.active a, .template-product .product-tabs.style3 li:hover a {
    background-color: #fff;
    color: #000;
    border-color: #e8e9eb
}

.template-product .product-tabs.style3 li a:before {
    background: #e8e9eb
}

.template-product .product-tabs.style3 li.active a:before {
    background: #fff
}

.acor-ttl.active {
    border-bottom: 1px solid #000
}

.acor-ttl {
    display: block;
    padding: 15px 0;
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom: 1px solid #e8e9eb;
    font-family: Poppins, Helvetica, Tahoma, Arial, sans-serif;
    margin: 0;
    font-size: 12px;
    cursor: pointer
}

.template-product .tabs-listing .tab-container {
    padding: 30px 0 20px;
    text-align: left
}

.tab-container .tab-content {
    display: none
}

.product-template__container .product-single-1 .tab-container .tab-content {
    padding-top: 20px
}

.template-product .prstyle2 .tabs-listing .acor-ttl:before {
    position: absolute;
    right: 15px;
    top: 15px;
    content: "\f107";
    font-family: "annimex-icons";
    font-size: 16px;
    font-weight: 400
}

.template-product .prstyle2 .tabs-listing .acor-ttl.active:before {
    content: "\f106";
    color: #000
}

.spr-header {
    margin: 0 0 24px;
    padding: 0 0 24px;
    border-bottom: 1px solid #dfdfdf
}

.product-review-form {
    display: none
}

.product-review-form .product-review .an {
    font-size: 15px
}

.spr-reviews .review-inner {
    max-height: 525px;
    overflow-y: auto
}

.spr-reviews .spr-review:not(:last-of-type) {
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.spr-review-header-byline {
    font-size: 13px;
    opacity: .7;
    display: block;
    margin: -4px 0 10px 0
}

.spr-review-header-byline strong {
    font-weight: 400
}

#size-chart table tr th {
    background: #000;
    color: #fff;
    border: 0 !important;
    white-space: nowrap
}

#size-chart table tr th, #size-chart table tr td {
    padding: 7px 12px;
    text-align: center;
    font-size: 12px;
    border: #e8e9eb solid 1px
}

.related-product {
    margin-bottom: 40px
}

.related-product .section-header {
    margin-bottom: 20px
}

.related-product .section-header p {
    margin-left: auto;
    margin-right: auto
}

.related-product .button-set.style1 li .btn-icon {
    font-size: 14px;
    margin: 1px;
    width: 30px;
    height: 30px;
    line-height: 28px
}

.product-template__container .section-header {
    margin-bottom: 40px
}

.sub-heading {
    text-align: center;
    max-width: 500px;
    margin: 0 auto
}

.related-product .grid--view-items {
    overflow: visible
}

.recently-product .grid-products .item {
    float: left
}

.product-single__photos.bottom .product-dec-slider-1 {
    padding: 8px 0;
    margin-left: -4px
}

.product-single__photos.bottom .product-dec-slider-1 .slick-list {
    margin: 0 -2px
}

.product-single__photos.bottom .product-dec-slider-1 .slick-slide {
    margin: 0 4px
}

.product-info .lbl {
    font-weight: 700
}

.left-content-product {
    float: left;
    width: 80%;
    padding-right: 30px
}

.sidebar-product {
    float: left;
    width: 20%
}

.sidebar-product .prFeatures {
    padding-top: 0
}

.sidebar-product .prFeatures h5 {
    font-size: 1.07692em;
    font-family: "Poppins", sans-serif;
    font-weight: 600
}

.template-product-right-thumb .sidebar-product .prFeatures {
    padding-top: 0
}

.sidebar-product .section-header {
    margin-bottom: 20px
}

.prstyle3 .related-product {
    margin-bottom: 20px
}

.prstyle3 .related-product:before, .prstyle3 .related-product:after {
    content: "";
    clear: both;
    display: block
}

.prstyle3 .related-product .section-header .h2, .prstyle3 .related-product .section-header .sub-heading {
    text-align: left
}

.prstyle3 .related-product .section-header {
    margin-bottom: 12px
}

.prSidebar .section-header h2, .prSidebar .section-header .h2 {
    font-size: 130%;
    text-align: left !important
}

.prstyle3 .mini-list-item .mini-view_image img {
    max-width: 110px
}

.prstyle3 .mini-list-item .mini-view_image {
    width: 28%
}

.prstyle3 .mini-list-item .details {
    margin-left: 32%
}

.template-product-right-thumb .product-details-img .product-thumb {
    padding-right: 0;
    padding-left: 5px
}

.template-product-right-thumb .product-thumb .product-dec-slider-2 a {
    padding-bottom: 3px
}

.template-product-right-thumb .prFeatures {
    padding: 40px 0 20px
}

#product-countdown {
    position: static;
    margin: 15px 0
}

#product-countdown:before, .product-countdown:after {
    content: "";
    clear: both;
    display: block
}

#product-countdown .time-count {
    font-weight: 700;
    font-size: 24px;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0
}

#product-countdown {
    position: static;
    margin: 15px 0
}

#product-countdown .count-inner {
    background-color: #f8f8f8;
    min-width: 65px;
    border: #ddd solid 1px;
    padding: 10px;
    margin-right: 5px
}

#product-countdown .count-inner .time-count {
    color: #000;
    font-size: 20px;
    line-height: 23px;
    font-weight: 700
}

#product-countdown span>span {
    margin-top: 0
}

#product-countdown span>span span {
    font-size: 13px;
    line-height: 16px;
    display: block;
    background-color: #fff0;
    border: 0;
    padding: 0;
    min-width: 100%
}

.product-right-sidebar .product-details-img {
    width: 50%;
    float: left;
    padding-right: 10px
}

.product-right-sidebar .product-information {
    width: 50%;
    float: left;
    padding-left: 10px
}

.product-right-sidebar .sidebar-product {
    width: 100%
}

.product-right-sidebar .tabs-listing {
    clear: both;
    padding-top: 30px
}

.product-right-sidebar .sub-heading {
    text-align: left
}

.product-right-sidebar .related-product {
    margin-bottom: 20px
}

.product-single .product-single__meta {
    position: relative;
    margin-bottom: 20px
}

.product-single .product-featured-img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.product-single .grid_item-title {
    font-size: 26px;
    margin-bottom: 25px
}

.mfpbox {
    margin: 0 auto;
    padding: 20px;
    max-width: 800px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 20px rgb(51 51 51 / .3)
}

.mfpbox .mfp-close {
    top: 10px;
    right: 10px;
    opacity: 1;
    color: #333;
    line-height: 30px;
    height: 30px;
    width: 30px
}

.mfp-close {
    font-size: 28px !important
}

button.mfp-close {
    width: 35px;
    height: 35px;
    line-height: 35px
}

.product-nav {
    color: #333;
    font-size: 12px;
    line-height: 1.2;
    max-width: 200px;
    padding: 5px;
    opacity: .4;
    position: fixed;
    top: 45%;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / .2)
}

.product-nav:hover {
    color: #333;
    opacity: 1
}

.product-nav.prev-pro {
    left: -130px
}

.product-nav.next-pro {
    right: -130px
}

.product-nav .details {
    width: 125px;
    padding: 8px;
    font-weight: 500
}

.product-nav span.img {
    width: 60px
}

.product-nav:hover.prev-pro {
    left: 0;
    opacity: 1
}

.product-nav:hover.next-pro {
    right: 0;
    opacity: 1
}

.product-nav .name:hover {
    color: #f06543;
    opacity: 1
}

.product-nav .price {
    margin-top: 10px;
    display: block
}

.product-details-img .product-single-style2 .slick-list {
    margin-right: -5px;
    margin-left: -5px
}

.product-details-img .product-single-style2 .slick-slide {
    padding-right: 5px;
    padding-left: 5px
}

.product-horizontal-style .product-single-style2 .slick-arrow {
    top: 50%;
    background-color: rgb(255 255 255 / .8);
    padding: 5px 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out
}

.product-horizontal-style:hover .product-single-style2 .slick-arrow {
    opacity: 1;
    visibility: visible
}

.product-horizontal-style .product-horizontal-thumb .slick-list {
    margin: 0 -5px
}

.product-horizontal-style .product-horizontal-thumb div.slick-slide {
    margin: 0 5px;
    cursor: pointer
}

.product-horizontal-style .product-horizontal-thumb .slick-prev {
    left: 0;
    right: auto;
    top: 50%;
    margin: 0
}

.product-horizontal-style .product-horizontal-thumb .slick-prev:before {
    content: "\ea8b";
    font-family: "annimex-icons";
    font-size: 14px
}

.product-horizontal-style .product-horizontal-thumb .slick-next {
    right: 0;
    left: auto;
    top: 50%;
    margin: 0
}

.product-horizontal-style .product-horizontal-thumb .slick-next:before {
    content: "\ea8c";
    font-family: "annimex-icons";
    font-size: 14px
}

.product-360-degree-layout .trustseal-img {
    margin-top: 20px
}

.product-single .type-product {
    display: block;
    margin: 10px 0
}

.stickyCart {
    display: none;
    background-color: #222;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    padding: 5px 0
}

.stickyCart .product-featured-img {
    display: block;
    margin: 0 auto;
    max-width: 50px
}

.stickyCart .stickyOptions .selectedOpt, .stickyCart .selectbox {
    position: relative;
    background-color: #222;
    color: #f5f5f5;
    border: #535353 solid 1px;
    padding: 0 30px 0 15px;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.stickyCart .stickyOptions .selectedOpt:after {
    content: "\e905";
    font-family: "annimex-icons";
    position: absolute;
    top: 8px;
    right: 10px
}

.stickyCart .stickyOptions ul {
    position: absolute;
    bottom: 115%;
    left: 0;
    display: none;
    list-style: none;
    min-width: 100%;
    max-height: 300px;
    overflow: auto;
    background-color: #222;
    margin: 0 0
}

.stickyCart .stickyOptions ul li {
    font-size: 90%;
    overflow: hidden;
    border-bottom: 1px solid #353535;
    padding: 7px 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.stickyCart .stickyOptions ul li.soldout {
    opacity: .5;
    text-decoration: line-through
}

.stickyCart .qtyField .qtyBtn {
    color: #fff;
    height: 35px
}

.stickyCart .qtyField .qty {
    border-color: #535353;
    color: #fff;
    height: 35px
}

.stickyCart .qtyField .qty:focus {
    border-color: #848484
}

.stickyCart .product-form__cart-submit {
    padding: 6px 20px 6px
}

.wrap-product-info-bg {
    padding: 30px 25px;
    background: #fafafa;
    text-align: center
}

.tab-accordian-style .accordion-button {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 12px 30px 12px 15px;
    text-transform: uppercase;
    border-radius: 5px !important;
    background-color: #fff;
    color: #444;
    border: #eee solid 1px;
    box-shadow: none
}

.tab-accordian-style .accordion-button:after {
    content: "\ea45";
    font-family: "annimex-icons";
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 12px;
    background: none;
    width: auto;
    height: auto;
    transform: translateY(-50%)
}

.tab-accordian-style .accordion-button:not(.collapsed):after {
    content: "\ea48"
}

.tab-accordian-style .accordion-button:not(.collapsed) {
    color: #222;
    border-color: #eee;
    background-color: #f5f5f5
}

.tab-vertical-style .nav-pills .nav-link {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 .5rem;
    padding: 12px 30px 12px 15px;
    text-transform: uppercase;
    border-radius: 5px !important;
    background-color: #fff;
    color: #444;
    border: #eee solid 1px;
    box-shadow: none
}

.tab-vertical-style .nav-pills .nav-link.active {
    color: #222;
    border-color: #eee;
    background-color: #f5f5f5
}

.row.g-2 {
    padding: 0;
    margin: -5px
}

.row.g-2>div {
    padding: 5px;
    margin: 0
}

.variable-select select {
    height: 42px
}

.product-single-style3 .product-form__item .sizelink {
    padding-left: 10px
}

.product-single-style3 .product-form {
    margin-left: 0;
    margin-right: 0
}

.product-single-style3 .product-form .col-12 {
    padding: 0 5px
}

.product-single-style3 .product-form .row {
    width: 100%;
    margin: 0 -5px
}

.product-single-style3 .infolinks {
    margin: 10px 0 30px
}

.product-single-style3 .orderMsg {
    color: #000
}

.product-single-style3 .orderMsg .an {
    font-size: 20px;
    padding-right: 5px
}

.product-single-style3 .product-action {
    margin: 10px 0;
    padding: 0
}

.product-single-style3 .storeFeatures {
    padding-top: 10px;
    color: #111;
    margin: 0 -10px 10px;
    flex-wrap: wrap
}

.product-single-style3 .storeFeatures p {
    padding: 5px 10px;
    margin: 0
}

.product-single-style3 .userViewMsg .an {
    font-size: 14px;
    padding-right: 5px
}

.product-single-style3 .userViewMsg .an, .product-single-style3 .userViewMsg .uersView {
    color: #000
}

.product-single-style3 .product-sticky-style {
    position: sticky;
    top: 70px
}

.product-single-style3 .product-single {
    margin-bottom: 40px
}

.block {
    background-color: #fbfbfb;
    padding: 20px
}

.block-cart .product-name {
    padding-right: 15px
}

.block-cart .btn-remove1 {
    position: absolute;
    right: 5px;
    top: 5px
}

.product-single-center-mode .product-details-img .product-buttons {
    bottom: 18px;
    right: 10px
}

.product-single-center-mode .product-center-style3 .slick-slide:not(.slick-current) {
    opacity: .5
}

.product-single-center-mode .product-info-center {
    position: relative;
    max-width: 550px;
    margin: 0 auto 30px;
    text-align: center
}

@media only screen and (min-width:1025px) {
    .product-single-center-mode .product-center-style3 .slick-arrow {
        opacity: 0;
        visibility: hidden
    }

    .product-single-center-mode .product-center-style3:hover .slick-arrow {
        opacity: 1;
        visibility: visible
    }
}

.upsell-bundle .usbImgCall {
    position: relative;
    align-self: center;
    width: auto;
    flex: none
}

.upsell-bundle .usbImgCall+.usbImgCall:before {
    content: "\ebe0";
    font-family: "annimex-icons";
    font-size: 12px;
    position: absolute;
    top: 44%;
    left: -5px
}

.upsell-bundle .usbRow select {
    width: auto;
    height: 34px;
    white-space: nowrap;
    border-radius: 0
}

.upsell-bundle .usbRow:not(.active) .customCheckbox input[type="checkbox"]:checked+label:after {
    opacity: 0
}

.upsell-bundle .usbRow:not(.active) .customCheckbox input[type="checkbox"]+label::after {
    opacity: 1
}

.upsell-bundle .usbbtnCall {
    margin-left: 20px;
    max-width: 200px
}

.form-bordered.product-form {
    border-top: 1px solid #e8e9eb;
    border-bottom: 1px solid #e8e9eb;
    padding: 20px 0;
    margin: 20px 0
}

ul.checkmarkList li {
    list-style: none;
    position: relative;
    margin-left: 22px
}

ul.checkmarkList li:before {
    content: "\e954";
    font-family: "annimex-icons";
    position: absolute;
    left: -22px;
    text-align: left;
    font-size: 13px;
    opacity: .3
}

.product-variable-layout .product-form {
    border-top: 1px dotted #a0a0a0;
    border-bottom: 1px dotted #a0a0a0;
    padding: 20px 0;
    margin: 20px 0 30px
}

.product-variable-layout .infolinks .btn {
    margin-right: 10px
}

.grouped-product-list tr {
    border-bottom: 1px solid #e8e9eb
}

.grouped-product-list td {
    padding: 15px 0
}

.grouped-product-list .product-thumb {
    max-width: 60px
}

.grouped-product-list .selectbox {
    position: relative;
    width: 150px;
    height: 35px
}

#threesixty {
    max-width: 400px;
    background: #fff;
    margin: 0 auto;
    padding: 10px;
    position: relative
}

.threesixty {
    overflow: hidden
}

.threesixty .nav_bar {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 11;
    transform: translateX(-50%)
}

.threesixty .nav_bar a {
    font-size: 0;
    width: 40px;
    line-height: 40px;
    height: 40px;
    float: left;
    background-color: #fff;
    text-align: center
}

.threesixty .nav_bar a::before {
    display: inline-block;
    font-size: 24px;
    font-family: "annimex-icons"
}

.threesixty .nav_bar a.nav_bar_previous::before {
    content: "\ea46"
}

.threesixty .nav_bar a.nav_bar_play::before {
    content: "\ebdf"
}

.threesixty .nav_bar a.nav_bar_next::before {
    content: "\ea47"
}

.threesixty .nav_bar a.nav_bar_stop::before {
    content: "\ebd8"
}

.threesixty .spinner {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 30px;
    background: #333;
    border-radius: 5px
}

.threesixty .spinner span {
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #fff;
    text-align: center;
    line-height: 30px;
    display: block
}

.threesixty .threesixty_images {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0
}

.threesixty .threesixty_images img {
    position: absolute;
    top: 0;
    left: 50%;
    height: auto;
    max-height: 500px;
    transform: translateX(-50%)
}

.threesixty .threesixty_images img.current-image {
    visibility: visible
}

.threesixty .threesixty_images img.previous-image {
    visibility: hidden
}

.sidebar .sidebar_widget {
    margin-bottom: 30px;
    clear: both;
    width: 100%
}

.sidebar .sidebar_widget:last-of-type {
    margin-bottom: 0
}

.sidebar h2, .sidebar .h2 {
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6
}

.sidebar .sidebar_widget .widget-content ul {
    margin: 0 0 15px;
    list-style: none
}

.sidebar .sidebar_widget .widget-content .product-tags li {
    padding: 0
}

.sidebar .sidebar_widget .widget-content ul li {
    list-style: none;
    font-size: 13px
}

.sidebar .sidebar_widget .widget-content ul li.lvl-1+li {
    border-top: 1px solid #eee
}

.sidebar .sidebar_widget .widget-content ul li.active a {
    color: #fe877b;
    font-weight: 500
}

.filterBox ul:not(.filter-color) {
    list-style: none
}

.filterBox ul:not(.filter-color) input[type="checkbox"] {
    width: 20px;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    display: none
}

.filterBox ul:not(.filter-color) input[type="checkbox"]+label {
    display: block;
    margin-left: 0;
    line-height: 1.5em;
    cursor: pointer;
    margin-bottom: 0
}

.filterBox ul:not(.filter-color) li label {
    font-size: 13px;
    font-weight: 400
}

.filterBox ul:not(.filter-color) input[type="checkbox"]+label>span {
    background: #fff;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0;
    border: #d0d0d0 solid 1px;
    vertical-align: middle
}

.filterBox ul:not(.filter-color) input[type="checkbox"]:checked+label {
    color: #095b95
}

.filterBox ul:not(.filter-color) input[type="checkbox"]:checked+label>span::before {
    content: "\ea7f";
    font-family: "annimex-icons";
    display: block;
    width: 14px;
    font-size: 11px;
    line-height: 14px;
    text-align: center
}

.filterBox .filter-color {
    display: table;
    list-style: none;
    width: 100%
}

.filterBox .filter-color ul, .sidebar .sidebar_widget .widget-content.filter-color ul {
    margin-top: -10px;
    margin-left: -8px;
    margin-bottom: 0
}

.filterBox .filter-color .swacth-btn {
    display: block;
    float: left;
    margin-top: 10px;
    margin-left: 8px;
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #f2f2f2;
    text-align: center;
    font-size: 10px;
    line-height: 21px;
    color: #000;
    cursor: pointer;
    border-radius: 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto
}

.filterBox .filter-color .swacth-btn.checked {
    box-shadow: 0 0 0 1px #000, 0 0 0 1px #fff inset
}

.filterBox .filter-color .swacth-btn.medium {
    height: 30px;
    width: 30px
}

.filterBox .filter-color .swacth-btn.rectangle {
    width: 32px;
    height: 22px;
    border-radius: 0
}

.filterBox .filter-color .swacth-btn.radius {
    border-radius: 5px !important
}

.filterBox .filter-color .black {
    background-color: #000
}

.filterBox .filter-color .white {
    background-color: #fff;
    border: #ddd solid 1px
}

.filterBox .filter-color .red {
    background-color: #fe0000
}

.filterBox .filter-color .blue {
    background-color: #0000fe
}

.filterBox .filter-color .pink {
    background-color: #ffc1cc
}

.filterBox .filter-color .gray {
    background-color: #818181
}

.filterBox .filter-color .green {
    background-color: #027b02
}

.filterBox .filter-color .orange {
    background-color: #fca300
}

.filterBox .filter-color .yellow {
    background-color: #f9f900
}

.filterBox .filter-color .blueviolet {
    background-color: #8a2be2
}

.filterBox .filter-color .brown {
    background-color: brown
}

.filterBox .filter-color .darkGoldenRod {
    background-color: #b8860b
}

.filterBox .filter-color .darkGreen {
    background-color: #006400
}

.filterBox .filter-color .darkRed {
    background-color: darkred
}

.filterBox .filter-color .khaki {
    background-color: khaki
}

.filterBox .filter-color .teal {
    background-color: #007d7d
}

.filterBox .filter-color .blue-red {
    background-image: url(../images/products/swatches/blue-red.jpg)
}

.filterBox .filter-color .black-grey {
    background-image: url(../images/products/swatches/grey-black.jpg)
}

.filterBox .filter-color .pink-black {
    background-image: url(../images/products/swatches/pink-black.jpg)
}

.filterBox .filter-color .yellow-black {
    background-image: url(../images/products/swatches/yellow.jpg)
}

.flby-tlt {
    color: #000;
    font-size: 15px;
    position: relative;
    width: 100%;
    margin: 10px 0 20px
}

.filterBox.size-swacthes ul {
    column-count: 2;
    margin: -8px 0 0
}

.filterBox.size-swacthes ul li {
    float: none;
    padding: 8px 0 0
}

.shop-fullwidth .filterbar {
    width: 300px;
    height: 100%;
    padding: 0 !important;
    background-color: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / .3);
    position: fixed;
    top: 0;
    left: -335px;
    z-index: 9999;
    transition: 0.5s
}

.shop-fullwidth .filterbar.active {
    left: 0;
    opacity: 1;
    visibility: visible
}

.shop-fullwidth .filterbar .sidebar_tags {
    position: relative;
    z-index: 9;
    background: #fff;
    padding: 20px;
    height: 100%;
    overflow: auto
}

.shop-fullwidth .btn-filter {
    padding: 6px 15px;
    border-radius: 3px
}

.shop-fullwidth .btn-filter:before {
    font-family: "annimex-icons";
    font-size: 17px;
    margin-right: 5px
}

.shop-fullwidth .filterbar .closeFilter {
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    height: 30px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 100%;
    background-color: #000;
    box-shadow: 0 0 5px #ddd;
    transition: all 0.4s ease-in-out
}

.shop-fullwidth .filterbar.active .closeFilter:after {
    content: "";
    background: rgb(0 0 0 / .5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.shop-fullwidth .filterbar .sidebar_widget:not(.filterBox), .filterbar .static-banner-block {
    display: none
}

.full-page-title .breadcrumbs-wrapper {
    margin-bottom: 0
}

.full-page-title .page-title {
    background: url(../images/collection-banner/collection-banner.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: 50% 50%;
    padding: 110px 0
}

.full-page-title .page-title h1 {
    margin-bottom: 0 !important
}

.sidebar .filterDD, .collection-top-filters .filterDD {
    max-height: 450px;
    overflow: hidden auto;
    margin-top: 15px
}

.sidebar .sidebar_widget.categories .sub-level {
    position: relative
}

.sidebar .sidebar_widget.categories .sub-level>a:after {
    content: "\ebe0";
    font-family: "annimex-icons";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 10px
}

.sidebar .sidebar_widget.categories .sub-level>a.active:after {
    content: "\ebd1";
    font-family: "annimex-icons";
    display: inline-block
}

.sidebar .sidebar_widget.categories .sub-level ul {
    margin: 0 0 10px;
    display: none
}

.sidebar .sidebar_widget.categories .sub-level ul li a {
    padding: 7px 25px 7px 15px
}

.sidebar .sidebar_widget.categories .sub-level .sub-sub-level ul li a {
    padding: 7px 25px 7px 30px
}

.sidebar .sidebar_widget.categories .sub-level .sub-sub-level>a:after {
    top: 7px
}

.sidebar .sidebar_widget.categories li a {
    color: #111;
    font-size: 13px;
    padding: 10px 25px 10px 0;
    display: block
}

.sidebar .sidebar_widget.categories li a:hover, .sidebar .sidebar_widget.categories li a.active {
    color: #fe877b
}

.sidebar .sidebar_widget.categories .filterDD {
    margin-top: 10px
}

.sidebar-noborder .sidebar_widget.no-border ul {
    margin: -3px 0
}

.sidebar-noborder .sidebar_widget.no-border ul li.lvl-1+li, .sidebar-noborder .sidebar_widget.no-border ul li {
    border: none
}

.sidebar-noborder .sidebar_widget.no-border ul li a {
    padding: 3px 0
}

.filter-widget .widget-title {
    position: relative;
    cursor: pointer
}

.filter-widget .widget-title:after {
    content: "\eb69";
    font-family: "annimex-icons";
    display: inline-block;
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 17px
}

.filter-widget .widget-title.active:after {
    content: "\eb66";
    font-family: "annimex-icons";
    display: inline-block
}

.sidebar-bg .sidebar_widget.filterBox {
    padding: 15px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    border-radius: 3px
}

.filterBox.size-swacthes.availability ul, .sidebar-bg .sidebar_widget.filterBox.availability ul {
    column-count: auto
}

.sidebar-border .sidebar_widget.filterBox {
    padding: 15px;
    margin-bottom: 20px;
    border: #eee solid 1px;
    border-radius: 3px
}

.sidebar-border .filterBox .widget-content {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px
}

.sidebar-border .sidebar_widget .widget-content ul li.lvl-1+li {
    border-top: none
}

.sidebar-border .sidebar_widget.categories .sub-level>a::after, .sidebar-border .sidebar_widget.categories .sub-level .sub-sub-level>a:after {
    top: 4px
}

.sidebar-border .sidebar_widget.categories li a {
    padding: 4px 25px 4px 0
}

.sidebar-border .sidebar_widget.categories .sub-level ul li a {
    padding: 4px 25px 4px 15px
}

.sidebar-border .sidebar_widget.categories .sub-level .sub-sub-level ul li a {
    padding: 4px 25px 4px 30px
}

.size-swacthes .swacth-list ul {
    margin-left: 0
}

.size-swacthes .swacth-list li {
    float: left;
    display: block
}

.size-swacthes .swacth-list .swacth-btn {
    font-size: 11px;
    display: block;
    margin-bottom: 2px;
    width: 30px;
    height: 30px;
    line-height: 28px
}

.price-filter input[type="text"] {
    background: #fff;
    height: 30px;
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
    width: 100px
}

#slider-range.ui-slider-horizontal {
    background: #e9e9e9;
    border: none;
    border-radius: 0;
    height: 3px;
    margin: 20px 0
}

#slider-range .ui-slider-handle {
    background: #000;
    border: #000 solid 2px;
    height: 12px;
    outline: none;
    top: -5px;
    width: 12px;
    border-radius: 50%;
    cursor: w-resize;
    margin-left: 0
}

#slider-range .ui-slider-handle+.ui-slider-handle {
    margin-left: -12px
}

#slider-range.ui-slider-horizontal .ui-slider-range {
    background: #777;
    border: 0
}

#slider-range.ui-slider-horizontal .ui-slider-range~.ui-slider-range {
    background: #000
}

.swacth-list li {
    position: relative;
    float: left
}

.swacth-list li .tooltip-label {
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 5px
}

.swacth-list li:hover .tooltip-label {
    opacity: 1;
    top: -18px;
    visibility: visible
}

.grid-products .item .swatches.color-style li {
    box-shadow: none
}

.grid-products .item .swatches.color-style li input[type="checkbox"] {
    display: none
}

.grid-products .item .swatches.color-style li input[type="checkbox"]+label.color {
    margin: 0;
    cursor: pointer;
    border: #ccc solid 1px
}

.grid-products .item .swatches.color-style li input[type="checkbox"]+label.color span {
    display: block;
    height: 25px;
    width: 25px
}

.grid-products .item .swatches.color-style li input[type="checkbox"]:checked+label.color {
    border: #000 solid 1px;
    box-shadow: 0 0 1px #000
}

.grid-products .item .swatches.color-style li .black {
    background-color: #000
}

.grid-products .item .swatches.color-style li .white {
    background-color: #fff
}

.grid-products .item .swatches.color-style li .red {
    background-color: #fe0000
}

.grid-products .item .swatches.color-style li .blue {
    background-color: #0000fe
}

.grid-products .item .swatches.color-style li.rounded {
    width: 25px;
    height: 25px;
    border-radius: 50% !important
}

.grid-products .item .swatches.color-style li.rounded input[type="checkbox"]+label.color, .grid-products .item .swatches.color-style li.rounded input[type="checkbox"]+label.color span, .grid-products .item .swatches.color-style li.rounded input[type="checkbox"]:checked+label.color {
    border-radius: 50% !important
}

.grid-products .item .swatches.color-style li.radius input[type="checkbox"]+label.color, .grid-products .item .swatches.color-style li.radius input[type="checkbox"]+label.color span, .grid-products .item .swatches.color-style li.radius input[type="checkbox"]:checked+label.color {
    border-radius: 5px !important
}

.grid-products .item .swatches.color-style li.small, .grid-products .item .swatches.color-style li.small input[type="checkbox"]+label.color span {
    width: 15px;
    height: 15px
}

.product-tags {
    display: flex;
    flex-wrap: wrap
}

.product-tags li {
    background: #fff;
    border-radius: 4px;
    display: inline-block;
    border: #e8e9eb solid 1px;
    margin-bottom: 5px;
    margin-right: 5px
}

.product-tags li a {
    padding: 5px 10px;
    font-size: 11px;
    display: inline-flex
}

.btnview {
    background: none;
    color: #000;
    padding: 5px 0;
    border-bottom: 1px solid #000;
    transition: all 0.5s ease-in-out
}

.btnview:hover {
    background: none;
    border-color: #fff;
    color: #fe877b
}

.filters-toolbar-wrapper {
    border: 0;
    margin: 0 0 20px 0
}

.filters-toolbar-wrapper .change-view {
    position: relative;
    color: #555;
    font-size: 0;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0 5px
}

.filters-toolbar-wrapper .change-view--active {
    color: #000
}

.filters-toolbar-wrapper .change-view .icon {
    font-size: 16px
}

.filters-toolbar-wrapper .change-view:hover .tooltip-label {
    opacity: 1;
    top: -28px;
    visibility: visible
}

.filters-toolbar__product-count {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.filters-toolbar-wrapper select {
    font-size: 12px
}

.filters-toolbar__input {
    padding: 5px 20px 5px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    height: 36px;
    opacity: 1;
    transition: all 0.15s ease-out
}

.toolbar {
    margin-top: 20px
}

.active-filters a {
    color: #000;
    background-color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 2px 10px;
    margin: 0 5px 5px 0;
    border: rgb(0 0 0 / .2) solid 1px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer
}

.active-filters a:hover {
    color: #fff;
    background-color: #5aa2de;
    border-color: #5aa2de
}

.active-filters a .an {
    font-size: 10px;
    margin-left: 5px
}

.infinitpagin {
    clear: both;
    padding: 15px 0 0;
    text-align: center
}

.loadMore {
    color: #fff !important
}

.pagination {
    width: 100%;
    text-align: center;
    list-style: none;
    font-size: 1.15385em
}

.pagination ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    list-style: none
}

.pagination li a {
    font-size: 12px;
    color: #333;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: #f5f5f5 solid 2px;
    margin: 0 2px;
    vertical-align: middle
}

.pagination li:hover a {
    color: #5aa2de;
    border-color: #5aa2de
}

.pagination li.active a {
    color: #5aa2de;
    border-width: 2px;
    border-color: #5aa2de
}

.sideProSlider.grid-products .item .swatches li, .sideProSlider.grid-products .button-set.style0 ul li {
    padding: 0
}

.sideProSlider .slick-next {
    right: 0
}

.sideProSlider .slick-prev {
    left: 0
}

.sideProSlider .slick-arrow {
    opacity: 0;
    visibility: hidden;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 4px
}

.sideProSlider:hover .slick-arrow {
    opacity: 1;
    visibility: visible
}

.sideProSlider .slick-prev:before, .sideProSlider .slick-next:before {
    font-size: 16px;
    line-height: 32px
}

.sidebar .storeFeatures {
    margin: 10px 0 20px;
    flex-wrap: wrap;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

.sidebar .storeFeatures p {
    width: 100%
}

.sidebar .storeFeatures .an {
    font-size: 16px;
    min-width: 25px;
    display: inline-block
}

.collection-top-filters .flTtl {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    background: #fff0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    outline: none;
    padding: 15px
}

.collection-top-filters .flTtl:after {
    content: "\eb66";
    font: normal normal normal 15px/1 annimex-icons;
    padding: 0 0 0 10px;
    margin: 0;
    border: none
}

.collection-top-filters .flTtl.show:after {
    content: "\eb69"
}

.collection-top-filters .count-bubble {
    color: #fff;
    background-color: #222;
    display: inline-block;
    margin: 0 5px;
    height: 15px;
    width: 15px;
    font-size: 10px;
    font-weight: 400
}

.collection-top-filters .count-bubble:empty {
    display: none
}

@media only screen and (min-width:992px) {
    .collection-top-filters {
        background-color: #f5f5f5;
        border: #edecec solid 1px;
        border-radius: 2px;
        padding: 0 5px 0 15px;
        margin: 0 0 25px
    }

    .collection-top-filters .filterDD {
        padding: 0;
        width: 305px;
        color: #000;
        background-color: #f5f5f5;
        border: #edecec solid 1px;
        border-radius: 0 0 6px 6px;
        box-shadow: 1px 1px 2px rgb(0 0 0 / .12);
        z-index: 5
    }

    .collection-top-filters .filterDD .bxTtl {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 10px 15px;
        background-color: #f5f5f5;
        border-bottom: 1px solid #edecec;
        font-size: 12px;
        line-height: 1.6;
        letter-spacing: .02em
    }

    .collection-top-filters .filterDD .swacth-list {
        padding: 15px
    }
}

.shop-listview-drawer .collection-hero__image, .shop-sub-collections .collection-hero__image, .shop-top-filter .collection-hero__image {
    background-image: url(../images/collection-banner/clothing-banner.jpg)
}

.shop-no-sidebar .collection-hero__image {
    background-image: url(../images/collection-banner/fashion-collection.jpg)
}

.shop-right-sidebar .collection-hero__image {
    background-image: url(../images/collection-banner/collection-banner.jpg)
}

.category-banner, .category-description {
    margin-bottom: 20px
}

.shop-listing .page-title h1 {
    font-size: 18px;
    text-align: left;
    margin-bottom: 20px
}

.small-heading .page-title {
    background-color: #f5f5f5;
    padding: 45px 0
}

.small-heading .page-title h1 {
    text-align: center;
    margin-bottom: 0
}

.small-heading .breadcrumbs-wrapper {
    margin-bottom: 0
}

.category-text-banner {
    background: url(../images/collection-banner/watch-banner.jpg) 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 230px;
    position: relative
}

.category-text-banner .page-title {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -25px;
    padding: 0 50px
}

.category-text-banner .page-title h1 {
    margin-bottom: 10px
}

.category-text-banner .block-ttl {
    width: 100%
}

.category-banner-slider {
    margin-bottom: 20px
}

.category-banner-slider .slick-arrow {
    opacity: 0;
    visibility: hidden;
    width: 40px;
    border-radius: 5px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    background-color: rgb(255 255 255 / .5)
}

.category-banner-slider .slick-arrow:before {
    line-height: 40px
}

.category-banner-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible
}

.category-banner-slider .slick-arrow:hover {
    background-color: rgb(255 255 255 / .5);
    box-shadow: 0 0 4px rgb(0 0 0 / .3)
}

.category-banner-slider .slick-prev {
    left: 10px
}

.category-banner-slider .slick-next {
    right: 10px
}

.clr-fa {
    background-color: #fafafa
}

.clr-f5 {
    background-color: #f5f5f5
}

.row_text {
    font-size: 14px
}

.row_text .row-text {
    padding: 15px 45px;
    margin: 0 auto;
    max-width: 90%;
    width: 100%
}

.social-url {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 2
}

.social-url a {
    color: #333;
    background-color: rgb(255 255 255 / .7);
    text-align: center;
    height: 33px;
    width: 33px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3px;
    transform: translateX(100px);
    transition: all 0.5s
}

.social-url a:hover {
    background-color: #fff
}

.team-item:hover .social-url a {
    transform: translateX(0)
}

.team-bio h4 {
    margin-bottom: 10px
}

.about-pstyle2 .collection-hero.inner .collection-hero__title-wrapper:before {
    background-color: #222;
    opacity: .4;
    visibility: visible
}

.about-pstyle2 .collection-hero.inner .collection-hero__title {
    font-size: 40px;
    font-weight: 600;
    text-transform: none
}

.about-pstyle2 .collection-hero.inner .collection-hero__image {
    height: 450px;
    background-image: url(../images/slideshow/demo1-banner1.jpg)
}

.about-pstyle3 .testimonial-slider.style1 {
    background: #f5f5f5
}

.about-pstyle3 .collection-hero.inner .collection-hero__title {
    font-size: 57px;
    font-weight: 600;
    text-transform: none
}

.about-pstyle3 .collection-hero.inner .collection-hero__image {
    height: 246px;
    background-image: url(../images/about/aboutus-3.jpg)
}

.about-service .icon {
    background: #fff;
    width: 85px;
    height: 85px;
    line-height: 85px;
    border-radius: 50%;
    color: #fe877b;
    font-size: 50px;
    transition: all 0.3s ease-in-out
}

.about-service .service-info:hover .icon {
    background: #848484;
    color: #fff
}

.checkmark-info .icon {
    margin-right: 15px;
    color: #2db858;
    font-size: 20px
}

.service-info h4 {
    margin-bottom: 10px
}

.about-review {
    background-color: #333;
    color: #fff
}

.about-review .quote-wraper .quotes-slide {
    background: #111;
    box-shadow: 0 0 5px rgb(0 0 0 / .05);
    border-radius: 4px;
    transition: all 0.3s ease-in-out
}

.about-review .quote-wraper .quotes-slide:hover {
    background: rgb(17 17 17 / .7)
}

.about-review .quote-wraper blockquote {
    font-size: 16px;
    color: #fff
}

.about-review .quote-wraper .product-review {
    color: rgb(248 212 6 / .8);
    margin: 12px 0
}

.about-review .quote-wraper .authour {
    font-size: 15px;
    margin-bottom: 3px
}

.about-review .slick-dots li button {
    background-color: #fff
}

.error-404-page .page-title h1 {
    font-size: 28px;
    margin: 25px 0 10px
}

.error-404-page #page-content .error-content p {
    font-size: 15px;
    margin-bottom: 25px
}

.dashboard-upper-info {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-bottom: 40px
}

.dashboard-upper-info p {
    font-size: 14px;
    margin-bottom: 0
}

.dashboard-upper-info .d-single-info {
    font-size: 15px;
    border-right: 1px solid #ebebeb;
    padding: 30px 20px
}

.dashboard-upper-info [class*="col-"]:last-child .d-single-info {
    border-right: 0
}

.dashboard-upper-info .d-single-info .icon {
    font-size: 17px
}

.dashboard-list li a {
    border-bottom: 1px solid #ebebeb;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    text-decoration: none
}

.dashboard-list li a.active, .dashboard-list li a:hover, .dashboard-list li a:focus {
    color: #fff;
    background-color: #5aa2de
}

.dashboard-content {
    border: #ebebeb solid 1px;
    padding: 20px;
    height: 100%
}

.dashboard-content h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: .8px;
    background: #5aa2de;
    color: #fff
}

.dashboard-content p {
    margin: 0
}

.product-order .table tbody tr td a:hover {
    text-decoration: underline
}

.dashboard-content .billing-address {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.dashboard-content .address .view:hover {
    text-decoration: underline
}

.dashboard-content .profile-img {
    display: flex;
    align-items: center;
    margin: 0 0;
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(3 0 71 / .09);
    border-radius: 8px;
    padding: 1rem
}

.dashboard-content .profile-img .lbl {
    margin-left: auto;
    text-align: right;
    letter-spacing: .2em;
    color: #7d879c
}

.dashboard-content .profile-order {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 0;
    padding: 0
}

.dashboard-content .profile-order li {
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(3 0 71 / .09);
    border-radius: 8px;
    padding: 1rem;
    flex: 1;
    margin: 0 .4rem .4rem;
    font-size: 12px;
    line-height: 1.5
}

.tracking-detail ul li {
    display: flex;
    margin-bottom: 5px
}

.tracking-detail ul li .left {
    min-width: 220px;
    text-transform: capitalize;
    font-weight: 600
}

.tracking-detail ul li .right {
    color: #555
}

.tracking-map iframe {
    border: #fff solid 5px;
    box-shadow: 0 5px 15px rgb(0 0 0 / .09);
    border-radius: 8px
}

.tracking-steps .step {
    text-align: center;
    margin: 0 5px 8px;
    padding: 10px 10px 10px 30px;
    min-width: 180px;
    position: relative;
    background-color: #f0f0f0;
    min-height: 40px;
    transition: background-color 0.2s ease
}

.tracking-steps .step span {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize
}

.tracking-steps .step:before, .tracking-steps .step:after {
    content: " ";
    position: absolute;
    top: 0;
    right: -17px;
    width: 0;
    height: 0;
    border-top: 20px solid #fff0;
    border-bottom: 20px solid #fff0;
    border-left: 17px solid #f0f0f0;
    z-index: 2;
    transition: border-color 0.2s ease
}

.tracking-steps .step:before {
    right: auto;
    left: 0;
    border-left: 17px solid #fff;
    z-index: 0
}

.tracking-steps .step:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.tracking-steps .step:first-child:before {
    border: none
}

.tracking-steps .step.done {
    color: #222;
    background-color: #d7d7d7
}

.tracking-steps .step.done:after {
    border-left: 17px solid #d7d7d7
}

.tracking-steps .step.current {
    color: #fff;
    background-color: #fe877b
}

.tracking-steps .step.current:after {
    border-left: 17px solid #fe877b
}

.mailsendbtn {
    display: inline-block;
    position: relative
}

.mailsendbtn .loading {
    display: none;
    position: absolute;
    right: -40px;
    top: 6px;
    width: 28px;
    height: 28px;
    box-shadow: 0 0 3px #999;
    text-align: center
}

.error_msg {
    display: block;
    color: #ff4141
}

.contactus-page .contact-inner {
    max-width: 550px;
    padding: 40px 55px;
    margin: 0 auto
}

.contact-pstyle2 .collection-hero .collection-hero__image {
    height: 210px;
    background-image: url(../images/about/aboutus-3.jpg)
}

.contact-pstyle2 .collection-hero .collection-hero__title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: none
}

.contact-pstyle2 .contact-details {
    padding: 30px;
    margin-top: 20px
}

.contact-pstyle2 .map-section {
    height: 350px;
    margin-top: 50px
}

.site-footer__social-icons li {
    padding: 0 10px
}

.social-icons .icon {
    color: #111;
    font-size: 16px
}

.site-footer__social-icons .icon {
    width: 16px
}

.faqs-style1 .accordion .accordion-item {
    border: 0;
    margin: 0
}

.faqs-style1 .accordion .accordion-header:before {
    display: none
}

.faqs-style1 .accordion .accordion-header .accordion-button:after {
    content: "\eafb";
    font-family: "annimex-icons";
    position: absolute;
    top: 50%;
    right: 0;
    background: #fff0;
    width: auto;
    height: auto;
    transform: translateY(-50%);
    font-size: 13px;
    font-weight: 400
}

.faqs-style1 .accordion .accordion-header .accordion-button[aria-expanded="true"]:after {
    content: "\ead8"
}

.faqs-style1 .accordion .accordion-header .accordion-button {
    background: #fff0;
    color: #444;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    padding: 18px 40px 18px 0;
    border: none;
    border-bottom: 1px solid #eee;
    box-shadow: none;
    outline: none
}

.faqs-style1 .accordion .accordion-body {
    padding: 1rem 0 0
}

.faqs-style1 .accordion .collapse.show {
    margin: 0
}

.faq-page .faqttl {
    background: #333;
    color: #eee;
    font-weight: 500;
    padding: 9px 20px;
    margin: 15px 0 5px;
    border-radius: 5px
}

.faq-style2 .panel-title {
    position: relative;
    font-size: 105%;
    text-transform: uppercase;
    background: none;
    padding: 14px 0 14px 0;
    margin: 0;
    border-bottom: 1px solid #eee
}

.faq-style2 .panel-content {
    padding: 14px 0
}

.faq-agldown-style .accordion-button {
    position: relative;
    color: #444;
    letter-spacing: normal;
    padding: 18px 0;
    margin: 0;
    background-color: #fff0;
    border-bottom: 1px solid #eee;
    box-shadow: none
}

.faq-agldown-style .accordion-button:after {
    content: "\eb66";
    font: normal normal normal 20px/1 annimex-icons;
    font-size: 20px;
    background: none;
    height: auto;
    width: auto
}

.coming-soon-page {
    background: url(../images/coming-soon.jpg) center center / cover no-repeat #eee
}

.password-modal .modal-dialog {
    background: url(../images/coming-soon.jpg) center center / cover no-repeat #eee
}

.password-header {
    color: #111;
    background-color: rgb(255 255 255 / .7)
}

.password-header .clr-header {
    padding: 10px 0;
    min-height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto
}

.password-main .passCnt {
    position: relative;
    z-index: 2;
    padding: 50px 0;
    max-width: 600px;
    margin: auto
}

.password-main .password__title {
    color: #e95555;
    font-size: 67px;
    text-transform: none;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 40px
}

.password-main .pwd-timer>span {
    font-size: 13px;
    line-height: 1.2;
    border-radius: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 12px;
    color: #444;
    background: #f9f9f9;
    border: #e95555 dashed 1px;
    margin: 0 4px;
    min-width: 16px;
    display: block
}

.password-main .time-count {
    font-size: 22px;
    font-weight: 700;
    min-width: 40px;
    display: block
}

.password-main .input-group, .password-modal .input-group {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
}

.password-footer {
    color: #111;
    padding: 20px 15px;
    background: rgb(255 255 255 / .7)
}

.password-modal.modal .modal-dialog {
    transform: none;
    transition: none
}

.password-modal .modal__close {
    padding: 0;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 5;
    background-image: none;
    border: 0 !important;
    opacity: 1 !important;
    width: 43px;
    height: 40px
}

.password-modal .modal__close .icon {
    font-size: 18px
}

.coming-soon-page .modal-backdrop {
    display: none
}

.text-in-stock {
    color: #090;
    text-transform: uppercase;
    font-weight: 600
}

.text-out-stock {
    color: #dd0101;
    text-transform: uppercase;
    font-weight: 600
}

.btn.remove-icon {
    position: absolute;
    right: 3px;
    top: -10px;
    z-index: 1;
    height: 22px;
    width: 22px;
    line-height: 22px;
    text-align: center;
    padding: 0;
    border-radius: 50%
}

.btn.remove-icon .icon {
    font-size: 12px;
    margin-left: 1px
}

.compare-page table, .wishlist-table table {
    margin-bottom: 0
}

.compare-page .table th {
    background-color: #f8f9fa;
    min-width: 130px
}

.compare-page .table .featured-image {
    max-width: 185px;
    margin: 0 auto;
    display: block
}

.compare-page2 .table .featured-image {
    max-width: 215px
}

.compare-page2 .btn.remove-icon {
    top: 8px;
    right: 8px
}

.lookbook .lookbook-item {
    position: relative;
    overflow: visible
}

.lookbook .lookbook-item.gallery {
    overflow: hidden
}

.lookbook .zoom-img {
    text-align: center;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    transition: all 0.3s ease-out;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 0 3px rgb(0 0 0 / .15)
}

.lookbook .zoom-img:hover {
    background-color: #222;
    color: #fff
}

.lookbook .zoom-img:hover .an {
    color: #fff
}

.lookbook .zoom-img .an {
    color: #111;
    font-size: 15px
}

.lookbook .grid-lookbook img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.lookbook .lookbook-caption {
    background: #fdfdfd;
    font-size: 20px;
    text-align: center;
    bottom: -100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    padding: 12px 18px;
    border-radius: 0 0 6px 6px;
    transition-duration: 0.5s
}

.lookbook .lookbook-caption a {
    color: #111
}

.lookbook .lookbook-caption .text-1 {
    font-size: 15px
}

.lookbook .lookbook-caption .text-2 {
    font-size: 13px;
    display: block
}

.lookbook .grid-lookbook:hover .lookbook-caption {
    bottom: 0
}

.lookbook-shop-page .lookbook-item.gallery {
    overflow: visible
}

.lookbook-shop-page .lookbook .grid-lookbook {
    z-index: inherit
}

.lookbook .lookbook-item:hover img {
    transform: none
}

@media only screen and (min-width:992px) {
    .lookbook .zoom-img {
        opacity: 0;
        visibility: hidden;
        transform: translateZ(0) scale(.1)
    }

    .lookbook .grid-lookbook:hover .zoom-img {
        opacity: 1;
        visibility: visible;
        transform: translateZ(0) scale(1)
    }
}

.grid-lookbook.style2 .lookbook .lookbook-caption {
    background: rgb(0 0 0 / .77)
}

.grid-lookbook.style2 .lookbook .lookbook-caption a {
    color: #fff
}

.grid-lookbook.style3 .lookbook .lookbook-caption {
    background: rgb(253 253 253 / .88);
    display: flex;
    align-items: center;
    justify-content: center
}

.grid-lookbook.style3 .lookbook .grid-lookbook:hover .lookbook-caption {
    top: 0;
    bottom: 0
}

.grid-lookbook.style4 .lookbook .lookbook-caption {
    background: rgb(255 255 255 / .88)
}

.lookbook5 .grid-lookbook .insta-share {
    transition: transform 0.2s ease-out, opacify 0.2s ease-out;
    background: rgb(0 0 0 / .7);
    color: #fff;
    border-radius: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 33%
}

.lookbook5 .grid-lookbook .insta-share:hover {
    background: rgb(0 0 0 / .9)
}

.lookbook5 .grid-lookbook .insta-shop {
    position: absolute;
    background-color: rgb(0 0 0 / .3);
    color: #fff;
    padding: 8px;
    border-radius: 50%;
    font-size: 12px;
    box-shadow: 0 0 2px 0 rgb(255 255 255 / .5);
    transition: all 0.225s 0.01s ease-out;
    bottom: 3%;
    right: 3%
}

.lookbook5 .grid-lookbook .insta-shop:hover {
    background-color: rgb(0 0 0 / .9)
}

.lookbook .products .btn-shop {
    transition: transform 0.2s ease-out, opacify 0.2s ease-out;
    backface-visibility: hidden;
    margin: 5px;
    cursor: pointer;
    background: #fff;
    color: #212529;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / .1)
}

.lookbook .products .btn-shop:before {
    content: "";
    position: absolute;
    animation: box-shadow 1.5s linear infinite;
    left: auto;
    top: auto;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    color: rgb(0 0 0 / .3)
}

.lookbook .products .btn-shop .icon {
    font-size: 12px
}

.lookbook .grid-lb {
    visibility: hidden;
    z-index: 2;
    box-shadow: 0 0 2px #bbb;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    display: none;
    position: absolute;
    width: 260px;
    background: #fff;
    border-radius: 0;
    padding: 10px
}

.lookbook .grid-lb.active {
    opacity: 1;
    visibility: visible;
    display: flex
}

.lookbook .grid-lb.left {
    right: -100%
}

.lookbook .grid-lb .btn-shop-close {
    background: #131313;
    color: #fff;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 5;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 2px rgb(255 255 255 / .5)
}

.lookbook .grid-lb .btn-shop-close .icon {
    font-size: 13px
}

.lookbook .grid-lb .pro-img {
    width: 80px
}

.lookbook .grid-lb .detail .title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
    display: block
}

.lookbook .grid-lb .detail .btn {
    margin-top: 5px;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 4px;
    opacity: 1;
    visibility: visible
}

@keyframes box-shadow {
    0%, 100% {
        box-shadow: 0 0 0 0
    }

    50% {
        box-shadow: 0 0 0 4px
    }
}

.position1 {
    top: 25%;
    left: 45%
}

.position2 {
    top: 8%;
    left: 29%
}

.position3 {
    top: 56%;
    left: 20%
}

.position4 {
    top: 5%;
    left: 27%
}

.position5 {
    top: 27%;
    left: 32%
}

.look-position1 {
    bottom: 15%;
    left: 45%
}

.look-position2 {
    bottom: 25%;
    right: 55%
}

.look-position3 {
    top: 38%;
    left: 25%
}

.look-position4 {
    bottom: 10%;
    left: 35%
}

.look-position5 {
    bottom: 30%;
    left: 42%
}

.look-position6 {
    top: 10%;
    left: 62%
}

.look-position7 {
    top: 60%;
    right: 27%
}

.look-position8 {
    top: 50%;
    left: 25%
}

.look-position9 {
    top: 20%;
    right: 55%
}

.look-position10 {
    bottom: 50%;
    right: 56%
}

.look-position11 {
    top: 8%;
    left: 24%
}

.look-position12 {
    bottom: 30%;
    left: 40%
}

.look-position13 {
    bottom: 30%;
    left: 50%
}

.look-position14 {
    top: 20%;
    left: 65%
}

.custom-text-masonry-item {
    float: left;
    margin-bottom: 10px
}

.custom-text-masonry-item .btn {
    text-decoration: none !important;
    padding: 10px 20px
}

.letter-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    background-color: #efefef;
    padding: 6px 20px;
    margin: 20px 0
}

.brands-list .brands-row {
    margin-top: -10px
}

.brands-list .brands-logo {
    padding-top: 10px
}

.brands-list .brands-logo a {
    display: block;
    border: #ddd solid 1px;
    padding: 0
}

.brands-list .brands-logo a:hover {
    border-color: #000
}

.brands-search .alphaBets {
    background-color: #efefef;
    padding: 10px
}

.brands-search .alphaBets .listing {
    list-style: none;
    padding: 0;
    margin: 0
}

.brands-search .alphaBets .listing li {
    display: inline-block;
    margin: 0 10px 0 0
}

.brands-search .alphaBets .listing li .alpha {
    border: 0;
    background-color: #fff;
    padding: 3px 11px;
    border: #fff0 solid 1px
}

.brands-search .alphaBets .listing li .alpha.active {
    color: #fff;
    background-color: #000;
    border: #000 solid 1px
}

.brands-search .alphaBets .listing li .alpha:not(.active):hover {
    color: #000;
    background-color: #fff;
    border-color: #000
}

.brands-search-logo {
    border: #efefef solid 4px;
    padding: 15px;
    margin-bottom: 40px
}

.filterbrand a {
    font-weight: 600;
    width: auto;
    min-width: 42px;
    padding: 8px;
    background-color: #efefef;
    border: #fff solid 1px;
    margin-left: -1px;
    flex: 1 0 0%
}

.filterbrand a:hover {
    box-shadow: 0 0 8px rgb(0 0 0 / .1)
}

.brandList .ttl {
    width: 100px;
    font-size: 20px;
    font-weight: 700;
    text-transform: lowercase
}

.brandList .list, .brandList .ttl {
    padding: 15px 10px;
    border-top: 1px solid #eee
}

.brandList ul a {
    display: inline-block;
    padding: 5px
}

.brandList ul a:hover {
    font-weight: 500
}

.home-instagram .instafeed .insta-img {
    padding: 0;
    float: left
}

.home-instagram .instafeed .insta-img a {
    position: relative;
    padding-bottom: 100%;
    display: block;
    overflow: hidden
}

.login-register {
    max-width: 900px;
    margin: 0 auto
}

.login-register .inner {
    width: 100%;
    height: 100%;
    display: table;
    border: #f5f5f5 solid 1px;
    padding: 40px
}

.login-page .box h3, .register-page .box h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 20px
}

.login-wrapper .login-inner {
    position: relative;
    background: #f8f9fa;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    overflow: hidden;
    text-align: center
}

.login-wrapper .user-form-login {
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateX(-400px);
    opacity: 0;
    visibility: hidden
}

.login-wrapper .user-form-login.login-active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.login-wrapper .user-form-forgot {
    position: absolute;
    top: 83px;
    left: 400px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    width: 100%;
    padding: 0 30px
}

.login-wrapper .user-form-forgot.forgot-active {
    transform: translateX(-399px);
    visibility: visible;
    opacity: 1
}

.login-wrapper .user-form-signup {
    position: absolute;
    top: 83px;
    left: 400px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    width: 100%;
    padding: 0 30px
}

.login-wrapper .user-form-signup.signup-active {
    transform: translateX(-399px);
    visibility: visible;
    opacity: 1
}

.login-wrapper .login-inner.signup-active {
    height: 485px
}

.login-wrapper .login-inner.signup-active .socialbottom {
    transform: translateY(150px);
    opacity: 0;
    visibility: hidden
}

.login-wrapper .user-registered {
    position: absolute;
    top: 70px;
    left: -400px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    width: 100%;
    padding: 0 30px
}

.login-wrapper .user-registered.registered-active {
    transform: translateX(399px);
    visibility: visible;
    opacity: 1
}

.login-wrapper .user-registered .successtext {
    margin-top: -15px
}

.login-wrapper .user-registered .check path {
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: .85px;
    stroke-dasharray: 60px 300px;
    stroke-dashoffset: -166px;
    fill: rgb(0 0 0 / .5);
    transition: stroke-dashoffset 2s 0.5s ease, fill 1.5s 1s ease
}

.login-wrapper .user-registered .check.checked path {
    stroke-dashoffset: 33px;
    fill: rgb(0 0 0 / .9)
}

.login-wrapper .use-logined {
    position: absolute;
    top: 88px;
    left: 400px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    width: 100%;
    padding: 0 30px
}

.login-wrapper .use-logined.logined-active {
    transform: translateX(-399px);
    visibility: visible;
    opacity: 1
}

.login-wrapper .use-forgoted {
    position: absolute;
    top: 70px;
    left: -400px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    width: 100%;
    padding: 0 30px
}

.login-wrapper .use-forgoted.forgoted-active {
    transform: translateX(399px);
    visibility: visible;
    opacity: 1
}

.login-wrapper .use-forgoted .successtext {
    margin-top: -15px
}

.login-wrapper .use-forgoted .check path {
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: .85px;
    stroke-dasharray: 60px 300px;
    stroke-dashoffset: -166px;
    fill: rgb(0 0 0 / .5);
    transition: stroke-dashoffset 2s 0.5s ease, fill 1.5s 1s ease
}

.login-wrapper .use-forgoted .check.checked path {
    stroke-dashoffset: 33px;
    fill: rgb(0 0 0 / .9)
}

.login-wrapper .login-inner .btn-link {
    display: inline-flex
}

.socialbottom {
    transition: opacity 0.5s ease, transform 0.5s ease
}

.socialbottom .btn-social .btn {
    position: relative;
    padding: 8px 8px 8px 32px;
    min-height: 40px
}

.socialbottom .btn-social .btn>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 33px;
    font-size: 14px;
    text-align: center;
    border-right: 1px solid rgb(0 0 0 / .2);
    display: flex;
    align-items: center;
    justify-content: center
}

.socialbottom .btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgb(0 0 0 / .2)
}

.socialbottom .btn-twitter:hover {
    color: #fff;
    background-color: #2795e9;
    border-color: rgb(0 0 0 / .2)
}

.socialbottom .btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgb(0 0 0 / .2)
}

.socialbottom .btn-facebook:hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgb(0 0 0 / .2)
}

.socialbottom .btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgb(0 0 0 / .2)
}

.socialbottom .btn-google:hover {
    color: #fff;
    background-color: #c23321;
    border-color: rgb(0 0 0 / .2)
}

.form-slider {
    border-radius: 4px;
    box-shadow: 0 0 10px rgb(0 0 0 / .2)
}

.form-slider .slideshow, .form-slider .slideshow * {
    height: 100%
}

.form-slider .slideshow .slick-arrow {
    display: none !important
}

.form-slider .slideshow .slick-dots {
    height: auto
}

.form-slider .slideshow .wrap-caption {
    background-color: rgb(255 255 255 / .88)
}

.loadmore-post {
    text-align: center
}

.blog--grid-load-more .article {
    display: none
}

.blog-list-view .article {
    padding: 0 0 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e8e9eb
}

.blog-grid-view .article {
    margin-bottom: 25px
}

.no-border .article {
    border-bottom: 0 !important;
    padding-bottom: 0 !important
}

.custom-search .input-group .input-group__field, .custom-search .input-group .btn {
    height: 45px
}

.article_featured-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.publish-detail {
    margin: 0 0 10px 0
}

.publish-detail li {
    list-style: none;
    display: inline-block
}

.publish-detail>li:after {
    content: "|";
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle
}

.publish-detail>li:last-of-type:after {
    content: none
}

.publish-detail .icon {
    font-size: 13px;
    margin-right: 8px
}

.featured-content .list-items {
    margin-left: 10px
}

#comment_form {
    background: #faf9f9;
    padding: 45px 50px 50px;
    margin-top: 30px
}

.tags-clouds li {
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 6px
}

.tags-clouds li a {
    display: block;
    border: #ddd solid 1px;
    padding: 5px 9px !important;
    text-transform: uppercase;
    border-radius: 4px
}

.tags-clouds li a:hover {
    background-color: #efefef
}

.blog-single-page .article blockquote {
    background: #f8f8f8;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    padding: 20px;
    margin: 20px 0
}

.blog-single-page .comment__avatar {
    width: 75px;
    margin-right: 20px
}

.blog-single-page .comment__reply .btn:hover {
    color: #f06543
}

.blog-single-page .comments-list--level--1 {
    border-top: 1px solid #ebebeb;
    margin-top: 20px;
    padding-top: 20px
}

.blog-single-page .comments-list__item+.comments-list__item {
    border-top: 1px solid #ebebeb;
    margin-top: 20px;
    padding-top: 20px
}

.blog-single-page .comments-list--level--1>.comments-list__item {
    margin-left: 40px
}

.blog-single-page .comment__author {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.blog-single-page .comment__reply .btn {
    color: #555;
    height: auto;
    padding: 0;
    display: block;
    background-color: #fff0;
    border: 0
}

.blog-masonry.shop-fullwidth .btn-filter {
    font-size: 13px
}

.blog-masonry.shop-fullwidth .btn-filter:before {
    font-size: 22px
}

.cart-col h5 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px
}

.cart__row {
    position: relative
}

.cart th {
    padding: 10px;
    background: #fafafa
}

.cart td {
    padding: 10px
}

.cart__meta-text {
    color: #222;
    font-size: 11px;
    line-height: 1.6;
    padding: 5px 0
}

.cart__image-wrapper {
    width: 100px
}

.cart td.cart-delete {
    width: 30px
}

.cart-alert.alert-dismissible .btn-close {
    padding: 12px;
    background-size: 10px;
    box-shadow: none
}

.cart__footer .solid-border {
    border: #e8e9eb solid 1px;
    padding: 20px;
    margin-bottom: 20px
}

.cart__footer .cart__subtotal-title {
    text-transform: capitalize;
    font-size: 14px
}

.cart__subtotal {
    font-weight: 700;
    padding-left: 15px;
    display: inline-block
}

.cart__shipping {
    font-style: italic;
    font-size: 13px;
    padding: 15px 0
}

.cart_info {
    padding: 20px 25px;
    background: #fafafa
}

#cartCheckout {
    width: 100%;
    padding: 12px
}

.cart-variant1 .cart .cart__price-wrapper {
    text-align: center
}

.cart-variant1 .cart table {
    border: #f2f2f2 solid 1px
}

.cart-variant1 .cart table td {
    border: #f2f2f2 solid 1px
}

.cart-variant1 .cart th.text-right, .cart-variant1 .cart .text-right.cart-price {
    text-align: center !important
}

.qtyField {
    position: relative;
    display: flex;
    align-items: center;
    width: 86px;
    margin: 0
}

.qtyField input {
    margin: 0;
    padding: 0 25px;
    color: #111;
    width: 86px;
    height: 40px;
    text-align: center;
    background: none;
    border-radius: 5px;
    border: #ddd solid 1px
}

.qtyField input:focus {
    border-color: #b7b7b7
}

.qtyField .qtyBtn {
    margin: 0;
    padding: 8px;
    color: #111;
    width: 30px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: none;
    border-radius: 0;
    border: none;
    position: absolute;
    left: 0
}

.qtyField .qtyBtn:hover {
    color: #f06543
}

.qtyField .qtyBtn .icon {
    font-size: 10px
}

.qtyField .qtyBtn.plus {
    left: auto;
    right: 0
}

.qtyField.sm, .qtyField.sm input {
    width: 85px
}

.qtyField.sm .qtyBtn, .qtyField.sm .qty {
    height: 35px
}

.input-group .input-group__field, .input-group>.form-control, .input-group .btn {
    height: 40px
}

.required, .required-f {
    color: #ff0202
}

.login-title, .order-title, .payment-title {
    font-size: 16px;
    font-weight: 700
}

.customer-box h3 {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    background-color: #000
}

.order-table .table thead th {
    background: #fbfbfb;
    font-size: 12px
}

.order-table .table tfoot td {
    background: #fbfbfb
}

.order-table .table .thumbImg, .order-table .table .thumb {
    width: 60px
}

.order-table.style1 .table tbody td {
    font-size: 13px;
    padding: 5px 5px
}

.payment-accordion .card {
    background: #fff0;
    border: #ddd solid 1px;
    border-radius: 4px
}

.payment-accordion .card .card-header {
    background-color: #fff0;
    padding: 0;
    border: none
}

.payment-accordion .card .card-header .card-link {
    background-color: #fff0;
    color: #000;
    padding: 10px 15px 8px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    margin: 0;
    border: none;
    border-bottom: 1px solid #fff0
}

.payment-accordion .card .card-header .card-link:hover, .payment-accordion .card .card-header .card-link[aria-expanded="true"] {
    border-color: #ddd;
    color: #f06543
}

.payment-accordion .card .card-header .card-link:before {
    right: 15px
}

.customer-box .discount-coupon, .customer-box .customer-info {
    background-color: #f7f7f7;
    padding: 20px
}

.create-ac-content, .your-order-payment {
    border: #ddd solid 1px;
    border-radius: 4px;
    padding: 20px
}

.card.card--grey {
    background-color: #fbfbfb
}

.card {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 20px
}

.card-header {
    position: relative;
    padding: 10px 15px;
    border-color: #f7f7f7
}

.card-header .card-link {
    position: relative;
    text-decoration: none
}

.card-header .card-link:before {
    content: "\ea45";
    font-family: "annimex-icons";
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.card-header .card-link[aria-expanded="true"]:before {
    content: "\ea48"
}

.checkout-scard {
    background: #fff;
    box-shadow: 0 0 3px rgb(0 0 0 / .3);
    margin-bottom: 30px
}

.checkout-scard .card-body {
    padding: 25px
}

.checkout-scard .card-title {
    font-size: 30px;
    margin-bottom: 15px
}

.checkout-scard .card-icon {
    color: #198754;
    font-size: 90px;
    line-height: 90px;
    margin: 0 0 10px
}

.checkout-scard .text-order {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 400
}

.ship-info-details {
    margin: 0 0 20px;
    padding: 0 0 12px;
    border: #ddd solid 1px;
    border-radius: 4px
}

.ship-info-details h3 {
    background-color: #fbfbfb;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 15px;
    margin: -1px 0 15px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.ship-info-details p {
    padding: 0 15px;
    margin: 0 0 5px
}

.newsletter-section .input-group {
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    max-width: 500px;
    margin: 0 auto
}

#newsletter-modal {
    text-align: center;
    width: 90%;
    position: fixed;
    left: 50%;
    top: 50%;
    background: #fafafa;
    color: #111;
    margin: 20px auto;
    z-index: 444;
    transform: translate(-50%, -50%) scale(.9)
}

#newsletter-modal .newsltr-text {
    position: relative;
    padding: 30px 30px
}

#newsletter-modal .newsltr-text p.sub-text {
    max-width: 400px;
    margin: 0 auto 20px;
    font-size: 13px;
    line-height: 1.3
}

#newsletter-modal .newsltr-text .btn.mcNsBtn {
    width: 100%;
    height: 42px
}

#newsletter-modal .newsltr-text .social-icons {
    margin: 0 0 20px
}

#newsletter-modal .newsltr-text .social-icons li {
    display: inline-block;
    margin: 0 5px;
    list-style: none
}

#newsletter-modal .newsltr-text .social-icons li a {
    color: #111;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center
}

#newsletter-modal .newsltr-text .social-icons li a:hover {
    opacity: .5
}

#newsletter-modal .newsltr-text .social-icons li a .an {
    font-size: 14px
}

#newsletter-modal .newsltr-text #Subscribe {
    width: 100%;
    border: 0;
    background: #111;
    color: #fff
}

#newsletter-modal .newsltr-text #Subscribe:hover {
    opacity: .9
}

#newsletter-modal .checkboxlink {
    font-size: 10px;
    text-transform: uppercase
}

#newsletter-modal .wraptext {
    max-width: 350px;
    margin: 0 auto
}

#newsletter-modal .title {
    font-size: 40px
}

#newsletter-modal.style1 {
    max-width: 500px
}

#newsletter-modal.style1 .newsletter__submit {
    width: 100%
}

#newsletter-modal.style2 {
    max-width: 650px
}

#newsletter-modal.style2 .newsltr-text {
    padding: 30px 40px
}

#newsletter-modal.style2 .title {
    font-size: 33px;
    line-height: 1.3
}

#newsletter-modal.style2 .checkboxlink label, #newsletter-modal.style3 .checkboxlink label {
    padding-top: 2px
}

#newsletter-modal.style3 {
    max-width: 500px;
    color: #ff5d86
}

#newsletter-modal.style3 .newsltr-img {
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/newsletter-s3-img.jpg)
}

#newsletter-modal.style3 .newsltr-text {
    padding: 60px 50px;
    margin: 0 auto
}

#newsletter-modal.style3 .wraptext {
    max-width: 330px
}

#newsletter-modal.style3 .title {
    font-size: 45px;
    line-height: 1.2;
    color: #ff5d86
}

#newsletter-modal.style3 p {
    font-size: 18px;
    line-height: 1.4;
    color: #7d7487
}

#newsletter-modal.style3 .newsltr-text .btn {
    background-color: #ff5d86;
    border-color: #ff5d86;
    height: auto;
    padding: 10px 30px;
    font-size: 16px
}

#newsletter-modal.style3 .newsltr-text .btn:hover {
    background-color: #f77999;
    border-color: #f77999
}

#newsletter-modal.style3 .newsltr-text .social-icons li a {
    color: #ff5d86;
    width: auto
}

.mfp-ready #newsletter-modal {
    transform: translate(-50%, -50%) scale(1)
}

#newsletter-modal .mfp-close {
    color: #fff;
    font-size: 30px;
    opacity: 1
}

.mfp-hide {
    display: none !important
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transform: scale(.9);
    transition: all 0.3s ease-in-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    opacity: 0;
    transform: scale(.9)
}

@keyframes ad-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.ad-spin {
    animation: ad-spin 1.5s linear infinite
}

@keyframes scaleimg {
    0%, 100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

.featuredContent .d-flex {
    background-color: #67b0ee
}

.featuredContent .row-text {
    padding: 20px
}

.featuredContent h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 15px
}

.featuredContent p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px
}

.featuredContent .btn {
    color: #67b0ee;
    background-color: #fff
}

.featuredContentStyle2 {
    background-color: #fafafa
}

.featuredContentStyle2.featuredContent .d-flex {
    color: #000;
    background-color: #fafafa
}

.featuredContentStyle2.featuredContent h3, .featuredContentStyle2.featuredContent p {
    color: #000
}

.section.featuredContentStyle3 {
    padding: 0;
    color: #000
}

.featuredContentStyle3.featuredContent .container-fluid {
    padding: 0
}

.featuredContentStyle3.featuredContent .d-flex {
    background-color: #fff
}

.featuredContentStyle3 p {
    color: #000;
    font-size: 15px
}

.featuredContentStyle3 h3 {
    color: #000;
    font-size: 28px
}

.featuredContentStyle3 .btn {
    color: #fff;
    background-color: #000
}

.featuredContentStyle3 .btn:hover {
    color: #fff;
    background-color: #333
}

.featuredContentStyle3 img {
    width: 100%
}

.featuredContentStyle3.featuredContent .row-text {
    padding: 30px 7%
}

#site-scroll {
    /* background: #EBBA91; */
    background: #000000;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 1px solid #000000;
    box-shadow: 0 0 5px #ffffff87;
    cursor: pointer;
    right: 17px;
    bottom: 70px;
    position: fixed;
    z-index: 44;
    display: none
}

#site-scroll img {
    transition: transform 0.4s ease;
    transform: rotate(180deg);
    -webkit-user-drag: none
}

#site-scroll:hover img {
    transform: rotate(0deg)
}

.template-index .footer {
    margin-top: 0
}

.footer {
    margin-top: 50px
}

.footer .about-col img {
    max-width: 150px
}

.footer .footer-top .h4 {
    color: #202020;
    font-size: 14px;
    letter-spacing: .5px;
    margin: 0 0 15px;
    text-transform: uppercase
}

.footer .about-us-col img {
    margin-bottom: 20px
}

.footer .social-icons li a {
    color: #111
}

.footer .social-icons li i {
    font-size: 28px
}

.footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-links li {
    margin: 5px 0
}

.footer-links a {
    color: #111
}

.footer-links a:hover {
    color: #000
}

.footer-links a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 3px;
    vertical-align: middle;
    background-color: #111
}

.footer-links a:hover:before {
    width: 4px;
    margin-right: 3px
}

.footer-newsletter .newsletter-input {
    background: #fff;
    border-color: #fff;
    margin-bottom: 10px;
    font-size: 13px
}

.footer-newsletter .newsletter-input:focus {
    border-color: #e6e6e6
}

.footer-newsletter .btn {
    font-size: 15px;
    padding: 0 15px
}

.footer-newsletter .input-group {
    flex-wrap: inherit
}

.footer-bottom {
    background: #eef2f6;
    clear: both;
    padding: 15px 0;
    border-top: 1px dotted #eee
}

.footer .payment-icons svg {
    width: 35px;
    margin: 0 3px
}

.footer-contact p i {
    padding-right: 10px
}

.footer .social-icons-col ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer .social-icons-col li {
    margin-bottom: 5px
}

.footer .social-icons-col li a {
    font-size: 13px;
    padding: 0
}

.footer .social-icons-col a:before {
    display: none
}

.footer .social-icons-col i {
    font-size: 13px;
    width: 28px;
    display: inline-block;
    text-align: center
}

.footer-2 .footer-top {
    color: #464444;
    background-color: #fdf0e7;
    /* background-color:#ebba91; */
}

.footer-2 .footer-top .h4 {
    color: #464444;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
    font-family: "Jost", sans-serif
}

.footer-2 .footer-top .address span, .footer-2 .footer-top .phone span, .footer-2 .footer-top .phone a, .footer-2 .footer-top .email span, .footer-2 .footer-top .email a {
    color: #464444;
    font-size: 13px;
    text-transform: none;
    font-weight: 400;
    font-family: "Jost", sans-serif
}

.footer-2 .footer-top .footer-links ul li a, .footer-2 .footer-top .newsletter-col p, .footer-2 .footer-top .newsletter-col .newsletter-input {
    color: #464444;
    font-size: 13px;
    text-transform: none;
    font-weight: 400;
    font-family: "Jost", sans-serif
}

.footer-2 .social-icons li a {
    color: #000
}

.footer-2 .social-icons li a:before {
    display: none
}

.footer-2 .footer-links a {
    color: #fff
}

.footer-2 .footer-links a:hover, .footer-2 .social-icons li a:hover {
    opacity: .7
}

.footer-2 .footer-links a:before {
    background-color: #e3e3e3
}

.footer-2 .copyright-col, .footer-2 .copyright-col a {
    color: #fff
}

.footer-2 .copyright-col a:hover {
    text-decoration: underline;
    opacity: .7
}

.footer-2 .footer-newsletter .btn {
    font-size: 13px;
    height: 40px
}

.footer-2 .footer-about img {
    max-width: 180px
}

.rounded-pill-start {
    border-bottom-left-radius: 50rem !important;
    border-top-left-radius: 50rem !important
}

.rounded-pill-end {
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important
}

.blur-up.lazyloaded {
    filter: blur(0)
}

.blur-up {
    filter: blur(5px)
}

.cookie-popup {
    color: #fff;
    background-color: #000;
    padding: 20px;
    position: fixed;
    z-index: 1000;
    max-width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.cookie-popup .btn {
    background-color: #fff;
    color: #000;
    margin-right: 10px
}

#cookie-message {
    text-align: center;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 99;
    background-color: #000;
    color: #fff;
    padding: 10px 0;
    border-radius: 0;
    border: none
}

.falling-snow {
    position: relative
}

.falling-snow.style1:before {
    background-color: #fff0;
    position: absolute;
    width: 100%;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background-image: url(../images/snowballs-sm.png), url(../images/snowballs-lg.png), url(../images/snowballs-md.png);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    animation: falling-down-snow 10s linear infinite
}

.falling-snow.style2:before {
    background-color: #fff0;
    position: absolute;
    width: 100%;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background-image: url(../images/snow-1.png), url(../images/snow-2.png), url(../images/snow-2.png);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    animation: snow 10s linear infinite
}

@keyframes falling-down-snow {
    0% {
        background-position: 0 0, 0 0, 0 0
    }

    100% {
        background-position: 0 700px, 0 500px, 0 300px
    }
}

@keyframes snow {
    0% {
        background-position: 0 0, 0 0, 0 0
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px
    }
}

.vendor-profile-page .tabs-style2.tabs>li {
    padding: 0 0 10px
}

.vendor-profile-page .tabs-style2.tabs>li:after {
    bottom: -1px
}

.vendor-profile-page .grid-categorys .category-item .category-title {
    font-size: 17px
}

.vendor-profile-page .coupon {
    position: relative;
    font-size: 14px;
    text-align: center;
    padding: 10px 10px;
    width: 100%;
    background-color: #f5f5f5;
    border-radius: 3px;
    display: inline-block;
    border: #666 dashed 1px
}

.vendor-profile-page .coupon .tooltip-label {
    top: auto;
    bottom: -70px;
    border: #575757 solid 1px;
    background-color: #fff;
    color: #222;
    padding: 8px
}

.vendor-profile-page .coupon .tooltip-label:before {
    bottom: auto;
    top: -9px;
    border-top-color: #fff0;
    border-bottom: 5px solid #000
}

.vendor-profile-page .coupon:hover .tooltip-label {
    opacity: 1;
    bottom: -60px;
    visibility: visible
}

.vendor-profile-page .btn.btn-filter:before {
    margin-right: 6px
}

.main-dashboard .prod-tlt {
    min-width: 125px
}

.form-color-box input {
    width: 40px;
    height: 30px
}

#watsapp-fixed {
    border-radius: 3px;
    background-color: #000;
    color: #fff;
    line-height: 35px;
    cursor: pointer;
    font-size: 13px;
    width: 40px;
    height: 40px;
    line-height: 44px;
    right: 30px;
    position: fixed;
    border-radius: 3px;
    text-align: center;
    transition: all 0.3s 0s ease;
    bottom: 20px;
    z-index: 444;
    box-shadow: 0 0 1px #ddd
}

#watsapp-fixed a {
    color: #fff
}

.our-management {
    font-size: 2rem;
    color: #265f89;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 auto
}

.our-box {
    position: relative;
    overflow: hidden
}

.our-box .our-detail {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    padding: 10px 30px;
    background: rgb(0 0 0 / .5);
    height: 300px;
    margin-bottom: -233px;
    transition: all 0.3s ease-in
}

.our-box .our-detail h4, .our-box .our-detail h6, .our-box .our-detail p {
    color: #fff;
    font-family: inherit;
    letter-spacing: .4px;
    font-size: 1.2rem
}

.our-box .our-detail h6 {
    font-size: .9rem
}

.our-box .our-detail p {
    font-size: .8rem;
    opacity: 0;
    transition: opacity 0.4s 0.4s;
    transition: all 0.8s ease-in
}

.our-box:hover .our-detail, .our-box:hover .our-detail p {
    margin-bottom: 0;
    opacity: 1
}

.popup-btn {
    text-decoration: none;
    color: #0d6efd;
    cursor: pointer
}

.modaleditorder, .modalneworder, .modalpending, .modalcad, .modalconfirm, .modalorder {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    outline: 0
}

.modaleditorder.fademodal .modal-dialog, .modalneworder.fademodal .modal-dialog, .modalpending.fademodal .modal-dialog, .modalcad.fademodal .modal-dialog, .modalconfirm.fademodal .modal-dialog, .modalorder.fademodal .modal-dialog {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out
}

.modaleditorder.in .modal-dialog, .modalneworder.in .modal-dialog, .modalpending.in .modal-dialog, .modalcad.in .modal-dialog, .modalconfirm.in .modal-dialog, .modalorder.in .modal-dialog {
    transform: translate(0, 0);
    transition-delay: 0.2s
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    pointer-events: none
}

.modal-backdrop.fademodal {
    opacity: 0
}

.fademodal {
    opacity: 0;
    transition: opacity 0.15s linear
}

.fademodal.in {
    opacity: 1
}

.modal-backdrop.in {
    opacity: .5
}

.modal-open {
    overflow: hidden
}

.modal-open .modalall {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: #999 solid 1px;
    border: rgb(0 0 0 / .2) solid 1px;
    border-radius: 6px;
    box-shadow: 0 3px 9px rgb(0 0 0 / .5);
    background-clip: padding-box;
    outline: 0
}

button.close {
    padding: 0;
    cursor: pointer;
    background: #fff0;
    border: 0;
    font-family: inherit
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: inherit;
    font-size: 18px;
    font-weight: 400
}

.modal-body {
    position: relative;
    padding: 15px;
    font-family: "Rubik", sans-serif
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modaleditorder .btn, .modalneworder .btn, .modalpending .btn, .modalcad .btn, .modalconfirm .btn, .modalorder .btn {
    font-family: inherit;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: #fff0 solid 1px;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    user-select: none
}

.modaleditorder .btn-default, .modalneworder .btn-default, .modalpending .btn-default, .modalcad .btn-default, .modalconfirm .btn-default, .modalorder .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.modaleditorder .btn-default:hover, .modalneworder .btn-default:hover, .modalpending .btn-default:hover, .modalcad .btn-default:hover, .modalconfirm .btn-default:hover, .modalorder .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    text-decoration: none
}

.modaleditorder .btn-default:focus, .modalneworder .btn-default:focus, .modalpending .btn-default:focus, .modalcad .btn-default:focus, .modalconfirm .btn-default:focus, .modalorder .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.modaleditorder .btn:active, .modalneworder .btn:active, .modalpending .btn:active, .modalcad .btn:active, .modalconfirm .btn:active, .modalorder .btn:active, .modaleditorder .btn.active, .modalneworder .btn.active, .modalpending .btn.active, .modalcad .btn.active, .modalconfirm .btn.active, .modalorder .btn.active {
    outline: 0;
    background-image: none;
    box-shadow: 0 3px 5px rgb(0 0 0 / .125) inset
}

.modaleditorder .btn:focus, .modalneworder .btn:focus, .modalpending .btn:focus, .modalcad .btn:focus, .modalconfirm .btn:focus, .modalorder .btn:focus, .modaleditorder .btn:active:focus, .modalneworder .btn:active:focus, .modalpending .btn:active:focus, .modalcad .btn:active:focus, .modalconfirm .btn:active:focus, .modalorder .btn:active:focus, .modaleditorder .btn.active:focus, .modalneworder .btn.active:focus, .modalpending .btn.active:focus, .modalcad .btn.active:focus, .modalconfirm .btn.active:focus, .modalorder .btn.active:focus, .modaleditorder .btn.focus, .modalneworder .btn.focus, .modalpending .btn.focus, .modalcad .btn.focus, .modalconfirm .btn.focus, .modalorder .btn.focus, .modaleditorder .btn:active.focus, .modalneworder .btn:active.focus, .modalpending .btn:active.focus, .modalcad .btn:active.focus, .modalconfirm .btn:active.focus, .modalorder .btn:active.focus, .modaleditorder .btn.active.focus, .modalneworder .btn.active.focus, .modalpending .btn.active.focus, .modalcad .btn.active.focus, .modalconfirm .btn.active.focus, .modalorder .btn.active.focus {
    outline-offset: -2px
}

.modaleditorder .btn-default:active, .modalneworder .btn-default:active, .modalpending .btn-default:active, .modalcad .btn-default:active, .modalconfirm .btn-default:active, .modalorder .btn-default:active, .modaleditorder .btn-default.active, .modalneworder .btn-default.active, .modalpending .btn-default.active, .modalcad .btn-default.active, .modalconfirm .btn-default.active, .modalorder .btn-default.active, .modaleditorder .open>.dropdown-toggle.btn-default, .modalneworder .open>.dropdown-toggle.btn-default, .modalpending .open>.dropdown-toggle.btn-default, .modalcad .open>.dropdown-toggle.btn-default, .modalconfirm .open>.dropdown-toggle.btn-default, .modalorder .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.modaleditorder .btn-default:active, .modalneworder .btn-default:active, .modalpending .btn-default:active, .modalcad .btn-default:active, .modalconfirm .btn-default:active, .modalorder .btn-default:active, .modaleditorder .btn-default.active, .modalneworder .btn-default.active, .modalpending .btn-default.active, .modalcad .btn-default.active, .modalconfirm .btn-default.active, .modalorder .btn-default.active, .modaleditorder .open>.dropdown-toggle.btn-default, .modalneworder .open>.dropdown-toggle.btn-default, .modalpending .open>.dropdown-toggle.btn-default, .modalcad .open>.dropdown-toggle.btn-default, .modalconfirm .open>.dropdown-toggle.btn-default, .modalorder .open>.dropdown-toggle.btn-default {
    background-image: none
}

@media (min-width:768px) {
    .modal-dialog {
        margin: auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgb(0 0 0 / .5)
    }
}

.promise-box {
    text-align: center;
    font-size: 14px;
    color: #060606;
    font-family: Jost, sans-serif;
    text-transform: capitalize;
    font-weight: 400;
    padding: 15px 10px;
    border: 1px solid dimgray;
    border-radius: 10px;
    height: 100%
}

.promise-box img {
    display: block;
    margin: 20px auto;
    height: auto;
    width: 100%;
    max-width: 50px
}

.best-seller {
    position: relative
}

.best-seller img {
    border-radius: 10px
}

.best-seller-product_details .best-seller-product {
    display: block;
    margin-bottom: 10px;
    border: #e5e3e3 solid 1px
}

.best-seller-product_details .best-seller-product .best-seller-img-wrap {
    position: relative;
    display: block;
    overflow: hidden
}

.best-seller-product_details .best-seller-product .best-seller-img-wrap img {
    width: 100%;
    height: auto;
    transition: 0.4s
}

.best-seller-product_details .best-seller-product .best-seller-img-wrap img:hover {
    transform: scale(1.2)
}

.best-seller-product_details .best-seller-product h5 {
    font-family: Jost, sans-serif !important;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    color: #060606;
    padding: 0 4px;
    margin: 5px 0 0;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis
}

.best-seller-product_details .best-seller-product span {
    padding: 0 4px;
    font-size: 12px;
    color: #000;
    font-weight: 500;
    font-family: Jost, sans-serif
}

.shop-collction {
    display: block
}

.shop-collction .collection-img-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto
}

@media only screen and (max-width:590px) {
    .shop-collction .collection-img-wrap {
        height: 250px
    }
}

.shop-collction .collection-img-wrap img {
    width: 100%;
    height: auto;
    transition: 0.5s;
    border-radius: 5px
}

.shop-collction .collection-img-wrap img:hover {
    transform: scale(1.2)
}

.shop-collction .collection-img-wrap h5 {
    position: absolute;
    top: inherit;
    bottom: 25px;
    left: 0;
    color: #fff;
    font-size: 20px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.shop-collction .collection-img-wrap h5 span {
    display: inline-block;
    padding: 10px 20px;
    background-color: #012f49;
    border-radius: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    min-width: 175px;
    font-family: Jost, sans-serif;
    text-transform: capitalize
}

.about-info2 p {
    font-size: 16px;
    color: #000;
    font-family: Jost, sans-serif;
    text-transform: capitalize
}

.csr {
    padding: 12px 0
}

.csr-title {
    width: 100%;
    text-align: center
}

.csr-title h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 auto;
    color: #000
}

.quote-wraper .slick-dots {
    position: absolute;
    bottom: 5px;
    right: 10px
}

.slick-dots li button {
    background-color: #0e6ff5
}

.quote-wraper .quotes-slide {
    padding: 0
}

.csr-text-holder h4 {
    font-size: 20px;
    text-align: center;
    color: #314672
}

.csr-text-holder p {
    text-align: justify;
    color: #333;
    font-size: 15px;
    margin-bottom: 0
}

.csr-desc h2, .csr-desc h3 {
    margin-bottom: 26px;
    text-align: center;
    color: #000;
    font-family: Jost, sans-serif;
    text-transform: capitalize
}

.ac-img-holder {
    display: flex;
    justify-content: center;
    width: 172.63px;
    margin: auto
}

.csr-desc h2 {
    font-size: 26px;
    margin-top: 12px
}

.csr-desc h3 {
    font-size: 22px;
    margin-top: 12%
}

.csr-desc p {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-family: Jost, sans-serif;
    text-transform: capitalize
}

.csr-img-holder p {
    font-size: 18px;
    background: #edeeee;
    padding: 1px 6px;
    font-family: Jost, sans-serif;
    text-transform: capitalize
}

@media only screen and (max-width:767px) {
    .csr-title h2 {
        font-size: 12px
    }
}

.faq-wrap .accordion-item:first-of-type {
    border-radius: 0
}

.faq-wrap .accordion-item .accordion-header {
    margin: 0;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    outline: 0;
    font-size: 16px;
    font-weight: 500;
    color: #060606;
    font-family: Jost, sans-serif
}

.faq-wrap .accordion-item .accordion-button {
    font-size: 16px;
    font-weight: 500;
    color: #060606;
    font-family: Jost, sans-serif;
    line-height: 1.3
}

.faq-wrap .accordion-button {
    font-size: 18px;
    font-weight: 500
}

.faq-wrap .accordion-button:focus {
    border-color: #fff0;
    box-shadow: 0 0 0 0 rgb(13 110 253 / .25)
}

.faq-wrap .accordion-button:not(.collapsed) {
    background: 0 0;
    color: #cc7351 !important
}

#accordionExample .accordion-button::after {
    transition: 0.5s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='currentColor' class='bi bi-plus' viewBox='0 0 12 12'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    content: "";
    order: -1;
    margin-left: 0;
    margin-right: 10px;
    margin-top: -10px
}

#accordionExample .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='currentColor' class='bi bi-dash' viewBox='0 0 12 12'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    content: "";
    margin-top: 0;
    margin-bottom: -6px
}

.faq-wrap .accordion-item .accordion-body, .faq-wrap .accordion-item .accordion-body p {
    font-size: 15px;
    font-weight: 500;
    color: #7d7d7d;
    font-family: Jost, sans-serif;
    line-height: 1.5
}

.faq-wrap .accordion-body {
    color: #7d7d7d;
    font-size: 16px
}

#accordionExample .accordion-body p {
    padding: 0;
    margin: 0;
    font-size: 15px
}

.all_policies {
    position: relative;
    padding: 30px
}

.all_policies strong {
    color: #222;
    font-family: Jost, Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5
}

.all_policies h2, .all_policies h2, .all_policies h4 {
    color: #222;
    font-family: Jost, Sans-serif;
    font-weight: 500;
    line-height: 1.3
}

.all_policies h2 {
    font-size: 26px
}

.all_policies h2 {
    font-size: 22px
}

.all_policies h4 {
    font-size: 18px
}

.all_policies p, .all_policies span {
    color: #222;
    font-family: Jost, Sans-serif;
    font-weight: 400;
    line-height: 1.5
}

.all_policies p {
    font-size: 16px
}

.all_policies span {
    font-size: 14px
}

.all_policies table {
    max-width: 600px;
    margin: 0 auto
}

.all_policies table thead {
    background-color: #d9edf7
}

.all_policies table thead th {
    width: 33.33%;
    color: #000;
    padding: 6px
}

.all_policies table tbody td {
    border: #000 solid 1px;
    padding: 6px
}

.dtl-promise-heading {
    position: relative;
    background: #deeefc;
    font-family: Jost, sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .1em;
    margin: 0;
    padding: 8px 8px 5px;
    text-transform: uppercase
}

.dtl-promise-box {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 6px
}

@media (max-width:767px) {
    .dtl-promise-box {
        flex-direction: column
    }

    .dtl-promise-box .dtl-promise-title {
        text-align: center
    }
}

.dtl-promise-box img {
    display: block;
    width: 30px;
    height: 30px
}

.dtl-promise-box .dtl-promise-title {
    font-size: 13px;
    color: #424040;
    font-family: Jost, sans-serif;
    font-weight: 600
}

.custom-radios div {
    display: inline-block
}

.custom-radios input[type="radio"] {
    display: none
}

.custom-radios input[type="radio"]+label {
    color: #333;
    font-family: Jost, sans-serif;
    font-size: 14px
}

.custom-radios input[type="radio"]+label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 20px
}

.custom-radios input[type="radio"]+label span img {
    opacity: 0;
    width: 12px;
    transition: 0.3s
}

.custom-radios input[type="radio"]#ROSEGOLD+label span {
    background-color: #ecc0af
}

.custom-radios input[type="radio"]#WHITEGOLD+label span {
    background-color: #dedede
}

.custom-radios input[type="radio"]#YELLOWGOLD+label span {
    background-color: #e5d4aa
}

.custom-radios input[type="radio"]#ROSEANDWHITEGOLD+label span {
    height: 2px;
    width: 2px;
    border: 10px solid;
    border-radius: 50%;
    border-color: #dedede #dedede #ecc0af #ecc0af;
    transform: rotate(45deg)
}

.custom-radios input[type="radio"]:checked+label span img {
    opacity: 1
}

.radiocheck {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 35%;
    top: 45%;
    height: 50px;
    width: 25px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff
}

.quality-box {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 5px
}

.quality-box input {
    position: absolute;
    left: -9999px
}

.quality-box input:checked+label, .quality-box label:hover {
    background: #e6d39a;
    color: #000
}

.quality-box label {
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    width: 50px;
    height: 25px;
    border-radius: 8px;
    transition: 0.25s;
    background: #e5eaed;
    cursor: pointer
}

.metal-box .dg-h, .metal-box p {
    font-size: 13px;
    font-family: Jost, sans-serif
}

.metal-box .dg-h, .metal-box p, .metal-heading h2 {
    font-family: Jost, sans-serif
}

.mp-icon span, .mw-icon span {
    background-image: url(https://assets.cltstatic.com/images/responsive/pdp-sprite.png);
    background-size: 600px;
    display: inline-block;
    width: 14px;
    margin-top: 7px
}

.metal-box {
    width: 100%;
    height: 100%;
    min-height: 137px;
    background: #f9f9fa;
    border: #ded6fb solid 1px;
    border-radius: 12px;
    padding: 15px
}

.metal-box p {
    color: #202020;
    margin-bottom: 0
}

.metal-heading {
    display: flex
}

.metal-heading h2 {
    font-size: 14px;
    line-height: 32px;
    color: #202020;
    display: inline-block;
    margin-left: 8px;
    font-weight: 500
}

.metal-box .dg-h {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-weight: 400
}

.metal-box .dg-t, .price-break {
    display: block !important;
    height: 100% !important;
    color: #666;
    font-size: 14px;
    font-weight: 500
}

@media (max-width:420px) {
    .metal-box .dg-t, .price-break {
        font-size: 13px
    }

    .metal-box .dg-t table td, .metal-box .dg-t table th, .price-break table td, .price-break table th {
        padding: 0.2rem !important
    }
}

@media (max-width:340px) {
    .metal-box .dg-t, .price-break {
        font-size: 12px
    }
}

.metal-box .dg-t table td, .metal-box .dg-t table th, .price-break table td, .price-break table th {
    font-family: Jost, sans-serif;
    font-weight: 400;
    color: #202020;
    text-transform: capitalize;
    border-bottom: 1px solid #f0f0f0;
    padding: .3rem
}

.mw-icon span {
    background-position: -339px -56px;
    height: 15px
}

.mp-icon span {
    background-position: -366px -56px;
    height: 14px
}

.dg-icon span {
    background: url(https://assets.cltstatic.com/images/responsive/pdp-sprite.png) -306px -56px /600px;
    position: absolute;
    width: 21px;
    height: 27px
}

.delivery_date_shortcode {
    background: #fff;
    border: #fdfdfd solid 1px;
    padding: 12px 0;
    width: 70%
}

@media (max-width:767px) {
    .delivery_date_shortcode {
        width: 100%
    }
}

@media (max-width:991px) {
    .delivery_date_shortcode {
        width: 100%
    }
}

.delivery_date_shortcode h2 {
    font-family: Jost, sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 16px;
    text-transform: capitalize
}

.order_steps {
    display: flex;
    justify-content: space-between
}

.order_step_box {
    position: relative;
    width: 33.3333%;
    text-align: center
}

.order_step_box img {
    width: 30px;
    height: auto;
    background: #fff;
    opacity: 1;
    margin: 0 4px 3px;
    vertical-align: middle;
    display: inline-block
}

.order_step_box h6 {
    font-family: Jost, sans-serif;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 3px
}

.order_step_box::after {
    content: "";
    position: absolute;
    top: .4em;
    left: calc(50% + 15px);
    height: .1em;
    background: #1d1d1d;
    z-index: 0;
    margin-top: 10px;
    width: 100%
}

.order_step_box:nth-child(3)::after {
    content: none
}

.social-shring span {
    font-size: 14px;
    font-weight: 500
}

.social-shring img, .social-shring svg {
    width: 40px;
    height: 40px
}

.dtl-certificaton {
    background-color: #a9caef;
    border: #ccc solid 1px;
    padding: 10px 20px;
    width: 85%
}

@media (max-width:991px) {
    .dtl-certificaton {
        width: 100%
    }
}

.dtl-certificaton .dtl-c-heading {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #2a486f;
    font-family: Jost, sans-serif;
    font-weight: 700;
    padding: 16px 0 21px;
    font-size: 16px;
    line-height: 21px
}

.dtl-certificaton .dtl-c-desc {
    color: #000;
    text-align: center;
    padding-bottom: 12px;
    font-family: Jost, sans-serif
}

.blog-banner {
    position: relative;
    width: 100%
}

.blog-banner img {
    width: 100%
}

.blog-banner-mob {
    display: none
}

@media only screen and (max-width:768px) {
    .blog-banner-web {
        display: none
    }

    .blog-banner-mob {
        display: block
    }
}

.blog-sliders .slick-slide {
    padding: 0 10px
}

.blog-sliders .slick-arrow {
    background: #3c3737;
    border: none;
    color: #fff;
    border-radius: 0;
    width: 28px;
    height: 44px
}

.blog-sliders .slick-prev:before, .blog-sliders .slick-next:before {
    font-size: 16px;
    color: #fff
}

.blog-sliders .blog-slid, .blog-menu .blog-slid {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    background: #f5f5f5;
    border: #e5e2e2 solid 1px;
    box-shadow: 0 6px 24px 0 rgb(0 0 0 / .05), 0 0 0 1px rgb(0 0 0 / .08);
    transition: all 0.1s linear
}

.blog-slid .blog-card__image {
    display: block;
    position: relative;
    transition: transform 0.3s ease-in-out
}

.blog-slid .blog-card__image .image-element__wrap {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%
}

.blog-slid .blog-card__image .image-element__wrap img {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    object-fit: cover
}

@media only screen and (min-width:799px) {
    .blog-slid .blog-card__image .image-element__wrap {
        max-height: 15rem
    }
}

.blog-slid .blog-card__image .blog-tags {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #f5f5f5;
    border-radius: 0;
    text-transform: uppercase;
    color: #9a9a9a;
    padding: 7px 13px;
    font-size: .7rem;
    color: #9a9a9a
}

.blog-slid .blog-card__content {
    height: 310px;
    background: #fff;
    padding: 1.5rem
}

.blog-slid .blog-card__content .blog-title {
    align-items: flex-start;
    display: flex;
    text-align: left
}

.blog-slid .blog-card__content .blog-title h4 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1.2
}

.blog-slid .blog-card__content .blog-info-small {
    font-size: 12px;
    color: #5b5a5a;
    font-weight: 400
}

.blog-slid .blog-card__content .blog-description {
    color: #3c3737;
    line-height: 22px
}

.blog-newslleter {
    width: 100%;
    background: #52727b;
    padding: 50px 0
}

.blog-newslleter .blog-letter-title h4 {
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: 30px;
    font-style: italic;
    letter-spacing: 0;
    font-weight: 400
}

.blog-newslleter .blog-letter-description p {
    color: #fff;
    font-size: 1rem;
    letter-spacing: .075em;
    line-height: 20.77332px
}

.tab-slider-product .tabs {
    border: 0;
    text-align: center;
    margin: 0 0 30px;
    padding: 0
}

.category-section .container {
    max-width: 1500px !important
}

@media (min-width:1200px) {
    .category-section .container {
        max-width: 1140px
    }
}

@media (min-width:992px) {
    .category-section .container {
        max-width: 960px
    }
}

@media (min-width:768px) {
    .category-section .container {
        max-width: 720px
    }
}

@media (min-width:576px) {
    .category-section .container {
        max-width: 540px
    }
}

@media only screen and (max-width:1400px) {
    .slideshow .middle-left .slideshow-content-in {
        left: 60px
    }

    .slideshow .middle-right .slideshow-content-in {
        right: 60px
    }
}

@media only screen and (max-width:1199px) {
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px
    }

    #search-popup {
        padding: 20px 20px 20px 20px
    }

    #siteNav>li>a .navLbl {
        top: -20px
    }

    .topBar .item.center {
        border: 0
    }

    .slideshow__text-content {
        max-width: 450px
    }

    .slideshow .slideshow__title {
        font-size: 30px
    }

    .slideshow .slideshow__subtitle {
        font-size: 14px
    }

    .slideshow .middle-left .slideshow-content-in {
        left: 30px
    }

    .slideshow .middle-right .slideshow-content-in {
        right: 30px
    }

    .slideshow .bottom-middle .slideshow-content-in {
        bottom: 35px
    }

    .slideshow .middle-bottom .slideshow-content-in {
        right: 30px
    }

    .logo-bar .slick-prev {
        left: -15px
    }

    .logo-bar .slick-next {
        right: -15px
    }

    .collection-banners.style5 .collection-grid-item__title {
        font-size: 14px
    }

    .grid-sizer.grid-6col, .collection-banners.style5 .collection-page-item {
        width: 20%
    }

    .product-nav {
        display: none
    }

    .arwOut3 .slick-prev {
        left: -15px
    }

    .arwOut3 .slick-next {
        right: -15px
    }

    .productSlider .slick-prev, .productPageSlider .slick-prev, .productSlider-style1 .slick-prev, .productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev, .home-blog-post .slick-prev {
        left: -10px
    }

    .productSlider .slick-next, .productPageSlider .slick-next, .productSlider-style1 .slick-next, .productSlider-style2 .slick-next, .productSlider-fullwidth .slick-next, .home-blog-post .slick-next {
        right: -10px
    }

    .left .slideshow__text-content {
        left: 10px
    }

    .featured-content.style1 .f-text {
        padding: 15px 25px
    }

    .collection-slider-full .slick-prev {
        left: -10px
    }

    .collection-slider-full .slick-next {
        right: -10px
    }
}

@media only screen and (max-width:1024px) {
    .row {
        margin-left: -7.5px;
        margin-right: -7.5px
    }

    .row>* {
        padding-left: 7.5px;
        padding-right: 7.5px
    }

    .top-header-wrapper .top-header {
        font-size: 12px
    }

    .productSlider.slick-slider .slick-list, .productPageSlider.slick-slider .slick-list, .productSlider-style2.slick-slider .slick-list {
        margin: 0 -7.5px
    }

    .productSlider.slick-slider .slick-slide, .productPageSlider.slick-slider .slick-slide, .productSlider-style2.slick-slider .slick-slide {
        margin: 0 7.5px
    }

    .collection-box .slick-arrow, .collection-box:hover .slick-arrow, .product-details-img .product-thumb .slick-arrow, .productSlider .slick-arrow, .productPageSlider .slick-arrow, .productSlider-style1 .slick-arrow, .productSlider-style2 .slick-arrow, .productSlider-fullwidth .slick-arrow, .product-single-center-mode .product-center-style3 .slick-arrow, .home-blog-post .slick-arrow {
        opacity: 1;
        visibility: visible;
        margin: 0;
        background-color: rgb(255 255 255 / .78)
    }

    .instagram-section .slick-prev, .instagram-section .slick-next {
        opacity: 1;
        visibility: visible
    }

    .productSlider .slick-next, .collection-box .collection-grid .slick-next, .productPageSlider .slick-next {
        right: -10px
    }

    .productSlider .slick-prev, .collection-box .collection-grid .slick-prev, .productPageSlider .slick-prev {
        left: -10px
    }

    .productSlider .slick-prev:before, .productSlider .slick-next:before {
        font-size: 15px
    }

    .home-blog-post .slick-list, .quote-wraper .slick-list, .collection-grid-slider .slick-list {
        margin-right: -7.5px;
        margin-left: -7.5px
    }

    .home-blog-post .slick-slide, .quote-wraper .slick-slide, .collection-grid-slider .slick-slide {
        margin-right: 7.5px;
        margin-left: 7.5px
    }

    .logo-bar .slick-list, .slider-gp30.slick-slider .slick-list {
        margin: 0 -7.5px
    }

    .logo-bar .slick-slide, .slider-gp30.slick-slider .slick-slide {
        padding: 0 7.5px
    }

    .arwOut3 .slick-arrow {
        opacity: 1;
        visibility: visible;
        margin: 0;
        background-color: rgb(255 255 255 / .78)
    }

    .arwOut3 .slick-prev {
        left: -10px
    }

    .arwOut3 .slick-next {
        right: -10px
    }

    .slideshow .slick-arrow {
        opacity: 1;
        visibility: visible
    }

    .slideshow--medium {
        height: 450px
    }

    #search-popup {
        padding: 20px 15px 20px 15px
    }

    .button-set {
        opacity: 1;
        visibility: visible;
        top: 5px
    }

    .button-set.style0 li .btn-icon, .button-set.style2 li .btn-icon {
        transform: scale(1)
    }

    .variants.add {
        bottom: 0;
        margin-top: 10px;
        position: absolute;
        left: 0;
        right: 0
    }

    .variants.add .btn {
        padding: 5px 12px;
        font-size: 10px;
        background-color: #f7f7f7
    }

    .saleTime.desktop {
        display: none
    }

    .timermobile {
        display: block
    }

    .timermobile .saleTime {
        display: block;
        position: relative;
        margin-top: 20px
    }

    .grid-products .item:hover .timermobile .saleTime {
        display: block
    }

    .button-style2 .variants.add button {
        font-size: 13px;
        padding: 0
    }

    .button-style2, .button-style2 .variants.add {
        margin-top: 0
    }

    .button-style2 i {
        vertical-align: middle
    }

    .lookbook .grid-lb {
        padding: 5px;
        width: 130px;
        flex-direction: column;
        table-layout: inherit
    }

    .lookbook .grid-lb.left {
        left: auto;
        right: -20px
    }

    .lookbook .grid-lb .pro-img {
        margin-bottom: 10px;
        display: block;
        width: 100%
    }

    .lookbook .grid-lb .detail {
        padding-left: 0;
        margin-left: 0 !important;
        text-align: center;
        display: block;
        width: 100%
    }

    .lookbook .grid-lb .product-review {
        justify-content: center !important
    }

    .slick-prev:before, .slick-next:before {
        font-size: 15px;
        line-height: 18px
    }

    .grid-products .item {
        margin: 0 0 20px
    }

    .top-info-bar.style1 .saleTime {
        display: inline
    }

    .saleTime {
        left: 2px;
        bottom: 2px
    }

    .saleTime span>span {
        padding: 4px 0 0;
        max-width: 35px
    }

    .saleTime span.ht-count:first-child>span {
        padding-top: 6px
    }

    .saleTime span.ht-count:last-child>span {
        padding-bottom: 6px
    }

    .saleTime span>span span {
        font-size: 8px;
        margin-top: -1px
    }

    .collection-hero.large .collection-hero__image {
        height: 200px
    }

    .collection-hero .collection-hero__title.medium {
        font-size: 15px
    }

    .collection-hero.medium .collection-hero__image {
        height: 150px
    }

    .grid-row {
        margin-top: -15px
    }

    .grid-row .grid-col {
        padding-top: 15px
    }

    .upsell-bundle .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .upsell-bundle .usbImgCall {
        padding-left: 10px;
        padding-right: 10px;
        width: 75px
    }
}

@media only screen and (max-width:991px) {
    html {
        overflow-x: hidden
    }

    .btn-lg {
        padding: 10px 20px
    }

    .btn-big, .btn-sm {
        font-size: 14px
    }

    .site-header__logo.mobileview {
        display: block
    }

    .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .breadcrumbs-wrapper .container, .breadcrumbs-wrapper .container-fluid {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .mobile-logo {
        text-align: center
    }

    .mobile-icon {
        display: inline-block;
        padding-right: 20px;
        vertical-align: middle
    }

    #siteNav, .d-menu-col {
        display: none
    }

    .header .header-main, .header-wrap {
        min-height: 60px
    }

    .logo img {
        max-width: 110px;
        margin: 0
    }

    .mih-50:not(.sticky-header), .mih-55:not(.sticky-header), .header-13 .header-main {
        min-height: 50px !important
    }

    .mih-70:not(.sticky-header), .mih-80:not(.sticky-header), .mih-90:not(.sticky-header) {
        min-height: 60px !important
    }

    .search-drawer {
        padding: 30px 20px
    }

    .page-wrapper {
        position: relative;
        left: 0;
        transition: all 0.4s ease-in-out
    }

    .mobile-nav-wrapper {
        display: block
    }

    body.menuOn {
        overflow: hidden
    }

    body.menuOn .page-wrapper {
        left: 270px
    }

    body.menuOn:after {
        content: "";
        background: rgb(0 0 0 / .5);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99
    }

    #pageWrapper {
        position: relative;
        left: 0;
        transition: all 0.4s ease-in-out
    }

    .js-mobile-nav-toggle .an {
        display: none;
        font-size: 21px;
        color: #000
    }

    .site-header__menu {
        border: 0;
        padding: 0;
        font-size: 16px;
        display: block;
        cursor: pointer
    }

    .js-mobile-nav-toggle.mobile-nav--open .an-bars-l, .js-mobile-nav-toggle.mobile-nav--close .icon.an.an-times-l {
        display: inline-block
    }

    #MobileNav {
        height: 100%;
        overflow: auto;
        list-style: none;
        padding: 0;
        margin: 0
    }

    .mobile-nav-wrapper .closemobileMenu {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 10px;
        background-color: #eee;
        cursor: pointer
    }

    .mobile-nav-wrapper .closemobileMenu .an {
        font-size: 15px;
        padding: 2px;
        float: right;
        width: 20px;
        height: 23px;
        line-height: 18px
    }

    .mobile-nav-wrapper {
        width: 300px;
        height: 100%;
        position: fixed;
        left: -300px;
        top: 0;
        z-index: 10000;
        background-color: #fff;
        box-shadow: 0 0 5px rgb(0 0 0 / .3);
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out
    }

    .mobile-nav-wrapper.active {
        left: 0;
        opacity: 1;
        visibility: visible
    }

    #MobileNav li {
        border-top: 1px solid #eee;
        position: relative
    }

    #MobileNav li.acLink {
        border-top: 1px solid rgb(34 34 34 / .5)
    }

    #MobileNav li.grid__item {
        float: none;
        padding: 0
    }

    #MobileNav li a {
        color: #333;
        font-size: 14px;
        text-decoration: none;
        display: block;
        padding: 15px 45px 15px 15px;
        opacity: 1;
        font-weight: 400;
        letter-spacing: .05em;
        text-transform: uppercase;
        position: relative
    }

    #MobileNav li>ul li a {
        text-transform: capitalize !important
    }

    #MobileNav li a .an {
        color: #333;
        font-size: 15px;
        display: block;
        width: 40px;
        height: 100%;
        line-height: 53px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center
    }

    #MobileNav li a .lbl {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        padding: 2px 4px;
        background-color: red;
        position: relative;
        vertical-align: middle
    }

    #MobileNav li a .lbl.nm_label1 {
        background-color: #01bad4
    }

    #MobileNav li a .lbl.nm_label1:after {
        border-right-color: #01bad4
    }

    #MobileNav li a .lbl.nm_label2 {
        background-color: #f54337
    }

    #MobileNav li a .lbl.nm_label2:after {
        border-right-color: #f54337
    }

    #MobileNav li a .lbl.nm_label3 {
        background-color: #fb6c3e
    }

    #MobileNav li a .lbl.nm_label3:after {
        border-right-color: #fb6c3e
    }

    #MobileNav li a .lbl.nm_label4 {
        background-color: #d0a306
    }

    #MobileNav li a .lbl.nm_label4:after {
        border-right-color: #d0a306
    }

    #MobileNav li a .lbl.nm_label5 {
        background-color: #af4de2
    }

    #MobileNav li a .lbl.nm_label5:after {
        border-right-color: #af4de2
    }

    #MobileNav.medium li a {
        font-weight: 500
    }

    #MobileNav.text-capitalize li a {
        text-transform: capitalize
    }

    #MobileNav li ul {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0
    }

    #MobileNav li li a {
        padding-left: 20px;
        padding-top: 12px;
        padding-bottom: 12px
    }

    #MobileNav li li li a {
        padding-left: 30px;
        font-size: 13px
    }

    #MobileNav li li li li a {
        padding-left: 40px;
        font-size: 13px
    }

    #MobileNav li li a .an {
        line-height: 45px
    }

    #MobileNav li.help {
        padding: 15px;
        background-color: rgb(34 34 34 / .05)
    }

    .layout-boxed {
        margin: 0 auto;
        box-shadow: none
    }

    .layout-boxed .container, .layout-boxed .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .layout-fullwidth .container, .layout-fullwidth .container-fluid {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .top-info-bar .item.center {
        border-left: none;
        border-right: none
    }

    .slideshow .btn {
        padding: 8px 20px
    }

    .slideshow .slick-prev {
        left: 10px
    }

    .slideshow .slick-next {
        right: 10px
    }

    .slideshow--large {
        height: 450px
    }

    .slideshow .ss-sub-title {
        font-size: 15px !important
    }

    .slideshow .ss-small-title {
        font-size: 13px !important;
        margin-bottom: 10px
    }

    .slideshow .middle-left .slideshow-content-in {
        left: 10%;
        width: 90%
    }

    .slideshow .bottom-left .slideshow-content-in {
        left: 35px;
        bottom: 45px
    }

    .footer .footer-top {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .parallax-banner-style4 .hero .text-small .mega-title {
        font-size: 28px
    }

    .parallax-banner-style4 .hero .text-small .mega-subtitle {
        font-size: 18px
    }

    .newsletter-section .justify-content-end {
        justify-content: center !important
    }

    .footer-social {
        margin-top: 30px
    }

    .collection-banners.style1 .collection-grid-item .title {
        font-size: 16px
    }

    .collection-banners.style1 .collection-grid-item .title.fs-3 {
        font-size: 18px !important
    }

    .collection-banners.style1 .collection-grid-item .title.large-title {
        font-size: 27px
    }

    .collection-banners.style1 .fs-5 {
        font-size: 16px !important
    }

    .collection-banners.style1 .btn--link.fs-6 {
        font-size: 13px !important
    }

    .template-collection .collection-header {
        margin-bottom: 20px
    }

    h1.product-single__title, .product-single__title.h1 {
        font-size: 16px
    }

    .product-form .swatch .swatchLbl.xlarge {
        width: 45px;
        height: 45px
    }

    .product-details-img .product-tab-left .slick-prev, .product-details-img .product-tab-left .slick-next {
        bottom: -5px;
        height: 24px
    }

    .template-product .product-tabs li a {
        margin-right: 18px
    }

    .template-product .product-tabs.style2 li a, .template-product .product-tabs.style3 li a {
        padding: 10px 20px
    }

    .left-content-product {
        width: 100%;
        padding-right: 0
    }

    .sidebar-product {
        width: 100%;
        padding-left: 0
    }

    .sidebar-product .related-product .grid__item {
        width: 50%
    }

    .sidebar-product .related-product .grid__item:nth-child(2n+1) {
        clear: left
    }

    .sidebar-product .sub-heading {
        max-width: 100%
    }

    .prSidebar .col-12 {
        padding-left: 0;
        padding-right: 0
    }

    .latest-blog .wrap-blog .article__grid-image, .latest-blog .wrap-blog .article__grid-meta {
        vertical-align: top
    }

    .latest-blog .wrap-blog .wrap-blog-inner {
        padding: 0 20px;
        margin-left: 0
    }

    .image-banner-1 {
        padding-left: 15px !important;
        margin-bottom: 30px
    }

    .image-banner-2 {
        padding-right: 15px !important
    }

    .image-banner-2 .mt-4 {
        margin-top: 30px !important
    }

    .img-grid-banner2 .col-12 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .hero .text-large .mega-title {
        font-size: 35px
    }

    .hero .text-large .mega-subtitle {
        font-size: 18px
    }

    .hero, .index-demo5 .hero--exlarge {
        height: 400px
    }

    .hero.hero--small {
        height: 300px
    }

    .hero .text-medium .mega-title {
        font-size: 25px
    }

    .hero .text-medium .mega-subtitle {
        font-size: 15px
    }

    .hero .hero__inner .details {
        font-size: 16px
    }

    .collection-banners.style8 .details.center-bottom {
        bottom: 0 !important
    }

    .collection-banners.style8 .details.top-left {
        width: 50%;
        top: 15px !important;
        left: 15px
    }

    .collection-banners.style8 .details .title {
        font-size: 18px !important
    }

    .collection-banners.style8 .details p {
        font-size: 13px !important
    }

    .collection-banners.style8 .details.top-center {
        width: 100%;
        top: 10px !important
    }

    .collection-banners.style8 .details.bottom-right {
        width: 60%;
        bottom: 0 !important;
        right: 0
    }

    .collection-banners.style8 .collection-grid-item.banner4 .details .title {
        font-size: 15px !important
    }

    .collection-banners.style8 .collection-grid-item.banner4 .details.bottom-left, .collection-banners.style8 .collection-grid-item.banner6 .details.bottom-left {
        width: 85%;
        bottom: 0 !important;
        left: 0
    }

    .collection-banners.style8 .collection-grid-item.banner7 .details.bottom-left {
        width: 50%;
        bottom: 0 !important;
        right: 0
    }

    .collection-banners.style8 .details.center-left, .collection-banners.style8 .details.bottom-left {
        left: 10px
    }

    .collection-banners.style8.shop-categories .details .title {
        font-size: 14px !important
    }

    .parallax-banner-style3 .hero .hero__inner .wrap-text {
        padding: 25px
    }

    .featured-content .list-items {
        margin-left: 0;
        margin-right: 0
    }

    .product-labels.rounded .lbl {
        height: 35px;
        width: 35px;
        font-size: 10px
    }

    .feature-row__text .row-text {
        padding: 20px
    }

    .parallax-banner-style5 .hero .mega-title {
        font-size: 36px
    }

    .parallax-banner-style5 .hero .hero__inner .details {
        font-size: 15px
    }

    .grid-mr-50 {
        margin: -15px
    }

    .grid-mr-50 .cl-item, .collection-banners .grid-mr-30 .cl-item {
        padding: 15px
    }

    .grid-mr-30 {
        margin: -10px
    }

    .grid-mr-30 .cl-item, .collection-banners .grid-mr-30 .cl-item {
        padding: 10px
    }

    .grid-mr-15, .grid-mr-20 {
        margin: -7.5px
    }

    .grid-mr-15 .cl-item, .grid-mr-20 .cl-item, .collection-banners .grid-mr-15 .row .cl-item, .collection-banners .grid-mr-20 .row .cl-item {
        padding: 7.5px
    }

    .collection-grid-item__title {
        font-size: 16px
    }

    .collection-slider .slick-arrow, .collection-slider:hover .slick-arrow, .home-blog-post .slick-arrow {
        opacity: 1;
        visibility: visible
    }

    .home-blog-post .slick-arrow {
        background: rgb(255 255 255 / .9);
        text-align: center;
        height: 30px;
        width: 30px;
        line-height: 29px;
        font-size: 0
    }

    .home-blog-post .slick-next:before, .home-blog-post .slick-next:after, .home-blog-post .slick-prev:before, .home-blog-post .slick-prev:after {
        font-size: 16px;
        line-height: 31px
    }

    .home-blog-post .slick-prev {
        left: -10px
    }

    .home-blog-post .slick-next {
        right: -10px
    }

    .instagram-slider-style2 .slick-prev, .instagram-slider-style2 .slick-next {
        background-color: rgb(255 255 255 / .9)
    }

    .instagram-slider-style2 .slick-prev {
        left: -10px
    }

    .instagram-slider-style2 .slick-next {
        right: -10px
    }

    .grid-categorys .category-item .category-title {
        font-size: 16px
    }

    .grid-categorys .style1 .category-grid-item .details, .grid-categorys .style4 .category-grid-item .details {
        position: relative;
        left: auto;
        right: auto;
        padding: 10px 10px 10px;
        opacity: 1;
        visibility: visible;
        transform: none
    }

    .button-set.style1 {
        opacity: 1;
        visibility: visible;
        bottom: 10px
    }

    .button-set.style1 li .btn-icon {
        font-size: 14px;
        height: 30px;
        width: 30px;
        line-height: 28px;
        margin: 0
    }

    .button-set li .btn-icon.btn-square {
        line-height: 27px
    }

    .button-set .tooltip-label {
        top: -28px
    }

    .button-set.style2 {
        opacity: 1;
        visibility: visible;
        left: 5px;
        bottom: 5px
    }

    .button-set.style2 .tooltip-label {
        line-height: 21px
    }

    .button-set.style3 {
        right: 10px;
        top: 10px
    }

    .index-demo17 .grid-products.style2 .item .button-set .tooltip-label {
        bottom: 44px
    }

    .grid-products.style2 .item .product-details {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        margin-top: 10px;
        padding-bottom: 0
    }

    .grid-products.style2 .item .button-set {
        margin: 5px 0 0;
        position: static;
        opacity: 1;
        visibility: visible;
        display: none
    }

    .grid-products.style2 .item .overlay {
        opacity: 0;
        visibility: hidden;
        position: static;
        display: none
    }

    .grid-products.style2 .item {
        margin-bottom: 10px
    }

    .grid-products.style2 .item.col-6 {
        margin-bottom: 0
    }

    .breadcrumbs-wrapper {
        margin-bottom: 20px
    }

    .store-info.style2 li {
        text-align: center
    }

    .store-info.style2 .anm {
        display: block;
        float: none;
        margin-bottom: 10px
    }

    .store-info.style2 p {
        padding-left: 0
    }

    .store-features.style1 .col {
        flex: 0 0 33.33333%
    }

    .store-features.style2 i {
        font-size: 25px
    }

    .store-features.style2 .detail .fs-6 {
        font-size: 14px !important
    }

    .store-features.style3 .detail {
        font-size: 15px;
        margin: 15px 0 0
    }

    .store-features.style4 .store-info .an {
        font-size: 32px
    }

    .store-features.style4 .store-info h4 {
        font-size: 15px
    }

    .section .background-parallax {
        background-position: 50% 50% !important;
        background-attachment: inherit !important
    }

    .imgBanners.style3 .row .img-banner-item:nth-of-type(1) {
        padding-right: 0
    }

    .imgBanners.style3 .row .img-banner-item:nth-of-type(2) {
        padding-right: 0
    }

    .imgBanners.style3 .row .img-banner-item:nth-of-type(3) {
        padding-right: 0;
        margin-top: 10px
    }

    .footer .instagram-col {
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 20px
    }

    .tab_container .grid-products .slick-arrow:before {
        font-size: 15px;
        line-height: 18px
    }

    .imgBanners.style4 .details .title {
        font-size: 24px
    }

    .slideshow.style2 .slideshow__title {
        font-size: 30px
    }

    .slideshow.style2 .slideshow__subtitle {
        font-size: 13px
    }

    .slideshow img.desktop-hide {
        display: none
    }

    .slideshow img.mobile-hide {
        display: block
    }

    .sideProSlider .slick-arrow, .collection-grid-slider .slick-arrow {
        background-color: rgb(255 255 255 / .8);
        opacity: 1;
        visibility: visible
    }

    .collection-slider-full .slick-prev {
        left: 5px
    }

    .collection-slider-full .slick-next {
        right: 5px
    }

    .collection-slider-full .collection-grid-slider {
        padding: 0 20px
    }

    .collection-slider.background-none .details .collection-item-title {
        font-size: 14px
    }

    .collection-slider.background-none .slick-prev {
        left: 0
    }

    .collection-slider.background-none .slick-next {
        right: 0
    }

    .imgBanners.style7 .inner .ttl {
        padding: 5px
    }

    .imgBanners.style7 .ttl .tt-small {
        font-size: 13px
    }

    .imgBanners.style7 .ttl .tt-big {
        font-size: 20px;
        line-height: 28px
    }

    .section.newsletter-section {
        padding: 45px 0
    }

    .cookie-button-set {
        clear: both;
        padding-top: 10px
    }

    .video-text .ttl {
        font-size: 30px
    }

    .button-set-top .wishlist {
        background: #fff
    }

    .button-set-bottom {
        opacity: 1;
        visibility: visible
    }

    .button-set-bottom .btn {
        padding: 5px 15px 5px
    }

    .tooltip-label {
        display: none !important
    }

    .shop-listing .page-title h1 {
        font-size: 14px
    }

    .filters-toolbar__input {
        height: 32px
    }

    .btn.btn-filter {
        text-transform: uppercase;
        padding: 3px 8px;
        border-radius: 3px
    }

    .btn.btn-filter:before {
        font-family: "annimex-icons";
        font-size: 20px
    }

    .sidebar .filterBox, .sidebar-border .sidebar_widget.filterBox {
        padding: 0;
        border: none
    }

    .filterbar {
        width: 270px;
        height: 100%;
        padding: 0 !important;
        background-color: #fff;
        box-shadow: 0 0 5px rgb(0 0 0 / .3);
        position: fixed;
        top: 0;
        left: -275px;
        z-index: 9999;
        transition: 0.5s
    }

    .filterbar .sidebar_tags {
        position: relative;
        z-index: 9;
        background: #fff;
        padding: 20px;
        height: 100%;
        overflow: auto
    }

    .filterbar .sidebar_widget:not(.filterBox), .filterbar .static-banner-block {
        display: none
    }

    .filterbar.active {
        left: 0
    }

    .filterbar.active .closeFilter {
        color: #fff;
        font-size: 15px;
        line-height: 32px;
        height: 30px;
        width: 30px;
        text-align: center;
        cursor: pointer;
        position: absolute;
        top: 10px;
        left: 100%;
        background-color: #000;
        box-shadow: 0 0 5px #ddd;
        transition: all 0.4s ease-in-out
    }

    .filterbar.active .closeFilter:after {
        content: "";
        background: rgb(0 0 0 / .5);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1
    }

    .filterBox .filter-color .swacth-btn.rectangle {
        width: 31px
    }

    .sidebar-bg .sidebar_tags {
        background: #f9f9f9
    }

    .sidebar-bg .sidebar_widget.filterBox {
        padding: 0;
        margin-bottom: 15px;
        background-color: #fff0;
        border-radius: 0
    }

    .collection-top-filters.filterbar {
        border: none;
        border-radius: 0;
        margin: 0
    }

    .collection-top-filters .sidebar_tags {
        background: #f5f5f5;
        align-content: flex-start
    }

    .collection-top-filters .filterDD {
        width: 100%;
        min-width: 100%;
        position: static !important;
        transform: none !important;
        margin: 15px 0 0 !important;
        display: block;
        padding: 0;
        border: none;
        background: #fff0;
        border-radius: 0
    }

    .collection-top-filters .filterDD.show {
        display: none
    }

    .collection-top-filters .flTtl {
        padding: 0;
        width: 100%
    }

    .collection-top-filters .flTtl:after {
        content: "\eb69"
    }

    .collection-top-filters .flTtl.show:after {
        content: "\eb66"
    }

    .collection-top-filters .btn-group {
        display: block;
        width: 100%;
        margin-bottom: 30px
    }

    .shop-fullwidth .filterbar {
        width: 270px;
        left: -300px
    }

    .shop-fullwidth .filterbar.active {
        left: 0
    }

    .compare-page2 .table .featured-image {
        max-width: 185px
    }

    .blog-sidebar {
        margin-bottom: 30px
    }

    .blog-sidebar .sidebar_widget {
        margin-bottom: 10px
    }

    .blog-sidebar .sidebar_widget .widget-title {
        cursor: pointer;
        border-bottom: 1px solid #e8e9eb;
        padding-bottom: 10px;
        margin-bottom: 0;
        position: relative
    }

    .blog-sidebar .sidebar_widget .widget-title h2 {
        font-size: 13px;
        margin-bottom: 0
    }

    .blog-sidebar .sidebar_widget .widget-title.active, .blog-sidebar .sidebar_widget .widget-title.active h2 {
        color: #fe877b
    }

    .blog-sidebar .sidebar_widget .widget-title:after {
        content: "\ea45";
        font-family: "annimex-icons";
        font-size: 18px;
        display: block;
        position: absolute;
        right: 0;
        top: -2px
    }

    .blog-sidebar .sidebar_widget .widget-title.active:after {
        content: "\ea48"
    }

    .blog-sidebar .sidebar_widget .widget-content {
        display: none;
        padding-top: 15px;
        padding-bottom: 10px
    }

    .blog-masonry.shop-fullwidth .btn-filter {
        width: 42px;
        font-size: 0
    }

    .blog-masonry.shop-fullwidth .btn-filter:before {
        font-size: 20px;
        margin-right: -12px
    }

    .custom-search .input-group .input-group__field, .custom-search .input-group .btn {
        height: 40px
    }

    #comment_form {
        padding: 24px 25px 25px
    }

    .blog-single-page .comment__avatar {
        width: 60px;
        margin-right: 12px
    }

    .blog-single-page .comments-list--level--1>.comments-list__item {
        margin-left: 25px
    }

    .login-register .inner {
        padding: 20px
    }

    .dashboard-upper-info .d-single-info {
        padding: 16px 15px;
        border-bottom: 1px solid #ebebeb
    }

    .dashboard-upper-info .col-sm-6:nth-child(2n) .d-single-info {
        border-right: none
    }

    .dashboard-upper-info .col-sm-6:nth-child(3n) .d-single-info, .dashboard-upper-info .col-sm-6:nth-child(4n) .d-single-info {
        border-bottom: none
    }

    .row_text {
        padding: 0;
        order: 2
    }

    .row_text .row-text {
        max-width: 100%;
        padding: 30px 30px
    }

    .lookbook .zoom-img {
        width: 30px;
        height: 30px
    }

    .lookbook .zoom-img .an {
        font-size: 13px
    }

    .lookbook .lookbook-caption, .grid-lookbook.style3 .lookbook .grid-lookbook .lookbook-caption, .grid-lookbook.style3 .lookbook .grid-lookbook:hover .lookbook-caption {
        top: auto;
        bottom: 0
    }

    .about-pstyle2 .collection-hero.inner .collection-hero__image {
        height: 360px
    }

    .about-pstyle2 .about-bnr-text, .about-pstyle3 .about-bnr-text .container {
        max-width: 684px
    }

    .contactus-page .contact-inner {
        padding: 25px 20px 30px
    }

    .contact-pstyle2 .contact-details {
        padding: 30px 15px
    }

    .tracking-steps .step {
        min-width: 160px
    }

    .vendor-profile-page .card-profile .card-content {
        position: static !important;
        padding: 1.5rem 0 0 !important
    }

    .vendor-profile-page .card-profile .img-thumbnail {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .template-index.index-demo1 {
        padding-bottom: 45px
    }
}

@media only screen and (min-width:767px) {
    .text-md-left {
        text-align: left !important
    }

    .shop-masonry-grid .grid-sizer.col-lg-4, .shop-masonry-grid .collection-page-item.col-lg-4 {
        max-width: 33.33333333%
    }

    .product-sticky-style {
        position: sticky;
        top: 110px;
        margin-bottom: 40px
    }

    .prstyle2 .prFeatures {
        float: left;
        width: 100%;
        padding-top: 30px
    }

    .prstyle2 .prFeatures img {
        max-width: 40px
    }

    .prstyle2 .prFeatures .details {
        margin-left: 55px
    }

    .prstyle3 .prFeatures .grid__item {
        margin-bottom: 30px
    }

    .prstyle3 .prFeatures img {
        max-width: 40px
    }

    .prstyle3 .prFeatures .details {
        margin-left: 50px
    }

    .top-text-block {
        text-align: center;
        font-size: 14px;
        max-width: 800px;
        margin: 0 auto
    }

    .video-text.bottomcenter {
        top: inherit;
        left: 50%;
        bottom: 10%;
        transform: translateX(-50%);
        text-align: center
    }

    .video-text.center {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center
    }

    .video-text.topcenter {
        left: 50%;
        top: 90px;
        transform: translateX(-50%);
        text-align: center
    }

    .video-text.left {
        left: 7%;
        text-align: left;
        top: 50%
    }

    .video-text.leftbottom {
        left: 7%;
        text-align: left;
        bottom: 10%;
        transform: none;
        top: inherit
    }

    .video-text.right {
        right: 7%;
        text-align: right;
        top: 50%
    }

    .video-text.rightbottom {
        right: 7%;
        text-align: right;
        bottom: 10%;
        transform: none;
        top: inherit
    }

    .category-text-banner .block-ttl {
        width: 50%
    }

    .contactus-page .footer.footer-1 {
        margin-top: 0
    }

    .footer-7 .footer-bottom {
        font-size: 13px
    }

    .index-demo3 .section-header h2 {
        font-size: 20px;
        font-weight: 700
    }

    .index-demo3 .section-header p {
        font-size: 15px
    }

    .index-demo6 .section {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .index-demo8 .grid-categorys .category-item .category-title, .index-demo9 .grid-categorys .category-item .category-title, .index-demo11 .grid-categorys .category-item .category-title {
        font-size: 16px
    }

    .index-demo9 .grid-categorys .category-item .details {
        padding: 20px 15px 20px
    }

    .index-demo16 .collection-banners.style7 .shop-grid-5 .item.col-xl-2, .index-demo16 .store-features .shop-grid-5 .item.col-xl-2 {
        flex: 0 0 20%;
        width: 20%
    }

    .index-demo18 .section-header p, .index-demo18 .grid-products .item .product-name a, .index-demo18 .product-price .price, .index-demo18 .product-price .old-price {
        font-size: 14px
    }

    .index-demo19 .section-header p {
        font-size: 14px
    }

    .index-demo22 .collection-banners.style8 .collection-grid-item.banner3 .details.center-right {
        width: 40%
    }
}

@media only screen and (max-width:767px) {
    h1, .h1 {
        font-size: 1.69231em
    }

    h2, .h2 {
        font-size: 1.38462em
    }

    h3, .h3 {
        font-size: 1.15385em
    }

    h6, .h6 {
        font-size: 13px
    }

    .fs-26 {
        font-size: 22px
    }

    .btn-lg {
        font-size: 13px;
        padding: 8px 25px
    }

    .btn-sm {
        font-size: 13px
    }

    .small--hide {
        display: none !important
    }

    .row {
        margin-left: -5px;
        margin-right: -5px
    }

    .row>* {
        padding-left: 5px;
        padding-right: 5px
    }

    .grid-mr-15, .grid-mr-20 {
        margin: -5px
    }

    .grid-mr-15 .cl-item, .grid-mr-20 .cl-item, .collection-banners .grid-mr-15 .row .cl-item, .collection-banners .grid-mr-20 .row .cl-item {
        padding: 5px
    }

    .iconset .icon {
        font-size: 16px;
        min-width: 16px
    }

    .section-header h2 {
        font-size: 17px
    }

    .index-demo2 .section-header h2 {
        font-size: 18px
    }

    .mobile-hide {
        display: none
    }

    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .search-drawer {
        padding: 20px
    }

    .search-drawer .container {
        padding-left: 0;
        padding-right: 0
    }

    .search-drawer .input-text {
        padding: 5px 40px
    }

    .pb-section {
        padding-bottom: 15px
    }

    .index-demo10 .store-features, .index-demo8 .store-features, .section {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .page-title h1 {
        font-size: 16px;
        margin: 0 0 20px 0
    }

    .top-info-bar.style1 .btn-close {
        right: 0
    }

    .productSlider.slick-slider .slick-list, .productPageSlider.slick-slider .slick-list, .productSlider-style2.slick-slider .slick-list {
        margin: 0 -5px
    }

    .productSlider.slick-slider .slick-slide, .productPageSlider.slick-slider .slick-slide, .productSlider-style2.slick-slider .slick-slide {
        margin: 0 5px
    }

    .collection-box .slick-arrow:before, .collection-box:hover .slick-arrow, .productSlider .slick-arrow:before, .productPageSlider .slick-arrow:before, .productSlider-style1 .slick-arrow:before, .productSlider-style2 .slick-arrow:before, .productSlider-fullwidth .slick-arrow:before {
        font-size: 15px;
        line-height: 20px
    }

    .home-blog-post .slick-list, .quote-wraper .slick-list, .collection-grid-slider .slick-list {
        margin-right: -5px;
        margin-left: -5px
    }

    .home-blog-post .slick-slide, .quote-wraper .slick-slide, .collection-grid-slider .slick-slide {
        margin-right: 5px;
        margin-left: 5px
    }

    .logo-bar .slick-list, .slider-gp30.slick-slider .slick-list {
        margin: 0 -5px
    }

    .logo-bar .slick-slide, .slider-gp30.slick-slider .slick-slide {
        padding: 0 5px
    }

    .slideshow .mega-small-title {
        display: none
    }

    .slideshow .slideshow__title {
        font-size: 22px
    }

    .slideshow .slideshow__subtitle {
        font-size: 13px;
        display: none
    }

    .slideshow__text-content.bottom {
        bottom: 0
    }

    .slideshow .slick-prev, .slideshow .slick-next {
        width: 30px;
        height: 30px
    }

    .slideshow .slick-prev::before, .slideshow .slick-next::before {
        font-size: 17px
    }

    .slideshow .btn-primary+.btn-primary {
        margin-left: 10px
    }

    .slideshow--medium {
        height: 360px
    }

    .logo-bar .slick-list {
        margin: 0 -5px
    }

    .logo-bar .slick-slide {
        padding: 0 5px
    }

    .grid-mr-50 {
        margin: -10px
    }

    .grid-mr-50 .cl-item, .collection-banners .grid-mr-30 .cl-item {
        padding: 10px
    }

    .grid-mr-30 {
        margin: -5px
    }

    .grid-mr-30 .cl-item, .collection-banners .grid-mr-30 .cl-item {
        padding: 5px
    }

    .collection-grid-item .details.bottom {
        bottom: 0 !important
    }

    .collection-banners.style7 .collection-grid-item .details .inner {
        padding: 8px 12px
    }

    .collection-banners.style7 .collection-grid-item .details .title {
        font-size: 13px
    }

    .grid-products.style2 .row .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid-products.style2 .row .col-sm-4 .item {
        width: 50%;
        float: left;
        padding-right: 10px;
        margin-bottom: 20px
    }

    .grid-products.style2 .row .col-sm-4.col-md-6 .item {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .grid-products.style2 .row .col-sm-4 .item:nth-of-type(2n) {
        padding-right: 0;
        padding-left: 10px
    }

    .grid-products.style2 .row .col-sm-4 .item .product-image {
        margin-bottom: 0
    }

    .grid-products .item .swatches li.large {
        height: 25px;
        width: 25px
    }

    .button-set li .btn-icon {
        font-size: 15px;
        line-height: 27px;
        height: 30px;
        width: 30px
    }

    .button-set li .btn-icon .icon {
        font-size: 13px
    }

    .button-set.style2 {
        width: 30px
    }

    .button-set.style3 {
        right: 5px;
        top: 5px
    }

    .imgBanners.style2 .details .title {
        font-size: 17px
    }

    .tab-slider-product .tab_drawer_heading {
        display: block
    }

    .tab-slider-product .tabs>li {
        margin: 0 10px
    }

    .grid-products.productSlider .slick-arrow {
        margin-top: -40px
    }

    .collection-box:hover .slick-arrow {
        margin: 0;
        line-height: 0
    }

    .collection-banners.style1 .collection-grid-item .details {
        width: auto !important
    }

    .collection-banners.style1 .collection-grid-item .white-text .btn--link {
        font-size: 13px
    }

    .collection-banners .details {
        width: 80%;
        bottom: 10px;
        padding: 15px
    }

    .collection-banners .details.w-50 {
        width: 80% !important
    }

    .collection-banners .details .btn {
        font-size: 12px;
        padding: 5px 15px;
        margin-top: 10px
    }

    .collection-banners .details .title {
        font-size: 15px
    }

    .index-demo1 .collection-banners .details .title {
        font-size: 14px
    }

    .index-demo1 .collection-banners .row {
        margin: 0
    }

    .video-popup-content .an {
        font-size: 50px
    }

    .shop-masonry-grid .collection-page-item.cl-item .item .product-details {
        padding-bottom: 0
    }

    .quickshop-content .product-form .swatch .swatches li {
        height: 25px;
        width: 25px
    }

    .quickshop-content .product-form .swatch .swatches li label {
        width: 100%;
        height: 100%;
        min-width: 100%
    }

    .quickshop-content .product-form .swatch .swatches-size .swatchLbl {
        min-width: 25px;
        height: 25px
    }

    .quickshop-content .product-form .btn-small.px-3 {
        padding: 8px 10px !important
    }

    .product-single__price .product-price__price {
        font-size: 20px
    }

    .product-single__price .product-price-old-price {
        font-size: 14px
    }

    .tabs-listing .tabs-ac-style {
        position: relative;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 5px;
        cursor: pointer;
        border: 0;
        color: #222;
        background-color: #f5f5f5;
        padding: 13px 30px 13px 15px;
        display: block
    }

    .tabs-listing .tabs-ac-style.active {
        color: #fff;
        background-color: #222
    }

    .tabs-listing .tabs-ac-style:before {
        font-family: "annimex-icons";
        content: "\eb66";
        font-size: 20px;
        position: absolute;
        right: 13px;
        top: 50%;
        transform: translateY(-50%)
    }

    .tabs-listing .tabs-ac-style.active:before {
        content: "\eb69"
    }

    .tabs-listing .tab-container .tab-content {
        padding: 20px 0
    }

    .product-details-img .zoompro {
        pointer-events: none
    }

    .product-form__item--submit .btn, .product-form__item--buyit .btn {
        height: 42px;
        font-size: 14px
    }

    .product-single-style2 .product-details-img .slick-arrow, .product-single-style4 .product-details-img .slick-arrow {
        color: #000;
        opacity: 1;
        background-color: rgb(255 255 255 / .89);
        width: 30px;
        height: 30px;
        display: block
    }

    .product-single-style2 .product-details-img .slick-arrow.slick-prev, .product-single-style4 .product-details-img .slick-arrow.slick-prev {
        left: 5px
    }

    .product-single-style2 .product-details-img .slick-arrow.slick-next, .product-single-style4 .product-details-img .slick-arrow.slick-next {
        right: 5px
    }

    .category-text-banner {
        height: 120px
    }

    .category-text-banner .page-title {
        padding: 0 20px;
        margin-top: -33px
    }

    .full-page-title .page-title {
        padding: 40px 0
    }

    .collection-grid-item .details {
        width: 100%
    }

    .imgBanners .inner .ttl {
        font-size: 15px;
        padding: 10px
    }

    .imgBanners .row .img-banner-item:first-of-type {
        margin-bottom: 20px
    }

    .tab-slider-product .tabs {
        display: none
    }

    .tab-slider-product .tab_drawer_heading {
        font-size: 12px;
        border: 0;
        color: #111;
        display: block;
        padding: 15px 30px 15px 15px;
        margin: 0 0 10px;
        text-decoration: none;
        background-color: #eee;
        position: relative;
        cursor: pointer
    }

    .tab-slider-product-style1 .tab_drawer_heading {
        font-size: 13px;
        text-align: center
    }

    .tab-slider-product .tab_drawer_heading.d_active {
        color: #fff;
        background-color: #111
    }

    .tab-slider-product .tab_drawer_heading .an {
        font-size: 16px;
        position: absolute;
        top: 15px;
        right: 15px
    }

    .tab-slider-product .tab_drawer_heading.d_active .an:before {
        content: "\ea48"
    }

    .tab-slider-product .tab_content {
        margin-bottom: 20px;
        margin-top: 15px
    }

    .collection-slider .collection-grid-item {
        margin: 0
    }

    .blog-post-slider-style1 .blogpost-item {
        margin: 0 5px 0
    }

    .latest-blog .wrap-blog {
        margin-bottom: 20px
    }

    .latest-blog .wrap-blog .wrap-blog-inner {
        margin-left: 0;
        padding: 0 20px
    }

    .store-features .store-info .col-lg-4 {
        margin-bottom: 10px
    }

    .grid-view-item.style2 .button-set>form button, a.quick-view, a.wishlist, .cartIcon, .add-to-compare {
        font-size: 13px;
        width: 30px;
        height: 30px
    }

    a.quick-view .an, a.wishlist .an, .cartIcon .an, .add-to-compare .an {
        font-size: 13px
    }

    .list-view-items .button-box>div .btn-icon {
        width: 35px
    }

    .footer .footer-top {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .footer .social-icons-col {
        margin-top: 20px
    }

    .footer .footer-top .footer-links {
        padding-top: 8px;
        padding-bottom: 8px;
        position: relative
    }

    .footer .footer-top .footer-links .h4 {
        cursor: pointer;
        border-bottom: 1px solid #ececec;
        padding-bottom: 12px;
        margin-bottom: 0
    }

    .footer .footer-top .footer-links .h4:after {
        content: "\ea45";
        font-family: "annimex-icons";
        font-size: 15px;
        display: block;
        position: absolute;
        right: 5px;
        top: 8px
    }

    .footer .footer-top .footer-links .h4.active:after {
        content: "\ea48"
    }

    .footer .footer-top .footer-links ul {
        display: none;
        padding-top: 10px
    }

    .footer .footer-contact p:not(:last-child) {
        margin: 0 0 10px
    }

    .footer-bottom img+.copytext {
        margin-top: 10px
    }

    .newsletter-col {
        margin-top: 10px
    }

    .about-us-col {
        margin-bottom: 20px
    }

    .footer {
        margin-top: 30px
    }

    .footer-8-black.footer .footer-top .footer-links .h4 {
        border-color: #5e5e5e
    }

    .footer-8-black.footer .footer-newsletter .newsletter-input {
        border: 0
    }

    .footer-2 .footer-contact {
        margin-top: 10px
    }

    .footer-2 .footer-top .footer-links .h4 {
        border-color: #222
    }

    .footer-3 .about-col {
        padding: 20px 0
    }

    .footer-3 .social-icons-col {
        margin: 0;
        padding: 20px 0;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec
    }

    .footer-4 .footer-top .footer-links .h4 {
        border-bottom: 1px solid #d5e2ef
    }

    .footer-10 .footer-top {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .footer-5 .footer-top .footer-links .h4 {
        border-bottom: 1px solid #cfe3e9;
        margin-bottom: 10px
    }

    .footer-5 .footer-about {
        border-bottom: 1px solid #cfe3e9;
        border-top: 1px solid #cfe3e9;
        padding: 20px 0;
        margin: 15px 0 8px
    }

    .footer-8 .footer-about {
        border-bottom: 1px solid #f7dfd5;
        padding: 0 0 20px;
        margin: 0 0 4px
    }

    .footer-8 .footer-top .footer-links .h4 {
        border-bottom-color: #f7dfd5;
        margin-bottom: 10px
    }

    .footer-9 .footer-about {
        border-bottom: 1px solid #458091;
        margin: 0 0 4px
    }

    .footer-9 .footer-top .footer-links .h4 {
        border-color: #458091
    }

    .footer-11 .footer-top .footer-links .h4 {
        border-color: #333
    }

    .footer-11 .footer-top .newsletter-col {
        border-top: 1px solid #333;
        padding: 18px 0 0;
        margin: 12px 0 0
    }

    .footer-12 .footer-about {
        border-bottom: 1px solid #333;
        margin: 0 0 4px
    }

    .footer-12 .footer-top .footer-links .h4 {
        border-color: #333
    }

    .footer-13.footer .footer-top .footer-links .h4 {
        border-color: #333
    }

    .instagram-grid-style3 .instagram-item {
        width: 33.33333%
    }

    .collection-hero {
        margin-bottom: 20px
    }

    .collection-hero .collection-hero__image {
        height: 80px
    }

    .collection-hero.large .collection-hero__image, .collection-hero.medium .collection-hero__image {
        height: 100px
    }

    .toolbar {
        margin-top: 15px
    }

    .list-view-item__image-column {
        width: 85px
    }

    .product-template__container .shareRow .medium-up--one-third {
        width: 100%
    }

    .product-template__container .shareRow .display-table-cell {
        display: block;
        text-align: left !important
    }

    .prstyle2 .prFeatures, .prstyle3 .prFeatures {
        padding-left: 20px
    }

    .product-right-sidebar .product-details-img {
        width: 100%;
        float: left;
        padding-right: 0;
        margin-bottom: 20px
    }

    .product-right-sidebar .product-information {
        width: 100%;
        float: left;
        padding-left: 0
    }

    .selector-wrapper.product-form__item {
        flex: 1 1 100%
    }

    .password-table .password-cell {
        display: none
    }

    .password-table .password-cell+.password-cell {
        display: table;
        width: 100%
    }

    .template-blog .sidebar {
        margin-top: 30px
    }

    .template-blog .mini-list-item .mini-view_image {
        width: 80px
    }

    .template-blog .mini-list-item .details {
        margin-left: 0
    }

    .cart tr, .cart tbody {
        width: 100%;
        display: table
    }

    .cart td {
        padding: 10px 5px
    }

    .cart__image-wrapper {
        width: 70px
    }

    .cart__qty .qtyField input, .cart__qty .qtyField .qtyBtn {
        height: 35px
    }

    .cart-flex {
        display: block;
        width: 100%
    }

    .cart-flex-item {
        display: table-cell;
        min-width: 0
    }

    #content_quickview.modal {
        overflow: auto
    }

    #popup-container {
        margin: 20px
    }

    #popup-container .width40 {
        display: none
    }

    #popup-container .width60 {
        width: 100%
    }

    #newsletter-modal.style2 {
        max-width: 320px
    }

    #newsletter-modal.style2 .newsltr-text {
        padding: 25px 25px
    }

    #newsletter-modal.style2 .title, #newsletter-modal.style3 .title {
        font-size: 22px
    }

    #newsletter-modal.style3 p {
        font-size: 14px
    }

    #newsletter-modal.style3 .newsltr-text {
        padding: 40px 30px
    }

    #newsletter-modal.style3 .newsltr-text .btn {
        padding: 10px 25px;
        font-size: 14px
    }

    .hero--large {
        height: 488px
    }

    .hero {
        background-position: 50% 50% !important;
        background-attachment: scroll !important
    }

    .hero .text-small .mega-title {
        font-size: 24px
    }

    .hero .hero__inner span, .hero .text-small .mega-subtitle {
        font-size: 15px
    }

    .hero .btn {
        margin-bottom: 10px
    }

    .parallax-banner-style4 .hero .saleTime span>.count-inner, .hero .saleTime span>.count-inner {
        height: 60px;
        width: 60px;
        margin: 0 2px
    }

    .hero .saleTime .time-count {
        font-size: 16px
    }

    .hero .saleTime span>span span {
        font-size: 12px
    }

    .index-demo5 .hero .hero__inner .btn {
        font-size: 13px;
        padding: 10px 25px
    }

    .section-header.style2 h2 {
        font-size: 20px
    }

    .slideshow--large, .index-demo12 .slideshow--large {
        height: 300px
    }

    .quotes-slider-1item .quotes-slider__text, .quotes-slider-1item .authour {
        font-size: 14px
    }

    .quotes-slider-1item .quotes-slide {
        padding: 20px
    }

    .quotes-slider-1item .slick-dots {
        margin-top: 0
    }

    .featured-content .featured-content-bg {
        margin-top: 40px !important
    }

    .featured-content .display-table-cell {
        display: block
    }

    .featured-content .featured-text.right {
        padding: 20px
    }

    .featured-content .featured-content-bg .display-table-cell:first-of-type {
        padding: 30px
    }

    .featured-content .featured-text h2 {
        font-size: 24px
    }

    .feature-row__text .row-text {
        margin-left: 0;
        padding: 10px 0
    }

    .feature-row__text .row-text {
        margin-right: 0
    }

    .featured-column .text-center {
        margin-bottom: 30px
    }

    .feature-row {
        flex-direction: column
    }

    .feature-row__item {
        flex: 1 1 auto;
        max-width: 100%;
        width: auto;
        padding: 0
    }

    .feature-row__text {
        order: 2;
        padding-bottom: 0;
        padding: 0
    }

    .feature-row .feature-row__item {
        width: 100% !important
    }

    .feature-row .feature-row__item img {
        width: 100%;
        margin-bottom: 20px
    }

    .quote-wraper .quotes-slider blockquote {
        font-size: 13px;
        line-height: 23px
    }

    .quotes-slider .slick-arrow {
        opacity: 1;
        visibility: visible
    }

    .quote-wraper .slick-next {
        right: -5px
    }

    .quote-wraper .slick-prev {
        left: -3px
    }

    .product-single .display-table, .product-single .display-table-cell {
        display: block
    }

    .product-single .product-featured-img {
        margin-bottom: 30px
    }

    .product-single .grid_item-title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .product-single .display-table-cell {
        padding-left: 0;
        padding-right: 0
    }

    .product-template__container .product-single__meta {
        margin-bottom: 0
    }

    .store-feature-top {
        display: none
    }

    .slideshow .mobile-show {
        display: block
    }

    .slideshow .desktop-show {
        display: none
    }

    .categories-item {
        width: 48.5%
    }

    .categories-item:nth-of-type(1n) {
        margin-bottom: 20px
    }

    .categories-item:nth-of-type(2n) {
        margin-right: 0;
        margin-bottom: 20px
    }

    .categories-item:nth-of-type(2n+1) {
        clear: left
    }

    .categories-list-items .row {
        margin-bottom: 0
    }

    .categories-item img {
        width: 100%
    }

    .categories-list-items .btn {
        font-size: 12px;
        padding: 5px 10px
    }

    .close-announcement {
        right: 10px
    }

    .store-info li {
        width: 100%;
        border-left: 0 !important;
        border-bottom: 1px dotted #ddd;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .store-info li:last-child {
        border-bottom: 0
    }

    #footer .addressFooter li:last-of-type {
        padding-bottom: 0
    }

    .quotes-slider .slick-arrow {
        height: 30px;
        line-height: 29px;
        width: 30px
    }

    .quotes-slider .slick-prev:before, .quotes-slider .slick-next:before {
        font-size: 15px;
        line-height: 30px
    }

    .slideshow .slick-dots {
        bottom: 20px
    }

    .topbar-slider-items .slick-arrow, .topbar-slider-items:hover .slick-arrow {
        opacity: 1;
        visibility: visible
    }

    .footer .instagram-col .insta-img {
        max-width: 68px
    }

    .custom-content-section .col-lg-6 {
        margin-bottom: 20px
    }

    .productSlider .col-12, .productSlider-style1 .col-12 {
        padding: 0 5px
    }

    .custom-map-section .col-12.text-center {
        margin-bottom: 20px
    }

    .testimonial-slider-style1.quote-wraper {
        padding: 60px 20px
    }

    .section-header {
        margin-bottom: 20px
    }

    .hero.hero--small {
        height: 250px
    }

    .hero.hero--small .btn {
        padding: 9px 15px
    }

    .category-banner-slider .slick-arrow {
        width: 30px;
        height: 30px
    }

    .category-banner-slider .slick-arrow:before {
        font-size: 13px;
        line-height: 30px
    }

    .product-notification {
        display: none !important
    }

    #quickView-modal {
        padding: 20px
    }

    #quickView-modal .product-title {
        font-size: 18px
    }

    #quickView-modal .pricebox .price {
        font-size: 18px
    }

    #quickView-modal .pricebox .old-price {
        font-size: 14px
    }

    .mfp-close {
        width: 35px;
        height: 35px;
        line-height: 35px;
        top: -3px;
        right: -6px
    }

    .collection-banners.style2 .collection-grid-item .details, .collection-banners.style0 .collection-grid-item .details {
        height: auto;
        position: relative;
        left: 0;
        right: 0;
        display: block;
        opacity: 1;
        visibility: visible;
        transform: none
    }

    .collection-banners.style2 .collection-grid-item:hover .details, .collection-banners.style0 .collection-grid-item:hover .details {
        opacity: 1;
        visibility: visible
    }

    .collection-banner-grid .collection-item .img img {
        display: block;
        width: 100%
    }

    .featuredContent .d-flex {
        flex-direction: column
    }

    .featured-content.style1 .white-bg {
        font-size: 13px
    }

    .featured-content.style1 .white-bg .f-text .fs-4 {
        font-size: 18px !important
    }

    .zoomContainer {
        display: none
    }

    .product-details-img .product-zoom-right #zoompro {
        pointer-events: none
    }

    .video-text {
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        width: 100%
    }

    .video-text .ttl {
        font-size: 20px;
        display: none
    }

    .video-text .btn {
        font-size: 12px;
        padding: 5px 10px
    }

    .featuredContentStyle3 h3 {
        font-size: 24px
    }

    .featuredContentStyle3.featuredContent .row-text {
        padding: 30px 20px
    }

    .featured-grid .grid-products.style2 .row .col-sm-4 .item {
        padding: 0
    }

    .simple-text-section {
        font-size: 17px
    }

    .grid-masonary.banner-grid .banner-item.col-sm-12 {
        width: 100%;
        max-width: 100%
    }

    .blog-post-slider .slick-list {
        padding-bottom: 10px
    }

    .button-set.style2 {
        display: none !important
    }

    .modal-popup-style .minicart-content, .modal-popup-style .minicart-bottom {
        width: 100%;
        padding: 0;
        border: none
    }

    .modal-popup-style .minicart-right-drawer.right .modal-dialog {
        max-width: 360px
    }

    .modal-popup-style .minicart-content {
        height: 230px;
        overflow: auto
    }

    .modal-popup-style .minicart-right-drawer.right.fade .modal-dialog, .modal-popup-style .minicart-right-drawer.right.fade.show .modal-dialog {
        top: 40%
    }

    .top-info-bar .item.center, .top-info-bar .item {
        border: 0 !important
    }

    .button-set.style4 .btn-icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 2px
    }

    .grid-products .item .swatches li.medium {
        height: 25px;
        width: 25px
    }

    .checkout-scard .card-icon {
        font-size: 75px;
        line-height: 75px
    }

    .checkout-scard .card-title {
        font-size: 25px
    }

    .brandList .list, .brandList .ttl {
        padding: 10px 10px
    }

    .brandList .ttl {
        width: 50px
    }

    .faqs-style1 .accordion .accordion-header .accordion-button {
        font-size: 14px;
        padding: 14px 40px 14px 0
    }

    .password-header .clr-header {
        flex-direction: column;
        padding: 15px
    }

    .password-header .password-content {
        margin: 15px 0
    }

    .password-main .password__title {
        font-size: 24px;
        margin-bottom: 25px
    }

    .password-main .pwd-timer>span {
        font-size: 12px;
        padding: 10px 10px
    }

    .password-main .time-count {
        font-size: 18px
    }

    .grid-row {
        margin-top: -10px
    }

    .grid-row .grid-col {
        padding-top: 10px
    }

    .contact-pstyle2 .map-section {
        height: 260px;
        margin: 10px 0
    }

    .contact-pstyle2 .collection-hero .collection-hero__image, .about-pstyle3 .collection-hero.inner .collection-hero__image {
        height: 140px
    }

    .contact-pstyle2 .collection-hero .collection-hero__title, .about-pstyle2 .collection-hero.inner .collection-hero__title, .about-pstyle3 .collection-hero.inner .collection-hero__title {
        font-size: 26px
    }

    .about-pstyle2 .collection-hero.inner .collection__subtitle.fs-5 {
        font-size: 15px !important
    }

    .about-pstyle2 .collection-hero.inner .collection-hero__image {
        height: 200px
    }

    .category-lists.g-3 {
        padding: 0;
        margin: -5px
    }

    .category-lists.g-3>div {
        padding: 5px;
        margin: 0
    }

    .row_text .row-text {
        padding: 20px 20px
    }

    .tracking-detail ul li .left {
        min-width: 150px;
        max-width: 150px
    }

    .tracking-steps .step {
        min-width: 152px
    }

    #newsletter-modal .title {
        font-size: 30px
    }

    #newsletter-modal .mfp-close {
        color: #222
    }

    .marquee-text .top-info-bar {
        animation: marquee 5s linear infinite
    }

    .news-bnr-text .footer-newsletter .h4 {
        font-size: 17px
    }

    .news-bnr-text .footer-newsletter .input-group {
        margin: 20px auto 0
    }
}

@media only screen and (max-width:575px) {
    .slideshow .wrap-caption {
        padding: 10px 0
    }

    .slideshow .btn {
        font-size: 13px
    }

    .slideshow .ss-small-title, .slideshow .ss-sub-title {
        font-size: 15px
    }

    .section.newsletter-section {
        padding: 30px 0
    }

    .newsletter-section .section-header {
        display: block;
        margin: 0 0 15px 0;
        float: none
    }

    .newsletter-section .section-header span {
        display: inline-block;
        padding-right: 5px
    }

    .footer-bottom .copyright {
        text-align: center
    }

    #pro-addtocart-popup .button-action .btn {
        padding: 6px 11px;
        font-size: 12px
    }

    .timermobile .saleTime span>span {
        margin: 0;
        min-width: 0;
        font-size: 10px;
        background: #f2f2f2
    }

    .timermobile .saleTime span>span span {
        font-size: 9px;
        display: block;
        float: none
    }

    .saleTime.product-countdown .count-inner {
        margin-right: 1px;
        width: auto
    }

    .saleTime.product-countdown .count-inner .time-count {
        font-size: 18px
    }

    .image-banner-3 {
        margin-bottom: 25px
    }

    .imgBnrOuter .inner .ttl {
        line-height: 20px;
        font-size: 14px;
        padding: 10px
    }

    .imgBnrOuter .inner.topleft .ttl {
        left: 10px;
        top: 10px
    }

    .imgBnrOuter .inner .ttl h3 {
        font-size: 18px
    }

    .imgBanners.style2 .banner-item:nth-of-type(1) {
        padding-left: 0;
        margin-bottom: 10px
    }

    .three-column-pro .col-12:not(:last-of-type) {
        margin-bottom: 30px
    }

    .featured-content .list-items .col-12 {
        margin-bottom: 15px
    }

    .featured-content .list-items img {
        margin-bottom: 10px
    }

    .collection-box .collection-grid-item__title-wrapper {
        bottom: 10px
    }

    .categories-item {
        width: 100%;
        margin-right: 0
    }

    .grid-categorys .category-item .category-title {
        font-size: 14px
    }

    .grid-categorys .category-item .counts {
        font-size: 12px;
        margin-top: 5px
    }

    .product-countdown span>span {
        width: 24.3%
    }

    .about-service .icon, .template-product .product-service .icon {
        font-size: 40px
    }

    .store-info .an {
        font-size: 30px;
        width: 40px
    }

    .store-info .fs-6 {
        font-size: 14px !important
    }

    .store-features .store-info .col-lg-4 {
        margin-bottom: 20px
    }

    .store-features.style1 .col {
        flex: 0 0 50%
    }

    .store-features.style2 .detail .fs-6 {
        font-size: 13px !important
    }

    .grid-sizer, .banner-item, .collection-page-item, category-grid-item {
        max-width: 100%
    }

    .collection-grid-item__title {
        font-size: 14px
    }

    .collection-grid-item .counts {
        font-size: 12px
    }

    .collection-banners.style4 .collection-page-grid .collection-page-item, .collection-banners.style5 .collection-page-grid .collection-page-item, .collection-banners.style6 .collection-page-grid .collection-page-item {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px
    }

    .collection-banners.style4 .collection-grid-item__title {
        font-size: 13px !important
    }

    .collection-banners .row .banner-item.px-4 {
        padding: 0 !important
    }

    .collection-slider-full .collection-grid-slider .details {
        padding: 20px 10px
    }

    .grid-products .item:hover .button-set.style1, .button-set.style1 {
        bottom: 5px
    }

    .button-set.style1 li .btn-icon {
        width: 26px;
        height: 26px;
        line-height: 23px
    }

    .button-set.style1 li .btn-icon.btn-square {
        line-height: 23px
    }

    .button-set.style2 {
        width: 26px
    }

    .button-set.style2 li .btn-icon {
        width: 26px;
        height: 26px;
        line-height: 24px
    }

    .button-set.style2 .btn-icon {
        font-size: 13px
    }

    .button-set .tooltip-label {
        display: none
    }

    .product-details-img .product-tab-left div.slick-slide {
        margin-bottom: 5px
    }

    .grouped-product-list td.grouped-product-list-item__thumb img {
        max-width: 40px
    }

    .product-grouped-layout td.grouped-product-list-item__quantity {
        width: 100px
    }

    .product-buttons .btn {
        font-size: 13px;
        height: 30px;
        width: 30px
    }

    .product-buttons .btn i {
        font-size: 13px
    }

    .imgBanners.style2 .banner-item, .imgBanners.style2 .banner-item:nth-of-type(2) {
        padding: 0
    }

    .imgBanners.style2 .banner-item {
        margin-bottom: 10px
    }

    .imgBanners.style7 .row .img-banner-item {
        margin-bottom: 10px
    }

    .imgBanners.style6 .row .img-banner-item.last {
        margin-top: 10px
    }

    .mini-product .column-ttl {
        font-size: 15px
    }

    .hero {
        height: 200px
    }

    .hero .hero__inner .wrap-text {
        padding: 15px
    }

    .slideshow.style2 .slideshow__title {
        font-size: 22px;
        margin-bottom: 5px
    }

    .slideshow.style2 .slideshow__subtitle {
        font-size: 11px;
        line-height: 16px
    }

    .button-set.style3 li .btn-icon {
        margin: 1px;
        font-size: 13px
    }

    .blog--list-view .article {
        margin-bottom: 20px
    }

    .blog--grid-load-more .article {
        padding-bottom: 20px
    }

    .article_featured-image, .article .rte {
        margin-bottom: 14px
    }

    .blog-masonry .grid-sizer, .blog-masonry .collection-page-item {
        max-width: 100%
    }

    .collection-banners.style1 .details .title.large-title {
        font-size: 24px !important
    }

    .collection-banners.style1 .fs-5 {
        font-size: 15px !important
    }

    .collection-banners.style1 .details .btn-primary, .collection-banners.style1 .details .btn--link {
        display: none
    }

    .featured-content.style1 .f-text {
        padding: 20px 20px;
        max-width: 100%
    }

    .grid-products.prd-list .item {
        flex-direction: column
    }

    .grid-products.prd-list .product-image {
        flex: auto;
        width: 100%;
        margin: 0 0 20px 0
    }

    .dashboard-upper-info {
        margin-bottom: 25px
    }

    .dashboard-upper-info .d-single-info {
        border-right: none
    }

    .dashboard-upper-info .col-sm-6:nth-child(3n) .d-single-info {
        border-bottom: 1px solid #ebebeb
    }

    .login-wrapper .login-inner {
        padding: 30px 20px
    }

    .login-wrapper .user-form-forgot {
        padding: 0 20px
    }

    .socialbottom .btn-social .btn {
        padding: 0
    }

    .socialbottom .btn-social .btn>:first-child {
        position: static;
        border: none
    }

    .tracking-steps .step {
        min-width: 45%
    }

    .faq-agldown-style .accordion-button.h4 {
        font-size: 14px;
        padding: 15px 0
    }

    .my-wishlist-page .cart-form .btn--small {
        padding: 9px 15px
    }

    .my-wishlist-page .wishlist-toolbar-wrapper .btn {
        padding: 8px 15px
    }

    .my-wishlist-page .wishlist-toolbar-wrapper select#SortBy {
        width: 100% !important
    }

    .collection-banners.style8 .details.top-center {
        top: 15px !important
    }

    .collection-banners.style8 .details.bottom-right {
        bottom: 15px !important;
        right: 15px
    }

    .collection-banners.style8 .collection-grid-item.banner4 .details.bottom-left, .collection-banners.style8 .collection-grid-item.banner6 .details.bottom-left {
        bottom: 15px !important;
        left: 15px
    }

    .vendor-profile-page .card-profile .img-thumbnail {
        position: static;
        transform: none;
        margin: 0 0 25px
    }

    .vendor-profile-page .card-profile .card-content .fl-1 {
        flex: 0 0 100%
    }
}

@media only screen and (max-width:480px) {
    .iconset {
        padding: 0 7px
    }

    .wishlist-link {
        display: none
    }

    .top-header p, .top-header a, .top-header select, .top-header .fa, .top-header span.selected-currency, .language-dd {
        font-size: 11px;
        letter-spacing: 0
    }

    #search-popup {
        padding: 12px 15px
    }

    .search-drawer .search-category {
        display: none
    }

    .search-drawer .searchField {
        display: block
    }

    .search-drawer .search-category select {
        padding: 0
    }

    #header-cart {
        width: 282px
    }

    .slideshow .slideshow__title {
        font-size: 16px
    }

    .collection-banners .row .banner-item {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px
    }

    .latest-blog .wrap-blog .article__grid-image, .latest-blog .wrap-blog .article__grid-meta {
        display: block
    }

    .latest-blog .wrap-blog .article__grid-image {
        text-align: center
    }

    .latest-blog .wrap-blog .article__grid-meta {
        width: 100%
    }

    .latest-blog .wrap-blog .article__grid-image img {
        width: 100%;
        margin-bottom: 20px
    }

    .latest-blog .wrap-blog .wrap-blog-inner {
        padding: 0
    }

    .sidebar-product .related-product .grid__item {
        width: 100%
    }

    .sidebar-product .related-product .grid__item:nth-child(2n+1) {
        clear: left
    }

    .hero .text-large .mega-title {
        font-size: 26px
    }

    .hero .text-large .mega-subtitle {
        font-size: 15px
    }

    .hero .text-small .mega-title {
        font-size: 20px
    }

    .hero .hero__inner span, .hero .text-small .mega-subtitle {
        font-size: 13px;
        line-height: normal
    }

    .hero .btn {
        font-size: 12px
    }

    .hero.hero--small {
        height: 150px
    }

    .hero.hero--small .hero__inner {
        padding: 15px 0
    }

    .hero.hero--small .hero__inner .wrap-text {
        max-width: 210px
    }

    .hero.hero--small .btn {
        font-size: 12px
    }

    .collection-box .container-fluid {
        padding: 0 15px
    }

    #footer {
        margin-top: 20px
    }

    .slideshow.style2 .slideshow__title {
        font-size: 18px;
        margin-bottom: 3px
    }

    .slideshow.style2 .mega-small-title {
        display: none
    }

    .slideshow.style2 .wrap-caption {
        padding: 10px
    }

    .blog-post-slider-style1 .blogpost-item {
        margin: 0 0 10px
    }

    .imgBanners.style3 .details .tt-small {
        margin-bottom: 3px
    }

    .grid-products.style2 .item .button-set li .btn-icon {
        margin: 1px
    }

    .grid-products .slick-slider .item, .grid-products.slick-slider .item {
        padding: 0
    }

    .productSlider .slick-prev, .collection-box .collection-grid .slick-prev, .productPageSlider .slick-prev {
        left: -10px
    }

    .productSlider .slick-next, .collection-box .collection-grid .slick-next, .productPageSlider .slick-next {
        right: -10px
    }

    #threesixty {
        max-width: 310px;
        max-height: 403px
    }

    .store-info.style5 li {
        width: 100%;
        display: block
    }
}

.slider-mob {
    display: none
}

@media (max-width:768px) {
    .slider-mob {
        display: block
    }

    .slider-web {
        display: none
    }
}

.scroll-down {
    opacity: 1;
    transition: all 0.5s 3s ease-in
}

.scroll-down span {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 40px
}

.scroll-down span i {
    font-size: 32px;
    height: 12px;
    color: #fff
}

.scroll-down {
    position: absolute;
    bottom: 180px;
    left: 50%;
    margin-left: -16px;
    display: block;
    width: 26px;
    height: 44px;
    border: #fff solid 2px;
    background-size: 14px auto;
    border-radius: 30px;
    z-index: 2
}

.scroll-down:before {
    position: absolute;
    top: 10px;
    left: 45%;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    content: "";
    border: #fff solid 2px;
    animation: bounce 2s 2s infinite;
    transition: all 0.2s ease-in;
    transform: scale(1)
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(20px)
    }

    60% {
        transform: translateY(5px)
    }
}

.ruby-container {
    width: 100%;
    padding: 0 10px
}

.header-border-bottom {
    border-bottom: 1px solid #F0F0F0;
}

.side-logo, .middle-top-menu {
    display: none
}

.middle-top-logo {
    display: flex;
    justify-content: center
}

.top-logo-menu-border-bottom, .bottom-menu {
    border-bottom: 1px solid #F0F0F0;
}

.sticky-header .side-logo, .sticky-header .middle-top-menu {
    display: block
}

.sticky-header .middle-top-logo, .sticky-header .bottom-menu, .sticky-header .side-tlt {
    display: none
}

@media only screen and (max-width:991px) {
    .side-logo {
        display: block
    }

    .side-logo img {
        width: 70%
    }

    .bottom-menu, .side-tlt {
        display: none
    }

    .sticky-header .top-logo-menu-border-bottom {
        border-bottom: none
    }

    .header-2 .iconset .icon {
        font-size: 24px
    }

    .top-logo-menu-border-bottom {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

#myModal {
    width: 500px;
    position: fixed;
    bottom: 10%;
    right: 1%;
    z-index: 1002;
    border-radius: 10px;
    display: none
}

#myModal .modal-top {
    width: 100%;
    position: relative
}

#myModal .modal-top #closeBtn {
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff0;
    border: 0;
    padding: 4px 8px;
    color: #333;
    cursor: pointer;
    z-index: 10
}

#myModal h3 {
    margin: 0;
    font-size: 22px
}

#myModal p {
    margin: 0;
    font-size: 18px
}

#myModal .modal-content {
    padding: 30px
}

#myModal .mymodal-wrap {
    border: #d1d1d1 solid 1px;
    border-radius: 10px;
    padding: 12px;
    margin-top: 16px
}

#myModal .mymodal-image {
    margin-top: 16px;
    border-top: 1px dashed #c1c1c1;
    padding: 12px 0
}

#myModal .mymodal-image-box {
    display: flex;
    gap: 20px;
    margin-bottom: 10px
}

#myModal .mymodal-img {
    width: 150px
}

#myModal .mymodal-img img {
    width: 100%;
    height: auto
}

#myModal .mymodal-title {
    align-self: center
}

#myModal .mymodal-title h6 {
    line-height: 1.5;
    margin-bottom: 4px
}

#myModal .mymodal-price {
    display: flex;
    gap: 10px
}

#myModal .mymodal-price span {
    font-size: 15px;
    font-weight: 600
}

@media screen and (max-width:991px) {
    #myModal {
        width: 470px
    }

    #myModal .mymodal-img {
        width: 100px
    }
}

@media screen and (max-width:565px) {
    #myModal {
        width: 360px
    }

    #myModal h3 {
        font-size: 17px
    }

    #myModal p {
        font-size: 14px
    }

    #myModal .mymodal-image-box {
        gap: 12px
    }

    #myModal .mymodal-img {
        width: 80px
    }

    #myModal .mymodal-title h6 {
        font-size: 11px
    }

    #myModal .mymodal-price span {
        font-size: 12px
    }
}

.accordion-item {
    background-color: #FFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / .1)
}

.accordion-header {
    background-color: #fff;
    color: #000 !important;
    padding: 15px !important;
    font-size: 18px;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease
}

.accordion-header:hover, .accordion-header.active {
    background-color: #eef2f6;
    /* background-color: #EBBA91; */
    color: #000 !important
}

.accordion-content {
    background-color: #FAFAFA;
    overflow: hidden;
    padding: 0 15px;
    max-height: 0;
    transition: max-height 0.3s ease
}

.accordion-content h4 {
    margin: 10px 0 6px 0;
    font-size: 17px !important;
}

.accordion-content p {
    margin: 0 0 25px 0;
    line-height: 1.5;
    font-size: 16px;
}

.accordion-content ul li, .accordion-content ul ol {
    font-size: 15px;
    padding: 4px 0;
}

.icon {
    transition: transform 0.3s ease
}

.active .icon {
    transform: rotate(45deg)
}