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

*,
::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;
}

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

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.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: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

.small,
small {
    font-size: 0.875em;
}

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #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: 0.875em;
}

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

code {
    font-size: 0.875em;
    color: #d63384;
    overflow-wrap: break-word;
}

a>code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #212529;
    border-radius: 0.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: 0.5rem;
    padding-bottom: 0.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: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}

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

legend+* {
    clear: left;
}

::-webkit-datetime-edit-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: 0.5rem;
}

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

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

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

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

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

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

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

.figure {
    display: inline-block;
}

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

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

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

@media (min-width: 576px) {

    .container,
    .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: 0.5rem 0.5rem;
    background-color: transparent;
    border-bottom-width: 1px;
    box-shadow: 0 0 0 9999px transparent 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: 0.25rem 0.25rem;
}

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

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

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

.table-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: 0.5rem;
}

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

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

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

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

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: #ced4da solid 1px;
    appearance: none;
    border-radius: 0.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 0.25rem rgb(13 110 253 / 0.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: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::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: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: #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: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

.form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: 0.5rem;
}

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

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

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

.form-control-lg::-webkit-file-upload-button {
    padding: 0.5rem 1rem;
    margin: -0.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: 0.375rem;
}

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

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

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

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.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 0.75rem center;
    background-size: 16px 12px;
    border: #ced4da solid 1px;
    border-radius: 0.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 0.25rem rgb(13 110 253 / 0.25);
}

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

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

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

.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

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

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

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

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

.form-check-input[type="checkbox"] {
    border-radius: 0.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 0.25rem rgb(13 110 253 / 0.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: 0.5;
}

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

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

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    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: 0.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 0.25rem rgb(13 110 253 / 0.25);
}

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

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

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.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: 0.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: 0.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 0.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 0.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: 0.625rem;
}

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

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

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

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.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: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: #ced4da solid 1px;
    border-radius: 0.25rem;
}

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

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.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: 0.25rem;
    font-size: 0.875em;
    color: #198754;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgb(25 135 84 / 0.9);
    border-radius: 0.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 0.25rem rgb(25 135 84 / 0.25);
}

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

.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 0.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 0.25rem rgb(25 135 84 / 0.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 0.25rem rgb(25 135 84 / 0.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: 0.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: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgb(220 53 69 / 0.9);
    border-radius: 0.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 0.25rem rgb(220 53 69 / 0.25);
}

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

.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 0.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 0.25rem rgb(220 53 69 / 0.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 0.25rem rgb(220 53 69 / 0.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: 0.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: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid #fff0;
    border-bottom: 0;
    border-left: 0.3em solid #fff0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid #fff0;
    border-bottom: 0.3em solid;
    border-left: 0.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: 0.125rem;
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid #fff0;
    border-right: 0;
    border-bottom: 0.3em solid #fff0;
    border-left: 0.3em solid;
}

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

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

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

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

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

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid #fff0;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid #fff0;
}

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

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

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid rgb(0 0 0 / 0.15);
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    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: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

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

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgb(0 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 / 0.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 / 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: 0.5625rem;
    padding-left: 0.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: 0.375rem;
    padding-left: 0.375rem;
}

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

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

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

.btn-group-vertical>.btn-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: 0.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: 0.25rem;
    border-top-right-radius: 0.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: 0.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: 0.5rem;
    padding-bottom: 0.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: 0.3125rem;
    padding-bottom: 0.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: 0.5rem;
    padding-bottom: 0.5rem;
}

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

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #fff0;
    border: #fff0 solid 1px;
    border-radius: 0.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 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible;
    }

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

    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

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

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

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

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

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

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

.navbar-light .navbar-brand {
    color: rgb(0 0 0 / 0.9);
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgb(0 0 0 / 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0 / 0.55);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgb(0 0 0 / 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgb(0 0 0 / 0.3);
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgb(0 0 0 / 0.9);
}

.navbar-light .navbar-toggler {
    color: rgb(0 0 0 / 0.55);
    border-color: rgb(0 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 / 0.55);
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgb(0 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 / 0.55);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(255 255 255 / 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgb(255 255 255 / 0.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 / 0.55);
    border-color: rgb(255 255 255 / 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgb(255 255 255 / 0.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 / 0.125) solid 1px;
    border-radius: 0.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: 0.5rem;
}

.card-subtitle {
    margin-top: -0.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: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgb(0 0 0 / 0.03);
    border-bottom: 1px solid rgb(0 0 0 / 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
    padding: 0.5rem 1rem;
    background-color: rgb(0 0 0 / 0.03);
    border-top: 1px solid rgb(0 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: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    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: 0.75rem;
}

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

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

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

    .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 / 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 0.25rem rgb(13 110 253 / 0.25);
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    background-color: #fff;
    border: rgb(0 0 0 / 0.125) solid 1px;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.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: 0.25rem;
    border-bottom-left-radius: 0.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: 0.25rem;
    border-bottom-left-radius: 0.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: 0.5rem;
}

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

.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    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 0.25rem rgb(13 110 253 / 0.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: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.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: 0.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: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.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 / 0.15) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / 0.15) 50%, rgb(255 255 255 / 0.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: 0.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: 0.5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: rgb(0 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: 0.25rem;
    border-top-right-radius: 0;
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: 0.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: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: 0.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: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: 0.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: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: 0.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: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: 0.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: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: 0.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: 0.25em 0.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: 0.25rem;
    opacity: 0.5;
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0.25);
    opacity: 1;
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    user-select: none;
    opacity: 0.25;
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-color: rgb(255 255 255 / 0.85);
    background-clip: padding-box;
    border: rgb(0 0 0 / 0.1) solid 1px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 0.15);
    border-radius: 0.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: 0.75rem;
}

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    color: #6c757d;
    background-color: rgb(255 255 255 / 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgb(0 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: -0.375rem;
    margin-left: 0.75rem;
}

.toast-body {
    padding: 0.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: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

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

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: rgb(0 0 0 / 0.2) solid 1px;
    border-radius: 0.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: 0.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: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer>* {
    margin: 0.25rem;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

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

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

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    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: 0.875rem;
    overflow-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

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

.bs-tooltip-auto[data-popper-placement^="top"],
.bs-tooltip-top {
    padding: 0.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: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-auto[data-popper-placement^="right"],
.bs-tooltip-end {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-auto[data-popper-placement^="bottom"],
.bs-tooltip-bottom {
    padding: 0.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 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-auto[data-popper-placement^="left"],
.bs-tooltip-start {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.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: 0.875rem;
    overflow-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: rgb(0 0 0 / 0.2) solid 1px;
    border-radius: 0.3rem;
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.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: 0.5rem 0.5rem 0;
    border-top-color: rgb(0 0 0 / 0.25);
}

.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.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: 0.5rem;
    height: 1rem;
}

.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgb(0 0 0 / 0.25);
}

.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.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 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgb(0 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 0.5rem 0.5rem 0.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: -0.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: 0.5rem;
    height: 1rem;
}

.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgb(0 0 0 / 0.25);
}

.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgb(0 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: 0.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: 0.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: 0.5;
    transition: opacity 0.6s ease;
}

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

.carousel-indicators .active {
    opacity: 1;
}

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

.carousel-dark .carousel-control-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: -0.125em;
    border: currentColor solid 0.25em;
    border-right-color: #fff0;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

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

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

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

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    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: 0.5rem 0.5rem;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto;
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgb(0 0 0 / 0.2);
    transform: translateX(-100%);
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgb(0 0 0 / 0.2);
    transform: translateX(100%);
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgb(0 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 / 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 0.5rem 1rem rgb(0 0 0 / 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

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

.position-sticky {
    position: 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 / 0.5) !important;
}

.text-white-50 {
    color: rgb(255 255 255 / 0.5) !important;
}

.text-reset {
    color: inherit !important;
}

.bg-primary {
    background-color: #0d6efd !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #198754 !important;
}

.bg-info {
    background-color: #0dcaf0 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #212529 !important;
}

.bg-body {
    background-color: #fff !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-gradient {
    background-image: var(--bs-gradient) !important;
}

.user-select-all {
    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: 0.5em 0.5em 0.5em 0.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: 0.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: 0.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: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: 0.4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

input.ui-button {
    padding: 0.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: 0.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: 0.5em;
}

.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.3em;
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.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: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.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: 0.2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.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 0.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: 0.2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.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: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.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 0.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: 0.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: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.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 0.4em;
    margin: 0.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: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 0.4em 2.1em 0.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: 0.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: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.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: 0.8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.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: 0.2em 0;
    vertical-align: middle;
    margin-left: 0.4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: 0.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: 0.2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0.2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.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: 0.7;
    font-weight: 400;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.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: 0.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: 0.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: 0.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: -0.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: 0.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: 0.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: 0.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 / 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 / 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 / 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 / 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform: scale(0.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: 0.001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 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(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 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: 0.75;
    transition: opacity 0.2s;
    box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: none;
    opacity: 0.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 / 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 / 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 / 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: 0.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(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.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(0.4, 0, 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 / 0.5);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgb(0 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: 0.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: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
    line-height: 1;
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
}

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.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: 0.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: 0.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: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.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: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.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: 0.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: #56a5dc;
    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.50 !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,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
dl,
dd,
menu,
ol,
ul,
table,
caption,
hr {
    margin: 0;
    margin-bottom: 15px;
}

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: 0.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: 0.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: 0.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;
}

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: 0.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,
.btn-primary {
    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: #56a5dc;
    color: #fff;
    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-primary:hover,
.btn:focus,
.btn-primary:focus {
    background-color: #4fa1da;
    color: #fff;
    text-decoration: none;
    border-color: #4fa1da;
    box-shadow: none;
    opacity: 0.5;
}

.btn:focus,
.btn-primary:focus,
.btn-secondary:focus,
.btn:focus-visible {
    outline: 0;
    box-shadow: none;
}

.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: #222;
    border: #222 solid 1px;
    background-color: #fff0;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #56a5dc;
    border-color: #56a5dc;
}

.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 / 0.15) inset, 0 8px 0 0 #2f2f2f, 0 8px 8px 1px rgb(0 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 / 0.15) inset, 0 5px 0 0 #444444, 0 5px 5px 1px rgb(0 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(0.9);
    }

    to {
        transform: scale(1.1);
    }
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 0.7;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 0.7;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 0.7;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 0.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: 0.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: 0.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 / 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 / 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: #000;
    color: #fff;
    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: 0.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: #5aa2de;
    color: #000;
    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: #5aa2de;
}

.top-info-bar.style1 .slick-slide+.slick-slide {
    color: #000;
    background-color: #deeefc;
}

.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: 0.8px;
}

.top-info-bar.style1 .item .blueText {
    color: #2170b1;
}

.top-info-bar.style2 {
    background-color: #56a1b6;
    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: #56a1b6 !important;
    color: #ffffff !important;
}

.top-info-bar.style2 .btn {
    color: #fff;
    background-color: #78c6dc;
    border-color: #78c6dc;
}

.top-info-bar.style2 .btn:hover {
    opacity: 0.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: 0.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: #deeefc;
    border-bottom: 0;
    box-shadow: 0 0 4px rgb(0 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;
    color: #fff;
    background-color: #03787C;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    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 / 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: 0.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: 0.6;
    border: rgb(0 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: 0.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 / 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;
    left: 0;
    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: 15px;
        display: block;
        opacity: 1;
        letter-spacing: 0.05em;
        position: relative;
    }

    #siteNav>li {
        display: inline-block;
        text-align: left;
    }

    #siteNav>li>a {
        color: #111;
        padding: 10px 12px;
        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 / 0.3);
        pointer-events: none;
        max-height: 650px;
        overflow: auto;
        box-shadow: 0 0 15px rgb(0 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 / 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: 0.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: 0.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,
.header-1 .social-icons li .an {
    font-size: 14px;
}

.header-2 .iconset .icon {
    font-size: 20px;
    min-width: 15px;
}

.header-3 #siteNav>li>a {
    font-size: 14px;
    text-transform: capitalize;
}

.header-4 #siteNav.medium>li>a {
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
}

.header-4 .iconset {
    font-size: 14px;
}

.header-4 .iconset:hover,
.header-4 .iconset a:hover,
.header-4 .iconset:hover .icon,
.header-4 .iconset:hover .text {
    color: #3180c1;
}

.header-5 #siteNav>li>a {
    font-weight: 700;
    text-transform: none;
}

.header-5 #siteNav>li:hover>a {
    color: #de7394;
}

.header-5 #siteNav>li>a:after {
    background-color: #de7394;
}

.header-5 #siteNav>li .megamenu .lvl-1 a.lvl-1 {
    color: #6ba4d0;
}

.header-5 .counter {
    background-color: #e89db4;
}

.header-5 .cnrLangList li a:hover,
.header-5 .cnrLangList li a.active,
.header-5 .cnrLangList li a:focus {
    background-color: #e89db4;
    border-color: #e89db4;
}

.header-5 .iconset:hover .icon,
.header-5 .iconset:hover .text,
.header-5 .iconset:hover a {
    color: #e89db4;
}

.header-6 #siteNav>li .megamenu,
.header-9 #siteNav>li .megamenu,
.header-25 #siteNav>li .megamenu {
    left: 55px;
}

.header-6 #siteNav>li .megamenu.style5 {
    max-width: 999px;
}

.header-6 #siteNav>li .megamenu.style5 .collection-inner {
    background-color: #fafafa;
}

.header-9 .iconset:hover .icon,
.header-9 .iconset:hover .text,
.header-9 .iconset:hover a {
    color: #fff;
    opacity: 0.8;
}

.header-9.sticky-header .iconset:hover .icon,
.header-9.sticky-header .iconset:hover .text,
.header-9.sticky-header .iconset:hover a,
.searchact .header-9 .iconset:hover .icon,
.searchact .header-9 .iconset:hover .text,
.searchact .header-9 .iconset:hover a {
    color: #489aaf;
}

.header-7.header-main,
.header-7 .header-wrap {
    background-color: #000;
    color: #fff;
}

.header-7 #siteNav>li>a {
    color: #fff;
    font-size: 12px;
}

.header-7 #siteNav>li>a:hover {
    color: #eee;
}

.header-7 #siteNav>li>a:after {
    background-color: #fff;
}

.header-7 .iconset,
.header-7 .iconset a {
    color: #fff;
}

.header-7 .iconset:hover,
.header-7 .iconset a:hover,
.header-7 .iconset:hover .icon {
    color: #fe877b;
}

.header-7 .counter {
    background-color: #f43e3e;
    color: #fff;
}

.header-7 .js-mobile-nav-toggle .an {
    color: #fff;
}

.header-7 .search-inline {
    width: 530px;
    margin: 0 auto;
}

.header-7 .search-inline .search-category select,
.header-7 .search-inline .input-box .input-text,
.header-7 .search-inline .input-box .action {
    background: #fff0;
    color: #fff;
    border-color: rgb(255 255 255 / 0.2);
    height: 38px;
}

.header-7 .search-inline .search-category select {
    background-image: url(../images/arrow-select-white.png) !important;
    min-width: 140px;
    border-radius: 3px 0 0 3px;
}

.search-inline .search-category select {
    min-width: 140px;
    border-radius: 3px 0 0 3px;
}

.search-inline .search-category select option,
.search-inline .search-category select optgroup {
    background-color: #fff;
    color: #000;
}

.search-inline .input-box .action {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    border-radius: 0 3px 3px 0;
}

.search-inline .input-box .action:hover {
    color: #fe877b;
}

.header-8 .counter {
    background-color: #ea895f;
    color: #fff;
}

.header-10 .search-inline {
    max-width: 345px;
}

.header-10 .search-inline .search-category select {
    min-width: 130px;
}

.header-10 .search-inline .search-category select,
.header-10 .search-inline .input-box .input-text,
.header-10 .search-inline .input-box .action {
    background: #fff0;
    border-color: rgb(0 0 0 / 0.2);
    height: 38px;
}

.header-10 #siteNav>li>a {
    color: #333;
    font-size: 12px;
}

.header-12.header-main,
.header-12 .header-wrap {
    background-color: #1e2832;
    color: #fff;
}

.header-12.sticky-header .header-wrap {
    min-height: 60px !important;
}

.header-12 .menu-outer {
    background-color: #ffb700;
    padding: 1px 0;
}

.header-12 #siteNav>li>a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.header-12 #siteNav>li>a:hover {
    color: #fff;
}

.header-12 #siteNav>li>a:after {
    background-color: #fff;
}

.header-12 .iconset,
.header-12 .iconset a {
    color: #fff;
}

.header-12 .iconset:hover,
.header-12 .iconset a:hover,
.header-12 .iconset:hover .icon {
    color: #ffb700;
}

.header-12 .counter {
    background-color: #ffb700;
    color: #222;
}

.header-12 .js-mobile-nav-toggle .an {
    color: #fff;
}

.header-12 .search-inline {
    width: 530px;
    margin: 0 auto;
}

.header-12 .search-inline .search-category select,
.header-12 .search-inline .input-box .input-text,
.header-12 .search-inline .input-box .action {
    background: #fff0;
    color: #fff;
    border-color: rgb(255 255 255 / 0.2);
    height: 38px;
}

.header-12 .search-inline .input-box .action:hover {
    color: #ffb700;
}

.header-12 .search-inline .search-category select {
    background-image: url(../images/arrow-select-white.png) !important;
}

.header-13 .header-wrap {
    background-color: #111;
    color: #fff;
}

.header-13 .social-icons .an {
    font-size: 13px;
}

.header-13 .iconset,
.header-13 .iconset a,
.header-13 .social-icons li a {
    color: #fff;
}

.header-13 .iconset .icon {
    font-size: 15px;
    min-width: 15px;
}

.header-13 .iconset:hover,
.header-13 .iconset a:hover,
.header-13 .iconset:hover .icon,
.header-13 .social-icons li a:hover {
    color: #fe877b;
}

.header-13 .counter {
    background-color: #ae957b;
    color: #f7f7f2;
    font-size: 10px;
    line-height: 17px;
}

.header-13 .js-mobile-nav-toggle .an {
    color: #fff;
}

.header-13 #siteNav>li>a {
    font-size: 12px;
    margin: 1px;
}

.header-13 #siteNav>li:hover>a,
.header-13 #siteNav>li>a:hover {
    color: #ae957b;
}

.header-13 #siteNav>li>a::after {
    background-color: #ae957b;
}

.header-25 .logo img {
    max-width: 90px;
}

.header-25 .counter {
    font-size: 10px;
}

.header-25 .search-drawer .closeSearch {
    right: 50px;
}

.header-26 .counter {
    font-size: 10px;
}

.header-26 .iconset .icon {
    font-size: 16px;
    min-width: 16px;
}

.header-26 .counter {
    font-size: 10px;
}

.header-26 .iconset .icon {
    font-size: 16px;
    min-width: 16px;
}

.menubar-mobile {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    overflow: auto hidden;
    padding: 5px;
    height: 47px;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 0.12);
    transition: transform 0.25s;
}

.menubar-mobile .menubar-item {
    position: relative;
    flex: 1 0 20%;
}

.menubar-mobile .menubar-item>a {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.menubar-mobile .menubar-label {
    display: block;
    padding: 0;
    margin: 5px 0 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
}

.menubar-mobile .counter {
    right: -22px;
}

.index-demo1 .grid-masonary.banner-grid .banner-item.col-sm-12 {
    margin-bottom: 0;
}

.index-demo1 .collection-banners.style1 .details .redText {
    color: #FE877B;
}

.index-demo2 .heading-font,
.index-demo2 h1,
.index-demo2 .h1,
.index-demo2 h2,
.index-demo2 .h2,
.index-demo2 h3,
.index-demo2 .h3,
.index-demo2 h4,
.index-demo2 .h4,
.index-demo2 h5,
.index-demo2 .h5,
.index-demo2 h6,
.index-demo2 .h6 {
    font-family: 'Libre Baskerville', Arial, Tahoma;
}

.index-demo2 .slideshow .slick-next:before,
.index-demo2 .slideshow .slick-prev:before {
    color: #333;
}

.index-demo2 .slideshow .slick-dots li button {
    border-color: #333;
}

.index-demo2 .slideshow .slick-dots li.slick-active button {
    background-color: #333;
}

.index-demo2 .section-header h2 {
    text-transform: none;
    font-size: 20px;
}

.index-demo2 h2,
.index-demo2 .h2 {
    text-transform: none;
}

.index-demo2 .collection-slider-full .collection-grid-slider .details {
    padding-bottom: 0;
}

.index-demo2 #site-scroll {
    border-radius: 3px;
    background-color: #000;
}

.modal-popup-style .minicart-right-drawer.right.fade .modal-dialog,
.modal-popup-style .minicart-right-drawer.right.fade.show .modal-dialog {
    right: 0;
    left: 50%;
    top: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    margin-left: 0;
}

.modal-popup-style .minicart-right-drawer.right .modal-dialog {
    max-width: 750px;
    width: 100%;
    height: auto;
}

.modal-popup-style .minicart-bottom,
.modal-popup-style .minicart-content {
    position: static;
}

.modal-popup-style .minicart-content {
    width: 55%;
    height: auto;
    float: left;
    padding: 0 20px 0 0;
}

.modal-popup-style .minicart-bottom {
    width: 45%;
    height: auto;
    float: left;
    padding: 0 0 0 20px;
    border-left: 1px solid #eee;
}

.modal-popup-style .minicart-right-drawer.right .modal-content,
.modal-popup-style #cart-drawer {
    height: auto;
}

.modal-popup-style .minicart-right-drawer.right .modal-dialog {
    position: absolute;
}

.modal-popup-style .minicart-content .item:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.index-demo3 .heading-font,
.index-demo3 h1,
.index-demo3 .h1,
.index-demo3 h2,
.index-demo3 .h2,
.index-demo3 h3,
.index-demo3 .h3,
.index-demo3 h4,
.index-demo3 .h4,
.index-demo3 h5,
.index-demo3 .h5,
.index-demo3 h6,
.index-demo3 .h6 {
    font-family: 'Montserrat', Arial, Tahoma;
}

.index-demo3 .newsletter-section .section-header h2 {
    font-size: 24px;
}

.index-demo3 #site-scroll {
    color: #fff;
    background-color: #000;
    border-radius: 3px;
}

.index-demo3 .btn {
    font-weight: 600;
}

.index-demo3 .btn-primary {
    color: #fff;
    background-color: #fd6c63;
    border-color: #fd6c63;
}

.index-demo3 .btn-primary:hover {
    color: #fff;
    background-color: #4698fe;
    border-color: #4698fe;
}

body.index-demo4,
.index-demo4 .heading-font,
.index-demo4 h1,
.index-demo4 .h1,
.index-demo4 h2,
.index-demo4 .h2,
.index-demo4 h3,
.index-demo4 .h3,
.index-demo4 h4,
.index-demo4 .h4,
.index-demo4 h5,
.index-demo4 .h5,
.index-demo4 h6,
.index-demo4 .h6 {
    font-family: 'Jost', Arial, Tahoma;
}

.index-demo4 .btn,
.index-demo4 .btn-primary,
.index-demo4 .slideshow .btn,
.index-demo4 .button-set li .btn-icon {
    background-color: #5aa2de;
    border-color: #5aa2de;
    font-family: 'Jost', Arial, Tahoma;
    text-transform: none;
}

.index-demo4 .btn:hover,
.index-demo4 .btn:focus,
.index-demo4 .btn-primary:hover,
.index-demo4 .btn-primary:focus,
.index-demo4 .slideshow .btn:hover,
.index-demo4 .slideshow .btn:focus,
.index-demo4 .button-set li .btn-icon:hover,
.index-demo4 .button-set li .btn-icon:focus {
    background-color: #4590ce;
    border-color: #4590ce;
}

.index-demo4 .btn-secondary {
    background-color: #4590ce;
    border-color: #4590ce;
}

.index-demo4 .btn-secondary:hover,
.index-demo4 .btn-secondary:focus {
    background-color: #5aa2de;
    border-color: #5aa2de;
}

.index-demo4 .btn-outline-primary {
    color: #000;
    border: #000 solid 1px;
    background-color: #fff;
}

.index-demo4 .btn-outline-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.index-demo4 .promo-counter span>span span {
    color: #fff;
    display: inline-block;
    padding: 0;
    background: #fff0;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

.index-demo4 .slideshow .slick-arrow:before {
    color: #adbcc7;
}

.index-demo4 .slideshow .slick-dots li button {
    border-color: #4590ce;
    border-radius: 0;
    border-width: 1px;
    width: 12px;
    height: 12px;
}

.index-demo4 .slideshow .slick-dots li.slick-active button {
    background-color: #4590ce;
}

.index-demo4 .section-header h2 {
    text-transform: none;
}

.index-demo4 .featured-content.style1 .f-text {
    font-size: 14px;
}

.index-demo5 h1,
.index-demo5 .h1,
.index-demo5 h2,
.index-demo5 .h2,
.index-demo5 h3,
.index-demo5 .h3,
.index-demo5 h4,
.index-demo5 .h4,
.index-demo5 h5,
.index-demo5 .h5,
.index-demo5 h6,
.index-demo5 .h6,
.index-demo5 .heading-font {
    font-family: 'Arima Madurai', Arial, Tahoma !important;
}

body.index-demo5,
.index-demo5 input,
.index-demo5 select,
.index-demo5 textarea,
.index-demo5 .form-control,
.index-demo5 .btn,
.index-demo5 .body-font {
    font-family: 'Quicksand', Arial, Tahoma !important;
}

.index-demo5 .btn,
.index-demo5 .btn-primary,
.index-demo5 .button-set .btn-icon {
    color: #fff;
    text-transform: none;
    background-color: #ea895f;
    border-color: #ea895f;
}

.index-demo5 .btn:hover,
.index-demo5 .btn-primary:hover,
.index-demo5 .button-set .btn-icon:hover,
.index-demo5 .btn:focus,
.index-demo5 .btn-primary:focus,
.index-demo5 .button-set .btn-icon:focus {
    color: #fff;
    background-color: #efa483;
    border-color: #efa483;
}

.index-demo5 .btn-secondary {
    color: #fff;
    background-color: #92c6ee;
    border-color: #92c6ee;
}

.index-demo5 .btn-secondary:hover,
.index-demo5 .btn-secondary:focus {
    color: #fff;
    background-color: #e89db4;
    border-color: #e89db4;
}

.index-demo5 .btn-outline-primary {
    color: #222;
    border: #6ba4d0 solid 1px;
    background-color: #fff0;
}

.index-demo5 .btn-outline-primary:hover {
    color: #fff;
    background-color: #6ba4d0;
    border-color: #6ba4d0;
}

.index-demo5 .btn-lg {
    font-size: 16px;
    padding: 12px 30px;
}

.index-demo5 .top-info-bar {
    background: #ddeefb;
    color: #2674af;
    font-size: 13px;
}

.index-demo5 .top-info-bar .item.center {
    border: 0;
}

.index-demo5 .top-info-bar .toplinks li+li {
    border-left: 1px solid #2674af;
    padding-left: 0.5rem;
    line-height: 12px;
}

.index-demo5 .top-info-bar a {
    color: #2674af;
    font-size: 13px;
}

.index-demo5 .top-info-bar a:hover {
    color: #2674af;
    opacity: 0.8;
}

.index-demo5 .slideshow .slick-dots {
    display: none !important;
}

.index-demo5 .section-header h2 {
    color: #6799bf;
    font-weight: 700;
    font-size: 30px;
    text-transform: none;
}

.index-demo5 .section-header p {
    color: #6799bf;
    font-size: 15px;
}

.index-demo5 .grid-products .item .product-name a {
    font-size: 14px;
}

.index-demo5 .hero--exlarge {
    height: 540px;
}

.index-demo5 .hero .saleTime {
    margin: 20px 0 10px;
}

.index-demo5 .hero .hero__inner .btn {
    padding: 10px 30px;
    font-size: 15px;
    margin: 0;
}

.index-demo5 .collection-banners .row .banner-item {
    margin-bottom: 0;
}

.index-demo6 h1,
.index-demo6 .h1,
.index-demo6 h2,
.index-demo6 .h2,
.index-demo6 h3,
.index-demo6 .h3,
.index-demo6 h4,
.index-demo6 .h4,
.index-demo6 h5,
.index-demo6 .h5,
.index-demo6 h6,
.index-demo6 .h6,
.index-demo6 .heading-font,
.index-demo6 .footer .footer-top .h4 {
    letter-spacing: 0.06em;
}

.index-demo6 .top-info-bar {
    color: #f9f9f9;
    background-color: #ec6f63;
}

.index-demo6 .top-info-bar .item {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10px 20px;
    line-height: normal;
}

.index-demo6 .top-info-bar .item a {
    font-size: 0.92308em;
}

.index-demo6 .top-info-bar .btn-close {
    top: 8px;
}

.index-demo6 .top-info-bar .promo-counter.days-time .ht-count {
    margin: 0 8px;
    position: relative;
}

.index-demo6 .top-info-bar .promo-counter.days-time .ht-count:after {
    color: #f3ff59;
}

.index-demo6 .top-info-bar .promo-counter.days-time span>span span {
    color: #f3ff59;
    font-size: 14px;
}

.index-demo6 .promo-counter.days-time .ht-count.hour span>span:not(.time-count),
.index-demo6 .promo-counter.days-time .ht-count.minutes span>span:not(.time-count),
.index-demo6 .promo-counter.days-time .ht-count.second span>span:not(.time-count) {
    display: none;
}

.index-demo6 .slideshow,
.index-demo6 .slideshow video {
    height: 800px;
}

.index-demo6 .slideshow .whiteText .ss-mega-title {
    font-size: 68px;
    letter-spacing: 0.09em;
    color: #f5f5f5;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 7px;
}

.index-demo6 .slideshow .whiteText .ss-sub-title {
    font-size: 16px;
    color: #f5f5f5;
    letter-spacing: 0.02em;
    line-height: 1.6;
    font-weight: 600;
}

.index-demo6 .slideshow .whiteText .btn-primary {
    padding: 14px 35px;
    font-size: 17px;
    line-height: 1;
    color: #111;
    background-color: #f5f5f5;
}

.index-demo6 .hero__inner {
    padding: 25px 0;
}

.index-demo6 .hero .hero-txt-wrap {
    max-width: 80%;
}

.index-demo6 .hero .hero__inner .wrap-text {
    max-width: 100%;
    padding: 40px;
}

.index-demo6 .hero .text-large .mega-title {
    font-size: 59px;
    margin-bottom: 10px;
    letter-spacing: 0.08em;
    line-height: 1.2;
}

.index-demo6 .hero .text-large .mega-subtitle {
    font-size: 17px;
    letter-spacing: 0.08em;
}

.index-demo6 .hero .hero__inner .btn-lg {
    font-size: 17px;
    text-transform: none;
    padding: 9px 32px;
    max-width: max-content;
}

.index-demo6 .banner-style3 .hero .hero__inner .wrap-text {
    max-width: max-content;
    margin: 0;
    margin-left: auto;
}

.index-demo6 .banner-style3 .hero .text-large .mega-title {
    font-size: 65px;
}

.index-demo6 .banner-style2 .hero--large {
    height: 630px;
}

.index-demo6 .banner-style3 .hero--xlarge {
    height: 690px;
}

.index-demo6 .featured-content.style1 .white-bg {
    font-size: 14px;
}

.index-demo6 .featured-content.style1 .white-bg .title {
    font-size: 22px;
    letter-spacing: 0.06em;
}

.index-demo6 .featured-content.style1 h3.fs-4 {
    color: #e34848;
    letter-spacing: 0.06em;
}

.index-demo6 .featured-content.style1 .fs-5 {
    letter-spacing: 0.06em;
}

.index-demo6 .featured-content.style1 .store-info .image {
    width: 40px;
}

.index-demo6 .store-features.style3 {
    background-color: #fafafa;
}

.index-demo6 .card-features {
    background-color: #131313;
}

.index-demo6 #site-scroll {
    border-radius: 3px;
    background-color: #f9f9f9;
}

.testimonial-slider.style2 .quote-wraper .quotes-slide:before {
    content: "\e9e2";
    font-family: annimex-icons;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
}

.testimonial-slider.style2 .quote-wraper .quotes-slide {
    position: relative;
    color: #666;
    padding: 0 0 0 30px;
}

.blackbg-quote .quote-wraper .quotes-slide {
    background: #111;
    color: #f9f9f9;
}

.blackbg-quote .quotes-slider__text,
.blackbg-quote .quote-wraper .authour {
    color: #f9f9f9;
}

.blackbg-quote .quote-wraper .product-review {
    color: rgb(255 255 255 / 0.8);
}

.blackbg-quote.style2 .quote-wraper .quotes-slide {
    background: #000;
    color: #dcdcdc;
}

.blackbg-quote.style2 .quote-wraper .product-review {
    color: rgb(255 207 54 / 0.8);
}

.blackbg-quote.style2 .quote-wraper .product-review .an {
    font-size: 13px;
}

.blackbg-quote.style2 .quotes-slider__text,
.blackbg-quote.style2 .quote-wraper .authour {
    color: #dcdcdc;
}

.blackbg-quote.style2 .quote-wraper .slick-dots li button {
    background-color: #fff;
    opacity: 0.3;
}

.blackbg-quote.style2 .quote-wraper .slick-dots li.slick-active button {
    opacity: 1;
}

.index-demo7 h1,
.index-demo7 .h1,
.index-demo7 h2,
.index-demo7 .h2,
.index-demo7 h3,
.index-demo7 .h3,
.index-demo7 h4,
.index-demo7 .h4,
.index-demo7 h5,
.index-demo7 .h5,
.index-demo7 h6,
.index-demo7 .h6,
.index-demo7 .heading-font {
    font-family: 'Staatliches', Arial, Tahoma, serif !important;
    font-weight: 400;
    color: #000;
}

body.index-demo7,
.index-demo7 .btn,
.index-demo7 .body-font {
    color: #000;
}

body.index-demo7,
.index-demo7 input,
.index-demo7 select,
.index-demo7 textarea,
.index-demo7 .form-control,
.index-demo7 .btn:not(.btn-lg) {
    font-size: 12px;
}

.index-demo7 .fw-600 {
    font-weight: 400 !important;
}

.index-demo7 .slideshow .wrap-caption {
    background-color: #fff;
    padding: 50px;
}

.index-demo7 .slideshow .ss-mega-title {
    font-size: 59px;
}

.index-demo7 .slideshow .ss-sub-title {
    font-size: 15px;
}

.index-demo7 .btn,
.index-demo7 .slideshow .btn {
    color: #fff;
    background-color: #e60000;
    border-color: #e60000;
}

.index-demo7 .btn:hover,
.index-demo7 .slideshow .btn:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.index-demo7 .btn-secondary {
    color: #fff;
    border: #333 solid 1px;
    background-color: #333;
}

.index-demo7 .btn-secondary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.index-demo7 .btn-outline-primary {
    color: #000;
    border: #000 solid 1px;
    background-color: #fff0;
}

.index-demo7 .btn-outline-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.index-demo7 .section-header h2 {
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 15px;
}

.index-demo7 .section-header p {
    font-size: 13px;
}

.index-demo7 .button-set.style0 li .btn-icon {
    background-color: #111;
    color: #fff;
    border-color: #111;
}

.index-demo7 .slick-prev:before,
.index-demo7 .slick-next:before {
    color: #fff;
}

.index-demo7 .collection-banners.style7 .collection-grid-item .details .inner {
    padding: 10px 20px;
}

.index-demo7 .collection-banners.style7 .collection-grid-item .details .title {
    font-size: 15px;
    font-weight: 400;
}

.index-demo7 #site-scroll {
    color: #fff;
    background: #000;
}

.index-demo7 #site-scroll:hover {
    color: #fff;
    background: #555;
}

.index-demo7 .footer {
    margin-top: 0 !important;
}

.index-demo7 .mini-product .mini-list-item:last-of-type {
    margin-bottom: 0;
}

.index-demo7 .product-with-colletion-bnr:first-of-type {
    background-color: #f1f1f1;
}

.index-demo7 .testimonial-slider.blackbg-quote {
    background-color: #000;
}

.index-demo8 h1,
.index-demo8 .h1,
.index-demo8 h2,
.index-demo8 .h2,
.index-demo8 h3,
.index-demo8 .h3,
.index-demo8 h4,
.index-demo8 .h4,
.index-demo8 h5,
.index-demo8 .h5,
.index-demo8 h6,
.index-demo8 .h6,
.index-demo8 .heading-font {
    font-family: 'Glegoo', Arial, Tahoma, serif !important;
}

.index-demo8 .btn {
    color: #fff;
    background-color: #ea895f;
    border-color: #ea895f;
}

.index-demo8 .btn:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.index-demo8 .btn-secondary {
    color: #fff;
    border: #333 solid 1px;
    background-color: #333;
}

.index-demo8 .btn-secondary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.index-demo8 .btn-outline-primary {
    color: #222;
    border: #222 solid 1px;
    background-color: #fff0;
}

.index-demo8 .btn-outline-primary:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo8 .section-header h2 {
    font-size: 26px;
}

.index-demo8 .slideshow .wrap-caption {
    display: block;
    padding: 15px 45px;
    margin: 0 auto;
    max-width: 90%;
    width: 100%;
}

.index-demo8 .slideshow .ss-mega-title {
    font-size: 50px;
    margin-bottom: 15px;
}

.index-demo8 .slideshow .ss-sub-title {
    font-size: 14px !important;
}

.index-demo8 .slideshow .slick-dots {
    display: none !important;
}

.index-demo8 .button-set li .btn-icon {
    background-color: #ea895f;
    opacity: 1;
    transform: scale(0.9);
    transition: all 0.4s ease-out;
}

.index-demo8 .button-set li .btn-icon:hover {
    background-color: #222;
}

.index-demo8 .card-features .card-body ul li {
    padding: 1px 0;
}

.index-demo8 .hero .text-small .mega-subtitle {
    font-size: 14px;
}

.index-demo8 .hero .text-small .mega-title {
    font-size: 22px;
    margin-bottom: 20px;
}

.index-demo8 .hero .hero__inner .details {
    font-size: 14px;
    margin-bottom: 25px;
}

.index-demo8 #site-scroll {
    color: #fff;
    background: #ea895f;
}

.index-demo8 #site-scroll:hover {
    color: #fff;
    background: #222;
}

.index-demo8 .grid-categorys .category-item .details {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.index-demo8 .store-features {
    padding: 50px 0;
}

.index-demo8 .home-blog-post.pt-md-3 {
    padding-top: 0 !important;
}

.index-demo8 .top-bar {
    background: #ea895f;
}

.index-demo8 .card-features {
    background-color: #faf3f0;
}

.index-demo8 .store-features i {
    color: #ea895f;
}

.index-demo8 .footer-bottom {
    border-color: #f2b89f !important;
}

.index-demo9 .btn {
    color: #fff;
    background-color: #6db5c8;
    border-color: #6db5c8;
}

.index-demo9 .btn:hover {
    color: #fff;
    background-color: #489aaf;
    border-color: #489aaf;
}

.index-demo9 .btn-secondary {
    color: #fff;
    border: #333 solid 1px;
    background-color: #333;
}

.index-demo9 .btn-secondary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.index-demo9 .btn-outline-primary {
    color: #000;
    border: #000 solid 1px;
    background-color: #fff0;
}

.index-demo9 .btn-outline-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.index-demo9 .slideshow--large {
    height: 760px;
}

.index-demo9 .slideshow .ss-mega-title {
    font-size: 82px;
    line-height: 1;
    margin-bottom: 25px;
}

.index-demo9 .slideshow .btn-lg {
    padding: 10px 30px;
    font-size: 17px;
}

.index-demo9 .slideshow .whiteText .btn-primary:hover,
.index-demo9 .slideshow .whiteText .btn-primary:focus {
    color: #fff;
    background-color: #6db5c8;
    border-color: #6db5c8;
}

.index-demo9 .collection-grid-slider .details::before {
    opacity: 0;
}

.index-demo9 .hero--large {
    height: 740px;
}

.index-demo9 .section-header h2 {
    font-size: 25px;
}

.index-demo9 .lookbook .products .btn-shop:before {
    color: rgb(255 255 255 / 0.4);
}

.index-demo9 .top-info-bar .yellow {
    color: #fff06b;
}

.index-demo9 .footer-bottom {
    border-color: #629aaa !important;
}

.index-demo9 #site-scroll {
    color: #f9f9f9;
    background-color: #489aaf;
}

.index-demo9 .testimonial-slider.style1 {
    background-image: url(../images/demo9-testimonial.jpg);
}

.index-demo10 h1,
.index-demo10 .h1,
.index-demo10 h2,
.index-demo10 .h2,
.index-demo10 h3,
.index-demo10 .h3,
.index-demo10 h4,
.index-demo10 .h4,
.index-demo10 h5,
.index-demo10 .h5,
.index-demo10 h6,
.index-demo10 .h6,
.index-demo10 .heading-font {
    font-family: 'Alata', Arial, Tahoma, serif;
    color: #444;
}

body.index-demo10,
.index-demo10 .btn,
.index-demo10 .body-font {
    font-family: 'Libre Franklin', Arial, Tahoma, serif !important;
}

body.index-demo10,
.index-demo10 input,
.index-demo10 select,
.index-demo10 textarea,
.index-demo10 .form-control,
.index-demo10 .btn:not(.btn-lg) {
    font-family: 'Libre Franklin', Arial, Tahoma, serif !important;
}

.index-demo10 .section-header h2 {
    font-size: 25px;
}

.index-demo10 .collection-banners.style8 .details.top-left {
    top: 20px !important;
    left: 20px;
}

.index-demo10 .newsletter-section .input-group .btn {
    background-color: #e79cd9;
    color: #fff;
    border-color: #e79cd9;
}

.index-demo10 .newsletter-section .input-group .btn:hover {
    opacity: 0.8;
}

.index-demo10 .store-features {
    padding: 50px 0;
}

.index-demo10 .logo-section,
.index-demo10 .featured-content {
    padding-top: 0 !important;
}

.index-demo10 .footer-bottom {
    background: #e79cd9;
    color: #fff;
}

.index-demo10 #site-scroll {
    color: #fff;
    background: #e79cd9;
}

.index-demo10 #site-scroll:hover {
    color: #fff;
    background: #b3ccaf;
}

.index-demo10 .top-bar {
    background: #b3ccaf;
}

.index-demo10 .store-features i {
    color: #e79cd9;
}

.index-demo10 .newsletter-bg {
    background: url(../images/demo10-ftr-newalatter.jpg) center /cover no-repeat #e8ebf5;
}

.index-demo11 h1,
.index-demo11 .h1,
.index-demo11 h2,
.index-demo11 .h2,
.index-demo11 h3,
.index-demo11 .h3,
.index-demo11 h4,
.index-demo11 .h4,
.index-demo11 h5,
.index-demo11 .h5,
.index-demo11 h6,
.index-demo11 .h6,
.index-demo11 .heading-font {
    font-family: 'Playfair Display', Arial, Tahoma, serif !important;
}

.index-demo11 .body-font {
    font-family: 'Poppins', Arial, Tahoma !important;
}

.index-demo11 .top-info-bar.style1 .item {
    min-height: 38px;
}

.index-demo11 .promo-counter.days-time .ht-count:not(.days):after {
    color: #fff;
    font-weight: 400;
}

.index-demo11 .promo-counter.days-time span>span span {
    color: #fff;
    font-size: 12px;
}

.index-demo11 .slideshow .ss-mega-title {
    font-size: 45px;
}

.index-demo11 .slideshow .ss-sub-title {
    font-size: 17px;
}

.index-demo11 .slideshow .ss-mega-title.blue {
    color: #4e95ba;
}

.index-demo11 .slideshow .ss-mega-title.coffe {
    color: #8c4655;
}

.index-demo11 .slideshow .slick-dots li button {
    color: #111;
    border-color: #111;
}

.index-demo11 .slideshow .slick-dots li.slick-active button {
    background-color: #111;
}

.index-demo11 .slideshow .slick-arrow:before {
    color: #111;
}

.index-demo11 .grid-mr-30 .cl-item {
    padding-bottom: 0;
}

.index-demo11 .home-blog-post {
    padding-top: 0 !important;
}

.index-demo11 .top-info-bar {
    color: #fff;
    background-color: #000;
}

.index-demo11 .top-info-bar span b {
    color: #f4be74;
}

.index-demo11 .slideshow {
    margin-bottom: -6px;
}

.index-demo11 .collection-banners {
    background-color: #fafafa;
}

.index-demo11 .featured-content {
    background-color: #f9f5f2;
}

.index-demo11 .store-features {
    background-color: #fafafa;
}

.index-demo11 .store-features i {
    color: #f77575;
}

.index-demo11 .footer-bottom {
    border-color: #4d4d4d !important;
}

.index-demo12 h1,
.index-demo12 .h1,
.index-demo12 h2,
.index-demo12 .h2,
.index-demo12 h3,
.index-demo12 .h3,
.index-demo12 h4,
.index-demo12 .h4,
.index-demo12 h5,
.index-demo12 .h5,
.index-demo12 h6,
.index-demo12 .h6,
.index-demo12 .heading-font {
    font-family: 'Archivo Narrow', Arial, Tahoma, serif !important;
    font-weight: 700;
}

.index-demo12 .body-font {
    font-family: 'Poppins', Arial, Tahoma !important;
}

.index-demo12 .btn:hover {
    color: #fff;
    background-color: #ffb700;
    border-color: #ffb700;
}

.index-demo12 .slideshow--large {
    height: 600px;
    background-position: center top !important;
}

.index-demo12 .slideshow .slider2 .bg-size {
    background-position: center bottom !important;
}

.index-demo12 .slideshow .ss-mega-title {
    font-size: 67px;
}

.index-demo12 .slideshow .ss-sub-title {
    font-size: 17px;
}

.index-demo12 .slideshow .yellow {
    color: #ffb700;
}

.index-demo12 .slideshow .btn-primary,
.index-demo12 .btn-primary {
    color: #fff;
    background-color: #ffb700;
    border-color: #ffb700;
}

.index-demo12 .slideshow .btn-primary:hover,
.index-demo12 .btn-primary:hover,
.index-demo12 .btn-primary:focus,
.index-demo12 .slideshow .btn-primary:focus {
    color: #fff;
    background-color: #ff7e00;
    border-color: #ff7e00;
}

.index-demo12 .collection-slider-6items .slick-list {
    margin: 0 -10px;
}

.index-demo12 .collection-slider-6items .slick-slide {
    margin: 0 10px;
}

.index-demo12 .collection-banners.style8 .details .title {
    font-size: 30px;
}

.index-demo12 .collection-banners.style8 .details.top-left {
    top: 20px !important;
    left: 20px;
}

.index-demo12 .collection-banners.style8 .details .btn {
    color: #111;
    background-color: #fff;
    border-color: #fff;
    padding: 8px 20px;
    font-size: 13px;
    text-transform: none;
    line-height: 1.2;
}

.index-demo12 .collection-banners.style8 .details .btn:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.index-demo12 .section-header h2 {
    font-size: 30px;
    font-weight: 700;
}

.index-demo12 .parallax-banner-style4 .hero .text-small .mega-subtitle {
    color: #1e2832;
    font-size: 14px;
    font-weight: 400;
}

.index-demo12 .parallax-banner-style4 .hero .text-small .mega-title {
    color: #1e2832;
    font-size: 40px;
    font-weight: 700;
}

.index-demo12 .parallax-banner-style4 .hero .saleTime {
    margin: 0 0 20px;
}

.index-demo12 .parallax-banner-style4 .hero .saleTime span>span span {
    color: #1e2832;
}

.index-demo12 .parallax-banner-style4 .hero .saleTime span>.count-inner {
    color: #1e2832;
    background: #ffb700;
    border-color: #ffb700;
    border-radius: 10px;
}

.index-demo12 .collection-banners.style8 .details.center-left {
    left: 10px;
}

.index-demo12 .collection-banners.style8.two-banner .details .title {
    font-size: 40px;
}

.index-demo12 .collection-banners.style8.two-banner .collection-grid-item .details .inner {
    font-size: 20px;
}

.index-demo12 .collection-banners.style8.two-banner .details .btn {
    padding: 9px 20px;
    font-size: 15px;
}

.index-demo12 #site-scroll {
    color: #fff;
    background: #1e2832;
}

.index-demo12 #site-scroll:hover {
    color: #000;
    background: #ffb700;
}

.index-demo12 .grid-products .product-review {
    margin: 8px 0 0;
}

.index-demo12 .collection-banners.style8.two-banner .details .title.yellow {
    color: #ffb700;
}

.index-demo12 .store-features {
    background-color: #ffb700;
}

body.index-demo13,
.index-demo13 .body-font,
.index-demo13 input,
.index-demo13 select,
.index-demo13 textarea,
.index-demo13 .form-control {
    font-family: 'Nunito Sans', Arial, Tahoma, serif !important;
}

body.index-demo13 {
    letter-spacing: 0.07em;
}

.index-demo13 .iconset:hover .tooltip-label {
    top: -14px;
}

.index-demo13 .slideshow .btn-sm {
    font-size: 15px;
    padding: 10px 30px;
    font-weight: 600;
}

.index-demo13 .slideshow .whiteText .btn-primary:hover,
.index-demo13 .slideshow .whiteText .btn-primary:focus {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.index-demo13 .section-header h2 {
    font-size: 16px;
    letter-spacing: 0.07em;
}

.index-demo13 .section-header p {
    font-size: 12px;
}

.index-demo13 .section.banner-text {
    background-color: #fafafa;
    margin-top: -6px;
}

.index-demo13 .grid-products .item .product-name a {
    font-size: 12px;
}

.index-demo13 .collection-banners .details .btn {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    padding: 9px 20px;
    font-size: 13px;
}

.index-demo13 .collection-banners .details .btn:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.index-demo13 .promo-counter.days-time span>span span {
    font-size: 13px;
    color: #ffbb6c;
    font-weight: bolder;
}

.index-demo13 .promo-counter.days-time .ht-count:not(.days):after {
    color: #ffbb6c;
    font-weight: bolder;
}

.index-demo13 .top-info-bar .item {
    min-height: 90px;
}

.index-demo13 .top-info-bar .btn {
    color: #111;
    background-color: #ffbb6c;
    border-color: #ffbb6c;
}

.index-demo13 .top-info-bar .btn:hover {
    color: #fff;
    background-color: #f6aa51;
    border-color: #f6aa51;
}

.index-demo13 .collection-banners {
    margin-top: 0;
    background-color: #fafafa;
}

.index-demo13 .testimonial-slider {
    background-color: #fafafa;
}

.index-demo13 .top-info-bar .yellow {
    color: #ffbb6c;
}

.index-demo13 .store-features {
    background-color: #333;
}

.index-demo13 .collection-banners.style7 .collection-grid-item .details .inner.black-bg {
    background-color: #090a0a;
}

.index-demo14 h1,
.index-demo14 .h1,
.index-demo14 h2,
.index-demo14 .h2,
.index-demo14 h3,
.index-demo14 .h3,
.index-demo14 h4,
.index-demo14 .h4,
.index-demo14 h5,
.index-demo14 .h5,
.index-demo14 h6,
.index-demo14 .h6,
.index-demo14 .heading-font,
.index-demo14 .btn {
    font-family: 'Roboto', Arial, Tahoma, serif !important;
}

body.index-demo14,
.index-demo14 .body-font,
.index-demo14 input,
.index-demo14 select,
.index-demo14 textarea,
.index-demo14 .form-control {
    font-family: 'Roboto', Arial, Tahoma, serif !important;
}

.index-demo14 .btn-primary,
.index-demo14 .tab-slider-product .tab_drawer_heading.d_active {
    color: #fff;
    background-color: #85b935;
    border-color: #85b935;
}

.index-demo14 .btn-primary:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo14 .top-info-bar.style1 .item {
    min-height: 36px;
}

.index-demo14 .header-14,
.index-demo14 .collection-banners.style1 {
    background-color: #f2eeeb;
}

.index-demo14 .collection-banners.style1 .collection-grid-item .details {
    width: 70%;
}

.index-demo14 .collection-banners .details .btn {
    padding: 10px 30px;
    font-size: 15px;
}

.index-demo14 .tab-slider-product .tabs>li {
    color: #222;
    background: #eee;
    border: #fff0 solid 1px;
}

.index-demo14 .tab-slider-product .tabs>li.active {
    color: #fff;
    background: #85b935;
}

.index-demo14 .collection-banners.style8 .details .btn {
    color: #111;
    background-color: #fff;
    border-color: #fff;
    padding: 10px 30px;
    font-size: 15px;
}

.index-demo14 .collection-banners.style8 .details .btn:hover {
    color: #fff;
    background-color: #85b935;
    border-color: #85b935;
}

.index-demo14 .hero--small {
    height: 330px;
}

.index-demo14 .hero .text-medium .mega-subtitle {
    font-size: 14px;
}

.index-demo14 .hero .text-medium .mega-title {
    font-size: 45px;
}

.index-demo14 .hero .hero__inner .details {
    font-size: 22px;
    font-weight: 600;
}

.index-demo14 .top-info-bar.style1 {
    color: #fff;
    background-color: #85b935;
}

.index-demo14 .featured-content .f-item:nth-of-type(2) {
    background-color: #fafafa;
}

.index-demo14 .collection-banners.style1 .collection-grid-item .title.greentext {
    color: #85b935;
}

.index-demo14 .collection-banners.style1 .collection-grid-item .title.orangetext {
    color: #fd9917;
}

.index-demo14 .collection-banners.style1 .collection-grid-item .title.pinktext {
    color: #fe877b;
}

.index-demo15 .top-info-bar.style1 {
    color: #fff;
    background-color: #c92532;
}

.index-demo15 .top-info-bar.style1 .item,
.index-demo15 .top-info-bar.style1 .item a {
    font-size: 13px;
    letter-spacing: 1px;
}

.index-demo15 .top-info-bar.style1 .btn {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.index-demo15 .top-info-bar.style1 .btn:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.index-demo15 .promo-counter .ht-count,
.index-demo15 .promo-counter span>span span {
    font-size: 13px;
    color: #ffd900;
}

.index-demo15 .top-info-bar.style1 .yellow {
    color: #ffd900;
}

.index-demo15 .slideshow .ss-small-title {
    font-size: 14px;
    letter-spacing: 0.09em;
}

.index-demo15 .slideshow .ss-mega-title {
    font-size: 50px;
}

.index-demo15 .slideshow .ss-sub-title {
    font-size: 17px;
}

.index-demo15 .slideshow .slideshow-content-in {
    margin-top: -80px;
}

.index-demo15 .slideshow .bg-size {
    background-position: center bottom !important;
}

.index-demo15 .btn:hover:not(.btn-outline-primary) {
    color: #fff;
    background-color: #c92532;
    border-color: #c92532;
}

.index-demo15 .btn.btn-primary,
.index-demo15 .featured-content.style1 .f-item:not(.white-bg) .btn {
    color: #fff;
    background-color: #c92532;
    border-color: #c92532;
}

.index-demo15 .btn.btn-primary:hover,
.index-demo15 .featured-content.style1 .f-item:not(.white-bg) .btn:hover {
    color: #fff;
    background-color: #ce3844;
    border-color: #ce3844;
    opacity: 1;
}

.index-demo15 .section.newsletter-section {
    padding: 50px 0;
    background-attachment: inherit;
    background-image: url(../images/christmas-newsbg.jpg);
}

.index-demo15 .button-set.style0 li .btn-icon {
    color: #fff;
    background-color: #8fc0c6;
    border-color: #8fc0c6;
}

.index-demo15 .featured-content .light-pink-bg {
    background-color: #ffefef;
}

.index-demo15 .featured-content .light-gray-bg {
    background-color: #effafa;
}

.index-demo15 .collection-banners.style7 .details .red-text {
    color: #d21212;
}

.index-demo15 .collection-banners.style7 .details .red-bg {
    background-color: #c92532 !important;
    color: #ffffff !important;
}

.index-demo16 h1,
.index-demo16 .h1,
.index-demo16 h2,
.index-demo16 .h2,
.index-demo16 h3,
.index-demo16 .h3,
.index-demo16 h4,
.index-demo16 .h4,
.index-demo16 h5,
.index-demo16 .h5,
.index-demo16 h6,
.index-demo16 .h6 {
    letter-spacing: 0;
}

body.index-demo16,
.index-demo16 .heading-font,
.index-demo16 .btn,
.index-demo16 input,
.index-demo16 select,
.index-demo16 textarea,
.index-demo16 .form-control,
.index-demo16 .body-font,
.index-demo16 #siteNav .menu-title {
    font-family: 'Roboto', Arial, Tahoma, serif !important;
}

.index-demo16 #siteNav a,
.index-demo16 #MobileNav li a {
    font-family: 'Poppins', Arial, Tahoma;
}

.index-demo16 #siteNav>li>a .navLbl {
    top: -7px;
}

.index-demo16 .header .iconset:hover .tooltip-label {
    top: -14px;
}

.index-demo16 .slideshow .ss-mega-title {
    margin-bottom: 12px;
}

.index-demo16 .slideshow .ss-sub-title {
    margin-bottom: 25px;
}

.index-demo16 .slideshow .slide1 .ss-mega-title {
    font-size: 56px;
}

.index-demo16 .slideshow .slide1 .ss-sub-title {
    font-size: 17px;
}

.index-demo16 .slideshow .slide2 .ss-mega-title {
    font-size: 60px;
}

.index-demo16 .slideshow .slide2 .ss-sub-title {
    font-size: 18px;
}

.index-demo16 .collection-banners.style7 .collection-grid-item .details.bottom {
    bottom: 20px !important;
}

.index-demo16 .collection-banners.style7 .collection-grid-item:hover .details.bottom .inner {
    color: #fff;
    background: #222;
}

.index-demo16 .collection-banners.style7 .collection-grid-item:hover .details .title {
    color: #fff;
}

@media only screen and (min-width: 992px) {
    .index-demo16 .collection-banners.style7 .collection-grid-item .details .title {
        font-size: 15px;
    }
}

.index-demo16 .button-set li .btn-icon {
    background-color: #fff;
    color: #222;
}

.index-demo16 .button-set li .btn-icon:hover {
    background-color: #222;
    color: #fff;
}

.index-demo16 .collection-banners.style8 .details.top-left {
    top: 20px !important;
    left: 20px;
}

.index-demo16 .collection-banners.style8 .details .title {
    font-size: 36px !important;
    line-height: 1;
}

.index-demo16 .collection-banners.style8 .details .btn {
    padding: 10px 25px;
    font-size: 15px;
}

.index-demo16 .collection-banners.style8 .banner2 .details .title {
    font-size: 60px !important;
}

.index-demo16 .collection-banners.style8 .banner1 {
    width: 60%;
}

.index-demo16 .collection-banners.style8 .banner2 {
    width: 40%;
}

.index-demo16 .quotes-slider-1item .quotes-slider__text {
    font-size: 14px;
    color: #666;
}

.index-demo16 .quotes-slider-1item .product-review {
    color: rgb(212 140 114 / 0.8);
}

.index-demo16 .quotes-slider-1item .authour {
    font-size: 13px;
    color: #666;
}

.index-demo16 .quote-wraper .slick-dots {
    margin-top: -7px;
}

.index-demo16 .top-info-bar {
    z-index: 1;
}

.index-demo16 .testimonial-slider.style1 {
    background: #fff0;
}

.index-demo16 .testimonial-slider.style1 .section {
    background: #f5f5f5;
    padding: 50px;
}

.index-demo16 .store-features {
    background-color: #111;
}

.index-demo17 h1,
.index-demo17 .h1,
.index-demo17 h2,
.index-demo17 .h2,
.index-demo17 h3,
.index-demo17 .h3,
.index-demo17 h4,
.index-demo17 .h4,
.index-demo17 h5,
.index-demo17 .h5,
.index-demo17 h6,
.index-demo17 .h6,
.index-demo17 .heading-font {
    font-family: 'Crimson Pro', Arial, Tahoma, serif !important;
}

.index-demo17 .body-font {
    font-family: 'Poppins', Arial, Tahoma !important;
}

.index-demo17 .top-info-bar.style1 {
    color: #000;
    background-color: #f5f5f5;
}

.index-demo17 .top-info-bar.style1 .item,
.index-demo17 .top-info-bar.style1 .item a {
    font-size: 13px;
    letter-spacing: 1px;
}

.header-17 .search-inline {
    width: 350px;
    margin: 0;
}

.header-17:not(.searchact) .classicHeader:not(.sticky-header) .search-inline .search-category select,
.header-17:not(.searchact) .classicHeader:not(.sticky-header) .search-inline .input-box .input-text,
.header-17:not(.searchact) .classicHeader:not(.sticky-header) .search-inline .input-box .action {
    background: #fff0;
    color: #fff;
    border-color: rgb(255 255 255 / 0.2);
}

.header-17:not(.searchact) .classicHeader:not(.sticky-header) .search-inline .search-category select {
    background-image: url(../images/arrow-select-white.png) !important;
}

.header-17 .search-inline .search-category select,
.header-17 .search-inline .input-box .input-text,
.header-17 .search-inline .input-box .action {
    height: 38px;
}

.header-17 .search-inline .search-category select {
    min-width: 140px;
    border-radius: 30px 0 0 30px;
}

.header-17 .search-inline .input-box .action {
    min-width: 46px;
    width: 46px;
    border-radius: 0 30px 30px 0;
}

.index-demo17 .slideshow,
.index-demo17 .slideshow video {
    height: 800px;
}

.index-demo17 .slideshow .ss-mega-title {
    font-size: 63px;
    margin-bottom: 20px;
    line-height: 1.2;
}

.index-demo17 .slideshow .ss-sub-title {
    font-size: 18px;
    margin-bottom: 30px;
}

.index-demo17 .slideshow .btn {
    font-size: 17px;
}

.index-demo17 .slideshow-overlay:before {
    background-color: #000;
    opacity: 0.5;
    bottom: 6px;
}

.index-demo17 .section-header h2 {
    font-size: 28px;
}

@media screen and (min-width: 1024px) {
    .index-demo17 .store-features .store-info .col-lg-2 {
        width: 12.5%;
    }
}

.index-demo17 .grid-categorys .category-item .category-title {
    font-size: 23px;
}

.index-demo17 .featured-content.style1 .store-info .an {
    width: 40px;
    color: #555;
    font-size: 30px;
}

.index-demo17 .featured-content.style1 .store-info .detail {
    color: #222;
    font-size: 14px;
}

.index-demo17 .quote-wraper .product-review .an {
    font-size: 14px;
}

.index-demo17 .grid-products .product-review {
    margin-bottom: 0;
}

.index-demo17 .store-features {
    background-color: #fafafa;
}

.index-demo17 .featured-content {
    background-color: #fafaf4;
}

.index-demo17 .testimonial-slider {
    background-color: #f5f5f5;
}

.index-demo17 .store-features.style3 {
    background-color: #589d8e;
}

.index-demo17 .footer .footer-top {
    background-color: #fafaf4;
}

.index-demo17 .footer .footer-bottom {
    background: #f4f4ef;
}

.index-demo18 h1,
.index-demo18 .h1,
.index-demo18 h2,
.index-demo18 .h2,
.index-demo18 h3,
.index-demo18 .h3,
.index-demo18 h4,
.index-demo18 .h4,
.index-demo18 h5,
.index-demo18 .h5,
.index-demo18 h6,
.index-demo18 .h6,
.index-demo18 .heading-font,
.index-demo18 .btn {
    font-family: 'Roboto Condensed', Arial, Tahoma, serif !important;
}

body.index-demo18,
.index-demo18 .body-font,
.index-demo18 input,
.index-demo18 select,
.index-demo18 textarea,
.index-demo18 .form-control {
    font-family: 'Roboto Condensed', Arial, Tahoma, serif !important;
}

.index-demo18 .top-info-bar.style1 {
    color: #fff;
    background-color: #222;
}

.index-demo18 .top-info-bar.style1 .item,
.index-demo18 .top-info-bar.style1 .item a {
    font-size: 13px;
    letter-spacing: 1px;
}

.header-18 .search-inline .search-category select,
.header-18 .search-inline .input-box .input-text,
.header-18 .search-inline .input-box .action {
    height: 38px;
}

.index-demo18 .iconset:hover .tooltip-label {
    top: -18px;
}

.index-demo18 .slideshow--large {
    height: 760px;
}

.index-demo18 .slideshow .slide1 .ss-mega-title {
    font-size: 40px;
}

.index-demo18 .slideshow .slide1 .ss-small-title {
    font-size: 14px;
}

.index-demo18 .slideshow .slide1 .ss-sub-title {
    font-size: 18px;
}

.index-demo18 .slideshow .slide2 .ss-mega-title {
    font-size: 55px;
}

.index-demo18 .slideshow .slide2 .ss-small-title {
    font-size: 21px;
}

.index-demo18 .slideshow .btn {
    padding: 11px 30px;
    text-transform: capitalize;
}

.index-demo18 .section-header h2 {
    font-size: 28px;
    font-weight: 400;
}

.index-demo18 .button-set li .btn-icon {
    display: flex;
    margin: 4px;
    color: #222;
    background-color: #fff;
    border-radius: 20px;
}

.index-demo18 .button-set li .btn-icon:hover {
    color: #fff;
    background-color: #222;
}

.index-demo18 .about-service .icon {
    background: #111;
    color: #fae3e1;
    font-size: 36px;
    width: 71px;
    height: 71px;
    line-height: 69px;
}

.index-demo18 .about-service h4 {
    font-size: 23px;
    margin: 0 0 10px;
}

.index-demo18 .about-service .text,
.index-demo18 .grid-categorys .category-item .details {
    font-size: 14px;
}

.index-demo18 .grid-categorys .category-item .category-title {
    font-size: 23px;
}

.index-demo18 .grid-categorys .category-item .btn {
    padding: 11px 30px;
    text-transform: capitalize;
}

.index-demo18 .about-service {
    background-color: #fafafa;
}

.index-demo19 h1,
.index-demo19 .h1,
.index-demo19 h2,
.index-demo19 .h2,
.index-demo19 h3,
.index-demo19 .h3,
.index-demo19 h4,
.index-demo19 .h4,
.index-demo19 h5,
.index-demo19 .h5,
.index-demo19 h6,
.index-demo19 .h6,
.index-demo19 .heading-font,
.index-demo19 .btn {
    font-family: 'Roboto Condensed', Arial, Tahoma, serif !important;
}

body.index-demo19,
.index-demo19 .body-font,
.index-demo19 input,
.index-demo19 select,
.index-demo19 textarea,
.index-demo19 .form-control {
    font-family: 'Roboto Condensed', Arial, Tahoma, serif !important;
}

.index-demo19 .btn:hover,
.index-demo19 .btn-primary:hover,
.index-demo19 .btn:focus,
.index-demo19 .btn-primary:focus {
    background-color: #0187b0;
    color: #fff;
    border-color: #0187b0;
}

.index-demo19 .btn-outline-primary:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo19 .iconset:hover .icon,
.index-demo19 .iconset:hover .text,
.index-demo19 .iconset:hover a {
    color: #0187b0;
}

.index-demo19 #siteNav>li:hover>a,
.index-demo19 #siteNav>li>a:hover:hover,
.index-demo19 #siteNav>li>a:hover,
.index-demo19 #siteNav>li .megamenu .lvl-1 .site-nav:hover,
.index-demo19 #siteNav>li ul.dropdown li:hover>a,
.index-demo19 #siteNav>li ul.dropdown li a:hover {
    color: #0187b0;
}

.index-demo19 #siteNav>li>a:after {
    background-color: #0187b0;
}

.index-demo19 #siteNav>li>a .navLbl {
    top: -5px;
}

.index-demo19 .slideshow--large {
    height: 830px;
}

.index-demo19 .slideshow .wrap-caption {
    background-color: #fff;
    padding: 50px;
}

.index-demo19 .slideshow .ss-small-title {
    font-size: 14px;
}

.index-demo19 .slideshow .ss-mega-title {
    font-size: 40px;
}

.index-demo19 .slideshow .ss-sub-title {
    font-size: 18px;
}

.index-demo19 .slideshow .btn-outline-primary {
    padding: 11px 30px;
    background-color: #fff0;
    color: #111;
    border-color: #111;
}

.index-demo19 .slideshow .btn-outline-primary:hover {
    border-color: #111;
}

.index-demo19 .banner-text .section-header p {
    font-size: 23px;
}

.index-demo19 .collection-banners.style8 .details .btn {
    color: #111;
    background-color: #fff;
    border-color: #fff;
    padding: 10px 30px;
    font-size: 15px;
}

.index-demo19 .collection-banners.style8 .details .btn:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.index-demo19 .section-header h2 {
    font-size: 28px;
    font-weight: 400;
}

.index-demo19 .button-set li .btn-icon {
    color: #222;
    background-color: #fff;
    border-color: #fff;
    border-radius: 20px;
}

.index-demo19 .button-set li .btn-icon:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo19 .parallax-banner-style1 .btn {
    color: #111;
    background-color: #fff;
    border-color: #fff;
    padding: 10px 30px;
    font-size: 15px;
}

.index-demo19 .parallax-banner-style1 .btn:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.index-demo19 .store-features.style3 .store-info .an {
    width: 46px;
    font-size: 36px;
    color: #0187b0;
}

.index-demo19 .store-features.style3 .store-info .detail {
    font-size: 14px;
    margin: 0;
}

.index-demo19 .grid-categorys .category-item .details {
    font-size: 14px;
}

.index-demo19 .grid-categorys .category-item .category-title {
    font-size: 25px;
}

.index-demo19 .grid-categorys .category-item .btn {
    padding: 11px 30px;
    text-transform: capitalize;
}

.index-demo19 .footer-19 .footer-top {
    color: #222;
    background-color: #fafafa;
    border-color: #fafafa;
}

.index-demo19 .footer-19 .footer-bottom {
    color: #222;
    background-color: #fafaf4;
    border-color: #fafaf4;
}

.index-demo19 .footer-19 .footer-top .inline-links {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 21px;
    padding-bottom: 21px;
}

.index-demo19 .banner-text {
    background-color: #ececec;
    border-bottom: 1px solid #e3e3e3ed;
    margin-top: -6px;
}

.index-demo19 .store-features.style3 {
    background-color: #fafafa;
}

body.index-demo20 {
    line-height: 1.6;
}

.index-demo20 h1,
.index-demo20 .h1,
.index-demo20 h2,
.index-demo20 .h2,
.index-demo20 h3,
.index-demo20 .h3,
.index-demo20 h4,
.index-demo20 .h4,
.index-demo20 h5,
.index-demo20 .h5,
.index-demo20 h6,
.index-demo20 .h6,
.index-demo20 .heading-font {
    font-family: 'Playfair Display', Arial, Tahoma, serif !important;
}

.index-demo20 .btn,
.index-demo20 .btn-primary {
    font-weight: 500;
}

.index-demo20 .body-font {
    font-family: 'Poppins', Arial, Tahoma !important;
}

.index-demo20 .container {
    max-width: 1300px;
}

.index-demo20 .header-wrap {
    background-color: #fafafa;
}

.index-demo20 .iconset,
.index-demo20 .iconset a {
    color: #666;
}

.index-demo20 .iconset .text {
    margin-top: 3px;
    padding: 0 4px;
    font-size: 10px;
    line-height: normal;
    white-space: nowrap;
}

.index-demo20 .counter {
    top: -8px;
    right: 12px;
}

.index-demo20 .header .iconset:hover .tooltip-label {
    top: -26px;
}

.index-demo20 .megamenu-gridproduct .row {
    margin-bottom: -20px;
}

.index-demo20 #siteNav>li .shop-offers {
    color: #bf1616;
}

.index-demo20 .search-inline .search-category select,
.index-demo20 .search-inline .input-box .input-text,
.index-demo20 .search-inline .input-box .action {
    color: #666;
    background-color: #fff0;
    border-color: rgb(102 102 102 / 0.2);
}

.index-demo20 .search-inline .input-box .action:hover {
    color: #f06543;
}

.index-demo20 .slideshow-overlay:before {
    background-color: #000;
    opacity: 0.3;
}

.index-demo20 .slideshow .whiteText .ss-small-title {
    font-size: 15px !important;
}

.index-demo20 .slideshow .whiteText .ss-mega-title {
    font-size: 55px;
    margin-bottom: 20px;
    letter-spacing: 0.01em;
}

.index-demo20 .slideshow .ss-sub-title {
    font-size: 17px !important;
    margin-bottom: 30px;
    letter-spacing: 0.02em;
    line-height: 1.3;
}

.index-demo20 .slideshow .btn.btn-lg {
    font-size: 17px;
}

.index-demo20 .slideshow .whiteText .btn-outline-primary:hover {
    color: #fff;
    background-color: #222 !important;
    border-color: #222;
}

.index-demo20 .store-features {
    background-color: #fafafa;
    margin-top: -7px;
}

.index-demo20 .store-features .icon {
    margin: 0 15px 0 0;
    max-width: 60px;
}

.index-demo20 .collection-banners.style8 .details .subtitle {
    color: #7b4b2d;
}

.index-demo20 .collection-banners.style8 .details .title {
    color: #5d3d26;
    font-size: 40px;
    text-transform: none;
}

.index-demo20 .collection-banners.style8 .collection-grid-item .btn--link {
    color: #7b4b2d;
    border-color: #7b4b2d;
    font-size: 13px;
}

.index-demo20 .collection-banners.style8 .collection-grid-item.banner2 .details .title,
.index-demo20 .collection-banners.style8 .collection-grid-item.banner3 .details .title {
    font-size: 30px;
}

.index-demo20 .collection-banners.style8 .banner2 .details .subtitle,
.index-demo20 .collection-banners.style8 .banner3 .details .subtitle {
    font-size: 18px;
    margin-top: 10px;
}

.index-demo20 .collection-banners.style8 .details.center-right {
    width: 40%;
}

.index-demo20 .collection-banners.style8 .details.top-left {
    width: 45%;
    top: 25px !important;
    left: 25px;
}

.index-demo20 .button-set.style0 li .btn-icon {
    color: #fff;
    border-color: #5d3d26;
    background-color: #5d3d26;
    border-radius: 20px;
}

.index-demo20 .section-header h2 {
    color: #5d3d26;
    text-transform: none;
}

.index-demo20 .product-labels .lbl {
    text-transform: none;
    padding: 0 7px;
}

.index-demo20 .product-labels .on-sale {
    background: #ff708e;
}

.index-demo20 .grid-categorys .category-item .category-title {
    font-size: 18px;
}

body.index-demo21 {
    background-color: #fafafa;
    line-height: 1.6;
}

.index-demo21 h1,
.index-demo21 .h1,
.index-demo21 h2,
.index-demo21 .h2,
.index-demo21 h3,
.index-demo21 .h3,
.index-demo21 h4,
.index-demo21 .h4,
.index-demo21 h5,
.index-demo21 .h5,
.index-demo21 h6,
.index-demo21 .h6,
.index-demo21 .heading-font {
    font-family: 'Merienda', cursive, Arial, Tahoma, serif !important;
    line-height: 1.3;
    text-transform: none;
}

.index-demo21 .body-font {
    font-family: 'Poppins', Arial, Tahoma !important;
}

.index-demo21 .btn {
    text-transform: none;
}

.index-demo21 .btn-primary {
    color: #fff;
    background-color: #ff6d6d;
    border-color: #ff6d6d;
}

.index-demo21 .btn-primary:hover {
    color: #fff;
    background-color: #ff9494;
    border-color: #ff9494;
}

.index-demo21 .container {
    max-width: 1300px;
}

.index-demo21 .top-info-bar.style1 {
    background-color: #b8d2da;
    color: #fff;
}

.index-demo21 .top-info-bar.style1 .item {
    min-height: 50px;
    font-size: 14px;
    letter-spacing: 1px;
}

.index-demo21 .top-info-bar.style1 .item .btn {
    font-size: 0.92308em;
    letter-spacing: 1px;
}

.index-demo21 .promo-counter.days-time span>span span {
    font-size: 14px;
}

.index-demo21 #siteNav>li>a,
.index-demo21 .iconset {
    color: #666;
}

.index-demo21 #siteNav>li .shop-offers {
    color: #a0c1dc;
}

.index-demo21 #siteNav>li:hover>a,
.index-demo21 #siteNav>li>a:hover:hover,
.index-demo21 #siteNav>li>a:hover {
    color: #fe877b;
}

.index-demo21 #siteNav>li>a:after {
    height: 2px;
    background-color: #fe877b;
}

.index-demo21 #siteNav .megamenu-gridproduct {
    width: 60%;
}

.index-demo21 #siteNav .megamenu-offerBanner {
    width: 40%;
}

.index-demo21 #siteNav>li .megamenu {
    background-color: #fafafa;
    box-shadow: 0 0 2px rgb(0 0 0 / 0.1);
    max-height: inherit;
}

.index-demo21 .offer-detail h4 {
    color: #ff6d6d;
}

.index-demo21 .offer-detail .btn-outline-secondary {
    color: #ff6d6d;
    background-color: #fff;
    border: #ff6d6d solid 2px;
}

.index-demo21 .offer-detail .btn-outline-secondary:hover {
    color: #fff;
    background-color: #ff6d6d;
    border-color: #ff6d6d;
}

.index-demo21 .slideshow--medium {
    height: 530px;
}

.index-demo21 .slideshow .ss-mega-title {
    font-size: 55px;
    margin-bottom: 30px;
}

.index-demo21 .slideshow .ss-sub-title {
    font-size: 20px;
    margin-bottom: 35px;
}

.index-demo21 .slideshow .btn {
    color: #fff;
    background-color: #ff6d6d;
    border-color: #ff6d6d;
}

.index-demo21 .slideshow .btn:hover {
    color: #fff;
    background-color: #ff9494;
    border-color: #ff9494;
}

.index-demo21 .collection-banners .detail-text {
    width: 100%;
    padding: 30px;
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: center;
    flex-direction: column;
    background: #a0c1dc;
    height: 100%;
}

.index-demo21 .collection-banners .detail-text .title {
    color: #fff;
    font-size: 30px;
    margin-bottom: 25px;
}

.index-demo21 .collection-banners .detail-text .btn-outline-light {
    padding: 8px 25px;
    font-size: 15px;
}

.index-demo21 .collection-banners .detail-text .btn-outline-light:hover {
    color: #fff;
    background-color: #fe877b;
    border-color: #fe877b;
}

.index-demo21 .collection-banners .details .title {
    font-size: 30px;
    text-transform: none;
}

.index-demo21 .collection-banners.style8 .text2 .detail-text {
    background: #bae4c5;
}

.index-demo21 .collection-banners.style8 .details.box .inner {
    color: #e90d53;
    background: #fafafa;
    display: inline-block;
    padding: 12px 20px;
}

.index-demo21 .collection-banners.style8 .details.box .title {
    font-size: 22px;
}

.index-demo21 .section-header h2 {
    font-size: 30px;
}

.index-demo21 .grid-categorys .category-item .category-title {
    font-size: 26px;
}

.index-demo21 .collection-slider.background-none .details .collection-item-title {
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
}

.index-demo21 .store-features {
    background-color: #ff6d6d;
}

.index-demo21 .footer-newsletter .btn {
    font-size: 13px;
}

.index-demo21 .footer-newsletter .newsletter-input {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.index-demo22 .container {
    max-width: 1300px;
}

.index-demo22 .top-info-bar.style1 {
    color: #b05d5d;
    background-color: #ffe8e8;
}

.index-demo22 .top-info-bar.style1 .slick-slide {
    color: #000;
    background-color: #eee;
}

.index-demo22 .top-info-bar.style1 .slick-slide+.slick-slide {
    color: #b05d5d;
    background-color: #ffe8e8;
}

.index-demo22 .top-info-bar.style1 .item {
    font-size: 13px;
    letter-spacing: 1px;
    min-height: 40px;
}

.index-demo22 .top-info-bar.style1 .btn-close {
    color: #000;
}

.index-demo22 .promo-counter.days-time {
    color: #ec6262;
}

.index-demo22 .promo-counter.days-time span>span span {
    font-size: 13px;
    color: #ec6262;
}

.index-demo22 .header-wrap {
    background-color: #222;
}

.index-demo22 .menu-outer {
    background-color: #000;
}

.index-demo22 #siteNav>li>a {
    font-size: 13px;
}

.index-demo22 #siteNav>li>a:after {
    height: 2px;
}

.index-demo22 #siteNav>li .megamenu.megamenu-gridproduct {
    max-width: 600px;
    padding: 20px;
}

.index-demo22 #siteNav>li .grid-products .product-review {
    color: #000;
}

.index-demo22 #siteNav>li>a .navLbl {
    top: -10px;
}

.index-demo22 #siteNav>li>a .navLbl.sale {
    color: #fff;
    background-color: #81d2e5;
}

.index-demo22 #siteNav>li>a .navLbl.sale:after {
    border-top-color: #81d2e5;
    border-left-color: #81d2e5;
}

.index-demo22 .iconset .icon {
    font-size: 16px;
    min-width: 16px;
}

.index-demo22 .iconset .text {
    margin-top: 3px;
    padding: 0 4px;
    font-size: 10px;
    line-height: normal;
    white-space: nowrap;
}

.index-demo22 .counter {
    top: -8px;
    right: 2px;
    background-color: #ec6262;
}

.index-demo22 .slideshow--large {
    height: 750px;
}

.index-demo22 .ss-small-title {
    font-size: 14px;
}

.index-demo22 .slideshow .ss-mega-title {
    font-size: 69px;
}

.index-demo22 .slideshow .ss-sub-title {
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 35px;
}

.index-demo22 .slideshow .btn-lg {
    padding: 9px 30px;
    font-size: 17px;
}

.index-demo22 .slideshow .slick-next:before,
.index-demo22 .slideshow .slick-prev:before {
    color: #222;
}

.index-demo22 .slideshow .slick-dots li button {
    border-color: #222;
}

.index-demo22 .slideshow .slick-dots li.slick-active button {
    background-color: #222;
}

.index-demo22 .featured-content.style1 {
    margin-top: -7px;
}

.index-demo22 .featured-content.style1 .f-item:not(.white-bg) .btn {
    background: #000;
    border-color: #000;
    color: #fff;
    font-weight: 400;
    text-transform: none;
}

.index-demo22 .featured-content.style1 .f-item:not(.white-bg) .btn:hover {
    background: #222;
    border-color: #222;
    color: #fff;
}

.index-demo22 .tab-slider-product .tabs>li {
    padding: 7px 20px;
    margin: 0 4px;
}

.index-demo22 .tab-slider-product .tabs>li.active {
    background: #333;
    color: #fff;
}

.index-demo22 .tab-slider-product .button-set li .btn-icon {
    color: #fff;
    background-color: #222;
    border-color: #222;
    border-radius: 4px;
}

.index-demo22 .hero .hero__inner .wrap-text .btn {
    color: #222;
    background-color: #f5f5f5;
    border: none;
    text-transform: none;
    font-size: 15px;
    padding: 8px 30px;
}

.index-demo22 .hero .hero__inner .wrap-text .btn:hover {
    color: #fff;
    background-color: #222;
}

.index-demo22 .hero .hero__inner .wrap-text .col {
    flex: none;
    width: auto;
}

.index-demo22 .hero .hero__inner .wrap-text {
    max-width: 800px;
    padding: 0;
}

.index-demo22 .hero .text-small .mega-title {
    font-size: 30px;
}

.index-demo22 .top-info-bar.promoMsg .item {
    font-size: 15px;
    min-height: 60px;
}

.index-demo22 .collection-banners .details .title {
    font-size: 35px;
}

.index-demo22 .collection-banners .details .subtitle {
    font-size: 18px;
    line-height: 1.3;
}

.index-demo22 .collection-banners .details .btn {
    padding: 8px 25px;
    font-size: 15px;
    text-transform: none;
}

.index-demo22 .collection-banners.style8 .collection-grid-item.banner3 .details .title {
    font-size: 32px;
    line-height: 1.3;
}

.index-demo22 .collection-banners .banner3 .details .subtitle {
    font-size: 14px;
    line-height: 1.7;
}

.index-demo22 .store-features .store-info .icon {
    color: #0f8db3;
}

.index-demo22 .footer-newsletter .btn {
    font-size: 13px;
}

.index-demo22 .footer-newsletter .newsletter-input {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.index-demo23 .top-info-bar.style1 {
    color: #fff;
    background-color: #333;
}

.index-demo23 .top-info-bar.style1 .item {
    min-height: 40px;
    letter-spacing: 1px;
}

.index-demo23 .top-info-bar.style1 .slick-slide {
    color: #fff;
    background-color: #333;
}

.index-demo23 .top-info-bar.style1 .slick-slide+.slick-slide {
    color: #fff;
    background-color: #f18163;
}

.index-demo23 #siteNav>li>a {
    text-transform: none;
    font-size: 14px;
}

.index-demo23 .slideshow--large {
    height: 800px;
}

.index-demo23 .slideshow .ss-small-title {
    color: #333;
    font-size: 15px;
}

.index-demo23 .slideshow .ss-mega-title {
    color: #333;
    font-size: 55px;
    line-height: 1.2;
    margin-bottom: 25px;
}

.index-demo23 .slideshow .ss-sub-title {
    color: #333;
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 35px;
}

.index-demo23 .slideshow .btn-primary {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo23 .slideshow .btn-primary:hover {
    color: #fff;
    background-color: #fe877b;
    border-color: #fe877b;
}

.index-demo23 .slideshow .btn-outline-primary {
    color: #222;
    background-color: #fff0;
    border-color: #222;
}

.index-demo23 .slideshow .btn-outline-primary:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo23 .slideshow .slick-next:before,
.index-demo23 .slideshow .slick-prev:before {
    color: #222;
}

.index-demo23 .slideshow .slick-dots li button {
    border-color: #837d7d;
}

.index-demo23 .slideshow .slick-dots li.slick-active button {
    background-color: #837d7d;
}

.index-demo23 .grid-categorys .category-item .category-title {
    font-size: 18px;
    margin: 0 0 15px;
}

.index-demo23 .button-set-top .wishlist {
    background-color: #fff;
}

.index-demo23 .collection-slider-4items .slick-list {
    margin: 0;
}

.index-demo23 .collection-slider-4items .slick-slide {
    padding: 0;
}

.index-demo23 .store-info .an {
    width: 45px;
    font-size: 35px;
}

.index-demo23 .quotes-slider__text p {
    color: #444;
    line-height: 1.6;
}

.index-demo23 .quote-wraper .product-review {
    color: rgb(235 184 104 / 0.8);
}

.index-demo23 .instagram-slider-style2 .slick-list {
    margin: -5px;
}

.index-demo23 .instagram-slider-style2 .slick-slide {
    padding: 5px;
}

.index-demo23 .hrline {
    border-color: #ddd;
}

.index-demo24 h1,
.index-demo24 .h1,
.index-demo24 h2,
.index-demo24 .h2,
.index-demo24 h3,
.index-demo24 .h3,
.index-demo24 h4,
.index-demo24 .h4,
.index-demo24 h5,
.index-demo24 .h5,
.index-demo24 h6,
.index-demo24 .h6,
.index-demo24 .heading-font {
    font-family: 'Libre Baskerville', Arial, Tahoma;
}

.index-demo24 .body-font {
    font-family: 'Poppins', Arial, Tahoma !important;
}

.index-demo24 .top-info-bar.style1 {
    color: #fff;
    background-color: #333;
}

.index-demo24 .top-info-bar.style1 .item {
    min-height: 40px;
}

.index-demo24 .top-info-bar.style1 .item,
.top-info-bar.style1 .item a {
    letter-spacing: 1px;
}

.index-demo24 .slideshow--large {
    height: 800px;
}

.index-demo24 .slideshow .ss-small-title {
    color: #333;
    font-size: 15px;
}

.index-demo24 .slideshow .ss-mega-title {
    color: #333;
    font-size: 55px;
    margin-bottom: 20px;
}

.index-demo24 .slideshow .ss-sub-title {
    color: #333;
    font-size: 15px;
    margin-bottom: 25px;
}

.index-demo24 .slideshow .btn-outline-primary {
    color: #222;
    background-color: #fff0;
    border-color: #222;
}

.index-demo24 .slideshow .btn-outline-primary:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo24 .slideshow .slick-next:before,
.index-demo24 .slideshow .slick-prev:before {
    color: #222;
}

.index-demo24 .slideshow .slick-dots li button {
    border-color: #222;
}

.index-demo24 .slideshow .slick-dots li.slick-active button {
    background-color: #222;
}

.index-demo24 .slide-video .slideshow-overlay:before {
    background-color: #000;
    opacity: 0.2;
}

.index-demo24 .collection-banners .details .btn {
    padding: 11px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    background: #fff;
    border-color: #fff;
}

.index-demo24 .collection-banners .details .btn:hover {
    color: #fff;
    background: #222;
    border-color: #222;
}

.index-demo24 .grid-products .button-set li .btn-icon {
    background-color: #fff;
    color: #222;
}

.index-demo24 .collection-banners.style8 .details .title {
    color: #fff;
    font-size: 40px !important;
    text-transform: none;
}

.index-demo24 .collection-banners.style8 .details .subtitle {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    margin-top: 15px;
}

.index-demo24 .collection-banners.style8 .collection-grid-item .details {
    padding: 30px;
}

.index-demo24 .collection-banners.style8 .collection-grid-item .btn--link {
    font-size: 13px;
    margin-top: 20px;
    text-align: center;
}

.index-demo24 .collection-banners.style8 .details.top-left {
    top: 20px !important;
    left: 20px;
}

.index-demo24 .testimonial-slider.style1 {
    background: #f5f5f5;
}

.index-demo24 .quotes-slider-1item .quotes-slider__text {
    font-size: 14px;
}

.index-demo24 .quotes-slider-1item .authour,
.index-demo24 .quotes-slider__text .cmp-name {
    font-size: 13px;
}

.index-demo24 .instagram-slider-style2 .slick-list {
    margin: -5px;
}

.index-demo24 .instagram-slider-style2 .slick-slide {
    padding: 5px;
}

.index-demo24 .newsletterbg {
    background-color: #f0f0f0;
}

.index-demo24 .footer-newsletter .newsletter-input {
    border-color: #ddd;
}

body.index-demo25 {
    font-family: 'Lato', Arial, Tahoma !important;
}

.index-demo25 h1,
.index-demo25 .h1,
.index-demo25 h2,
.index-demo25 .h2,
.index-demo25 h3,
.index-demo25 .h3,
.index-demo25 h4,
.index-demo25 .h4,
.index-demo25 h5,
.index-demo25 .h5,
.index-demo25 h6,
.index-demo25 .h6,
.index-demo25 .heading-font {
    font-family: 'Lato', Arial, Tahoma;
}

.index-demo25 .body-font {
    font-family: 'Poppins', Arial, Tahoma !important;
}

.index-demo25 .heading-font {
    font-family: 'Lato', Arial, Tahoma !important;
}

.index-demo25 .marquee-text .top-info-bar {
    font-size: 11px;
}

.index-demo25 .container {
    max-width: 1300px;
}

.index-demo25 .slideshow--large {
    height: 850px;
}

.index-demo25 .slideshow-content-in {
    background-color: #fff;
    padding: 50px;
}

.index-demo25 .slideshow .bottom-middle .slideshow-content-in {
    bottom: 75px;
}

.index-demo25 .slideshow .ss-mega-title {
    font-size: 31px;
    font-weight: 700;
    margin: 0 0 14px;
}

.index-demo25 .slideshow .ss-sub-title {
    font-size: 15px;
    margin-bottom: 24px;
    letter-spacing: 0.02em;
}

.index-demo25 .slideshow .btn {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo25 .slideshow .btn:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.index-demo25 .collection-banners.style7 .collection-grid-item .details {
    bottom: 40px !important;
}

.index-demo25 .collection-banners.style7 .details .btn {
    color: #222;
    background-color: #f5f5f5;
    padding: 12px 30px;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 1;
    letter-spacing: 0.02em;
}

.index-demo25 .collection-banners.style7 .details .btn:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo25 .grid-products .item .product-vendor {
    font-size: 11px;
}

.index-demo25 .grid-products .item .swatches li.medium {
    height: 22px;
    width: 22px;
}

.index-demo25 .button-set li .btn-icon {
    height: 35px;
    width: 35px;
    line-height: 35px;
}

.index-demo25 .button-set li .btn-icon .icon {
    font-size: 15px;
}

.index-demo25 .hero--large {
    height: 700px;
}

.index-demo25 .hero .text-small .mega-subtitle {
    font-size: 14px;
}

.index-demo25 .hero .text-small .mega-title {
    font-size: 22px;
    margin-bottom: 20px;
}

.index-demo25 .hero .hero__inner .details {
    font-size: 14px;
    line-height: 1.5;
}

.index-demo25 .section.store-features {
    padding-top: 5%;
    padding-bottom: 5%;
}

.index-demo25 .store-info .detail h4 {
    font-size: 18px;
    font-weight: 600;
}

.index-demo25 .quote-wraper .product-review {
    color: rgb(235 184 104 / 0.8);
}

.index-demo25 .quote-wraper .quotes-slide {
    box-shadow: 0 0 5px rgb(0 0 0 / 0.05);
}

.index-demo25 .quote-wraper .product-review .an {
    font-size: 14px;
}

.index-demo25 .top-info-bar .item {
    color: #fafafa;
    background-color: #222;
}

.index-demo25 .top-info-bar .item a {
    font-size: 20px;
    letter-spacing: 1px;
}

.index-demo25 .top-info-bar .item .btn-small {
    font-size: 15px;
    text-transform: none;
}

.index-demo25 .top-info-bar .item .btn-small:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

body.index-demo26 {
    font-family: 'Lato', Arial, Tahoma !important;
}

.index-demo26 h1,
.index-demo26 .h1,
.index-demo26 h2,
.index-demo26 .h2,
.index-demo26 h3,
.index-demo26 .h3,
.index-demo26 h4,
.index-demo26 .h4,
.index-demo26 h5,
.index-demo26 .h5,
.index-demo26 h6,
.index-demo26 .h6,
.index-demo26 .heading-font {
    font-family: 'Lato', Arial, Tahoma;
}

.index-demo26 .body-font {
    font-family: 'Poppins', Arial, Tahoma !important;
}

.index-demo26 .heading-font {
    font-family: 'Lato', Arial, Tahoma !important;
}

.index-demo26 .btn-primary {
    color: #fff;
    background-color: #196388;
    border-color: #196388;
}

.index-demo26 .btn-primary:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.index-demo26 .top-info-bar.style1 {
    color: #fff;
    background-color: #196388;
}

.index-demo26 .top-info-bar.style1 .item {
    min-height: 40px;
}

.index-demo26 .top-info-bar.style1 .item,
.index-demo26 .top-info-bar.style1 .item a {
    font-size: 14px;
    letter-spacing: 1px;
}

.index-demo26 .container {
    max-width: 1400px;
}

.index-demo26 .slideshow--medium {
    height: 500px;
}

.index-demo26 .slideshow .ss-small-title {
    color: #196388;
    font-size: 12px;
}

.index-demo26 .slideshow .ss-mega-title {
    font-size: 40px;
    margin-bottom: 14px;
}

.index-demo26 .slideshow .ss-sub-title {
    font-size: 16px;
    margin-bottom: 24px;
}

.index-demo26 .slideshow .btn {
    color: #fff;
    background-color: #196388;
    border-color: #196388;
}

.index-demo26 .slideshow .btn:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.index-demo26 .slideshow .slide2 .wrap-caption {
    background-color: #fff;
    padding: 50px;
}

.index-demo26 .slideshow .slide2 .ss-small-title {
    color: #000;
    font-size: 13px;
}

.index-demo26 .slideshow .slide2 .ss-sub-title {
    font-size: 18px;
}

.index-demo26 .slideshow .slick-dots li button {
    border-color: #196388;
}

.index-demo26 .slideshow .slick-dots li.slick-active button {
    background-color: #196388;
}

.index-demo26 .slideshow .slick-arrow:before {
    color: #333;
}

.index-demo26 .grid-products .item-box {
    border: #eee solid 1px;
}

.index-demo26 .grid-products .item .product-image {
    margin: 0 auto;
}

.index-demo26 .grid-products .item .product-vendor {
    font-size: 11px;
}

.index-demo26 .grid-products .product-details {
    padding: 15px 10px 10px;
}

.index-demo26 .button-set li .btn-icon {
    height: 35px;
    width: 35px;
    line-height: 35px;
}

.index-demo26 .button-set li .btn-icon .icon {
    font-size: 15px;
}

.index-demo26 .collection-banners.style7 .collection-grid-item .details {
    bottom: 40px !important;
}

.index-demo26 .collection-banners.style7 .details .btn {
    color: #222;
    background-color: #f5f5f5;
    padding: 10px 25px;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 1;
    letter-spacing: 0.02em;
}

.index-demo26 .collection-banners.style7 .details .btn:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo26 .hero--large {
    height: 374px;
}

.index-demo26 .hero .hero__inner .wrap-text {
    max-width: 580px;
}

.index-demo26 .hero .text-small .mega-title {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 20px;
}

.index-demo26 .store-info .an {
    width: 40px;
    color: #e99114;
    font-size: 30px;
}

.index-demo26 .quote-wraper .product-review {
    color: rgb(235 184 104 / 0.8);
}

.index-demo26 .quote-wraper .quotes-slide {
    background-color: #fff0;
}

.index-demo26 .quote-wraper .product-review .an {
    font-size: 14px;
}

.index-demo26 .quote-wraper .authour {
    text-transform: none;
}

.index-demo26 .testimonial-slider.style2 .quote-wraper .quotes-slide,
.index-demo26 .quote-wraper h4,
.index-demo26 .quotes-slider__text,
.index-demo26 .quote-wraper .authour,
.index-demo26 .quotes-slider__text .cmp-name {
    color: #444;
}

.news-bnr-text .footer-newsletter .h4 {
    font-size: 25px;
}

.news-bnr-text .footer-newsletter .newsletter-input {
    border-color: #ddd;
}

.news-bnr-text .footer-newsletter .btn {
    font-size: 13px;
    font-weight: 400;
}

.news-bnr-text .row_text {
    font-size: 13px;
}

.news-bnr-text .footer-newsletter .input-group {
    max-width: 500px;
    margin: 35px auto 0;
}

body.index-demo27 {
    font-family: 'Poppins', Arial, Tahoma !important;
}

.index-demo27 h1,
.index-demo27 .h1,
.index-demo27 h2,
.index-demo27 .h2,
.index-demo27 h3,
.index-demo27 .h3,
.index-demo27 h4,
.index-demo27 .h4,
.index-demo27 h5,
.index-demo27 .h5,
.index-demo27 h6,
.index-demo27 .h6,
.index-demo27 .heading-font {
    font-family: 'Philosopher', Arial, Tahoma;
}

.index-demo27 .body-font {
    font-family: 'Poppins', Arial, Tahoma !important;
}

.index-demo27 .heading-font {
    font-family: 'Philosopher', Arial, Tahoma !important;
}

.index-demo27 .btn-primary {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo27 .btn-primary:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.index-demo27 .top-info-bar.style1 {
    color: #171717;
    background-color: #f9f3f2;
}

.index-demo27 .top-info-bar.style1 .item {
    min-height: 35px;
}

.index-demo27 .top-info-bar.style1 .item,
.index-demo27 .top-info-bar.style1 .item a,
.index-demo27 .top-info-bar.style1 .btn-close {
    color: #171717;
    font-size: 13px;
    letter-spacing: 1px;
}

.index-demo27 .top-info-bar {
    z-index: 1;
}

.index-demo27 .top-info-bar .item a {
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.index-demo27 .container {
    max-width: 1300px;
}

.index-demo27 .slideshow .ss-mega-title {
    font-size: 45px;
    font-weight: 700;
    letter-spacing: 0.09em;
}

.index-demo27 .slideshow .ss-sub-title {
    font-size: 16px;
}

.index-demo27 .slideshow .btn {
    color: #222;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.index-demo27 .slideshow .btn:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo27 .slideshow .ss-btnWrap {
    margin-top: 25px;
}

.index-demo27 .slideshow-overlay:before {
    background-color: #090a0a;
    opacity: 0.1;
}

.index-demo27 .featured-content.style1 {
    margin-top: -7px;
}

.index-demo27 .featured-content.style1 .f-text {
    color: #000;
    padding: 30px 40px;
}

.index-demo27 .featured-content.style1 .f-text h2 {
    font-size: 35px;
    font-weight: 600;
}

.index-demo27 .featured-content.style1 .f-text .rte-setting {
    font-size: 14px;
}

.index-demo27 .featured-content.style1 .light-oldlace-bg {
    background-color: #f8efe8;
}

.index-demo27 .featured-content.style1 .f-item:not(.white-bg) .btn {
    background-color: #000;
    color: #fff;
    border-color: #000;
    font-weight: 400;
    text-transform: capitalize;
}

.index-demo27 .featured-content.style1 .f-item:not(.white-bg) .btn:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.index-demo27 .button-set.style0 li .btn-icon {
    color: #fff;
    background-color: #222;
    border-color: #222;
    border-radius: 4px;
}

.index-demo27 .testimonial-slider.style1 {
    background-color: #f5f5f5;
    background-image: url(../images/parallax/demo27-testimonial-banner.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.index-demo27 .quote-wraper .quotes-slide {
    padding: 0;
}

.index-demo27 .quote-wraper .quotes-slider__text {
    background: #fff;
    padding: 30px;
    max-width: 578px;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 14px;
    color: #050505;
}

.index-demo27 .quote-wraper .product-review {
    color: rgb(34 34 34 / 0.8);
}

.index-demo27 .quote-wraper .authour {
    font-size: 13px;
    font-weight: 700;
    color: #050505;
}

.index-demo27 .quote-wraper .quotes-slider__text .cmp-name {
    font-size: 13px;
    margin: 5px 0 0;
}

.index-demo27 .quote-wraper .slick-dots {
    margin-top: 25px;
}

.index-demo27 .quote-wraper .slick-arrow:before {
    color: #eee;
}

.index-demo27 .quote-wraper .slick-dots li button {
    background-color: #eee;
}

.index-demo27 .about-bnr-text .row_text .row-text .h1 {
    font-size: 35px;
}

.index-demo27 .collection-banners.style8 .details.center-bottom {
    bottom: 0 !important;
    padding: 30px 40px 40px;
}

.index-demo27 .collection-banners .details .title {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
}

.index-demo27 .collection-banners .details .btn {
    padding: 8px 25px;
    font-size: 15px;
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.index-demo27 .collection-banners .details .btn:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.index-demo27 .productSlider-style1.slick-slider .slick-list {
    margin: 0 -10px;
}

.index-demo27 .productSlider-style1.slick-slider .slick-slide {
    margin: 0 10px;
}

.index-demo27 .section.store-features {
    background-color: #fcfaf6;
    padding-top: 4%;
    padding-bottom: 4%;
}

.index-demo27 .store-features .store-info .an {
    background: #111;
    width: 63px;
    height: 63px;
    line-height: 60px;
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
}

.index-demo27 .store-features .store-info .store-info-inner:hover .an {
    opacity: 0.8;
}

.index-demo27 .store-features .store-info h4 {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px;
}

.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: 17%;
    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;
    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(0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.8;
    color: #fff;
    position: absolute;
    box-shadow: 0 0 0 0 rgb(255 255 255 / 0.7);
    animation: video-button 1.25s cubic-bezier(0.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 / 0.7);
    padding: 40px;
}

.parallax-banner-style4 .hero .hero__inner .wrap-text {
    position: relative;
    padding: 40px;
    background-color: rgb(255 255 255 / 0.9);
    max-width: 395px;
}

.parallax-banner-style4 .hero .text-small .mega-subtitle {
    color: #444;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.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: 0.08em;
}

.parallax-banner-style5 .hero .mega-title {
    font-size: 47px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.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: -0.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: 0.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 / 0.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 / 0.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: 0.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 / 0.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 / 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: 0.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 / 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 / 0.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 .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: 0.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: 0.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: 0.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 / 0.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 / 0.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 / 0.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: 0.7;
    display: block;
    margin-top: 7px;
}

.grid-categorys .category-item .details {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 15px;
    width: 100%;
    transition: all 0.3s ease-out;
}

.grid-categorys .style1 .category-grid-item .details {
    background: rgb(0 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 / 0.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 / 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 / 0.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: 0.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;
}

.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: 0.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 / 0.5) solid 3px;
    border-top-color: rgb(100 100 100 / 0.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: 0.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: 0.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: 0.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(0.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: 0.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(0.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: 0.8;
}

.grid-products .item .product-price {
    margin: 5px 0;
    color: #000;
    font-weight: 400;
}

.product-price .old-price {
    color: #555;
    font-size: 12px;
    opacity: 0.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 / 0.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 / 0.3);
    position: fixed;
    z-index: 1050;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loadingBox .an {
    font-size: 40px;
    opacity: 0.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 / 0.6);
    transition: all 0.45s cubic-bezier(0.29, 0.63, 0.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: 0.5;
}

.model-thumbnail-img .carousel-arrow {
    color: #333;
    font-size: 18px;
    background-color: rgb(255 255 255 / 0.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: 0.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: 0.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: 0.5;
}

.product-details-img .product-thumb .slick-arrow {
    top: auto;
    background-color: rgb(255 255 255 / 0.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: 0.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: 0.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: 0.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: 0.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 / 0.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: 0.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;
}

.rte {
    margin-bottom: 20px;
}

.rte li {
    margin-bottom: 4px;
    list-style: inherit;
}

.rte h1,
.rte .h1,
.rte h2,
.rte .h2,
.rte h3,
.rte .h3,
.rte h4,
.rte .h4,
.rte h5,
.rte .h5,
.rte h6,
.rte .h6 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.rte h1:first-child,
.rte .h1:first-child,
.rte h2:first-child,
.rte .h2:first-child,
.rte h3:first-child,
.rte .h3:first-child,
.rte h4:first-child,
.rte .h4:first-child,
.rte h5:first-child,
.rte .h5:first-child,
.rte h6:first-child,
.rte .h6:first-child {
    margin-top: 0;
}

.rte:last-child {
    margin-bottom: 0;
}

.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 / 0.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: 0.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: 0.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 / 0.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: 0.4;
    position: fixed;
    top: 45%;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 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 / 0.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: 0.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 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: 0.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: 0.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 / 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 / 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 / 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 / 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: 0.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 / 0.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 / 0.5);
    box-shadow: 0 0 4px rgb(0 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 / 0.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: 0.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 / 0.05);
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

.about-review .quote-wraper .quotes-slide:hover {
    background: rgb(17 17 17 / 0.7);
}

.about-review .quote-wraper blockquote {
    font-size: 16px;
    color: #fff;
}

.about-review .quote-wraper .product-review {
    color: rgb(248 212 6 / 0.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: 0.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 / 0.09);
    border-radius: 8px;
    padding: 1rem;
}

.dashboard-content .profile-img .lbl {
    margin-left: auto;
    text-align: right;
    letter-spacing: 0.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 / 0.09);
    border-radius: 8px;
    padding: 1rem;
    flex: 1;
    margin: 0 0.4rem 0.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 / 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 / 0.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 / 0.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 / 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(0.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 / 0.77);
}

.grid-lookbook.style2 .lookbook .lookbook-caption a {
    color: #fff;
}

.grid-lookbook.style3 .lookbook .lookbook-caption {
    background: rgb(253 253 253 / 0.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 / 0.88);
}

.lookbook5 .grid-lookbook .insta-share {
    transition: transform 0.2s ease-out, opacify 0.2s ease-out;
    background: rgb(0 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 / 0.9);
}

.lookbook5 .grid-lookbook .insta-shop {
    position: absolute;
    background-color: rgb(0 0 0 / 0.3);
    color: #fff;
    padding: 8px;
    border-radius: 50%;
    font-size: 12px;
    box-shadow: 0 0 2px 0 rgb(255 255 255 / 0.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 / 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 / 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 / 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 / 0.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 / 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: 0.85px;
    stroke-dasharray: 60px 300px;
    stroke-dashoffset: -166px;
    fill: rgb(0 0 0 / 0.5);
    transition: stroke-dashoffset 2s 0.5s ease, fill 1.5s 1.0s ease;
}

.login-wrapper .user-registered .check.checked path {
    stroke-dashoffset: 33px;
    fill: rgb(0 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: 0.85px;
    stroke-dasharray: 60px 300px;
    stroke-dashoffset: -166px;
    fill: rgb(0 0 0 / 0.5);
    transition: stroke-dashoffset 2s 0.5s ease, fill 1.5s 1.0s ease;
}

.login-wrapper .use-forgoted .check.checked path {
    stroke-dashoffset: 33px;
    fill: rgb(0 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 / 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.socialbottom .btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgb(0 0 0 / 0.2);
}

.socialbottom .btn-twitter:hover {
    color: #fff;
    background-color: #2795e9;
    border-color: rgb(0 0 0 / 0.2);
}

.socialbottom .btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgb(0 0 0 / 0.2);
}

.socialbottom .btn-facebook:hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgb(0 0 0 / 0.2);
}

.socialbottom .btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgb(0 0 0 / 0.2);
}

.socialbottom .btn-google:hover {
    color: #fff;
    background-color: #c23321;
    border-color: rgb(0 0 0 / 0.2);
}

.form-slider {
    border-radius: 4px;
    box-shadow: 0 0 10px rgb(0 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 / 0.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 / 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(0.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: 0.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: 0.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(0.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(0.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 {
    color: #fff;
    background: #fff;
    line-height: 35px;
    cursor: pointer;
    font-size: 13px;
    width: 40px;
    height: 40px;
    line-height: 44px;
    right: 30px;
    position: fixed;
    border-radius: 50px;
    text-align: center;
    transition: all 0.3s 0s ease;
    bottom: 70px;
    z-index: 444;
    display: none;
    box-shadow: 0 0 1px #ddd;
}

#site-scroll:hover {
    color: #fff;
    background: #8dc1e6;
}

#site-scroll.textbase {
    width: auto;
    height: auto;
    line-height: normal;
    position: fixed;
    right: 10px;
    transform: rotate(270deg);
    font-size: 10px;
    bottom: 120px;
    background: transparent !important;
    box-shadow: none;
    padding: 0;
    color: #000 !important;
}

#site-scroll.textbase:hover {
    opacity: 0.8;
}

.template-index .footer {
    margin-top: 0;
}

.footer {
    margin-top: 50px;
}

.footer .footer-top {
    color: #222;
    background-color: #f5f5f5;
    border-top: 1px solid #fff;
    padding-top: 45px;
    padding-bottom: 45px;
}

.footer .about-col img {
    max-width: 150px;
}

.footer .footer-top .h4 {
    color: #202020;
    font-size: 14px;
    letter-spacing: 0.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 {
    background-color: #111;
}

.footer-2 .footer-top {
    color: #fff;
    background: #03787C;
}

.footer-2 .footer-top .h4 {
    color: #fff;
    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 .email span {
    color: #fff;
    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: #fff;
    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: #000;
}

.footer-2 .footer-links a:hover,
.footer-2 .social-icons li a:hover {
    opacity: 0.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: 0.7;
}

.footer-2 .footer-newsletter .btn {
    font-size: 13px;
    height: 40px;
}

.footer-2 .footer-about img {
    max-width: 180px;
}

.footer-3 .footer-top {
    background-color: #fff;
    color: #000;
}

.footer-3 .footer-top .h4 {
    font-size: 13px;
    text-transform: none;
}

.footer-3 .footer-bottom {
    color: #fff;
    background: #fd6d61;
    border-top: none;
}

.footer-4 .footer-top {
    background-color: #e7f0f9;
}

.footer-4 .footer-top .h4 {
    font-size: 13px;
}

.footer-4 .footer-bottom {
    color: #e7f0f9;
    background-color: #5aa2de;
    border-top: none;
}

.footer-4 .footer-bottom .payment-icons {
    color: #e7f0f9;
}

.footer-5 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-color: #d6f1f4;
    font-size: 14px;
}

.index-demo5 .footer-5 {
    background-image: url(../images/demo5-footerbg.jpg);
}

.footer-5 .footer-newsletter {
    max-width: 550px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.footer-5 .footer-top .h4 {
    font-size: 16px;
}

.footer-6 .footer-top {
    background-color: #111;
    color: #cecece;
    font-size: 12px;
}

.footer-6 .footer-newsletter {
    max-width: 550px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.footer-6 .footer-newsletter .btn {
    font-size: 13px;
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.footer-6 .footer-newsletter .btn:hover {
    color: #fff;
    background-color: #f49087;
    border-color: #f49087;
}

.footer-6 .footer-top .list-inline-item a {
    color: #cecece;
}

.footer-6 .footer-top .list-inline-item a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.footer-7 .footer-top {
    font-size: 13px;
    color: #111;
    background-color: #f5f5f5;
    border-color: #eee;
}

.footer-7 .footer-bottom {
    background: #000;
    color: #eee;
    border-color: #000;
    text-transform: uppercase;
}

.footer-8 {
    background-color: #faf3f0;
}

.footer-8 .footer-top .h4 {
    font-size: 16px;
}

.newsletterbg {
    background-position: center;
    background-color: #ea895f;
    padding: 20px 0;
}

.newsletterbg .footer-newsletter .btn {
    font-size: 13px;
}

.footer-9 .footer-top,
.footer-9 .footer-bottom {
    color: #fff;
    background-color: #377384;
    border-color: #377384;
}

.footer-9 .footer-top .h4,
.footer-9 .footer-links a {
    color: #fff;
}

.footer-9 .footer-links a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.footer-9 .footer-links a:before {
    background-color: #fff;
}

.footer-9 .social-icons li a {
    color: #fff;
}

.footer-9 .social-icons li a:hover {
    opacity: 0.7;
}

.footer-9 .footer-newsletter .btn {
    font-size: 13px;
    color: #fff;
    background-color: #03242d;
    border-color: #03242d;
}

.footer-9 .footer-newsletter .btn:hover {
    color: #fff;
    background-color: #0c3f4c;
    border-color: #0c3f4c;
}

.footer-10 .footer-top {
    padding-top: 35px;
    padding-bottom: 35px;
}

.footer-11 .footer-top,
.footer-11 .footer-bottom {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.footer-11 .footer-top .h4,
.footer-11 .footer-links a,
.footer-11 .social-icons-col a {
    color: #fff;
}

.footer-11 .footer-links a:hover,
.footer-11 .social-icons-col a:hover span {
    opacity: 0.7;
    text-decoration: underline;
}

.footer-11 .footer-links a:before {
    background-color: #fff;
}

.footer-11 .footer-newsletter .btn {
    color: #111;
    background-color: #d7d7d7;
    border-color: #d7d7d7;
}

.footer-11 .footer-newsletter .btn:hover {
    color: #111;
    background-color: #c8c8c8;
    border-color: #c8c8c8;
}

@media only screen and (min-width: 992px) {
    .footer-11 .footer-top .col-lg-2 {
        width: 20%;
    }

    .footer-11 .footer-top .col-lg-6 {
        width: 40%;
    }
}

.footer-12 .footer-about h2 {
    color: #ffb700;
}

.footer-12 .footer-top,
.footer-12 .footer-bottom {
    color: #cbd4dc;
    background-color: #1e2832;
    border-color: #3b4045;
}

.footer-12 .footer-links a {
    color: #cbd4dc;
}

.footer-12 .footer-links a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.footer-12 .footer-links a:before {
    background-color: #cbd4dc;
}

.footer-12 .social-icons li a {
    color: #ffb700;
}

.footer-12 .social-icons li a:hover {
    opacity: 0.7;
}

.footer-13 .footer-newsletter .newsletter-input {
    background: #f5f5f5;
    border-color: #f5f5f5;
}

.footer-17 .social-icons-col i {
    width: 22px;
    text-align: left;
}

.footer-25 .footer-links a {
    color: #222;
}

.footer-25 .footer-links a:hover {
    opacity: 0.7;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.footer-25 .footer-newsletter .newsletter-input {
    color: #000;
    background: #f5f5f5;
    border-color: #f5f5f5;
}

.footer-25 .footer-newsletter .btn {
    font-size: 13px;
    font-weight: 400;
}

.footer-26 .footer-top,
.footer-26 .footer-bottom {
    color: #fff;
    background-color: #196388;
    border-color: #196388;
}

.footer-26 .footer-top .h4,
.footer-26 .footer-links a,
.footer-26 .social-icons-col a {
    color: #fff;
}

.footer-26 .footer-links a:hover,
.footer-26 .social-icons-col a:hover span {
    opacity: 0.7;
    text-decoration: underline;
}

.footer-26 .footer-links a:before {
    background-color: #fff;
}

.footer-26 .social-icons-col i {
    width: 22px;
    text-align: left;
}

.footer-27 {
    color: #fff;
    background-color: #333;
}

.footer-27 .footer-top,
.footer-27 .footer-top .h4,
.footer-27 .footer-links a,
.footer-27 .social-icons-col li a {
    color: #fff;
}

.footer-27 .footer-newsletter {
    color: #fff;
    font-size: 13px;
    text-transform: none;
    max-width: 550px;
    margin: 0 auto 60px;
    padding: 0;
}

.footer-27 .footer-newsletter .h4 {
    color: #fff;
    font-size: 14px;
}

.footer-27 .footer-newsletter .btn {
    color: #fff;
    background-color: #987973;
    border-color: #987973;
}

.footer-27 .footer-newsletter .btn:hover {
    color: #fff;
    background-color: #aa7f77;
    border-color: #aa7f77;
}

.footer-27 .footer-links a:before {
    background-color: #fff;
}

.footer-27 .footer-links a:hover,
.footer-27 .social-icons-col a:hover span {
    opacity: 0.7;
    text-decoration: underline;
}

.footer-27 .social-icons-col i {
    width: 22px;
    text-align: left;
}

.footer-27 .footer-bottom {
    border-top: 1px dotted #515151;
}

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

.dashboard-links .list-group-item {
    background-color: #fbfbfb;
    padding: 10px 20px;
    font-size: 14px;
}

.dashboard-links .list-group-item.active {
    background-color: #fe877b;
    color: #fff;
    border-color: #fe877b;
}

.dashboard-links .list-group-item:not(.active):hover {
    background-color: #eaeaea;
    color: #222;
}

.dashboard-card .icontext .icon {
    font-size: 24px;
    color: #e6532f;
    width: 45px;
    height: 45px;
    position: relative;
    background-color: #ffebe6;
    text-align: center;
}

.dashboard-card .icontext .text {
    font-size: 20px;
    font-weight: 700;
    display: block;
    color: #fff;
}

.dashboard-card .icontext .text-sm {
    font-size: 11px;
    font-weight: 400;
    color: #fbfbfb;
}

.dashboard-card .card:after {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    right: -15px;
    top: -50px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.3;
}

.dashboard-card .card:before {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    right: -50px;
    top: -30px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.3;
}

.dashboard-card .bg-pink {
    background-image: linear-gradient(145deg, #fdb8c3, #fe877b);
    overflow: hidden;
}

.dashboard-card .bg-green {
    background-image: linear-gradient(145deg, #d1afa3 0%, #b6966f 100%);
    overflow: hidden;
}

.dashboard-card .bg-orange {
    background-image: linear-gradient(145deg, #f9c899, #f79165);
    overflow: hidden;
}

.dashboard-profile .bg-blue {
    background-image: linear-gradient(145deg, #fe8c82 0%, #fe9a97 100%);
    padding-bottom: 275px;
    overflow: hidden;
}

.dashboard-profile .bg-blue:after {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    left: -50px;
    top: -30px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.3;
}

.dashboard-profile .bg-blue:before {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    right: -50px;
    top: -30px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.3;
}

.dashboard-profile .img-thumbnail:after {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    left: -50px;
    bottom: -80px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.3;
}

.dashboard-profile .img-thumbnail:before {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    right: -50px;
    bottom: -80px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.3;
}

.form-color-box input {
    width: 40px;
    height: 30px;
}

.tox .tox-dialog__body-nav {
    display: none !important;
}

.tox .tox-notifications-container {
    display: none !important;
}

.tox.tox-tinymce {
    border-radius: 6px;
    border-color: #d7d7d7;
}

.bootstrap-tagsinput {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    min-height: 42px;
    padding: 4px 10px;
    width: 100%;
    font-size: 13px;
    letter-spacing: 0.02em;
    box-shadow: none;
    border-radius: 6px;
    border: #d7d7d7 solid 1px;
    transition: all 0.4s 0s ease-out;
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: #fff0;
    padding: 0 6px;
    margin: 0;
    width: auto;
    height: auto;
    max-width: inherit;
}

.bootstrap-tagsinput .tag {
    padding: 4px 8px;
    margin: 0 3px 3px 0;
    color: #fff;
    background: #222;
    border-radius: 4px;
    font-size: 12px;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0 2px;
}

#site-scroll {
    border-radius: 3px;
    background-color: #5aa2de;
}

#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;
}

.founding-values {
    position: relative;
    padding: 4% 0;
    background: #f8f9fa;
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .founding-values .mb-sm-4 {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 575px) {
    .founding-values .mb-sm-4 {
        padding-bottom: 38px;
    }
}

.founding-values .value-box {
    position: relative;
    width: 100%;
    height: 100%;
    border: #eee solid 1px;
    padding: 16px;
    transition: all 0.2s ease-in;
}

.founding-values .value-box:hover {
    border: #265f89 solid 1px;
}

.founding-values .value-box h3 {
    font-size: 0.8rem;
    margin-top: 40px;
}

.founding-values .value-box p {
    font-size: 0.7rem;
}

.founding-values .value-box .icon-box {
    position: absolute;
    width: 70px;
    height: 70px;
    border: #eee solid 1px;
    padding: 10px;
    top: -30px;
    background: #fff;
}

.founding-values .value-box:hover .icon-box {
    background: #265f89;
}

.founding-values .value-box:hover .icon-box .v-img-1 {
    display: none;
}

.founding-values .value-box .icon-box .v-img-2 {
    display: none;
}

.founding-values .value-box:hover .icon-box .v-img-2 {
    display: block;
}

.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 / 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: 0.4px;
    font-size: 1.2rem;
}

.our-box .our-detail h6 {
    font-size: 0.9rem;
}

.our-box .our-detail p {
    font-size: 0.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: 0.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 / 0.2) solid 1px;
    border-radius: 6px;
    box-shadow: 0 3px 9px rgb(0 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: 0.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 / 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 / 0.5);
    }
}

.home-shop-cat-wrap .category-flex .cat-name-1,
.home-shop-cat-wrap .category-flex .cat-name-2 {
    font-size: 26px;
    font-weight: 500;
    font-family: Jost, sans-serif;
    text-transform: capitalize;
    position: absolute;
    top: 40px;
    color: #fff;
}

.home-shop-cat-wrap {
    display: block;
}

.home-shop-cat-wrap .category-flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
}

.home-shop-cat-wrap .category-flex .block-1,
.home-shop-cat-wrap .category-flex .block-2 .block-4 .block-5 {
    width: 50%;
    padding-right: 10px;
}

.home-shop-cat-wrap .category-flex a {
    position: relative;
    display: block;
    overflow: hidden;
}

.home-shop-cat-wrap .category-flex a img {
    transition: 0.5s;
}

.home-shop-cat-wrap .category-flex a img:hover {
    transform: scale(1.2);
}

.home-shop-cat-wrap .category-flex .cat-name-1 {
    right: 30px;
}

.home-shop-cat-wrap .category-flex .cat-name-2 {
    left: 30px;
}

.home-shop-cat-wrap .category-flex .block-2 {
    width: 50%;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
}

.home-shop-cat-wrap .category-flex .block-2 .block-3 {
    width: 100%;
    height: 50%;
    overflow: hidden;
    display: flex;
    padding-bottom: 10px;
}

.home-shop-cat-wrap .category-flex .block-2 .block-4 {
    display: flex;
    padding-top: 10px;
}

.home-shop-cat-wrap .category-flex .block-2 .block-4 .block-6 {
    width: 50%;
    padding-left: 10px;
}

@media only screen and (max-width: 767px) {
    .hideonmobile {
        display: none !important;
    }

    .home-shop-cat-wrap .category-flex,
    .home-shop-cat-wrap .shop-cart-flex .block-2 .block-4 {
        flex-wrap: wrap;
    }

    .home-shop-cat-wrap .category-flex .block-1,
    .home-shop-cat-wrap .category-flex .block-2,
    .home-shop-cat-wrap .category-flex .block-2 .block-4 .block-5,
    .home-shop-cat-wrap .category-flex .block-2 .block-4 .block-6 {
        width: 100%;
        padding: 10px 0;
        margin: 0;
        clear: both;
    }

    .home-shop-cat-wrap .category-flex .block-2 .block-4 {
        padding-top: 0;
    }
}

.home-mobileshop-cat-wrap {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .home-mobileshop-cat-wrap {
        display: inline-block !important;
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
    }

    .mobileshop-header {
        width: 100%;
        padding: 30px 0 0;
        margin: 0;
        clear: both;
        border: none;
        outline: 0;
        text-decoration: none;
    }

    .main-titel {
        width: 100%;
        text-align: center;
        text-transform: uppercase !important;
        font-weight: 500 !important;
        font-size: 18px !important;
    }

    .home-mobileshop-cat-wrap .home-mobileshop-catagory {
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
        outline: 0;
        text-decoration: none;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .home-mobileshop-cat-wrap .home-mobileshop-catagory .mobileshop-catagory-box {
        width: 47%;
        padding: 10px 0;
        margin: 0;
        border: none;
        outline: 0;
        text-decoration: none;
    }

    .home-mobileshop-cat-wrap a {
        width: 100%;
        text-decoration: none;
        color: inherit;
        font-size: inherit;
        padding: 0;
        margin: 0;
        border: none;
        outline: 0;
    }

    .home-mobileshop-cat-wrap .catimage,
    .home-mobileshop-cat-wrap .mobileshop-catbox,
    .home-mobileshop-cat-wrap .mobileshop-catbox img {
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
        outline: 0;
        text-decoration: none;
    }

    .home-mobileshop-cat-wrap .cat-titel {
        width: 100%;
        padding: 10px 0 0;
        margin: 0;
        border: none;
        outline: 0;
        text-decoration: none;
        font-size: 18px;
        color: #002c46;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

.promise-box {
    text-align: center;
    font-size: 16px;
    color: #060606;
    font-family: Jost, sans-serif;
    text-transform: capitalize;
    font-weight: 500;
    padding: 0 10px;
}

.promise-box img {
    display: block;
    margin: 20px auto;
    height: auto;
    width: 100%;
    max-width: 60px;
}

.best-seller {
    position: relative;
}

@media screen and (min-resolution: 0.001dpcm) {}

.best-seller img {
    border-radius: 10px;
}

.best-seller .best-seller-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    margin: auto;
}

.best-seller-text h3 {
    color: #000;
    font-family: Amethysta, Sans-serif;
    font-size: 34px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    margin: 0;
}

.best-seller-text span {
    color: #000;
    font-size: 16px;
    text-decoration: underline;
    padding: 0;
    text-align: center;
    display: block;
}

.best-seller-product_details .best-seller-product {
    display: block;
    margin-bottom: 10px;
}

.best-seller-product_details .best-seller-product .best-seller-img-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    border: #e5e3e3 solid 1px;
}

.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: 14px;
    line-height: 1.3;
    font-weight: 500;
    color: #060606;
    padding: 0;
    margin: 5px 0 0;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.best-seller-product_details .best-seller-product span {
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
    font-size: 14px;
    color: #7a7a7a;
    text-align: left;
    font-weight: 500;
    font-family: Jost, sans-serif;
    text-transform: capitalize;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.best-seller .d-mob {
    display: none;
}

@media only screen and (max-width: 767px) {
    .best-seller .d-mob {
        display: block;
    }

    .best-seller .d-web {
        display: none;
    }
}

.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: 360px;
}

@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: 0;
}

.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 / 0.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;
}

.offer-wrap .ad-1 h2,
.offer-wrap .ad-1 h6 {
    font-family: Jost, sans-serif;
    text-transform: capitalize;
}

.offer-wrap {
    display: block;
}

.offer-wrap .ad-1 {
    background: #edf6ff;
    border: #9fd1fd dashed 1px;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 60px;
    margin-top: 25px;
}

.offer-wrap .ad-1 h2 {
    font-size: 16px;
    color: #f03e3e;
    font-weight: 500;
    padding: 0;
    margin: 6px 0 0;
    text-align: left;
}

.offer-wrap .ad-1 .shop-now-bt {
    font-size: 13px;
    color: #fff;
    font-family: Jost, sans-serif;
    background: #fa1313;
    padding: 8px 30px;
    float: right;
    border-radius: 50px;
}

.offer-wrap .ad-1 .shop-now-bt:hover,
.offer-wrap .ad-2 .shop-now-bt:hover {
    background: #060606;
}

.offer-wrap .ad-1 h6 {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    float: left;
    margin: 12px 0 0;
}

#seeterms h5,
#seeterms p,
#seetermsj h5,
#seetermsj p,
.offer-wrap .ad-2 h2 {
    color: #060606;
    font-weight: 500;
    font-family: Jost, sans-serif;
}

.offer-wrap .ad-2 {
    background: #edf6ff;
    border: #9fd1fd dashed 1px;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 60px;
    margin-top: 25px;
}

.offer-wrap .ad-2 h2 {
    display: block;
    font-size: 16px;
    text-transform: none;
    padding: 0;
    margin: 6px 0 0;
    text-align: center;
}

.offer-wrap .ad-2 .shop-now-bt {
    font-size: 13px;
    color: #fff;
    font-family: Jost, sans-serif;
    background: #fac213;
    padding: 8px 30px;
    float: left;
    border-radius: 50px;
    margin: 0 auto;
}

.offer-wrap .ad-2 .free-gift h6,
.offer-wrap .ad-2 .free-gift span {
    margin: 0;
    color: #060606;
    font-weight: 500;
    font-family: Jost, sans-serif;
}

.seeterms,
.seetermsj {
    color: #060606;
    font-weight: 400;
    font-family: Jost, sans-serif;
}

#seeterms h5,
#seetermsj h5 {
    font-size: 18px;
}

@media (max-width: 767px) {
    .offer-wrap .ad-1 {
        margin-bottom: 0;
    }

    .offer-wrap .ad-2 {
        margin-bottom: 30px;
    }
}

.education-mainbnr .txt-banner-h1 h2,
.lab-diamond {
    font-weight: 400;
    font-family: Jost, sans-serif;
}

.education-mainbnr img {
    margin: 0 auto;
}

.education-mainbnr .txt-banner-h1 {
    position: absolute;
    max-width: 685px;
    top: 50%;
    transform: translate(0, -50%);
    text-align: left;
}

.education-mainbnr .txt-banner-h1 h2 {
    font-size: 50px;
    line-height: 65px;
    padding-bottom: 15px;
}

.education-mainbnr .txt-banner-h1 p {
    font-family: Jost, sans-serif;
    margin-bottom: 15px;
}

@media screen and (min-resolution: 0.001dpcm) {}

@media (max-width: 1599px) {
    .education-mainbnr .txt-banner-h1 {
        max-width: 620px;
    }

    .education-mainbnr .txt-banner-h1 h2 {
        font-size: 38px;
        line-height: 48px;
    }
}

@media (min-width: 1200px) {
    .education-mainbnr .txt-banner-h1 p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 1199px) {
    .education-mainbnr .txt-banner-h1 {
        max-width: 454px;
    }

    .education-mainbnr .txt-banner-h1 h2 {
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 10px;
    }

    .education-mainbnr .txt-banner-h1 p {
        font-size: 11px;
        line-height: 16px;
    }
}

@media (max-width: 767px) {
    .education-mainbnr img {
        width: auto;
        height: auto;
    }

    .education-mainbnr .txt-banner-h1 {
        position: inherit;
        max-width: initial;
        transform: inherit;
        padding: 40px 30px;
        box-shadow: 0 4px 4px rgb(226 226 226 / 0.25);
        margin: 0 -15px;
        text-align: center;
    }

    .education-mainbnr .txt-banner-h1 h2 {
        line-height: 30px;
        font-size: 26px;
    }

    .education-mainbnr .txt-banner-h1 p {
        font-size: 13px;
        line-height: 18px;
    }
}

.lab-grown {
    position: relative;
}

.lab-grown .grown-content h2 {
    font-family: Jost, sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #000;
    padding-bottom: 10px;
    line-height: 32px;
}

.lab-grown .grown-content p {
    font-family: Jost, sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
}

@media screen and (min-resolution: 0.001dpcm) {}

@media (max-width: 1199px) {
    .lab-grown .grown-content p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 767px) {
    .lab-grown .grown-content h2 {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }

    .lab-grown .grown-content p {
        font-size: 13px;
        line-height: 18px;
        text-align: center;
    }

    .lab-grown .grown-content img {
        width: auto;
        height: auto;
    }
}

.dimaond-mad-section {
    position: relative;
    background: url(../images/labdiamonds/dimond-mad-bg.avif) center center /cover no-repeat;
    padding: 50px 0;
}

.dimaond-mad-space {
    margin-top: 100px !important;
}

.dimaond-mad-inner .dmd-head {
    font-family: Jost, sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #000;
    padding-bottom: 10px;
    line-height: 32px;
}

.dimaond-mad-inner p {
    font-family: Jost, sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    .dimaond-mad-inner p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 1199px) {
    .dimaond-mad-inner p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 1024px) {
    .dimaond-mad-space {
        margin-top: 70px !important;
    }
}

@media (max-width: 767px) {
    .dimaond-mad-section {
        background: url(../images/labdiamonds/dimond-mad-bg-mob.avif) center center /cover no-repeat;
        padding: 150px 0;
    }

    .dimaond-mad-space {
        margin-top: 50px !important;
    }

    .dimaond-mad-inner .dmd-head {
        font-size: 18px;
    }

    .dimaond-mad-inner p {
        font-size: 13px;
        line-height: 18px;
    }

    .dimaond-mad-inner.d-web {
        display: none;
    }

    .dimaond-mad-inner.d-mob {
        display: block !important;
    }
}

.dimaond-mad-inner.d-mob {
    display: none;
}

.diamond-diffrence h3,
.diamond-process h3 {
    font-size: 16px;
    font-style: italic;
    padding-bottom: 10px;
    font-family: Jost, sans-serif;
    font-weight: 400;
}

.diamond-diffrence h2,
.diamond-process h2 {
    font-family: Jost, sans-serif;
    font-weight: 400;
    font-size: 26px;
    color: #000;
    padding-bottom: 10px;
    line-height: 32px;
}

.diamond-diffrence p,
.diamond-process p {
    font-family: Jost, sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
}

@media (min-width: 1200px) {

    .diamond-diffrence p,
    .diamond-process p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 1199px) {

    .diamond-diffrence p,
    .diamond-process p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 767px) {

    .diamond-diffrence h2,
    .diamond-process h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .diamond-diffrence p,
    .diamond-process p {
        font-size: 13px;
        line-height: 18px;
        text-align: center;
    }
}

.green-block-sp2 h3,
.green-block-sp2 h4 {
    font-weight: 400;
    color: #000;
    padding-bottom: 10px;
    line-height: 32px;
    font-family: Jost, sans-serif;
}

.green-block-sp2 {
    background: #eef2f6;
    padding: 50px 0;
}

.green-block-sp2 h3 {
    font-size: 30px;
}

.green-block-sp2 h4 {
    font-size: 24px;
}

.green-block-sp2 p {
    font-family: Jost, sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    .green-block-sp2 p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 1199px) {
    .green-block-sp2 p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 767px) {
    .green-block-sp2 h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .green-block-sp2 h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .green-block-sp2 p {
        font-size: 13px;
        line-height: 18px;
        text-align: center;
    }
}

.diamond-point {
    position: relative;
    padding: 30px 0;
}

.diamond-point h4 {
    font-family: Jost, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #000;
    padding-bottom: 10px;
    line-height: 32px;
}

.diamond-point P {
    font-family: Jost, sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
}

@media screen and (min-resolution: 0.001dpcm) {}

@media (max-width: 1024px) {
    .diamond-point {
        margin-top: 70px !important;
    }
}

@media (max-width: 767px) {
    .diamond-point {
        margin-top: 50px !important;
        padding: 0;
    }

    .diamond-point h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .diamond-point P {
        font-size: 13px;
        line-height: 18px;
        text-align: center;
    }
}

.lab-mine-section {
    position: relative;
    background: #eef2f6;
    padding: 30px 0;
}

.lab-mine-section h2 {
    font-family: Jost, sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #000;
    padding-bottom: 10px;
    line-height: 32px;
}

.lab-mine-section .table-wrap thead tr th {
    background: #5aa2de;
    font-weight: 600;
    font-size: 18px;
    color: #fcf9f0;
    text-transform: uppercase;
    width: 33.33%;
    border-width: 0 5px 10px;
    border-style: solid;
    min-height: 65px;
    height: 65px;
}

.lab-mine-section .table-wrap tr td,
.lab-mine-section .table-wrap tr th {
    background: #deeefc;
    font-family: Jost, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #2b2b2b;
    padding: 0;
    min-height: 60px;
    height: 60px;
    border: #eef2f6 solid 5px;
    vertical-align: middle;
}

.lab-mine-section .col-lg-6:not(:last-child) {
    border-right: 1px solid #2b2b2b;
}

.lab-mine-section p,
.lab-mine-section ul {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.lab-mine-section ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .lab-mine-section .col-lg-6:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #2b2b2b;
    }

    .lab-mine-section ul li {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .lab-mine-section h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .lab-mine-section .table-wrap thead tr th {
        font-size: 14px;
    }

    .lab-mine-section .table-wrap tr td,
    .lab-mine-section .table-wrap tr th {
        font-size: 12px;
    }

    .lab-mine-section p,
    .lab-mine-section ul {
        font-size: 13px;
        line-height: 18px;
    }
}

.lab-certificate {
    position: relative;
    padding: 30px 0;
}

.lab-certificate h3 {
    font-family: Jost, sans-serif;
    font-weight: 500;
    font-size: 26px;
    color: #000;
    padding-bottom: 10px;
    line-height: 30px;
}

.lab-certificate p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.lab-certificate .d-mob {
    display: none;
}

@media screen and (min-resolution: 0.001dpcm) {}

@media (max-width: 767px) {
    .lab-certificate h3 {
        font-size: 22px;
        line-height: 24px;
    }

    .lab-certificate p {
        font-size: 13px;
        line-height: 18px;
    }

    .lab-certificate .d-web {
        display: none;
    }

    .lab-certificate .d-mob {
        display: block;
        margin-top: 24px;
    }
}

.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: #f9f9f9;
    font-family: Jost, sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.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"]#ROSE+label span {
    background-color: #ecc0af;
}

.custom-radios input[type="radio"]#WHITE+label span {
    background-color: #dedede;
}

.custom-radios input[type="radio"]#YELLOW+label span {
    background-color: #e5d4aa;
}

.custom-radios input[type="radio"]:checked+label span img {
    opacity: 1;
}

.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: 0.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: 0.4em;
    left: calc(50% + 15px);
    height: 0.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 / 0.05), 0 0 0 1px rgb(0 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: 0.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: 0.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: 0.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;
    }

    .index-demo13 .slideshow--xlarge {
        height: 650px;
    }

    .header-25 #siteNav>li>a {
        padding: 10px 14px;
    }

    .index-demo25 .slideshow--large {
        height: 670px;
    }
}

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

    .header-6 #siteNav>li .megamenu,
    .header-9 #siteNav>li .megamenu {
        left: 0;
    }

    .header-8 #siteNav>li>a,
    .header-9 #siteNav>li>a {
        padding: 10px 9px;
    }

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

    .header-12 .store-info-slider .info-bar,
    .header-12 .store-info-slider .info-bar.text-right {
        text-align: center !important;
    }

    .index-demo13 .slideshow .slideshow__title {
        font-size: 20px;
    }

    .index-demo13 .slideshow .mega-small-title {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .index-demo13 .slideshow .btn {
        font-size: 12px;
    }

    .header-25 .search-drawer .closeSearch {
        right: 15px;
    }

    .index-demo25 .slideshow--large {
        height: 500px;
    }

    .index-demo25 .hero--large {
        height: 500px;
    }

    .index-demo27 .slideshow--xlarge {
        height: 500px;
    }
}

@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 / 0.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 / 0.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;
    }

    .index-demo6 .slideshow,
    .index-demo6 .slideshow video {
        height: 550px;
    }

    .index-demo8 .button-set li .btn-icon {
        transform: scale(1);
    }

    .index-demo9 .slideshow--large {
        height: 550px;
    }

    .index-demo9 .slideshow .ss-mega-title {
        font-size: 62px;
    }

    .index-demo9 .hero--large {
        height: 450px;
    }

    .index-demo10 .collection-banners.style8 .collection-grid-item.banner3 .details .title {
        font-size: 30px;
    }

    .index-demo12 .slideshow--large,
    .index-demo13 .slideshow--xlarge {
        height: 450px;
    }

    .index-demo12 .hero--large {
        height: 470px;
    }

    .index-demo13 .collection-banners.style7 .collection-grid-item .details.bottom,
    .index-demo15 .collection-banners.style7 .collection-grid-item .details.bottom {
        bottom: 15px !important;
    }

    .index-demo16 .collection-banners.style7 .collection-grid-item .details.bottom {
        bottom: 10px !important;
    }

    .index-demo17 .slideshow,
    .index-demo17 .slideshow video {
        height: 600px;
    }

    .index-demo17 .slideshow .ss-mega-title {
        font-size: 50px;
    }

    .index-demo18 .slideshow--large {
        height: 450px;
    }

    .index-demo19 .slideshow--large {
        height: 450px;
    }

    .index-demo19 .hero--large {
        height: 350px;
    }

    .index-demo22 .slideshow--large {
        height: 500px;
    }

    .index-demo22 .slideshow .ss-mega-title {
        font-size: 60px;
    }

    .index-demo22 .hero--medium {
        height: 350px;
    }

    .index-demo23 .slideshow--large {
        height: 640px;
    }

    .index-demo24 .slideshow--large {
        height: 640px;
    }

    .index-demo24 .hero--large {
        height: 500px;
    }

    .index-demo24 .collection-banners.style8 .details .title {
        font-size: 32px !important;
    }
}

@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 / 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 / 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 / 0.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: 0.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 / 0.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;
    }

    .header-7 .counter {
        position: absolute;
        right: -2px;
        top: -4px;
    }

    .header-8 .logo img {
        max-width: 120px;
        height: auto;
    }

    .footer .footer-top {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .footer-10 .footer-top {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 12px;
    }

    .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 / 0.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 / 0.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 / 0.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;
    }

    #site-scroll.textbase,
    .index-demo4 #site-scroll,
    .index-demo5 #site-scroll {
        right: 0;
        bottom: 50px;
    }

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

    .template-index.index-demo1 #site-scroll {
        bottom: 60px;
    }

    .index-demo3 .slideshow .middle-right .slideshow-content-in {
        right: 0;
        left: 0;
        bottom: 35px;
        top: auto;
        margin: 0 auto;
        text-align: center !important;
        transform: none;
    }

    .index-demo5 .slideshow .whiteText .ss-sub-title {
        display: block !important;
    }

    .index-demo6 .top-info-bar .item {
        font-size: 13px;
        padding: 4px 20px;
    }

    .index-demo6 .top-info-bar .btn-close {
        top: 3px;
    }

    .index-demo6 .hero .hero__inner .wrap-text {
        padding: 0;
    }

    .index-demo6 .hero .text-large .mega-title,
    .index-demo6 .banner-style3 .hero .text-large .mega-title {
        font-size: 40px;
    }

    .index-demo6 .hero .text-large .mega-subtitle {
        font-size: 14px;
    }

    .index-demo6 .banner-style2 .hero--large {
        height: 400px;
    }

    .index-demo6 .banner-style3 .hero--xlarge {
        height: 500px;
    }

    .index-demo6 .featured-content.style1 .f-text {
        padding: 30px 40px 0;
        max-width: 100%;
    }

    .index-demo7 .hero .font-bold .mega-title {
        font-size: 40px;
    }

    .index-demo7 .hero .text-small .mega-subtitle {
        font-size: 15px;
    }

    .index-demo7 .slideshow .wrap-caption {
        padding: 30px;
    }

    .index-demo7 .slideshow .ss-mega-title {
        font-size: 40px;
    }

    .index-demo7 .slideshow .btn {
        padding: 11px 20px;
    }

    .index-demo7 .mini-product .mini-list-item:last-of-type {
        margin-bottom: 20px;
    }

    .index-demo8 .slideshow .wrap-caption {
        padding: 15px 20px;
    }

    .index-demo8 .slideshow .ss-mega-title {
        font-size: 30px;
    }

    .index-demo9 .slideshow .ss-mega-title {
        font-size: 50px;
    }

    .index-demo9 .slideshow .btn-lg {
        padding: 10px 20px;
        font-size: 15px;
    }

    .index-demo10 .collection-banners.style8 .details.center-right {
        right: 10px;
    }

    .index-demo10 .collection-banners.style8 .details.top-left {
        top: 0 !important;
        left: 0;
    }

    .index-demo11 .slideshow .ss-mega-title {
        font-size: 30px;
    }

    .index-demo12 .slideshow .ss-mega-title {
        font-size: 55px;
    }

    .index-demo12 .mobile-nav-wrapper .closemobileMenu {
        color: #000;
        background-color: #ffb700;
    }

    .index-demo12 .mobile-nav-wrapper {
        background-color: #1e2832;
    }

    .index-demo12 #MobileNav li {
        border-color: #36414d;
    }

    .index-demo12 #MobileNav li a {
        color: #fff;
    }

    .index-demo12 #MobileNav li a .an {
        color: #fff;
    }

    .index-demo12 #MobileNav li.help {
        background-color: #29333c;
        color: #fff;
        font-size: 14px;
    }

    .index-demo12 #MobileNav li.help b {
        color: #FFB700;
    }

    .index-demo12 .parallax-banner-style4 .hero .text-small .mega-title {
        font-size: 32px;
    }

    .index-demo12 .collection-banners.style8 .details.top-left {
        left: 10px;
        top: 10px !important;
    }

    .index-demo12 .collection-banners.style8 .details.bottom-left {
        left: 10px;
        bottom: 10px !important;
    }

    .index-demo12 .collection-banners.style8.two-banner .details .btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    .index-demo13 .mobile-nav-wrapper .closemobileMenu {
        color: #fff;
        background-color: #2d2d2d;
    }

    .index-demo13 .mobile-nav-wrapper {
        background-color: #262626;
    }

    .index-demo13 #MobileNav li {
        border-color: #313131;
    }

    .index-demo13 #MobileNav li a {
        color: #fff;
    }

    .index-demo13 #MobileNav li a .an {
        color: #fff;
    }

    .index-demo13 #MobileNav li.help {
        background-color: #2d2d2d;
        color: #fff;
        font-size: 14px;
    }

    .index-demo14 .collection-banners.style1 .collection-grid-item .details {
        width: 85% !important;
    }

    .index-demo14 .collection-banners.style1 .collection-grid-item .title {
        font-size: 20px;
    }

    .index-demo14 .collection-banners.style1 .collection-grid-item .fs-6 {
        font-size: 14px !important;
    }

    .index-demo14 .hero .text-medium .mega-title {
        font-size: 35px;
    }

    .index-demo14 .hero .hero__inner .details {
        font-size: 15px;
    }

    .index-demo15 .slideshow .slideshow-content-in {
        margin-top: 0;
    }

    .index-demo15 .slideshow .ss-mega-title {
        font-size: 40px;
    }

    .index-demo16 .slideshow .slide1 .ss-mega-title,
    .index-demo16 .slideshow .slide2 .ss-mega-title {
        font-size: 45px;
    }

    .index-demo16 .collection-banners.style8 .details.top-left {
        top: 10px !important;
        left: 10px;
    }

    .index-demo16 .collection-banners.style8 .details .title {
        font-size: 25px !important;
    }

    .index-demo16 .collection-banners.style8 .banner2 .details .title {
        font-size: 27px !important;
    }

    .index-demo18 .slideshow .slide1 .ss-mega-title,
    .index-demo18 .slideshow .slide2 .ss-mega-title {
        font-size: 36px;
    }

    .index-demo18 .about-service h4 {
        font-size: 20px;
    }

    .index-demo18 .grid-categorys .category-item .category-title {
        font-size: 20px;
    }

    .index-demo18 .collection-banners.style1 .collection-grid-item .title {
        font-size: 22px !important;
    }

    .index-demo19 .slideshow .wrap-caption {
        padding: 25px 30px 30px;
    }

    .index-demo19 .banner-text .section-header p {
        font-size: 18px;
    }

    .index-demo20 .counter {
        top: -4px;
        right: -4px;
    }

    .index-demo20 .collection-banners.style8 .details .subtitle {
        font-size: 16px !important;
    }

    .index-demo20 .collection-banners.style8 .details .title {
        font-size: 25px !important;
    }

    .index-demo20 .collection-banners.style8 .collection-grid-item .details {
        width: auto !important;
    }

    .index-demo20 .collection-banners.style8 .collection-grid-item.banner2 .details .title,
    .index-demo20 .collection-banners.style8 .collection-grid-item.banner3 .details .title {
        font-size: 20px !important;
    }

    .index-demo20 .collection-banners.style8 .banner2 .details .subtitle,
    .index-demo20 .collection-banners.style8 .banner3 .details .subtitle {
        font-size: 13px !important;
    }

    .index-demo20 .collection-banners.style8 .details.top-left {
        top: 10px !important;
        left: 10px;
    }

    .index-demo21 .slideshow--medium {
        height: 500px;
    }

    .index-demo21 .slideshow .ss-mega-title {
        font-size: 50px;
    }

    .index-demo21 .slideshow .ss-sub-title {
        font-size: 18px !important;
    }

    .index-demo21 .collection-banners .detail-text .title {
        font-size: 27px;
    }

    .index-demo21 .collection-banners.style8 .details .title {
        font-size: 22px !important;
    }

    .index-demo21 .collection-banners.style8 .details.box .title {
        font-size: 19px !important;
    }

    .index-demo21 .grid-categorys .category-item .category-title {
        font-size: 23px;
    }

    .index-demo21 .collection-slider.background-none .details .collection-item-title {
        font-size: 16px;
    }

    .index-demo22 .header-main,
    .index-demo22 .header-wrap {
        min-height: 50px;
    }

    .index-demo22 .slideshow .ss-mega-title {
        font-size: 50px;
    }

    .index-demo22 .slideshow .ss-sub-title {
        margin-bottom: 25px;
    }

    .index-demo22 .slideshow .btn-lg {
        padding: 8px 20px;
        font-size: 15px;
    }

    .index-demo22 .collection-banners .details .title {
        font-size: 22px !important;
    }

    .index-demo22 .collection-banners .details .subtitle {
        font-size: 15px !important;
    }

    .index-demo22 .collection-banners .details .btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    .index-demo23 .mih-90:not(.sticky-header) {
        min-height: 70px !important;
    }

    .index-demo23 .slideshow .ss-mega-title {
        font-size: 46px;
    }

    .index-demo24 .slideshow--large {
        height: 500px;
    }

    .index-demo24 .slideshow .ss-mega-title {
        font-size: 45px;
    }

    .index-demo24 .collection-banners.style8 .details .title {
        font-size: 25px !important;
    }

    .index-demo24 .collection-banners.style8 .collection-grid-item .details {
        padding: 20px 20px 30px;
        width: 100% !important;
    }

    .index-demo24 .collection-banners.style8 .collection-grid-item .btn--link {
        margin-top: 15px;
    }

    .index-demo24 .collection-banners.style8 .details.top-left {
        top: 10px !important;
        left: 10px;
    }

    .index-demo25 .slideshow-content-in {
        padding: 35px;
    }

    .index-demo25 .slideshow .bottom-middle .slideshow-content-in {
        bottom: 40px;
    }

    .index-demo25 .collection-banners.style7 .collection-grid-item .details {
        bottom: 20px !important;
    }

    .index-demo25 .collection-banners.style7 .details .btn {
        padding: 10px 18px;
        font-size: 13px;
    }

    .index-demo25 .hero--large {
        height: 370px;
    }

    .index-demo25 .top-info-bar .item a {
        font-size: 18px;
    }

    .header-26 .logo {
        display: inline-flex;
        align-items: center;
    }

    .header-26 .logo img {
        max-width: 100px;
    }

    .header-26 .site-header__menu {
        margin: 3px 0 0;
    }

    .index-demo26 .slideshow .ss-mega-title {
        font-size: 36px;
    }

    .index-demo26 .slideshow .slide2 .wrap-caption {
        padding: 30px;
    }

    .index-demo26 .hero--large {
        height: 270px;
    }

    .index-demo26 .hero .text-small .mega-title {
        font-size: 30px;
    }

    .news-bnr-text .footer-newsletter .input-group {
        margin: 25px auto 0;
    }

    .news-bnr-text .footer-newsletter .h4 {
        font-size: 22px;
    }

    .index-demo27 .slideshow .ss-mega-title {
        font-size: 35px;
    }

    .index-demo27 .featured-content.style1 .f-text h2 {
        font-size: 28px;
    }

    .index-demo27 .about-bnr-text .row_text .row-text .h1 {
        font-size: 30px;
    }

    .index-demo27 .about-bnr-text .row_text .row-text {
        padding-bottom: 0;
    }

    .index-demo27 .collection-banners.style8 .details .title {
        font-size: 25px !important;
        margin-bottom: 20px;
    }

    .footer-27 .footer-newsletter {
        margin: 0 auto 40px;
    }
}

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

    #site-scroll.textbase,
    .index-demo4 #site-scroll,
    .index-demo5 #site-scroll {
        right: 0;
        bottom: 35px;
    }

    .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 / 0.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;
    }

    .parallax-banner-style3 .hero .hero__inner .wrap-text {
        padding: 20px;
    }

    .parallax-banner-style4 .hero .hero__inner .wrap-text {
        padding: 20px;
    }

    .parallax-banner-style4 .hero .text-small .mega-subtitle {
        font-size: 16px;
    }

    .parallax-banner-style4 .hero .text-small .mega-title {
        font-size: 20px;
    }

    .parallax-banner-style5 .hero .mega-subtitle {
        font-size: 14px;
    }

    .parallax-banner-style5 .hero .mega-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .parallax-banner-style5 .hero .saleTime {
        margin: 0 0 15px;
    }

    .parallax-banner-style5 .hero .saleTime span>.count-inner {
        height: 60px;
        width: 60px;
    }

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

    .hero .text-large .mega-title {
        font-size: 30px;
    }

    .hero .text-large .mega-subtitle {
        font-size: 16px;
    }

    .hero .text-medium .mega-title {
        font-size: 22px;
    }

    .hero .text-medium .mega-subtitle {
        font-size: 14px;
    }

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

    #site-scroll {
        font-size: 14px;
        line-height: 30px;
        height: 30px;
        width: 30px;
        right: 15px;
        bottom: 68px;
    }

    #site-scroll i {
        line-height: 30px;
        font-size: 13px;
    }

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

    .stickyCart .img,
    .stickyCart .sticky-title,
    .stickyCart .qtyField {
        display: none;
    }

    .stickyCart .stickyOptions {
        width: 50%;
    }

    .stickyCart .stickyOptions .selectedOpt {
        width: 100%;
    }

    .stickyCart .product-form__cart-submit {
        width: calc(50% - 10px);
        margin-left: 10px;
    }

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

    .imgBanners .details {
        padding: 10px;
    }

    .imgBanners .details.right {
        right: 10px;
        bottom: 10px;
    }

    .imgBanners .details.left {
        left: 10px;
        bottom: 10px;
    }

    .imgBanners .details.center,
    .imgBanners .details.left,
    .imgBanners .details.right {
        bottom: 10px;
    }

    .imgBanners .details.left-top {
        top: 10px;
        left: 10px;
    }

    .imgBanners .details.right-top {
        top: 10px;
        right: 10px;
    }

    .imgBanners .w-50 {
        width: 70% !important;
    }

    .imgBanners.style3 .row .img-banner-item:nth-of-type(1),
    .imgBanners.style3 .row .img-banner-item:nth-of-type(2),
    .imgBanners.style3 .row .img-banner-item:nth-of-type(3) {
        padding-right: 10px;
        padding-left: 10px;
    }

    .imgBanners.style3 .row .img-banner-item:nth-of-type(3) {
        margin-top: 20px;
    }

    .imgBanners.style3 .details .tt-small {
        font-size: 13px;
    }

    .imgBanners.style3 .details .title {
        font-size: 22px;
    }

    .imgBanners.style6 .row .img-banner-item.last {
        margin-top: 0;
        margin-bottom: 0;
    }

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

    .hero__inner .right {
        float: none;
    }

    .hero .hero__inner .wrap-text.bottomleft,
    .hero .hero__inner .wrap-text.topleft,
    .hero .hero__inner .wrap-text.bottomright {
        left: 0;
        right: 0;
        position: relative;
    }

    .hero .hero__inner .wrap-text {
        padding: 20px;
        display: table;
        margin: 0 auto;
    }

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

    .index-demo3 .newsletter-section .section-header h2 {
        font-size: 20px;
    }

    .index-demo5 .section-header h2 {
        font-size: 24px;
    }

    .index-demo5 .hero--exlarge {
        height: 300px;
    }

    .index-demo6 .slideshow,
    .index-demo6 .slideshow video {
        height: 350px;
    }

    .index-demo6 .slideshow .whiteText .btn-primary {
        padding: 12px 20px;
        font-size: 13px;
    }

    .index-demo6 .hero .text-large .mega-title,
    .index-demo6 .banner-style3 .hero .text-large .mega-title {
        font-size: 24px;
    }

    .index-demo6 .hero .hero-txt-wrap {
        max-width: 90% !important;
    }

    .index-demo6 .hero--xlarge,
    .index-demo6 .banner-style2 .hero--large,
    .index-demo6 .banner-style3 .hero--xlarge {
        height: 250px;
    }

    .index-demo6 .hero .hero__inner .btn-lg {
        padding: 7px 20px;
        font-size: 13px;
    }

    .index-demo6 .featured-content.style1 .f-text {
        padding: 20px 20px 0;
    }

    .index-demo6 .featured-content.style1 .white-bg .title {
        font-size: 18px;
    }

    .index-demo6 .featured-content.style1 .white-bg {
        font-size: 13px;
    }

    .index-demo6 .store-features.style3 .feature-icon {
        width: 30px;
    }

    .index-demo7 .section-header h2 {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .index-demo7 .slideshow .ss-small-title {
        font-size: 12px !important;
    }

    .index-demo7 .slideshow .ss-mega-title {
        font-size: 25px;
    }

    .index-demo7 .slideshow .wrap-caption {
        padding: 20px 25px;
    }

    .index-demo8 .slideshow .wrap-caption {
        padding: 20px;
        max-width: 100%;
    }

    .index-demo8 .slideshow .ss-mega-title {
        font-size: 26px;
    }

    .index-demo8 .slideshow .ss-sub-title {
        font-size: 13px !important;
        margin: 15px 0;
    }

    .index-demo8 .section-header h2,
    .index-demo9 .section-header h2,
    .index-demo10 .section-header h2 {
        font-size: 20px;
    }

    .index-demo8 .hero .text-small .mega-title {
        font-size: 18px;
    }

    .index-demo8 .hero--large {
        height: 250px;
    }

    .index-demo9 .slideshow .bottom-middle .slideshow-content-in {
        bottom: 10px;
    }

    .index-demo9 .slideshow--large,
    .index-demo13 .slideshow--xlarge {
        height: 350px;
    }

    .index-demo9 .slideshow .ss-mega-title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .index-demo9 .slideshow .btn-lg {
        padding: 8px 18px;
        font-size: 13px;
    }

    .index-demo9 .hero--large {
        height: 300px;
    }

    .index-demo10 .featured-content .fs-2,
    .index-demo10 .newsletter-section .fs-2 {
        font-size: 20px !important;
    }

    .index-demo11 .slideshow img.mobile-hide {
        max-height: 380px;
        object-fit: cover;
        object-position: top;
    }

    .index-demo11 .slideshow .ss-mega-title {
        font-size: 26px;
    }

    .index-demo11 .slideshow-content-in {
        top: 67%;
    }

    .index-demo12 .slideshow .ss-mega-title {
        font-size: 35px;
    }

    .index-demo12 .section-header h2 {
        font-size: 24px;
    }

    .index-demo12 .hero--large {
        height: 400px;
    }

    .index-demo12 .parallax-banner-style4 .hero .text-small .mega-subtitle {
        font-size: 13px;
    }

    .index-demo12 .parallax-banner-style4 .hero .text-small .mega-title {
        font-size: 20px;
    }

    .index-demo13 .section-header h2 {
        font-size: 14px;
    }

    .index-demo14 .collection-banners.style8 .details .btn,
    .index-demo14 .collection-banners .details .btn {
        font-size: 13px;
        padding: 10px 25px;
    }

    .index-demo14 .featured-content.style1 .f-text h2 {
        font-size: 18px;
    }

    .index-demo14 .hero .text-medium .mega-title {
        font-size: 25px;
    }

    .index-demo15 .slideshow .slideshow--large {
        height: 350px;
    }

    .index-demo15 .slideshow .ss-mega-title {
        font-size: 27px;
    }

    .index-demo15 .collection-banners.style7 .collection-grid-item .details .title.fs-5 {
        font-size: 16px !important;
    }

    .index-demo15 .section.newsletter-section {
        padding: 30px 0;
    }

    .index-demo16 .slideshow .slide1 .ss-mega-title,
    .index-demo16 .slideshow .slide2 .ss-mega-title {
        font-size: 25px;
    }

    .index-demo17 .slideshow,
    .index-demo17 .slideshow video {
        height: 350px;
    }

    .index-demo17 .slideshow .ss-mega-title {
        font-size: 26px;
    }

    .index-demo17 .slideshow .btn {
        font-size: 13px;
    }

    .index-demo17 .section-header h2 {
        font-size: 22px;
    }

    .index-demo17 .featured-content.style1 .store-info .detail h4 {
        font-size: 18px;
    }

    .index-demo17 .featured-content.style1 .store-info .detail {
        font-size: 13px;
    }

    .index-demo17 .grid-categorys .category-item .category-title {
        font-size: 20px;
    }

    .index-demo17 .store-features.style4 .feature-icon {
        width: 35px;
    }

    .index-demo18 .slideshow--large {
        height: 350px;
    }

    .index-demo18 .slideshow .slide1 .ss-mega-title,
    .index-demo18 .slideshow .slide2 .ss-mega-title {
        font-size: 28px;
    }

    .index-demo18 .slideshow .btn {
        padding: 10px 25px;
    }

    .index-demo18 .section-header h2 {
        font-size: 22px;
    }

    .index-demo18 .collection-banners.style1 .collection-grid-item .details.bottom-left {
        bottom: 10px;
        left: 10px;
    }

    .index-demo18 .collection-banners.style1 .collection-grid-item .title {
        font-size: 20px !important;
    }

    .index-demo19 .slideshow--large {
        height: 350px;
    }

    .index-demo19 .slideshow .bottom-left .slideshow-content-in {
        left: 20px;
        bottom: 30px;
    }

    .index-demo19 .slideshow .ss-mega-title {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .index-demo19 .section-header h2 {
        font-size: 22px;
    }

    .index-demo19 .banner-text .section-header p {
        font-size: 16px;
    }

    .index-demo19 .collection-banners.style8 .details.bottom-left {
        position: relative;
        left: 0;
        bottom: auto !important;
    }

    .index-demo19 .collection-banners.style8 .collection-grid-item .details:before {
        background: #060505;
        opacity: 1;
    }

    .index-demo19 .collection-banners.style8 .details .btn {
        padding: 10px 25px;
        font-size: 13px;
    }

    .index-demo19 .grid-categorys .category-item .category-title {
        font-size: 22px;
    }

    .index-demo19 .hero--large {
        height: 250px;
    }

    .index-demo19 .hero .text-small .mega-subtitle {
        font-size: 15px !important;
    }

    .index-demo19 .footer-19 .footer-top .inline-links {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .index-demo1 .grid-masonary.banner-grid .banner-item.col-sm-12:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .index-demo5 .collection-banners .row .banner-item:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .index-demo16 .testimonial-slider.style1 .section {
        padding: 30px 10px;
    }

    .marquee-text .top-info-bar {
        animation: marquee 5s linear infinite;
    }

    .index-demo20 .slideshow--large {
        height: 350px;
    }

    .index-demo20 .slideshow .wrap-caption {
        padding: 30px 15px;
    }

    .index-demo20 .slideshow .whiteText .ss-small-title {
        font-size: 12px !important;
    }

    .index-demo20 .slideshow .whiteText .ss-mega-title {
        font-size: 36px;
        margin-bottom: 10px;
    }

    .index-demo20 .slideshow .ss-sub-title {
        font-size: 13px !important;
        margin-bottom: 10px;
    }

    .index-demo20 .slideshow .btn.btn-lg {
        font-size: 13px;
        margin: 5px !important;
    }

    .index-demo20 .grid-categorys .category-item .category-title {
        font-size: 15px;
    }

    .index-demo20 .grid-products .item .product-name a,
    .index-demo21 .grid-products .item .product-name a {
        font-size: 12px;
        display: block;
    }

    .index-demo21 .top-info-bar.style1 .item {
        font-size: 13px;
    }

    .index-demo21 .slideshow--medium {
        height: 300px;
    }

    .index-demo21 .slideshow .ss-mega-title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .index-demo21 .slideshow .ss-sub-title {
        font-size: 14px !important;
        margin-bottom: 15px;
    }

    .index-demo21 .collection-banners .detail-text .title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .index-demo21 .collection-banners .detail-text .btn-outline-light {
        padding: 8px 20px;
        font-size: 13px;
    }

    .index-demo21 .section-header h2 {
        font-size: 24px;
    }

    .index-demo21 .grid-categorys .category-item .category-title {
        font-size: 20px;
    }

    .index-demo21 .footer .footer-top .footer-links:last-child .h4:not(.active) {
        border: none;
        padding: 0;
    }

    .index-demo22 .slideshow--large {
        height: 340px;
    }

    .index-demo22 .slideshow .ss-mega-title {
        font-size: 35px;
    }

    .index-demo22 .slideshow .ss-sub-title {
        font-size: 13px !important;
        margin-bottom: 15px;
    }

    .index-demo22 .slideshow .btn-lg {
        font-size: 13px;
    }

    .index-demo22 .hero .text-small .mega-title {
        font-size: 22px;
    }

    .index-demo22 .hero .hero__inner .wrap-text .btn {
        font-size: 13px;
        padding: 8px 20px;
    }

    .index-demo22 .top-info-bar.promoMsg .item {
        font-size: 13px;
        min-height: 50px;
        padding: 10px;
    }

    .index-demo22 .collection-banners .details .subtitle {
        font-size: 13px !important;
    }

    .index-demo22 .collection-banners.style8 .collection-grid-item.banner3 .details .title {
        font-size: 16px !important;
    }

    .index-demo23 .slideshow--large {
        height: 360px;
    }

    .index-demo23 .slideshow .ss-mega-title {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .index-demo23 .slideshow .ss-sub-title {
        margin-bottom: 20px;
    }

    .index-demo23 .grid-categorys .category-item .category-title {
        font-size: 15px;
        margin: 0 0 10px;
    }

    .index-demo24 .slideshow .ss-mega-title {
        font-size: 36px;
    }

    .index-demo24 .slideshow--large {
        height: 300px;
    }

    .index-demo24 .collection-banners .details .btn {
        padding: 8px 15px;
        font-size: 13px;
    }

    .index-demo24 .hero--large {
        height: 250px;
    }

    .index-demo25 .slideshow--large {
        height: 340px;
    }

    .index-demo25 .slideshow .ss-mega-title {
        font-size: 25px;
        margin: 0 0 10px;
    }

    .index-demo25 .slideshow .ss-sub-title {
        font-size: 13px !important;
        margin-bottom: 20px;
    }

    .index-demo25 .slideshow .btn-primary+.btn-primary {
        margin-left: 10px;
    }

    .index-demo25 .slideshow-content-in {
        padding: 25px 30px;
    }

    .index-demo25 .hero--large {
        height: 250px;
    }

    .index-demo25 .hero .text-small .mega-subtitle {
        font-size: 13px;
    }

    .index-demo25 .hero .text-small .mega-title {
        font-size: 18px;
    }

    .index-demo25 .grid-products .item .swatches li.medium {
        height: 18px;
        width: 18px;
    }

    .index-demo25 .top-info-bar .item a {
        font-size: 15px;
    }

    .index-demo26 .slideshow--medium {
        height: 320px;
    }

    .index-demo26 .slideshow .ss-mega-title {
        font-size: 25px;
    }

    .index-demo26 .slideshow .ss-sub-title {
        font-size: 13px !important;
        margin-bottom: 18px;
    }

    .index-demo26 .slideshow .ss-small-title {
        font-size: 12px !important;
    }

    .index-demo26 .slideshow .slide2 .wrap-caption {
        padding: 20px 25px 25px;
    }

    .index-demo26 .section-header p {
        font-size: 12px;
    }

    .index-demo26 .hero .text-small .mega-title {
        font-size: 22px;
    }

    .index-demo26 .hero .text-small .mega-title br {
        display: none;
    }

    .index-demo26 .store-info h3 {
        margin: 0 0 5px;
    }

    .news-bnr-text .footer-newsletter .h4 {
        font-size: 17px;
    }

    .news-bnr-text .footer-newsletter .input-group {
        margin: 20px auto 0;
    }

    .index-demo27 .slideshow--xlarge {
        height: 250px;
    }

    .index-demo27 .slideshow .ss-mega-title {
        font-size: 24px;
    }

    .index-demo27 .slideshow .ss-sub-title {
        font-size: 13px !important;
    }

    .index-demo27 .slideshow .ss-btnWrap {
        margin-top: 20px;
    }

    .index-demo27 .section-header h2 {
        font-size: 20px;
    }

    .index-demo27 .featured-content.style1 .f-text {
        padding: 30px 20px;
    }

    .index-demo27 .featured-content.style1 .f-text h2 {
        font-size: 22px;
    }

    .index-demo27 .featured-content.style1 .f-text .rte-setting {
        font-size: 13px;
    }

    .index-demo27 .about-bnr-text .row_text .row-text {
        font-size: 13px;
        padding-bottom: 10px;
    }

    .index-demo27 .about-bnr-text .row_text .row-text .h1 {
        font-size: 22px;
    }

    .index-demo27 .collection-banners.style8 .details .title {
        font-size: 22px !important;
    }

    .index-demo27 .quote-wraper .quotes-slider__text {
        font-size: 13px;
    }

    .footer-27 .footer-about .ftr-logo {
        max-width: 125px;
    }

    .footer-27 .footer-newsletter {
        margin: 0 auto 30px;
    }

    .footer-27 .footer-top .footer-links .h4 {
        border-bottom-color: #444;
    }
}

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

    .index-demo5 .slideshow .wrap-caption {
        padding: 20px;
    }

    .index-demo9 .slideshow .bottom-middle .slideshow-content-in {
        bottom: 15px;
    }

    .index-demo9 .slideshow .ss-mega-title {
        font-size: 26px;
    }

    .index-demo10 .collection-banners.style8 .details.top-left {
        top: 15px !important;
        left: 15px;
    }

    .index-demo11 .grid-categorys .category-item .category-title {
        font-size: 13px;
    }

    .index-demo12 .section-header h2 {
        font-size: 20px;
    }

    .index-demo16 .collection-banners.style8 .banner1,
    .index-demo16 .collection-banners.style8 .banner2 {
        width: 100%;
    }

    .index-demo18 .slideshow .middle-bottom .slideshow-content-in,
    .index-demo19 .slideshow .bottom-left .slideshow-content-in {
        width: 90%;
    }

    .index-demo19 .slideshow .wrap-caption {
        padding: 20px 20px 20px;
    }

    .index-demo21 .section-header h2 {
        font-size: 22px;
    }

    .index-demo21 .collection-slider.background-none .details .collection-item-title {
        font-size: 14px;
    }

    .index-demo24 .slideshow .ss-mega-title {
        font-size: 26px;
    }

    .index-demo24 .slideshow--large {
        height: 300px;
    }

    .index-demo25 .slideshow .bottom-middle .slideshow-content-in {
        bottom: 30px;
        width: calc(100% - 30px);
    }

    .index-demo25 .slideshow-content-in {
        padding: 15px 10px 15px;
    }

    .index-demo25 .slideshow .ss-sub-title {
        margin-bottom: 10px;
    }

    .index-demo25 .slideshow .btn,
    .index-demo25 .slideshow .btn-primary+.btn-primary {
        margin: 5px;
        padding: 7px 15px;
    }

    .index-demo26 .slideshow .slide2 .middle-left .slideshow-content-in {
        left: 10%;
        width: 80%;
        right: 10%;
    }

    .index-demo26 .hero--large {
        height: 200px;
    }

    .index-demo27 .slideshow .ss-mega-title {
        font-size: 22px;
    }
}

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

    .index-demo6 .top-info-bar .btn-close {
        top: 0;
        right: 0;
    }

    .index-demo10 .top-bar {
        font-size: 11px;
    }

    .index-demo23 .collection-slider-4items .btn--small {
        padding: 9px 15px;
    }
}

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

.diamond-content .card1 {
    font-family: Jost, sans-serif;
    display: block;
    position: relative;
    max-width: 100%;
    height: 100%;
    background-color: #f2f8f9;
    border-radius: 4px;
    padding: 32px 24px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
}

.diamond-content .card1:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    background-color: #5aa2de;
    height: 100%;
    width: 3px;
    border-radius: 32px;
    transform: scale(1);
    transition: transform 0.25s ease-out;
}

.diamond-content .card1:hover:before {
    transform: scale(1000);
}

.diamond-content .card1:hover p {
    transition: all 0.3s ease-out;
    color: rgb(255, 255, 255, 0.8);
}

.diamond-content .card1:hover h2 {
    transition: all 0.3s ease-out;
    color: #ffffff;
}

.diamond-content .card1 p {
    font-size: 16px;
}

.ruby-container {
    width: 100%;
    padding: 0 10px;
}

.header-border-bottom {
    border-bottom: 1px solid #5aa2de;
}

.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 #5aa2de;
}

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