@charset "UTF-8";

/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}

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

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

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

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

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

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

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

@media (min-width:1200px) {

    .h1,
    h1 {
        font-size: 2.5rem
    }
}

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

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 2rem
    }
}

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

@media (min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.75rem
    }
}

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

@media (min-width:1200px) {

    .h4,
    h4 {
        font-size: 1.5rem
    }
}

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

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

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

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

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

ol,
ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

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

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

a:hover {
    color: #0a58ca
}

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

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

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

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

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

a>code {
    color: inherit
}

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

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

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

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

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

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

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

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

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

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

textarea {
    resize: vertical
}

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

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

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

legend+* {
    clear: left
}

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

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

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

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

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

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

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.figure {
    display: inline-block
}

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

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

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

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

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

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

.col {
    flex: 1 0 0%
}

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

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

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

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.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: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

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

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

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

.caption-top {
    caption-side: top
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-range:focus {
    outline: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-floating {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn:hover {
    color: #212529
}

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

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

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

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fade {
    transition: opacity .15s linear
}

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

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-menu.show {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: rgba(0, 0, 0, .1)
}

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

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .55);
    border-color: rgba(255, 255, 255, .1)
}

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

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

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

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

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

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

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -.25rem;
    margin-bottom: 0
}

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

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

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

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.5rem;
    margin-bottom: -.5rem;
    margin-left: -.5rem;
    border-bottom: 0
}

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

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(.25rem - 1px)
}

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

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

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

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

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

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

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

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

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

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

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

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}

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

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

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

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

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

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

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

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

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

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

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

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

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

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

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

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

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

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

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

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

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

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

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

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

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

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

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

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

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

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width .6s ease
}

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

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

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

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

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

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

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

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

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

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

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

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

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

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

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

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

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

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

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

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

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

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

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

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

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.toast:not(.showing):not(.show) {
    opacity: 0
}

.toast.hide {
    display: none
}

.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-header .btn-close {
    margin-right: -.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

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

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

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

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

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

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

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

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

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

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

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

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

.modal-footer>* {
    margin: .25rem
}

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

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

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

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

@media (min-width:992px) {

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

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

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

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

.modal-fullscreen .modal-header {
    border-radius: 0
}

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

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

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

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

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

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

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

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

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

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

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

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

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

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

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

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

.bs-tooltip-auto[data-popper-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

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

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

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

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

.bs-tooltip-auto[data-popper-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

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

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

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

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

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

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

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
    bottom: calc(-.5rem - 1px)
}

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

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

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

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

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

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
    top: calc(-.5rem - 1px)
}

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

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0
}

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

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

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

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem 1rem;
    color: #212529
}

.carousel {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

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

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

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

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

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

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

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

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

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

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

.carousel-indicators .active {
    opacity: 1
}

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

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

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

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

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

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

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

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

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

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

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

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

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

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

@media (prefers-reduced-motion:reduce) {

    .spinner-border,
    .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

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

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

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

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

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

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

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

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

.link-primary {
    color: #0d6efd
}

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

.link-secondary {
    color: #6c757d
}

.link-secondary:focus,
.link-secondary:hover {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:focus,
.link-success:hover {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:focus,
.link-info:hover {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:focus,
.link-warning:hover {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:focus,
.link-danger:hover {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:focus,
.link-light:hover {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:focus,
.link-dark:hover {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%)
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

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

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

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

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

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

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

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

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

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0d6efd !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    color: #0d6efd !important
}

.text-secondary {
    color: #6c757d !important
}

.text-success {
    color: #198754 !important
}

.text-info {
    color: #0dcaf0 !important
}

.text-warning {
    color: #ffc107 !important
}

.text-danger {
    color: #dc3545 !important
}

.text-light {
    color: #f8f9fa !important
}

.text-dark {
    color: #212529 !important
}

.text-white {
    color: #fff !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    color: inherit !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-end {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-start {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

/*# sourceMappingURL=bootstrap.min.css.map */
input[type=phone] {
    height: 48px;
}

body {
    font-family: 'Assistant', sans-serif !Important;
}

#contact_text {
    height: 100px;
}

.form-gen div {
    /* margin-top:8px; */
}

.frst-nm {
    padding-right: 0%;
}

.last-nm {
    padding-left: 1%;
}

.p-spinner {
    display: none;
}


/*HEART-ICON */

.fa-heart-o {
    font-size: 19px;
    color: #000;
    cursor: pointer;
}

.fa-heart-o:hover {
    color: red;
}

.fa-heart {
    font-size: 19px;
    color: red;
    cursor: pointer;
    -webkit-transform: translate(1%, 4%) !important;
    -ms-transform: translate(1%, 4%) !important;
    transform: translate(1%, 4%) !important;
}


/*ACTIVE LINK*/

.main-nav-bar .active {
    color: #C3071C;
}

a:hover {
    color: #000;
}

a {
    color: #000;
}

.top-icons-wrapper {
    position: relative;
}

.top-icons-wrapper .serach-form-header {
    position: relative;
}

.top-icons-wrapper .serach-form-header .search {
    width: 21em;
    height: 2em;
    padding: 0;
    margin: 0;
    line-height: 2em;
    background-color: #fff;
    position: relative;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.top-icons-wrapper .serach-form-header .search input {
    width: 21em;
    height: 42px;
    line-height: 1em;
    padding: 0 0 0 0em;
    border: none;
    outline: none;
    background-color: #eee;
    font-size: 1em;
    color: #000;
    border-radius: 6px;
    margin-top: -11px;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.top-icons-wrapper .serach-form-header .search input::-webkit-input-placeholder {
    padding: 0 1rem;
    font-size: 14px;
}

.top-icons-wrapper .serach-form-header .search input::-moz-placeholder {
    padding: 0 1rem;
    font-size: 14px;
}

.top-icons-wrapper .serach-form-header .search input::-ms-input-placeholder {
    padding: 0 1rem;
    font-size: 14px;
}

.top-icons-wrapper .serach-form-header .search input::placeholder {
    padding: 0 1rem;
    font-size: 14px;
}

.top-icons-wrapper .serach-form-header .search .searchbarbutton {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.top-icons-wrapper .serach-form-header .search .searchbarbutton:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.top-icons-wrapper .serach-form-header .search.collapsed {
    width: 0rem;
}

.top-icons-wrapper .serach-form-header .search.collapsed input {
    width: 0;
}

.top-icons-wrapper .serach-form-header .search.collapsed a {
    color: #999;
}

.top-icons-wrapper .serach-form-header .search.collapsed a:hover {
    color: #bbb;
}


/*SELECT BOX COUNTRY*/

.select {
    position: relative;
    width: 65px;
}

.select .selectBtn {
    font-size: 18px;
    background: #fff;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
}

.select .selectBtn:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 8px;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}

.select .selectBtn.toggle {
    border-radius: 3px 3px 0 0;
}

.select .selectBtn.toggle:after {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}

.select .selectDropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #eee;
    z-index: 1;
    background: #fff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.select .selectDropdown .option {
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.select .selectDropdown .option:hover {
    background: #f8f8f8;
}

.select .selectDropdown.toggle {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.flag-select {
    width: 18px;
    position: absolute;
    top: 6px;
    left: 2px;
}

.inner-flag {
    width: 20px;
}

.rotate {
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.rotate.down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

@-webkit-keyframes beatHeart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes beatHeart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/*GALLERY SUB MENU WITH ROW AND COL*/

.sub-menu .content-menu-wrapper-gal {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.sub-menu .content-menu-wrapper-gal .row {
    position: relative;
    text-align: left;
    width: 40%;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item {
    padding: 0.5rem 0;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item .gallery-link {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item .gallery-link:hover {
    color: #C3071C;
}

.sub-menu .content-menu-wrapper-gal .row:after {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3CDD5;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: 12%;
    left: -5.5%;
}

.sub-menu .first-gallery-image-contianer {
    margin-right: 6rem;
}

.sub-menu .all-gallerys-link {
    padding: 13rem 0 0 0;
}

.sub-menu .all-gallerys-link .all-gallerys {
    font-size: 14px;
    font-weight: 600;
}


/*MENU FIXED TO TOP*/

.fixed {
    position: fixed;
    width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    padding: 0rem 3rem !important;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    z-index: 99;
}

.fixed .list-items .item-menu .sub-menu {
    top: 66px !important;
}


/*GALLERY SUB MENU WITH ROW AND COL*/

.sub-menu .content-menu-wrapper-gal {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.sub-menu .content-menu-wrapper-gal .row {
    position: relative;
    text-align: left;
    width: 40%;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item {
    padding: 0.5rem 0;
}

.sub-menu .content-menu-wrapper-gal .row .news-item {
    padding: 0.5rem 0;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item .gallery-link {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item .gallery-link:hover {
    color: #C3071C;
}

.sub-menu .content-menu-wrapper-gal .row:after {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3CDD5;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: 12%;
    left: -5.5%;
}

.sub-menu .first-gallery-image-contianer {
    margin-right: 6rem;
}

.sub-menu .all-gallerys-link {
    padding: 13rem 0 0 0;
}

.sub-menu .all-gallerys-link .all-gallerys {
    font-size: 14px;
    font-weight: 600;
}


/*MENU FIXED TO TOP*/

.fixed {
    position: fixed;
    width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    padding: 0rem 3rem !important;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    z-index: 99;
}

.fixed .list-items .item-menu .sub-menu {
    top: 66px !important;
}


/*menu*/

.top-mb-header {
    display: none;
}

#toggle {
    display: none;
    width: 22px;
    height: 30px;
    /* position: absolute; */
    top: 26px;
    left: 9px;
    z-index: 99999;
}

#toggle div {
    width: 100%;
    height: 2px;
    background: black;
    margin: 4px auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#toggle.on .one {
    -webkit-transform: rotate(45deg) translate(8px, 2px);
    -ms-transform: rotate(45deg) translate(8px, 2px);
    transform: rotate(45deg) translate(8px, 2px);
}

#toggle.on .two {
    opacity: 0;
}

#toggle.on .three {
    -webkit-transform: rotate(-45deg) translate(6px, -1px);
    -ms-transform: rotate(-45deg) translate(6px, -1px);
    transform: rotate(-45deg) translate(6px, -1px);
}

#menu {
    background-color: #fff;
    color: black;
    width: 100%;
    height: 100vh;
    padding: 2rem 0;
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
}

#menu .list-items {
    text-align: left;
}


/*reset*/

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

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

button {
    background-color: transparent;
    color: inherit;
    border-width: 0;
    padding: 0;
    cursor: pointer;
}

figure {
    margin: 0;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
}

.list-items {
    list-style: none;
}

.gallery-item {
    list-style: none;
}

.all-gallerys {
    list-style: none;
}

.gallery-list {
    list-style: none;
}

.artist-item {
    list-style: none;
}

.icon-list {
    list-style: none;
}

.all-gallerys-link {
    list-style: none;
}

.galleries-list-second {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
}

p {
    margin: 0;
}

cite {
    font-style: normal;
}

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


/*end reset*/

body {
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    background-color: #fff;
}


/*PRODUCT PAGE*/

.product-page {
    padding: 4rem 0;
    /*PRODUCT GALLERY*/
}

.product-page .row {
    width: 88%;
    margin: auto;
}

.product-page .row .fixed-compoenent {
    position: fixed;
}

.product-page .row .fix-form-wrapper {
    padding: 0 1rem;
}

.product-page .row .fix-form-wrapper .form-submit {
    width: 100%;
    margin: auto;
    border: 1px solid #C3CDD5;
    padding: 2rem 1rem;
}

.product-page .row .fix-form-wrapper .form-submit h3.title {
    font-size: 25px;
    font-weight: 600;
    line-height: 42px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.24px;
    text-align: center;
}

.product-page .row .fix-form-wrapper .form-submit .full-name-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-page .row .fix-form-wrapper .form-submit .full-name-wrapper .form-group {
    width: 49%;
}

.product-page .row .fix-form-wrapper .form-submit .full-name-wrapper .form-group input {
    border-radius: 0;
    outline: 0;
}

.product-page .row .fix-form-wrapper .form-submit .full-name-wrapper .form-group input:focus {
    outline: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.product-page .row .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.product-page .row .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container {
    padding-top: 0;
    height: 52px;
}

.product-page .row .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    border: 0 !important;
    background-color: #F6F5F3 !important;
}

.product-page .row .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag .iti-flag {
    margin-top: 18px !important;
}

.product-page .row .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag:focus {
    border: 0 !important;
}

.product-page .row .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown #phone {
    width: 80% !important;
}

.product-page .row .fix-form-wrapper .form-submit .form-group input {
    background-color: #F6F5F3;
    border: 0;
    border-radius: 0;
    padding: 12px;
    outline: 0;
}

.product-page .row .fix-form-wrapper .form-submit .form-group input:focus {
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.product-page .row .fix-form-wrapper .form-submit .form-group input.form-control:focus {
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.product-page .row .fix-form-wrapper .form-submit .form-group textarea {
    background-color: #F6F5F3;
    border: 0;
    border-radius: 0;
    margin: 0 0 1rem 0;
    color: #5e5757;
}

.product-page .row .fix-form-wrapper .form-submit .check-nesletter {
    padding: 0 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-page .row .fix-form-wrapper .form-submit .check-nesletter #updates {
    font-size: 12px;
}

.product-page .row .fix-form-wrapper .form-submit .check-nesletter input[type="checkbox"] {
    position: relative;
    width: 46px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    outline: none;
    border-radius: 2.5rem;
    -webkit-box-shadow: inset 0 0 0.5 gray;
    box-shadow: inset 0 0 0.5 gray;
    -webkit-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    margin-right: 1rem;
}

.product-page .row .fix-form-wrapper .form-submit .check-nesletter input:checked[type="checkbox"] {
    background-color: #000;
}

.product-page .row .fix-form-wrapper .form-submit .check-nesletter input:not(:checked)[type="checkbox"] {
    background-color: #847d7d;
}

.product-page .row .fix-form-wrapper .form-submit .check-nesletter input[type="checkbox"]::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #eee;
    top: 0;
    left: 0;
    -webkit-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.product-page .row .fix-form-wrapper .form-submit .check-nesletter input:checked[type="checkbox"]::before {
    left: 25px;
}

.product-page .row .fix-form-wrapper .form-submit .btn-submit-form {
    text-align: center;
}

.product-page .row .fix-form-wrapper .form-submit .btn-submit-form .btn.btn-dark {
    border-radius: 0;
    background-color: #2E2F33 !important;
    width: 70%;
    text-align: center;
    letter-spacing: 0.25px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.product-page .row .fix-form-wrapper .form-submit .btn-submit-form .btn.btn-dark:hover {
    opacity: 0.9;
}

.product-page .row .under-form-icons .inner-wrapper {
    position: relative;
    width: 100%;
    margin: auto;
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

.product-page .row .under-form-icons .inner-wrapper .single-wrapper .img-wrapper {
    width: 53px;
    max-width: 53px;
    min-height: 46px;
    height: 46px;
    margin: auto;
}

.product-page .row .under-form-icons .inner-wrapper .single-wrapper .img-wrapper .icon-under-form {
    max-width: 100%;
    min-height: auto;
    margin: auto;
}

.product-page .row .under-form-icons .inner-wrapper .single-wrapper .icon_text {
    padding: 2rem 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    width: 65%;
    margin: auto;
}

.product-page .row .under-form-icons .mb-title {
    display: none;
}

.product-page .artwork-title h1.title {
    background-color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.4px;
    text-transform: capitalize;
    padding: 0 0 0.3rem 0;
}

.product-page .artwork-title .size {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    padding: 0 0 1rem 0;
}

.product-page .gal-main-wrapper .main.main-product-gallery {
    width: 70%;
    display: block;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image h3.inner-wrapper-img {
    line-height: 100px;
    text-align: center;
    background-color: #eee;
    cursor: pointer;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image h3.inner-wrapper-img img {
    width: 100%;
    max-height: 100%;
    min-height: 100%;
    padding: 2px;
    margin: auto;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list {
    display: disc;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.5rem 0 1rem 0;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .crypto-icon-mb {
    display: none;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .share-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .heart-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .social {
    display: none;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .social-share-icons {
    width: 200px;
    position: absolute;
    bottom: -44%;
    left: 9px;
    padding: 8px;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .social-share-icons .close-btn {
    padding: 0 0 6px 0;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .social-share-icons .close-btn p {
    text-align: right;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .social-share-icons .inner-background {
    border: 1px solid #eee;
    padding: 6px;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .social-share-icons .share-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;
    padding: 0 0 3px 0;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .social-share-icons .icons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .social-share-icons .icons-wrapper img.social-net {
    width: 15px;
    cursor: pointer;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .social-share-icons .icons-wrapper img.social-net.face {
    width: 9px;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .close-btn {
    position: relative;
}

.product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .close-btn p {
    font-size: 12px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.product-page .gal-main-wrapper .main.main-product-gallery .slider.slider-nav {
    position: relative;
}

.product-page .gal-main-wrapper .main.main-product-gallery .slider.slider-nav .nav-gallery-wrap h3.img-gallery-wrap {
    cursor: pointer;
    line-height: 100px;
    margin: 10px;
    text-align: center;
    background-color: #eee;
}

.product-page .gal-main-wrapper .main.main-product-gallery .slider.slider-nav .nav-gallery-wrap h3.img-gallery-wrap img {
    width: 100%;
    max-height: 100%;
    min-height: 100%;
    padding: 10px;
    margin: auto;
    cursor: pointer;
}

.product-page .gal-main-wrapper .main.main-product-gallery .slider.slider-nav .slick-prev.slick-arrow,
.product-page .gal-main-wrapper .main.main-product-gallery .slider.slider-nav .slick-next.slick-arrow {
    display: none !important;
}

.product-page .gal-main-wrapper .main.main-product-gallery .mb-artwork-title {
    display: none;
}

.product-page .gal-main-wrapper .gallery-arrows {
    position: relative;
}

.product-page .gal-main-wrapper .gallery-arrows .prev {
    position: absolute;
    left: -5%;
    top: -14vh;
    cursor: pointer;
}

.product-page .gal-main-wrapper .gallery-arrows .next {
    position: absolute;
    right: 25%;
    top: -14vh;
    cursor: pointer;
}

.product-page .artist-content-wrapper .artist-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 1px;
    padding: 2rem 0;
}

.product-page .artist-content-wrapper .about-artwork {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    padding: 0 0 0.5rem 0;
}

.product-page .artist-content-wrapper .descpition {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 0 1rem 0;
}

.product-page .artist-content-wrapper .about-artist {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    padding: 0 0 0.5rem 0;
}

.product-page .artist-content-wrapper .information-cv {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 0 1rem 0;
}

.product-page .artist-content-wrapper .read-more {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 0 0 1rem 0;
    text-decoration: underline;
    cursor: pointer;
}

.product-page .artist-content-wrapper .read-more:hover {
    color: #5e5757;
}

.product-page .detailed_features {
    padding: 0 0 4rem 0;
}

.product-page .detailed_features h3.title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    padding: 2rem 0 1rem 0;
}

.product-page .detailed_features ul.list {
    position: relative;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
}

.product-page .detailed_features ul.list li.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 6px 0;
}

.product-page .detailed_features ul.list li.item .link-item {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
}

.product-page .detailed_features ul.list li.item .link-item::before {
    width: 0 !important;
    height: 0 !important;
}

.product-page .detailed_features ul.list li.item .fa-square {
    font-size: 10px;
    font-weight: 700;
    color: red;
    margin-right: 0.5rem;
}

.product-page .more-products h3.title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    padding: 0 0 2rem 0;
    text-transform: capitalize;
}

.product-page .more-products .product-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-page .more-products .product-row .pad {
    margin: 0 1rem;
}

.product-page .more-products .product-row .product-img-wrapper {
    vertical-align: middle;
    margin: 1rem;
    width: 300px;
    max-width: 100%;
    min-height: 400px;
    background-color: #eee;
    cursor: pointer;
}

.product-page .more-products .product-row .product-img-wrapper img {
    width: 100%;
    max-width: 100%;
    height: calc(100% - 150px);
    max-height: 23rem;
    padding: 10px;
    -o-object-fit: contain;
    object-fit: contain;
}

.product-page .more-products .product-row .product-content {
    margin: 1rem 0 2rem 0;
}

.product-page .more-products .product-row .product-content .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: #000000;
    text-transform: capitalize;
    padding: 0;
}

.product-page .more-products .product-row .product-content .artist-type-wrapper .artist {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.product-page .more-products .product-row .product-content .artist-type-wrapper .type {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

.product-page .more-products .product-row .product-content .size {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

.product-page .more-products .product-row .icon-list {
    display: disc;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.5rem 0 1rem 0;
}

.product-page .more-products .product-row .icon-list .crypto-icon-mb {
    display: none;
}

.product-page .more-products .product-row .icon-list .share-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.product-page .more-products .product-row .icon-list .heart-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.product-page .more-products .product-row .icon-list .social {
    display: none;
}

.product-page .more-products .product-row .icon-list .social-share-icons {
    width: 200px;
    position: absolute;
    bottom: -44%;
    left: -24px;
    padding: 8px;
}

.product-page .more-products .product-row .icon-list .social-share-icons .close-btn {
    padding: 0 0 6px 0;
    position: relative;
}

.product-page .more-products .product-row .icon-list .social-share-icons .close-btn p {
    text-align: right;
    font-size: 12px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.product-page .more-products .product-row .icon-list .social-share-icons .inner-background {
    border: 1px solid #eee;
    padding: 6px;
}

.product-page .more-products .product-row .icon-list .social-share-icons .share-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;
    padding: 0 0 3px 0;
}

.product-page .more-products .product-row .icon-list .social-share-icons .icons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-page .more-products .product-row .icon-list .social-share-icons .icons-wrapper img.social-net {
    width: 15px;
    cursor: pointer;
}

.product-page .more-products .product-row .icon-list .social-share-icons .icons-wrapper img.social-net.face {
    width: 9px;
}


/*ZOOM*/

.hover-text {
    position: absolute;
    top: 3px;
    right: 28px;
    color: #555;
    font: bold 13px/1 sans-serif;
}

.zoom {
    display: inline-block;
    position: relative;
}


/* magnifying glass icon */

.zoom:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(icon.html);
}

.zoom img {
    display: block;
}

.collection-page {
    position: relative;
    background-color: #fff;
}

.collection-page .row {
    --bs-gutter-x: 0rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.collection-page #list {
    position: absolute;
    top: 13.5vh;
    left: -350px;
    width: 350px;
    height: 100%;
    background: #fff;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: 9999;
    padding: 1rem 1.5rem 3rem 1.5rem;
}

.collection-page #list.active {
    left: 0px;
}

.collection-page #list .artists-wrapper .title-wrapper,
.collection-page #list .artType-wrapper .title-wrapper,
.collection-page #list .material-wrapper .title-wrapper,
.collection-page #list .size-wrapper .title-wrapper,
.collection-page #list .orientation-wrapper .title-wrapper,
.collection-page #list .colors-wrapper .title-wrapper {
    padding: 0rem 0 1rem 0;
    color: #0E0E0E;
}

.collection-page #list .artists-wrapper .title-wrapper h3.title,
.collection-page #list .artType-wrapper .title-wrapper h3.title,
.collection-page #list .material-wrapper .title-wrapper h3.title,
.collection-page #list .size-wrapper .title-wrapper h3.title,
.collection-page #list .orientation-wrapper .title-wrapper h3.title,
.collection-page #list .colors-wrapper .title-wrapper h3.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 0.5rem 0;
    text-transform: capitalize;
    cursor: pointer;
}

.collection-page #list .artists-wrapper .title-wrapper h3.title.sizes,
.collection-page #list .artType-wrapper .title-wrapper h3.title.sizes,
.collection-page #list .material-wrapper .title-wrapper h3.title.sizes,
.collection-page #list .size-wrapper .title-wrapper h3.title.sizes,
.collection-page #list .orientation-wrapper .title-wrapper h3.title.sizes,
.collection-page #list .colors-wrapper .title-wrapper h3.title.sizes {
    border-top: 1px solid #eee;
}

.collection-page #list .artists-wrapper .title-wrapper h3.title.material,
.collection-page #list .artType-wrapper .title-wrapper h3.title.material,
.collection-page #list .material-wrapper .title-wrapper h3.title.material,
.collection-page #list .size-wrapper .title-wrapper h3.title.material,
.collection-page #list .orientation-wrapper .title-wrapper h3.title.material,
.collection-page #list .colors-wrapper .title-wrapper h3.title.material {
    border-top: 1px solid #eee;
}

.collection-page #list .artists-wrapper .title-wrapper h3.title.orientation,
.collection-page #list .artType-wrapper .title-wrapper h3.title.orientation,
.collection-page #list .material-wrapper .title-wrapper h3.title.orientation,
.collection-page #list .size-wrapper .title-wrapper h3.title.orientation,
.collection-page #list .orientation-wrapper .title-wrapper h3.title.orientation,
.collection-page #list .colors-wrapper .title-wrapper h3.title.orientation {
    border-top: 1px solid #eee;
}

.collection-page #list .artists-wrapper .title-wrapper h3.title.colors,
.collection-page #list .artType-wrapper .title-wrapper h3.title.colors,
.collection-page #list .material-wrapper .title-wrapper h3.title.colors,
.collection-page #list .size-wrapper .title-wrapper h3.title.colors,
.collection-page #list .orientation-wrapper .title-wrapper h3.title.colors,
.collection-page #list .colors-wrapper .title-wrapper h3.title.colors {
    border-top: 1px solid #eee;
}

.collection-page #list .artists-wrapper .form-artists,
.collection-page #list .artType-wrapper .form-artists,
.collection-page #list .material-wrapper .form-artists,
.collection-page #list .size-wrapper .form-artists,
.collection-page #list .orientation-wrapper .form-artists,
.collection-page #list .colors-wrapper .form-artists {
    display: none;
}

.collection-page #list .artists-wrapper .form-artists.open,
.collection-page #list .artType-wrapper .form-artists.open,
.collection-page #list .material-wrapper .form-artists.open,
.collection-page #list .size-wrapper .form-artists.open,
.collection-page #list .orientation-wrapper .form-artists.open,
.collection-page #list .colors-wrapper .form-artists.open {
    display: block;
}

.collection-page #list .artists-wrapper .form-artists .checkbox-item,
.collection-page #list .artType-wrapper .form-artists .checkbox-item,
.collection-page #list .material-wrapper .form-artists .checkbox-item,
.collection-page #list .size-wrapper .form-artists .checkbox-item,
.collection-page #list .orientation-wrapper .form-artists .checkbox-item,
.collection-page #list .colors-wrapper .form-artists .checkbox-item {
    padding: 3px 0;
}

.collection-page #list .artists-wrapper .form-artists .checkbox-item input[type='checkbox'],
.collection-page #list .artType-wrapper .form-artists .checkbox-item input[type='checkbox'],
.collection-page #list .material-wrapper .form-artists .checkbox-item input[type='checkbox'],
.collection-page #list .size-wrapper .form-artists .checkbox-item input[type='checkbox'],
.collection-page #list .orientation-wrapper .form-artists .checkbox-item input[type='checkbox'],
.collection-page #list .colors-wrapper .form-artists .checkbox-item input[type='checkbox'] {
    margin-right: 10px;
}

.collection-page #list .artists-wrapper .form-artists .checkbox-item.hidden,
.collection-page #list .artType-wrapper .form-artists .checkbox-item.hidden,
.collection-page #list .material-wrapper .form-artists .checkbox-item.hidden,
.collection-page #list .size-wrapper .form-artists .checkbox-item.hidden,
.collection-page #list .orientation-wrapper .form-artists .checkbox-item.hidden,
.collection-page #list .colors-wrapper .form-artists .checkbox-item.hidden {
    display: none;
}

.collection-page #list .artists-wrapper .form-artists .checkbox-item.hidden.open,
.collection-page #list .artType-wrapper .form-artists .checkbox-item.hidden.open,
.collection-page #list .material-wrapper .form-artists .checkbox-item.hidden.open,
.collection-page #list .size-wrapper .form-artists .checkbox-item.hidden.open,
.collection-page #list .orientation-wrapper .form-artists .checkbox-item.hidden.open,
.collection-page #list .colors-wrapper .form-artists .checkbox-item.hidden.open {
    display: block;
}

.collection-page #list .artists-wrapper .form-artists .checkbox-item label img.size-icon,
.collection-page #list .artType-wrapper .form-artists .checkbox-item label img.size-icon,
.collection-page #list .material-wrapper .form-artists .checkbox-item label img.size-icon,
.collection-page #list .size-wrapper .form-artists .checkbox-item label img.size-icon,
.collection-page #list .orientation-wrapper .form-artists .checkbox-item label img.size-icon,
.collection-page #list .colors-wrapper .form-artists .checkbox-item label img.size-icon {
    width: 25%;
    margin-left: 2px;
}

.collection-page #list .artists-wrapper .show-more-wrapper,
.collection-page #list .artType-wrapper .show-more-wrapper,
.collection-page #list .material-wrapper .show-more-wrapper,
.collection-page #list .size-wrapper .show-more-wrapper,
.collection-page #list .orientation-wrapper .show-more-wrapper,
.collection-page #list .colors-wrapper .show-more-wrapper {
    padding: 1rem 0 2rem 0;
}

.collection-page #list .artists-wrapper .show-more-wrapper a.showmore,
.collection-page #list .artType-wrapper .show-more-wrapper a.showmore,
.collection-page #list .material-wrapper .show-more-wrapper a.showmore,
.collection-page #list .size-wrapper .show-more-wrapper a.showmore,
.collection-page #list .orientation-wrapper .show-more-wrapper a.showmore,
.collection-page #list .colors-wrapper .show-more-wrapper a.showmore {
    text-decoration: underline;
}

.collection-page #list .artists-wrapper .show-more-wrapper a.showmore:hover,
.collection-page #list .artType-wrapper .show-more-wrapper a.showmore:hover,
.collection-page #list .material-wrapper .show-more-wrapper a.showmore:hover,
.collection-page #list .size-wrapper .show-more-wrapper a.showmore:hover,
.collection-page #list .orientation-wrapper .show-more-wrapper a.showmore:hover,
.collection-page #list .colors-wrapper .show-more-wrapper a.showmore:hover {
    color: #524949;
}

.collection-page #list .artists-wrapper #width_range,
.collection-page #list .artists-wrapper #height_range,
.collection-page #list .artType-wrapper #width_range,
.collection-page #list .artType-wrapper #height_range,
.collection-page #list .material-wrapper #width_range,
.collection-page #list .material-wrapper #height_range,
.collection-page #list .size-wrapper #width_range,
.collection-page #list .size-wrapper #height_range,
.collection-page #list .orientation-wrapper #width_range,
.collection-page #list .orientation-wrapper #height_range,
.collection-page #list .colors-wrapper #width_range,
.collection-page #list .colors-wrapper #height_range {
    padding: 1rem 0;
}

.collection-page #list .artists-wrapper #width_range label,
.collection-page #list .artists-wrapper #height_range label,
.collection-page #list .artType-wrapper #width_range label,
.collection-page #list .artType-wrapper #height_range label,
.collection-page #list .material-wrapper #width_range label,
.collection-page #list .material-wrapper #height_range label,
.collection-page #list .size-wrapper #width_range label,
.collection-page #list .size-wrapper #height_range label,
.collection-page #list .orientation-wrapper #width_range label,
.collection-page #list .orientation-wrapper #height_range label,
.collection-page #list .colors-wrapper #width_range label,
.collection-page #list .colors-wrapper #height_range label {
    padding: 2rem 0;
}

.collection-page #list .artists-wrapper #width_range .noUi-horizontal,
.collection-page #list .artists-wrapper #height_range .noUi-horizontal,
.collection-page #list .artType-wrapper #width_range .noUi-horizontal,
.collection-page #list .artType-wrapper #height_range .noUi-horizontal,
.collection-page #list .material-wrapper #width_range .noUi-horizontal,
.collection-page #list .material-wrapper #height_range .noUi-horizontal,
.collection-page #list .size-wrapper #width_range .noUi-horizontal,
.collection-page #list .size-wrapper #height_range .noUi-horizontal,
.collection-page #list .orientation-wrapper #width_range .noUi-horizontal,
.collection-page #list .orientation-wrapper #height_range .noUi-horizontal,
.collection-page #list .colors-wrapper #width_range .noUi-horizontal,
.collection-page #list .colors-wrapper #height_range .noUi-horizontal {
    height: 4px;
}

.collection-page #list .artists-wrapper #width_range .noUi-connect,
.collection-page #list .artists-wrapper #height_range .noUi-connect,
.collection-page #list .artType-wrapper #width_range .noUi-connect,
.collection-page #list .artType-wrapper #height_range .noUi-connect,
.collection-page #list .material-wrapper #width_range .noUi-connect,
.collection-page #list .material-wrapper #height_range .noUi-connect,
.collection-page #list .size-wrapper #width_range .noUi-connect,
.collection-page #list .size-wrapper #height_range .noUi-connect,
.collection-page #list .orientation-wrapper #width_range .noUi-connect,
.collection-page #list .orientation-wrapper #height_range .noUi-connect,
.collection-page #list .colors-wrapper #width_range .noUi-connect,
.collection-page #list .colors-wrapper #height_range .noUi-connect {
    background-color: #000;
}

.collection-page #list .artists-wrapper #width_range .noUi-horizontal .noUi-handle,
.collection-page #list .artists-wrapper #height_range .noUi-horizontal .noUi-handle,
.collection-page #list .artType-wrapper #width_range .noUi-horizontal .noUi-handle,
.collection-page #list .artType-wrapper #height_range .noUi-horizontal .noUi-handle,
.collection-page #list .material-wrapper #width_range .noUi-horizontal .noUi-handle,
.collection-page #list .material-wrapper #height_range .noUi-horizontal .noUi-handle,
.collection-page #list .size-wrapper #width_range .noUi-horizontal .noUi-handle,
.collection-page #list .size-wrapper #height_range .noUi-horizontal .noUi-handle,
.collection-page #list .orientation-wrapper #width_range .noUi-horizontal .noUi-handle,
.collection-page #list .orientation-wrapper #height_range .noUi-horizontal .noUi-handle,
.collection-page #list .colors-wrapper #width_range .noUi-horizontal .noUi-handle,
.collection-page #list .colors-wrapper #height_range .noUi-horizontal .noUi-handle {
    width: 10px;
    height: 10px;
    left: -8px;
    top: -3px;
}

.collection-page #list .artists-wrapper #width_range .noUi-handle,
.collection-page #list .artists-wrapper #height_range .noUi-handle,
.collection-page #list .artType-wrapper #width_range .noUi-handle,
.collection-page #list .artType-wrapper #height_range .noUi-handle,
.collection-page #list .material-wrapper #width_range .noUi-handle,
.collection-page #list .material-wrapper #height_range .noUi-handle,
.collection-page #list .size-wrapper #width_range .noUi-handle,
.collection-page #list .size-wrapper #height_range .noUi-handle,
.collection-page #list .orientation-wrapper #width_range .noUi-handle,
.collection-page #list .orientation-wrapper #height_range .noUi-handle,
.collection-page #list .colors-wrapper #width_range .noUi-handle,
.collection-page #list .colors-wrapper #height_range .noUi-handle {
    border: 1px solid #000;
    border-radius: 0px;
    background: #000;
    cursor: default;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.collection-page #list .artists-wrapper #width_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .artists-wrapper #height_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .artType-wrapper #width_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .artType-wrapper #height_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .material-wrapper #width_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .material-wrapper #height_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .size-wrapper #width_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .size-wrapper #height_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .orientation-wrapper #width_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .orientation-wrapper #height_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .colors-wrapper #width_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.collection-page #list .colors-wrapper #height_range .noUi-horizontal .noUi-handle-upper .noUi-tooltip {
    bottom: -46px;
}

.collection-page #list .artists-wrapper #width_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .artists-wrapper #height_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .artType-wrapper #width_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .artType-wrapper #height_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .material-wrapper #width_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .material-wrapper #height_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .size-wrapper #width_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .size-wrapper #height_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .orientation-wrapper #width_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .orientation-wrapper #height_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .colors-wrapper #width_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.collection-page #list .colors-wrapper #height_range .noUi-horizontal .noUi-handle-lower .noUi-tooltip {
    top: 18px;
}

.collection-page #list .artists-wrapper #width_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .artists-wrapper #height_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .artType-wrapper #width_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .artType-wrapper #height_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .material-wrapper #width_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .material-wrapper #height_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .size-wrapper #width_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .size-wrapper #height_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .orientation-wrapper #width_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .orientation-wrapper #height_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .colors-wrapper #width_range .noUi-handle.noUi-handle-lower .noUi-tooltip,
.collection-page #list .colors-wrapper #height_range .noUi-handle.noUi-handle-lower .noUi-tooltip {
    background: #000;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
}

.collection-page #list .artists-wrapper #width_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .artists-wrapper #height_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .artType-wrapper #width_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .artType-wrapper #height_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .material-wrapper #width_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .material-wrapper #height_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .size-wrapper #width_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .size-wrapper #height_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .orientation-wrapper #width_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .orientation-wrapper #height_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .colors-wrapper #width_range .noUi-origin.noUi-background .noUi-tooltip,
.collection-page #list .colors-wrapper #height_range .noUi-origin.noUi-background .noUi-tooltip {
    background: #000;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
}

.collection-page #list .artists-wrapper #width_range label,
.collection-page #list .artists-wrapper #height_range label,
.collection-page #list .artType-wrapper #width_range label,
.collection-page #list .artType-wrapper #height_range label,
.collection-page #list .material-wrapper #width_range label,
.collection-page #list .material-wrapper #height_range label,
.collection-page #list .size-wrapper #width_range label,
.collection-page #list .size-wrapper #height_range label,
.collection-page #list .orientation-wrapper #width_range label,
.collection-page #list .orientation-wrapper #height_range label,
.collection-page #list .colors-wrapper #width_range label,
.collection-page #list .colors-wrapper #height_range label {
    display: block;
}

.collection-page #list .artists-wrapper #width_range .range-input,
.collection-page #list .artists-wrapper #height_range .range-input,
.collection-page #list .artType-wrapper #width_range .range-input,
.collection-page #list .artType-wrapper #height_range .range-input,
.collection-page #list .material-wrapper #width_range .range-input,
.collection-page #list .material-wrapper #height_range .range-input,
.collection-page #list .size-wrapper #width_range .range-input,
.collection-page #list .size-wrapper #height_range .range-input,
.collection-page #list .orientation-wrapper #width_range .range-input,
.collection-page #list .orientation-wrapper #height_range .range-input,
.collection-page #list .colors-wrapper #width_range .range-input,
.collection-page #list .colors-wrapper #height_range .range-input {
    width: 100%;
}

.collection-page .mb-buttons-filters {
    width: 68%;
    margin: auto;
}

.collection-page .mb-buttons-filters .fliter,
.collection-page .mb-buttons-filters .Hide {
    border: 1px solid #423e3e;
    border-radius: 3px;
    padding: 10px;
    width: 110px;
    margin: 0px auto 1rem auto;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 200;
    line-height: 22px;
    letter-spacing: 1px;
}

.collection-page .mb-buttons-filters .Hide {
    display: none;
}

.collection-page .row {
    width: 100% !important;
}

.collection-page .row .hero-image {
    width: 100%;
    max-width: 100%;
    min-height: auto;
}

.collection-page .row .hero-image .hero {
    width: 100%;
    max-width: 100%;
}

.collection-page .row .mb-hero-image {
    display: none;
}

.collection-page .row .check-main-wrapper {
    display: block;
}

.collection-page .main-page .collections-title {
    background-color: #F7F7F7;
}

.collection-page .main-page .collections-title h1.page-title {
    font-size: 98px;
    font-weight: 100;
    line-height: 120px;
    width: 88%;
    margin: auto;
}

.collection-page .main-page .row {
    width: 100%;
    margin: auto;
}

.collection-page .main-page .row .artists-wrapper {
    padding: 6rem 0 0 0;
}

.collection-page .main-page .row #material-form {
    padding: 0 0 2rem 0;
}

.collection-page .main-page .row .orientation-wrapper {
    padding: 4rem 0 0 0;
}

.collection-page .main-page .row .colors-wrapper {
    padding: 2rem 0 0 0;
}


/*TABS*/

.collection-page .collections-tabs#tabs {
    margin: 0 0;
    background-color: #fff;
}

.collection-page .collections-tabs .tabs-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #F7F7F7;
}

.collection-page #tabs-nav .tab-item {
    font-weight: 400;
    padding: 10px;
}

.collection-page #tabs-content {
    padding: 2rem 10px 10px 10px;
}

.collection-page #tabs-content .inner-flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.collection-page #tabs-content .inner-flex-wrapper .content {
    width: 65%;
    margin: auto;
}

.collection-page #tabs-content .inner-flex-wrapper .content #collection-row {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.collection-page #tabs-content .inner-flex-wrapper .content #collection-row .single-product {
    margin: 0 2rem;
}

.collection-page #tabs-content .fix-form-wrapper {
    margin: 0 2rem;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit {
    width: 100%;
    margin: auto;
    border: 1px solid #C3CDD5;
    padding: 2rem 1rem;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit h3.title {
    font-size: 25px;
    font-weight: 600;
    line-height: 42px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.24px;
    text-align: center;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .full-name-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .full-name-wrapper .form-group {
    width: 49%;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .full-name-wrapper .form-group input {
    border-radius: 0;
    outline: 0;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .full-name-wrapper .form-group input:focus {
    outline: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container {
    padding-top: 0;
    height: 52px;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    border: 0 !important;
    background-color: #F6F5F3 !important;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag .iti-flag {
    margin-top: 18px !important;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag:focus {
    border: 0 !important;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container #phone3 {
    width: 82% !important;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .form-group input {
    background-color: #F6F5F3;
    border: 0;
    border-radius: 0;
    padding: 12px;
    outline: 0;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .form-group input:focus {
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .form-group input.form-control:focus {
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .form-group textarea {
    background-color: #F6F5F3;
    border: 0;
    border-radius: 0;
    margin: 0 0 1rem 0;
    color: #5e5757;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .check-nesletter {
    padding: 0 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .check-nesletter #updates {
    font-size: 12px;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .check-nesletter input[type="checkbox"] {
    position: relative;
    width: 46px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    outline: none;
    border-radius: 2.5rem;
    -webkit-box-shadow: inset 0 0 0.5 gray;
    box-shadow: inset 0 0 0.5 gray;
    -webkit-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    margin-right: 1rem;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .check-nesletter input:checked[type="checkbox"] {
    background-color: #000;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .check-nesletter input:not(:checked)[type="checkbox"] {
    background-color: #847d7d;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .check-nesletter input[type="checkbox"]::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #eee;
    top: 0;
    left: 0;
    -webkit-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .check-nesletter input:checked[type="checkbox"]::before {
    left: 25px;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .btn-submit-form {
    text-align: center;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .btn-submit-form .btn.btn-dark {
    border-radius: 0;
    background-color: #2E2F33 !important;
    width: 70%;
    text-align: center;
    letter-spacing: 0.25px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.collection-page #tabs-content .fix-form-wrapper .form-submit .btn-submit-form .btn.btn-dark:hover {
    opacity: 0.9;
}

.collection-page #tabs-content .pad {
    margin: 0 1rem;
}

.collection-page #tabs-content .pad .product-img-wrapper {
    width: 310px;
}

.collection-page #tabs-content .product-row .product-img-wrapper {
    width: 310px !important;
}

.collection-page #tabs-content .product-row .product-img-wrapper .product-img {
    background-color: #88a1a7;
    padding: 1rem;
}

.collection-page #tabs-content .product-row .icon-list .social-share-icons {
    bottom: -6px;
    left: 0;
}

.collection-page .collection-page #tabs-content .product-row .icon-list .social-share-icons {
    position: relative;
}

.collection-page #tabs-content .product-row .icon-list .social-share-icons .inner-background {
    background-color: #fff !important;
    border: 1px solid #eee;
}

.collection-page #tabs-content .product-row .icon-list .social-share-icons .close-btn p {
    position: absolute;
    top: 15px;
    right: 17px;
    font-size: 12px;
}

.collection-page #tabs-content::before {
    width: 0 !important;
    height: 0 !important;
}

.collection-page #tabs-content::after {
    width: 0 !important;
    height: 0 !important;
}

.collection-page #tabs-content .product-row .product-img-wrapper {
    background-color: #e5e5eb;
    padding: 1rem;
}

.collection-page #tabs-content .product-row .product-img-wrapper:hover {
    border: 1px solid #e5e5eb !important;
}

.collection-page #tabs-nav li#tab-id:hover,
.collection-page li#tab-id.active {
    border-bottom: 0 !important;
    border-top: 2px solid #C3071C;
}

.collection-page #tabs-content .product-row .product-img-wrapper img.heart-icon {
    width: 40px;
    height: 40px !important;
}

.collection-page #tabs-content .product-row .product-img-wrapper img.share-icon {
    width: 40px;
    height: 40px !important;
}

.collection-page #tabs-content .product-row .product-img-wrapper {
    margin: 10px 0 !important;
}

.collection-page #tabs-content .product-row .icon-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.collection-page .icon-tap {
    padding: 7px 0px;
    cursor: pointer;
}

.collection-page .icon-tap img {
    width: 11px;
}

.collection-page #tabs-content .product-row .product-content {
    margin: 0rem 0 2rem 0;
}

.collections-tabs {
    position: relative;
    background-color: #fff !important;
}

.collections-tabs#tabs {
    width: 100% !important;
    margin: 10rem auto;
}

.collections-tabs .tabs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.collections-tabs .tabs-wrapper .trans-title {
    position: relative;
    display: inline-block;
    width: 60%;
}

.collections-tabs .tabs-wrapper .trans-title h2.title {
    position: absolute;
    top: -14vh;
    left: 0;
    font-size: 85px;
    line-height: 100px;
    font-weight: 200;
}

.collections-tabs .tabs-wrapper .tab-list-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    width: 65%;
}

.collections-tabs .tabs-wrapper .tab-list-nav .tab-item {
    font-size: 14px;
    font-weight: bold;
    margin-right: 6px;
    padding: 10px;
    border-bottom: none;
    cursor: pointer;
}

.collections-tabs .tabs-wrapper .tab-list-nav .tab-item a:hover {
    color: rgba(0, 0, 0, 0.7);
}

.collections-tabs .tabs-wrapper .tab-list-nav .tab-item #tab-id:active {
    border-bottom: 0 !important;
    color: #000;
}

#tabs-nav li {
    font-size: 14px;
    font-weight: bold;
    margin-right: 6px;
    padding: 6px 10px;
    border-bottom: none;
    cursor: pointer;
}

#tabs-nav li:hover,
li.active {
    border-left: 0 !important;
}


/*newsletter*/

.newsletter {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 999;
}

.newsletter .row {
    width: 100%;
    background-color: transparent !important;
}

.newsletter .newsletter-content {
    text-align: center;
    padding: 3rem 0;
}

.newsletter .newsletter-content h3.title {
    font-size: 21px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    line-height: 41px;
    letter-spacing: 1px;
}

.newsletter .newsletter-content .form-nwesletter {
    width: 30%;
    margin: auto;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper {
    margin-bottom: 1rem;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper input {
    width: 100%;
    padding: 12px 10px;
    background-color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    width: 100%;
    margin: auto;
    border: 0;
    border-radius: 3px;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper input::-webkit-input-placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper input::-moz-placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper input::-ms-input-placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper input::placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.newsletter .newsletter-content .form-nwesletter .submit-btn {
    margin: 2rem 0 3rem 0;
}

.newsletter .newsletter-content .form-nwesletter .submit-btn .submit-newsletter {
    background-color: #1d1c1c;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 11px 40px;
    -webkit-transition: all 0.7s ease !important;
    -o-transition: all 0.7s ease !important;
    transition: all 0.7s ease !important;
    outline: none;
    cursor: pointer;
}

.newsletter .newsletter-content .form-nwesletter .submit-btn .submit-newsletter:hover {
    background-color: #2c2b2b;
}

.newsletter .newsletter-content .form-nwesletter .submit-btn #server-results {
    color: #48c580;
    font-weight: 500;
    margin-top: 10px;
}

.newsletter .newsletter-content .form-nwesletter .names-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.newsletter .newsletter-content .form-nwesletter .names-wrapper .input-wrapper {
    width: 48%;
}

.newsletter .newsletter-content .form-nwesletter #error_firstName_news,
.newsletter .newsletter-content .form-nwesletter #error_lastName_news,
.newsletter .newsletter-content .form-nwesletter #error_email_news {
    font-size: 14px;
    font-weight: 600;
    color: red;
}

.newsletter .newsletter-content .form-nwesletter #firstname-error,
.newsletter .newsletter-content .form-nwesletter #lastname-error,
.newsletter .newsletter-content .form-nwesletter #email_news-error {
    font-size: 14px;
    font-weight: 600;
    color: red;
}

.gallery-page {
    background-color: #fff;
    padding: 4rem 0;
    /*newsletter*/
}

.gallery-page .page-title {
    width: 88%;
    margin: auto;
    padding: 0 0 2rem 0;
}

.gallery-page .page-title .title {
    font-size: 55px;
    font-weight: 200;
    line-height: 70px;
    text-transform: uppercase;
    color: #000;
}

.gallery-page .row {
    width: 88%;
    margin: auto;
    padding: 0 0 3rem 0;
}

.gallery-page .gallery {
    background-color: #F7F7F7;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(7, 5vw);
    grid-gap: 1rem;
    padding: 2rem;
}

.gallery-page .gallery .wrapper {
    position: relative;
}

.gallery-page .gallery .wrapper--1 {
    grid-row: 1/3;
    grid-column: 1/2;
}

.gallery-page .gallery .wrapper--2 {
    grid-row: 1/3;
    grid-column: 2/4;
}

.gallery-page .gallery .wrapper--3 {
    grid-row: 1/4;
    grid-column: 4/6;
}

.gallery-page .gallery .wrapper--4 {
    grid-row: 1/3;
    grid-column: 6/8;
}

.gallery-page .gallery .wrapper--5 {
    grid-row: 1/3;
    grid-column: 8/-1;
}

.gallery-page .gallery .wrapper--6 {
    grid-row: 3/6;
    grid-column: 1/ span 3;
}

.gallery-page .gallery .wrapper--7 {
    grid-row: 4/6;
    grid-column: 4/6;
}

.gallery-page .gallery .wrapper--8 {
    grid-row: 3/6;
    grid-column: 6/-1;
}

.gallery-page .gallery .wrapper--9 {
    grid-row: 6/8;
    grid-column: 1/3;
}

.gallery-page .gallery .wrapper--10 {
    grid-row: 6/8;
    grid-column: 3/5;
}

.gallery-page .gallery .wrapper--11 {
    grid-row: 6/8;
    grid-column: 5/7;
}

.gallery-page .gallery .wrapper--12 {
    grid-row: 6/8;
    grid-column: 7/-1;
}

.gallery-page .gallery .wrapper .artist-content {
    text-align: center;
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    right: 0;
    margin: auto;
}

.gallery-page .gallery .wrapper .artist-content .title {
    padding: 0 0 1rem 0;
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    line-height: 20px;
}

.gallery-page .gallery .gal-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.gallery-page .newsletter {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 999;
}

.gallery-page .newsletter .row {
    width: 100%;
    background-color: transparent !important;
}

.gallery-page .newsletter .newsletter-content {
    text-align: center;
    padding: 3rem 0;
}

.gallery-page .newsletter .newsletter-content h3.title {
    font-size: 21px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    line-height: 41px;
    letter-spacing: 1px;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter {
    width: 30%;
    margin: auto;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .input-wrapper {
    margin-bottom: 1rem;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .input-wrapper input {
    width: 100%;
    padding: 12px 10px;
    background-color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    width: 100%;
    margin: auto;
    border: 0;
    border-radius: 3px;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .input-wrapper input::-webkit-input-placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .input-wrapper input::-moz-placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .input-wrapper input::-ms-input-placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .input-wrapper input::placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .submit-btn {
    margin: 2rem 0 3rem 0;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .submit-btn .submit-newsletter {
    background-color: #1d1c1c;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 11px 40px;
    -webkit-transition: all 0.7s ease !important;
    -o-transition: all 0.7s ease !important;
    transition: all 0.7s ease !important;
    outline: none;
    cursor: pointer;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .submit-btn .submit-newsletter:hover {
    background-color: #2c2b2b;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .submit-btn #server-results {
    color: #48c580;
    font-weight: 500;
    margin-top: 10px;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .names-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter .names-wrapper .input-wrapper {
    width: 48%;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter #error_firstName_news,
.gallery-page .newsletter .newsletter-content .form-nwesletter #error_lastName_news,
.gallery-page .newsletter .newsletter-content .form-nwesletter #error_email_news {
    font-size: 14px;
    font-weight: 600;
    color: red;
}

.gallery-page .newsletter .newsletter-content .form-nwesletter #firstname-error,
.gallery-page .newsletter .newsletter-content .form-nwesletter #lastname-error,
.gallery-page .newsletter .newsletter-content .form-nwesletter #email_news-error {
    font-size: 14px;
    font-weight: 600;
    color: red;
}

.gallries-page {
    padding: 0 0 4rem 0;
}

.gallries-page .row.top-row {
    width: 100%;
    --bs-gutter-x: 0rem !important;
}

.gallries-page .row.top-row .main-image {
    width: 100%;
    max-width: 100%;
    min-height: auto;
}

.gallries-page .row.top-row .mb-profile-top {
    display: none;
}

.gallries-page .row {
    width: 88%;
    margin: auto;
}

.gallries-page .row .top-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2rem 0;
    color: #000;
}

.gallries-page .row .top-content-wrapper .main-top-wrapper h1.title {
    font-size: 85px;
    font-weight: 200;
    line-height: 65px;
    text-transform: uppercase;
    padding: 0 0 1rem 0;
}

.gallries-page .row .top-content-wrapper .main-top-wrapper h3.sub-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    padding: 0 0 1rem 0;
}

.gallries-page .row .top-content-wrapper .main-top-wrapper p.text {
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.48px;
    width: 85%;
}

.gallries-page .row .top-content-wrapper .main-top-wrapper p.text .read-more {
    text-decoration: underline;
    font-weight: 500;
}

.gallries-page .row .top-content-wrapper .address-side-wrapper {
    position: relative;
}

.gallries-page .row .top-content-wrapper .address-side-wrapper .eden {
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.27px;
    font-weight: 300;
    line-height: 20px;
    padding: 0 0 1rem 0;
}

.gallries-page .row .top-content-wrapper .address-side-wrapper .address {
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.27px;
    font-weight: 300;
    line-height: 20px;
    padding: 0 0 1rem 0;
}

.gallries-page .row .top-content-wrapper .address-side-wrapper .hours {
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.27px;
    font-weight: 300;
    line-height: 20px;
    padding: 0 0 1rem 0;
}

.gallries-page .row .top-content-wrapper .address-side-wrapper :after {
    content: "";
    display: block;
    width: 2px;
    height: 11rem;
    background: #eee;
    position: absolute;
    top: 0%;
    left: -45%;
}

.banner-small {
    width: 100%;
    height: 65px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*VIDEO-TOUR*/

.video-tour {
    background-color: #F7F7F7;
    padding: 3rem 0;
}

.video-tour .row .main-wrapper h3.video-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video-tour .row .main-wrapper h3.video-title img {
    max-width: 100%;
    min-height: auto;
    margin-right: 1rem;
}

.video-tour .row .video-wrapper {
    padding: 3rem 0;
}

.video-tour .row .video-wrapper iframe {
    width: 100%;
    height: 660px;
    min-height: 100%;
    margin: auto;
}


/*EDEN ARTWORKS*/

.artworks-at-eden {
    background-color: #fff;
    padding: 4rem 0 0 0;
}

.artworks-at-eden .latest-work {
    margin: auto;
    padding: 4rem 0;
}

.artworks-at-eden .latest-work #flex-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.artworks-at-eden .latest-work h2.title {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: #000000;
    text-transform: capitalize;
    padding: 0 0 3rem 0;
    text-align: center;
}

.artworks-at-eden .latest-work .product-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.artworks-at-eden .latest-work .product-row .single-product {
    position: relative;
    margin: 1rem 0;
}

.artworks-at-eden .latest-work .product-row .single-product:last-child .product-image {
    position: relative;
}

.artworks-at-eden .latest-work .product-row .single-product .pad {
    padding: 0 1.5rem;
}

.artworks-at-eden .latest-work .product-row .single-product .product-img-wrapper {
    vertical-align: middle;
    width: 550px;
    max-width: 550px;
    min-height: 400px;
    background-color: #ebe3e3;
    margin: 1rem 0;
    cursor: pointer;
    padding: 20px;
    display: table-cell;
}

.artworks-at-eden .latest-work .product-row .single-product .product-img-wrapper img {
    width: 100%;
    max-width: 100%;
    height: calc(100% - 150px);
    max-height: 400px;
    padding: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
}

.artworks-at-eden .latest-work .product-row .single-product .product-img-wrapper.test::before {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3071C;
    position: absolute;
    top: 0%;
    left: 86%;
    z-index: 45;
}

.artworks-at-eden .latest-work .product-row .single-product .product-img-wrapper.test::after {
    content: "";
    display: block;
    width: 12rem;
    height: 2px;
    background: #C3071C;
    position: absolute;
    top: 0%;
    right: 14%;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.5rem 0 1rem 0;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .crypto-icon-mb {
    display: none;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .share-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .heart-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .social {
    display: none;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons {
    width: 200px;
    position: absolute;
    bottom: 4%;
    right: 11px;
    padding: 8px;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons .close-btn {
    padding: 0 0 6px 0;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons .close-btn p {
    text-align: right;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons .inner-background {
    background-color: #eee;
    padding: 6px;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons .share-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;
    padding: 0 0 3px 0;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons .icons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons .icons-wrapper img.social-net {
    width: 15px;
    cursor: pointer;
}

.artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons .icons-wrapper img.social-net.face {
    width: 9px;
}

.artworks-at-eden .latest-work .product-row .single-product .product-content {
    margin-bottom: 2rem;
}

.artworks-at-eden .latest-work .product-row .single-product .product-content .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: #000000;
    text-transform: capitalize;
}

.artworks-at-eden .latest-work .product-row .single-product .product-content .artist-type-wrapper .artist {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.artworks-at-eden .latest-work .product-row .single-product .product-content .artist-type-wrapper .type {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

.artworks-at-eden .latest-work .product-row .single-product .product-content .size {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

.artworks-at-eden .latest-work .product-row .icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.5rem 0 1rem 0;
}

.artworks-at-eden .latest-work .product-row .icon-list .crypto-icon-mb {
    display: none;
}

.artworks-at-eden .latest-work .product-row .icon-list .share-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.artworks-at-eden .latest-work .product-row .icon-list .heart-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.artworks-at-eden .latest-work .product-row .icon-list .social {
    display: none;
}

.artworks-at-eden .latest-work .product-row .icon-list .social-share-icons {
    width: 200px;
    position: absolute;
    bottom: -15%;
    right: 0;
    padding: 8px;
}

.artworks-at-eden .latest-work .product-row .icon-list .social-share-icons .close-btn {
    padding: 0 0 6px 0;
}

.artworks-at-eden .latest-work .product-row .icon-list .social-share-icons .close-btn p {
    text-align: right;
}

.artworks-at-eden .latest-work .product-row .icon-list .social-share-icons .inner-background {
    background-color: #eee;
    padding: 6px;
}

.artworks-at-eden .latest-work .product-row .icon-list .social-share-icons .share-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;
    padding: 0 0 3px 0;
}

.artworks-at-eden .latest-work .product-row .icon-list .social-share-icons .icons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.artworks-at-eden .latest-work .product-row .icon-list .social-share-icons .icons-wrapper img.social-net {
    width: 15px;
    cursor: pointer;
}

.artworks-at-eden .latest-work .product-row .icon-list .social-share-icons .icons-wrapper img.social-net.face {
    width: 9px;
}

.artworks-at-eden .latest-work .see-more-wrapper {
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.artworks-at-eden .latest-work .see-more-wrapper .see-more {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 2.16px;
    color: #000000;
    text-transform: capitalize;
    margin-left: 1rem;
    cursor: pointer;
}

.artworks-at-eden .latest-work .show-more {
    display: none;
}

.artworks-at-eden .latest-work .show-more .single-product {
    margin: 1rem 2rem;
    width: 30%;
    margin: auto;
}

.artworks-at-eden .latest-work .show-more .single-product .product-img-wrapper {
    width: 100%;
    margin: auto;
}

.artworks-at-eden .latest-work .show-more .single-product .icon-list .social-share-icons {
    bottom: 4%;
    right: -38px;
}

.artworks-at-eden .latest-work .show-more .single-product .product-img-wrapper.test::before {
    width: 0;
    height: 0;
}

.artworks-at-eden .latest-work .show-more .single-product .product-img-wrapper.test::after {
    width: 0;
    height: 0;
}

.artworks-at-eden .latest-work .show-more .single-product .icon-list .social-share-icons .inner-background {
    border: 1px solid #e7e2e2;
    background-color: transparent !important;
}


/*FORM*/

.from-eden {
    padding: 0 0 6rem 0;
}

.form-presentation {
    width: 88%;
    margin: auto;
    background-color: #F7F7F7;
    padding: 0 2rem 2rem 2rem;
}

.form-presentation .form-title h3.title {
    position: relative;
    font-size: 26px;
    font-weight: 700;
    line-height: 35px;
    color: #000000;
    text-transform: capitalize;
    padding: 1rem 0;
}

.form-presentation .form-title h3.title::before {
    content: "";
    display: block;
    width: 2px;
    height: 5rem;
    background: #C3071C;
    position: absolute;
    top: 0%;
    left: -31px;
    z-index: 45;
}

.form-presentation .form-title h3.title::after {
    content: "";
    display: block;
    width: 5rem;
    height: 2px;
    background: #C3071C;
    position: absolute;
    top: 0%;
    left: -29px;
}

.form-presentation .presentation-js {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.form-presentation .presentation-js .form-group {
    width: 25%;
}

.form-presentation .presentation-js .btn.btn-dark {
    position: relative;
    padding: 6px 76px;
}

.form-presentation .presentation-js .btn.btn-dark::after {
    content: "";
    display: block;
    width: 12rem;
    height: 2px;
    background: #C3071C;
    position: absolute;
    bottom: -2.2rem;
    right: -16.5%;
}


/*CAROUSE-SLIDER*/

.carouse-wrapper {
    position: relative;
    padding: 4rem 0;
}

.carouse-wrapper .row {
    width: 88%;
    margin: auto;
    background-color: #eee;
    padding: 3rem 2rem;
}

.carouse-wrapper .row .slide {
    width: 80%;
    margin: 0 auto;
    position: relative;
    padding: 0;
}

.carouse-wrapper .row .slide .item {
    position: relative;
    height: 100%;
}

.carouse-wrapper .row .slide .item::before {
    display: block;
    padding-top: 39%;
    content: "";
}

.carouse-wrapper .row .slide .item a {
    display: block;
}

.carouse-wrapper .row .slide .item .image {
    position: relative;
    overflow: hidden;
}

.carouse-wrapper .row .slide .item img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
}

.carouse-wrapper .row .slide .slick-dots {
    bottom: -38px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.carouse-wrapper .row .slide .slick-dots li {
    width: 100%;
    margin: 0 !important;
}

.carouse-wrapper .row .slide .slick-dots li button {
    width: 100%;
    height: 2px;
}

.carouse-wrapper .row .slide .slick-dots li button:before {
    content: "" !important;
    width: 100%;
    height: 2px;
    background-color: #000;
}

.carouse-wrapper .gallery-arrows .prev {
    position: absolute;
    top: 38vh;
    left: 12rem;
    right: 0;
    margin: auto;
    cursor: pointer;
}

.carouse-wrapper .gallery-arrows .next {
    position: absolute;
    top: 38vh;
    right: 12rem;
    margin: auto;
    cursor: pointer;
}

.slide>.slick-list,
.slide>.slick-list>.slick-track,
.slide>.slick-list>.slick-track>.slick-slide>div {
    position: relative;
    height: 100%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none;
}

.arrow-carou {
    position: absolute;
    width: 34px;
    height: 61px;
    left: 97.5%;
    top: 96%;
}


/* .carousel-control-next-icon:after {
    content: '>';
    font-size: 30px;
    font-weight: 500;
    color: black;
}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 30px;
    font-weight: 500;
    color: black;
} */


/*ABOUT PAGE */

.about-page {
    background-color: #fff;
    padding: 4rem 0;
}

.about-page [data-tab-content] {
    display: none;
}

.about-page .active[data-tab-content] {
    display: block;
}

.about-page .row-tabs {
    width: 88%;
    margin: auto;
}

.about-page .row-tabs .tabs-about-wrapper {
    width: 85%;
}

.about-page .row-tabs .tabs-about-wrapper .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.about-page .row-tabs .tabs-about-wrapper .tabs .tab {
    cursor: pointer;
    padding: 10px;
}

.about-page .row-tabs .tabs-about-wrapper .tabs .tab.active {
    background-color: #eee;
    border-bottom: 2px solid #C3021C;
}

.about-page .row-tabs .tabs-about-wrapper .tabs .tab:hover {
    background-color: #eee;
    border-bottom: 2px solid #C3021C;
}

.about-page .row-tabs .tabs-about-wrapper .tab-content .tab-inner-content {
    padding: 3rem 0;
}

.about-page .row-tabs .tabs-about-wrapper .tab-content .tab-inner-content h1.main-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0.25px;
    color: #000000;
    padding: 0 0 1rem 0;
}

.about-page .row-tabs .tabs-about-wrapper .tab-content .tab-inner-content p.text {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
}

.about-page .row-tabs .tabs-about-wrapper .tab-content .tab-inner-content .space {
    padding: 0.5rem 0;
}

.about-page .row-tabs .tabs-about-wrapper .tab-content .tab-inner-content .loction-wrapper-text p {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    padding: 0 0 2rem;
}

.about-page .row-tabs .tabs-about-wrapper .tab-content .tab-inner-content .gallery-list-tab {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 65px;
    -moz-column-gap: 65px;
    column-gap: 65px;
}

.about-page .row-tabs .tabs-about-wrapper .tab-content .tab-inner-content .gallery-list-tab li.list {
    position: relative;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: normal;
    line-height: 63px;
    letter-spacing: 0.75px;
    color: #000000;
}

.about-page .row-tabs .tabs-about-wrapper .tab-content .tab-inner-content .gallery-list-tab li.list:after {
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #C3071C;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: 30px;
    left: -1rem;
}


/*form contact about*/

.fix-form-wrapper .form-submit {
    width: 100%;
    margin: auto;
    border: 1px solid #C3CDD5;
    padding: 2rem 1rem;
}

.fix-form-wrapper .form-submit h3.title {
    font-size: 25px;
    font-weight: 600;
    line-height: 42px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.24px;
    text-align: center;
}

.fix-form-wrapper .form-submit .full-name-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fix-form-wrapper .form-submit .full-name-wrapper .form-group {
    width: 49%;
}

.fix-form-wrapper .form-submit .full-name-wrapper .form-group input {
    border-radius: 0;
    outline: 0;
}

.fix-form-wrapper .form-submit .full-name-wrapper .form-group input:focus {
    outline: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container {
    padding-top: 0;
    height: 52px;
}

.fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag {
    border: 0 !important;
    background-color: #F6F5F3 !important;
}

.fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag .iti-flag {
    margin-top: 18px !important;
}

.fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag:focus {
    border: 0 !important;
}

.fix-form-wrapper .form-submit .form-group input {
    background-color: #F6F5F3;
    border: 0;
    border-radius: 0;
    padding: 12px;
    outline: 0;
}

.fix-form-wrapper .form-submit .form-group input:focus {
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.fix-form-wrapper .form-submit .form-group input.form-control:focus {
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.fix-form-wrapper .form-submit .form-group textarea {
    background-color: #F6F5F3;
    border: 0;
    border-radius: 0;
    margin: 0 0 1rem 0;
    color: #5e5757;
}

.fix-form-wrapper .form-submit .check-nesletter {
    padding: 0 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fix-form-wrapper .form-submit .check-nesletter #updates {
    font-size: 12px;
}

.fix-form-wrapper .form-submit .check-nesletter input[type="checkbox"] {
    position: relative;
    width: 46px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    outline: none;
    border-radius: 2.5rem;
    -webkit-box-shadow: inset 0 0 0.5 gray;
    box-shadow: inset 0 0 0.5 gray;
    -webkit-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    margin-right: 1rem;
}

.fix-form-wrapper .form-submit .check-nesletter input:checked[type="checkbox"] {
    background-color: #000;
}

.fix-form-wrapper .form-submit .check-nesletter input:not(:checked)[type="checkbox"] {
    background-color: #847d7d;
}

.fix-form-wrapper .form-submit .check-nesletter input[type="checkbox"]::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #eee;
    top: 0;
    left: 0;
    -webkit-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.fix-form-wrapper .form-submit .check-nesletter input:checked[type="checkbox"]::before {
    left: 25px;
}

.fix-form-wrapper .form-submit .btn-submit-form {
    text-align: center;
}

.fix-form-wrapper .form-submit .btn-submit-form .btn.btn-dark {
    border-radius: 0;
    background-color: #2E2F33 !important;
    width: 70%;
    text-align: center;
    letter-spacing: 0.25px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.fix-form-wrapper .form-submit .btn-submit-form .btn.btn-dark:hover {
    opacity: 0.9;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
    padding-left: 1rem !important;
}

#input-wrapper .form-control:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#contact-ajax .form-control:focus {
    -webkit-box-shadow: 0 !important;
    box-shadow: 0 !important;
}


/*newsletter*/

.newsletter {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 999;
}

.newsletter .row {
    width: 100%;
    background-color: transparent !important;
}

.newsletter .newsletter-content {
    text-align: center;
    padding: 3rem 0;
}

.newsletter .newsletter-content h3.title {
    font-size: 21px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    line-height: 41px;
    letter-spacing: 1px;
}

.newsletter .newsletter-content .form-nwesletter {
    width: 30%;
    margin: auto;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper {
    margin-bottom: 1rem;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper input {
    width: 100%;
    padding: 12px 10px;
    background-color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    width: 100%;
    margin: auto;
    border: 0;
    border-radius: 3px;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper input::-webkit-input-placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper input::-moz-placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper input::-ms-input-placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.newsletter .newsletter-content .form-nwesletter .input-wrapper input::placeholder {
    color: #5e5757;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.newsletter .newsletter-content .form-nwesletter .submit-btn {
    margin: 2rem 0 3rem 0;
}

.newsletter .newsletter-content .form-nwesletter .submit-btn .submit-newsletter {
    background-color: #1d1c1c;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 11px 40px;
    -webkit-transition: all 0.7s ease !important;
    -o-transition: all 0.7s ease !important;
    transition: all 0.7s ease !important;
    outline: none;
    cursor: pointer;
}

.newsletter .newsletter-content .form-nwesletter .submit-btn .submit-newsletter:hover {
    background-color: #2c2b2b;
}

.newsletter .newsletter-content .form-nwesletter .submit-btn #server-results {
    color: #48c580;
    font-weight: 500;
    margin-top: 10px;
}

.newsletter .newsletter-content .form-nwesletter .names-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.newsletter .newsletter-content .form-nwesletter .names-wrapper .input-wrapper {
    width: 48%;
}

.newsletter .newsletter-content .form-nwesletter #error_firstName_news,
.newsletter .newsletter-content .form-nwesletter #error_lastName_news,
.newsletter .newsletter-content .form-nwesletter #error_email_news {
    font-size: 14px;
    font-weight: 600;
    color: red;
}

.newsletter .newsletter-content .form-nwesletter #firstname-error,
.newsletter .newsletter-content .form-nwesletter #lastname-error,
.newsletter .newsletter-content .form-nwesletter #email_news-error {
    font-size: 14px;
    font-weight: 600;
    color: red;
}


/*CONTACT PAGE*/

.contact-page {
    padding: 3rem 0;
}

.contact-page .row {
    width: 86%;
    margin: auto;
    --bs-gutter-x: 0;
}

.contact-page .gallery-contact-info .list-information li.item-list .list-wrapper {
    position: relative;
    padding: 0 0 1.5rem 0;
}

.contact-page .gallery-contact-info .list-information li.item-list .list-wrapper .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}

.contact-page .gallery-contact-info .list-information li.item-list .list-wrapper .title:after {
    content: "";
    display: block;
    width: 4px;
    height: 20px;
    background: #C3071C;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    top: 6px;
    left: -1rem;
}

.contact-page .gallery-contact-info .list-information li.item-list .list-wrapper .mail {
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
}

.contact-page .gallery-contact-info .list-information li.item-list .list-wrapper .phone {
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
}

.contact-page .submission-artist-wrapper .title {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}

.contact-page .submission-artist-wrapper .title::after {
    content: "";
    display: block;
    width: 4px;
    height: 20px;
    background: #C3071C;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    top: 6px;
    left: -1rem;
}

.contact-page .submission-artist-wrapper .text {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0.16px;
    color: #171717;
    width: 75%;
    padding: 0 0 2.5rem 0;
}

.contact-page .submission-artist-wrapper .link-wrapper .submit-link {
    color: #C3071C;
    font-size: 22px;
    font-weight: normal;
    line-height: 32px;
    text-decoration: underline;
    letter-spacing: 2.2px;
    -webkit-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
    padding: 3rem 0 0 0;
}

.contact-page .submission-artist-wrapper .link-wrapper .submit-link:hover {
    color: #574c4c;
}


/*ARTIST PAGE*/

.all-artist-page {
    padding: 3rem 0;
}

.all-artist-page .row {
    width: 90%;
    margin: auto;
}

.all-artist-page .main-page-title {
    text-align: center;
}

.all-artist-page .main-page-title h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 55px;
}

.all-artist-page .artist-list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4rem 0;
}

.all-artist-page .artist-list-wrapper .single-artist {
    position: relative;
    cursor: pointer;
}

.all-artist-page .artist-list-wrapper .single-artist .img-wrapper {
    width: 405px;
    min-height: auto;
    -webkit-transition: all 0.3s ease-in !important;
    -o-transition: all 0.3s ease-in !important;
    transition: all 0.3s ease-in !important;
}

.all-artist-page .artist-list-wrapper .single-artist .img-wrapper img {
    width: 100%;
    max-width: 100%;
    min-height: auto;
}

.all-artist-page .artist-list-wrapper .single-artist .img-wrapper .artist-content {
    display: inline-block;
    position: absolute;
    bottom: -20%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease-in !important;
    -o-transition: all 0.3s ease-in !important;
    transition: all 0.3s ease-in !important;
}

.all-artist-page .artist-list-wrapper .single-artist .img-wrapper .artist-content .title {
    padding: 0 0 1rem 0;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;
}

.all-artist-page .artist-list-wrapper .single-artist .img-wrapper .artist-content .text {
    width: 80%;
    margin: auto;
    visibility: hidden;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #fff;
}

.all-artist-page .artist-list-wrapper .single-artist .img-wrapper:hover .artist-content {
    bottom: inherit;
    bottom: 12%;
}

.all-artist-page .artist-list-wrapper .single-artist .img-wrapper:hover .artist-content .text {
    visibility: visible;
}


/*BLOG PAGE*/

.blog-page {
    padding: 4rem 0;
}

.blog-page .row {
    position: relative;
    width: 90%;
    margin: auto;
}

.blog-page .row .container-select {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 2%;
    top: 0;
    margin: auto;
}

.blog-page .row .selectbox {
    position: relative;
}

.blog-page .row .selectbox::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: .7rem;
    width: 0;
    height: 0;
    border: 1px solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.blog-page .row select {
    border: 1px solid #EEE;
    border-radius: .25rem;
    padding: .5rem 2.5rem .5rem .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #F7F7F7;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.blog-page .row .title-page {
    text-align: left;
}

.blog-page .row .title-page h1.title {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    color: #000000;
    text-transform: capitalize;
}

.blog-page .row .blogs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4rem 0;
}

.blog-page .row .blogs-wrapper .blog-single {
    border: 1px solid #C7C7C7;
    padding: 1rem 2rem 0.875rem 2rem;
    width: 28%;
    margin-bottom: 4rem;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    cursor: pointer;
}

.blog-page .row .blogs-wrapper .blog-single:hover {
    -webkit-box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.blog-page .row .blogs-wrapper .blog-single .category-title {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: #000000;
    text-transform: capitalize;
    cursor: pointer;
}

.blog-page .row .blogs-wrapper .blog-single .date-autor-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0rem 1rem 0rem;
}

.blog-page .row .blogs-wrapper .blog-single .date-autor-wrapper .line-separator {
    margin-left: 4px;
    margin-right: 4px;
}

.blog-page .row .blogs-wrapper .blog-single .date-autor-wrapper .date {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #000000;
}

.blog-page .row .blogs-wrapper .blog-single .date-autor-wrapper .autor {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #000000;
    cursor: pointer;
}

.blog-page .row .blogs-wrapper .blog-single .blog-img-wrapper {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-height: auto;
    cursor: pointer;
}

.blog-page .row .blogs-wrapper .blog-single .blog-img-wrapper .blog-image {
    width: 100%;
    max-width: 100%;
    -webkit-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    overflow: hidden;
}

.blog-page .row .blogs-wrapper .blog-single .blog-img-wrapper .blog-image:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.blog-page .row .blogs-wrapper .blog-single .blog-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    padding: 0 0 2rem 0;
}

.blog-page .row .blogs-wrapper .blog-single .blog-text {
    width: 100%;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    font-weight: 300;
    padding: 0.875rem 4px;
}

.blog-page .row .blogs-wrapper .blog-single .read-more-wrapper {
    padding: 1rem 0;
    text-align: right;
}

.blog-page .row .blogs-wrapper .blog-single .read-more-wrapper a.link {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    color: #707070;
    cursor: pointer;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.blog-page .row .blogs-wrapper .blog-single .read-more-wrapper a.link:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.blog-page .row .blogs-wrapper .blog-single .read-more-wrapper a.link:hover:after {
    width: 100%;
}

.blog-page .row .blogs-wrapper .blog-single .read-more-wrapper a.link:hover {
    color: rgba(0, 0, 0, 0.5);
}


/*ARICLE PAGE*/

.article-page {
    padding: 3rem 0;
}

.article-page .row {
    width: 89%;
    margin: auto;
}

.article-page .row .top-image {
    max-width: 100%;
    width: 100%;
    min-height: auto;
}

.article-page .row .top-image .article-image {
    width: 100%;
    max-width: 100%;
    min-height: auto;
}

.article-page .row .article-content {
    width: 85%;
    margin: auto;
}

.article-page .row .article-content .title {
    font-size: 26px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: 0.65px;
    color: #000000;
    text-transform: capitalize;
    padding: 3rem 0 0rem 0;
}

.article-page .row .article-content .date {
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #888888;
    padding: 0 0 0.5rem 0;
}

.article-page .row .article-content .autor {
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #888888;
    padding: 0 0 2rem 0;
}

.article-page .row .article-content p.text {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.04px;
    color: #000000;
    padding: 0 0 1rem 0;
}

.article-page .row .article-content .logo-separation {
    position: relative;
    text-align: center;
    padding: 4rem 0;
}

.article-page .row .article-content .logo-separation .article-logo {
    width: 34px;
    min-height: auto;
    margin: auto;
}

.article-page .row .article-content .logo-separation::before {
    content: "";
    display: block;
    width: 33vw;
    height: 2px;
    background: #C3CDD5;
    position: absolute;
    bottom: 46%;
    left: 0px;
}

.article-page .row .article-content .logo-separation::after {
    content: "";
    display: block;
    width: 33vw;
    height: 2px;
    background: #C3CDD5;
    position: absolute;
    bottom: 46%;
    right: 0px;
}

.article-page .row .related-article-wrapper {
    text-align: center;
}

.article-page .row .related-article-wrapper h2.title {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.65px;
    color: #000000;
    text-transform: capitalize;
}

.article-page .row .blogs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4rem 0;
}

.article-page .row .blogs-wrapper .blog-single {
    background-color: #F7F7F7;
    padding: 2rem;
    width: 28%;
    margin-bottom: 4rem;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    cursor: pointer;
}

.article-page .row .blogs-wrapper .blog-single:hover {
    -webkit-box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.article-page .row .blogs-wrapper .blog-single .category-title {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: #000000;
    text-transform: capitalize;
    cursor: pointer;
}

.article-page .row .blogs-wrapper .blog-single .date-autor-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0rem 1rem 0rem;
}

.article-page .row .blogs-wrapper .blog-single .date-autor-wrapper .line-separator {
    margin-left: 4px;
    margin-right: 4px;
}

.article-page .row .blogs-wrapper .blog-single .date-autor-wrapper .date {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #000000;
}

.article-page .row .blogs-wrapper .blog-single .date-autor-wrapper .autor {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #000000;
    cursor: pointer;
}

.article-page .row .blogs-wrapper .blog-single .blog-img-wrapper {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-height: auto;
    cursor: pointer;
}

.article-page .row .blogs-wrapper .blog-single .blog-img-wrapper .blog-image {
    width: 100%;
    max-width: 100%;
    -webkit-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    overflow: hidden;
}

.article-page .row .blogs-wrapper .blog-single .blog-img-wrapper .blog-image:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.article-page .row .blogs-wrapper .blog-single .blog-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    padding: 0 0 2rem 0;
}

.article-page .row .blogs-wrapper .blog-single .blog-text {
    width: 100%;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    font-weight: 300;
    padding: 0.875rem 4px;
}

.article-page .row .blogs-wrapper .blog-single .read-more-wrapper {
    padding: 2rem 0 1rem 0;
    text-align: right;
}

.article-page .row .blogs-wrapper .blog-single .read-more-wrapper a.link {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    color: #707070;
    cursor: pointer;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.article-page .row .blogs-wrapper .blog-single .read-more-wrapper a.link:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.article-page .row .blogs-wrapper .blog-single .read-more-wrapper a.link:hover:after {
    width: 100%;
}

.article-page .row .blogs-wrapper .blog-single .read-more-wrapper a.link:hover {
    color: rgba(0, 0, 0, 0.5);
}


/*CONCEPT COLLECTION PAGE*/

.conept-collection-page .row {
    width: 88%;
    margin: auto;
}

.conept-collection-page .row .b-tab {
    display: none;
    text-align: center;
    padding: 3rem 0;
}

.conept-collection-page .row .b-tab.active {
    display: block;
}

.conept-collection-page .row .b-nav-tab {
    display: inline-block;
    padding: 6px 1.5rem;
}

.conept-collection-page .row .b-nav-tab.active {
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #000;
}

.conept-collection-page .collection-tabs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.conept-collection-page .collection-tabs-wrapper .b-nav-tab:hover {
    color: #000;
}

#tabs-content {
    position: relative;
}

#tabs-content::before {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3071C;
    position: absolute;
    bottom: 0%;
    left: 0%;
    z-index: 45;
}

#tabs-content::after {
    content: "";
    display: block;
    width: 12rem;
    height: 2px;
    background: #C3071C;
    position: absolute;
    bottom: 0%;
    left: 0%;
}

#tabs-content .content .top-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem 0;
}

#tabs-content .content .top-content .sub-title {
    width: 75%;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}

#tabs-content .content .top-content .sub-title .read-more {
    font-size: 15px;
    font-weight: 500;
}

#tabs-content .content .top-content .sub-title .read-more:hover {
    text-decoration: underline;
}

#tabs-content .content .top-content .show-popup-gallery .btn.btn-dark {
    padding: 6px 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#tabs-content .content .top-content .show-popup-gallery .btn.btn-dark svg {
    margin-right: 3px;
}

#tabs-content .content .top-content .show-popup-gallery .btn.btn-dark svg path {
    fill: #fff;
}

#tabs-content .product-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#tabs-content .product-row .product-img-wrapper {
    vertical-align: middle;
    margin: 1rem 0rem;
    width: 330px;
    max-width: 100%;
    min-height: 400px;
    border: 1px solid #fff;
    cursor: pointer;
}

#tabs-content .product-row .product-img-wrapper img {
    width: 100%;
    max-width: 100%;
    height: calc(100% - 150px);
    max-height: 23rem;
    padding: 10px;
    -o-object-fit: contain;
    object-fit: contain;
}

#tabs-content .product-row .product-content {
    margin: 1rem 0 2rem 0;
}

#tabs-content .product-row .product-content .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: #000000;
    text-transform: capitalize;
}

#tabs-content .product-row .product-content .artist-type-wrapper .artist {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

#tabs-content .product-row .product-content .artist-type-wrapper .type {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

#tabs-content .product-row .product-content .size {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

#tabs-content .product-row .icon-list {
    display: none;
    padding: 0.5rem 0 1rem 0;
}

#tabs-content .product-row .icon-list .crypto-icon-mb {
    display: none;
}

#tabs-content .product-row .icon-list .share-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

#tabs-content .product-row .icon-list .heart-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

#tabs-content .product-row .icon-list .social {
    display: none;
}

#tabs-content .product-row .icon-list .social-share-icons {
    width: 200px;
    position: absolute;
    bottom: -15%;
    right: 0;
    padding: 8px;
}

#tabs-content .product-row .icon-list .social-share-icons .close-btn {
    padding: 0 0 6px 0;
}

#tabs-content .product-row .icon-list .social-share-icons .close-btn p {
    text-align: right;
}

#tabs-content .product-row .icon-list .social-share-icons .inner-background {
    background-color: #eee;
    padding: 6px;
}

#tabs-content .product-row .icon-list .social-share-icons .share-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;
    padding: 0 0 3px 0;
}

#tabs-content .product-row .icon-list .social-share-icons .icons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#tabs-content .product-row .icon-list .social-share-icons .icons-wrapper img.social-net {
    width: 15px;
    cursor: pointer;
}

#tabs-content .product-row .icon-list .social-share-icons .icons-wrapper img.social-net.face {
    width: 9px;
}

#tabs-content .load-more-wrapper {
    padding: 4rem 0;
    text-align: center;
}

#tabs-content .load-more-wrapper .js-load-more {
    font-size: 26px;
    line-height: 33px;
    font-weight: 300;
    text-decoration: underline;
    letter-spacing: 0.25px;
}

#tabs-content .load-more-wrapper .js-load-more:hover {
    color: #574c4c;
}


/*IDENTIFICATION PAGE*/

.identification-page .row {
    width: 100%;
}

.identification-page .row .inner-col-wrapper {
    background-color: #F7F7F7;
}

.identification-page .row .inner-col-wrapper .login-content-wrapper {
    width: 75%;
    margin: auto;
}

.identification-page .row .inner-col-wrapper .login-content-wrapper h1.title {
    padding: 3rem 0;
    font-size: 26px;
    font-weight: bold;
    line-height: 35px;
    color: #000000;
    text-transform: uppercase;
}

.identification-page .row .inner-col-wrapper .login-content-wrapper h2.subtitle {
    padding: 5rem 0 0 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    color: #000000;
    text-transform: uppercase;
}

.identification-page .row .inner-col-wrapper .login-js-form {
    width: 95%;
    margin: auto;
    padding: 3rem 0;
}

.identification-page .row .inner-col-wrapper .login-js-form .inner-form {
    width: 95%;
    margin: auto;
}

.identification-page .row .inner-col-wrapper .login-js-form .inner-form .form-group {
    width: 90%;
    padding-bottom: 1rem;
}

.identification-page .row .inner-col-wrapper .login-js-form .inner-form .form-group input {
    border: 1px solid #707070;
}

.identification-page .row .inner-col-wrapper .login-js-form .inner-form .form-group label {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    color: #000000;
    text-transform: uppercase;
}

.identification-page .row .inner-col-wrapper .login-js-form .inner-form .form-group label .dots {
    color: red;
}

.identification-page .row .inner-col-wrapper .login-js-form .inner-form .forgot-password {
    padding: 0 0 2rem 0;
}

.identification-page .row .inner-col-wrapper .login-js-form .inner-form .forgot-password a {
    text-decoration: underline;
}

.identification-page .row .inner-col-wrapper .login-js-form .login-form {
    text-align: right;
}

.identification-page .row .inner-col-wrapper .login-js-form .login-form .lgoin-btn {
    padding: 8px 4rem;
}


/*ARTIST PAGE*/

.artist-page {
    padding: 0 0 10rem 0;
}

.artist-page .artist-main-page {
    width: 100%;
    max-width: 100%;
    min-height: auto;
}

.artist-page .artist-main-page .main-image {
    width: 100%;
    min-height: auto;
}

.artist-page .artist-main-page .mb-profile-top {
    display: none;
}

.artist-page .artist-main-page .row {
    --bs-gutter-x: 0rem;
    width: 100%;
    background-color: #eee;
}

.artist-page .artist-main-page .row .top-content-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3rem 0;
    width: 75%;
    margin: auto;
}

.artist-page .artist-main-page .row .top-content-info .profile-artist-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.artist-page .artist-main-page .row .top-content-info .profile-artist-image .mb-title {
    display: none;
}

.artist-page .artist-main-page .row .top-content-info .artist-name {
    text-align: center;
}

.artist-page .artist-main-page .row .top-content-info .artist-name .title {
    font-size: 85px;
    font-weight: lighter;
    line-height: 95px;
    color: #121010;
    text-transform: uppercase;
    width: 45vw;
}

.artist-page .artist-main-page .row .top-content-info .line {
    height: 12vh;
    width: 4px;
    background-color: #666;
    margin-right: 3rem;
}

.artist-page .artist-main-page .row .top-content-info .summary {
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0px;
    color: #0E0E0E;
    text-transform: capitalize;
}

.artist-page .artist-main-page .row .top-content-info .summary .read-more {
    font-weight: 600;
    cursor: pointer;
}

.artist-page .artist-icons-wrapper {
    margin: 1rem 0;
    padding: 1rem 0;
    background-color: #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.artist-page .artist-icons-wrapper .single-icon {
    margin: 0 0.875rem;
    cursor: pointer;
}

.artist-page .artist-icons-wrapper .single-icon .inner-text {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.18px;
    color: #0E0E0E;
}

.artist-page .latest-work {
    width: 85%;
    margin: auto;
    padding: 4rem 0;
}

.artist-page .latest-work #flex-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.artist-page .latest-work h2.title {
    font-size: 80px;
    font-weight: lighter;
    line-height: 90px;
    color: #000000;
    text-transform: capitalize;
    padding: 0 0 3rem 0;
}

.artist-page .latest-work .product-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.artist-page .latest-work .product-row .single-product {
    position: relative;
    margin: 1rem auto;
}

.artist-page .latest-work .product-row .single-product:last-child .product-image {
    position: relative;
}

.artist-page .latest-work .product-row .single-product .product-img-wrapper {
    vertical-align: middle;
    width: 410px;
    max-width: 460px;
    min-height: 400px;
    border: 1px solid #eee;
    margin: 1rem 0rem;
    cursor: pointer;
}

.artist-page .latest-work .product-row .single-product .product-img-wrapper:hover {
    background-color: #eee;
}

.artist-page .latest-work .product-row .single-product .product-img-wrapper img {
    width: 100%;
    max-width: 100%;
    height: calc(100% - 150px);
    max-height: 400px;
    padding: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
}

.artist-page .latest-work .product-row .single-product .product-img-wrapper.test::before {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3071C;
    position: absolute;
    top: 0%;
    left: 86%;
    z-index: 45;
}

.artist-page .latest-work .product-row .single-product .product-img-wrapper.test::after {
    content: "";
    display: block;
    width: 12rem;
    height: 2px;
    background: #C3071C;
    position: absolute;
    top: 0%;
    right: 14%;
}

.artist-page .latest-work .product-row .single-product .icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.5rem 0 1rem 0;
}

.artist-page .latest-work .product-row .single-product .icon-list .crypto-icon-mb {
    display: none;
}

.artist-page .latest-work .product-row .single-product .icon-list .share-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.artist-page .latest-work .product-row .single-product .icon-list .heart-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.artist-page .latest-work .product-row .single-product .icon-list .social {
    display: none;
}

.artist-page .latest-work .product-row .single-product .icon-list .social-share-icons {
    width: 200px;
    position: absolute;
    bottom: -15%;
    right: 0;
    padding: 8px;
}

.social-share-icons {
    margin-left: -161px;
    /* top: 5px; */
    padding: 0 !important;
}

.artist-page .latest-work .product-row .single-product .icon-list .social-share-icons .close-btn {
    padding: 0 0 6px 0;
}

.artist-page .latest-work .product-row .single-product .icon-list .social-share-icons .close-btn p {
    text-align: right;
}

.artist-page .latest-work .product-row .single-product .icon-list .social-share-icons .inner-background {
    background-color: #eee;
    padding: 6px;
}

.artist-page .latest-work .product-row .single-product .icon-list .social-share-icons .share-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;
    padding: 0 0 3px 0;
}

.artist-page .latest-work .product-row .single-product .icon-list .social-share-icons .icons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.artist-page .latest-work .product-row .single-product .icon-list .social-share-icons .icons-wrapper img.social-net {
    width: 15px;
    cursor: pointer;
}

.artist-page .latest-work .product-row .single-product .icon-list .social-share-icons .icons-wrapper img.social-net.face {
    width: 9px;
}

.artist-page .latest-work .product-row .single-product .product-content {
    margin-bottom: 2rem;
}

.artist-page .latest-work .product-row .single-product .product-content .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: #000000;
    text-transform: capitalize;
}

.artist-page .latest-work .product-row .single-product .product-content .artist-type-wrapper .artist {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.artist-page .latest-work .product-row .single-product .product-content .artist-type-wrapper .type {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

.artist-page .latest-work .product-row .single-product .product-content .size {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

.artist-page .latest-work .product-row .icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.5rem 0 1rem 0;
}

.artist-page .latest-work .product-row .icon-list .crypto-icon-mb {
    display: none;
}

.artist-page .latest-work .product-row .icon-list .share-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.artist-page .latest-work .product-row .icon-list .heart-icon-js {
    cursor: pointer;
    margin-left: 1rem;
}

.artist-page .latest-work .product-row .icon-list .social {
    display: none;
}

.artist-page .latest-work .product-row .icon-list .social-share-icons {
    width: 200px;
    position: absolute;
    bottom: -15%;
    right: 0;
    padding: 8px;
}

.artist-page .latest-work .product-row .icon-list .social-share-icons .close-btn {
    padding: 0 0 6px 0;
}

.artist-page .latest-work .product-row .icon-list .social-share-icons .close-btn p {
    text-align: right;
}

.artist-page .latest-work .product-row .icon-list .social-share-icons .inner-background {
    background-color: #eee;
    padding: 6px;
}

.artist-page .latest-work .product-row .icon-list .social-share-icons .share-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.5px;
    padding: 0 0 3px 0;
}

.artist-page .latest-work .product-row .icon-list .social-share-icons .icons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.artist-page .latest-work .product-row .icon-list .social-share-icons .icons-wrapper img.social-net {
    width: 15px;
    cursor: pointer;
}

.artist-page .latest-work .product-row .icon-list .social-share-icons .icons-wrapper img.social-net.face {
    width: 9px;
}

.artist-page .latest-work .see-more-wrapper {
    padding: 8rem 0 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.artist-page .latest-work .see-more-wrapper .see-more {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 2.16px;
    color: #000000;
    text-transform: capitalize;
    margin-left: 1rem;
    cursor: pointer;
}

.artist-page .latest-work .show-more {
    display: none;
}

.artist-page .latest-work .show-more .single-product {
    margin: 1rem 2rem;
    width: 30%;
    margin: auto;
}

.artist-page .latest-work .show-more .single-product .product-img-wrapper {
    width: 100%;
    margin: auto;
}

.artist-page .latest-work .show-more .single-product .icon-list .social-share-icons {
    bottom: 4%;
    right: -38px;
}

.artist-page .latest-work .show-more .single-product .product-img-wrapper.test::before {
    width: 0;
    height: 0;
}

.artist-page .latest-work .show-more .single-product .product-img-wrapper.test::after {
    width: 0;
    height: 0;
}

.artist-page .latest-work .show-more .single-product .icon-list .social-share-icons .inner-background {
    border: 1px solid #e7e2e2;
    background-color: transparent !important;
}

.artist-page .form-presentation {
    width: 85%;
    margin: auto;
    background-color: #F7F7F7;
    padding: 0 2rem 2rem 2rem;
}

.artist-page .form-presentation .form-title h3.title {
    position: relative;
    font-size: 26px;
    font-weight: 700;
    line-height: 35px;
    color: #000000;
    text-transform: capitalize;
    padding: 1rem 0;
}

.artist-page .form-presentation .form-title h3.title::before {
    content: "";
    display: block;
    width: 2px;
    height: 5rem;
    background: #C3071C;
    position: absolute;
    top: 0%;
    left: -31px;
    z-index: 45;
}

.artist-page .form-presentation .form-title h3.title::after {
    content: "";
    display: block;
    width: 5rem;
    height: 2px;
    background: #C3071C;
    position: absolute;
    top: 0%;
    left: -29px;
}

.artist-page .form-presentation .presentation-js {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.artist-page .form-presentation .presentation-js .form-group {
    width: 25%;
}

.artist-page .form-presentation .presentation-js .btn.btn-dark {
    position: relative;
    padding: 6px 76px;
}

.artist-page .form-presentation .presentation-js .btn.btn-dark::after {
    content: "";
    display: block;
    width: 12rem;
    height: 2px;
    background: #C3071C;
    position: absolute;
    bottom: -2.2rem;
    right: -16.5%;
}


/* TABS COLLECTIONS*/

.collections-tabs {
    background-color: #F7F7F7;
}

.collections-tabs#tabs {
    width: 85%;
    margin: 10rem auto;
}

.collections-tabs .tabs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.collections-tabs .tabs-wrapper .trans-title {
    position: relative;
    display: inline-block;
    width: 60%;
}

.collections-tabs .tabs-wrapper .trans-title h2.title {
    position: absolute;
    top: -14vh;
    left: 0;
    font-size: 85px;
    line-height: 100px;
    font-weight: 200;
}

.collections-tabs .tabs-wrapper .tab-list-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.collections-tabs .tabs-wrapper .tab-list-nav .tab-item {
    font-size: 14px;
    font-weight: bold;
    margin-right: 6px;
    padding: 6px 10px;
    border-bottom: none;
    cursor: pointer;
}

.collections-tabs .tabs-wrapper .tab-list-nav .tab-item a:hover {
    color: rgba(0, 0, 0, 0.7);
}

.collections-tabs .tabs-wrapper .tab-list-nav .tab-item:active {
    /* border-left: 1px solid #C3071C; */
    border-bottom: 1px solid #C3071C;
    color: #000;
}

#tabs-nav li {
    font-size: 14px;
    font-weight: bold;
    margin-right: 6px;
    padding: 6px 10px;
    border-bottom: none;
    cursor: pointer;
}

.content {
    padding: 10px;
    border-top: none;
}

.dropdown {
    height: 20px;
}

.selections {
    width: 85%;
    margin: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.selections .artist-cv p {
    padding: 0.5rem;
}

.selections .icon-wrap {
    text-align: center;
    padding: 3rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    cursor: pointer;
}

.selections .icon-wrap .fa-chevron-up {
    font-size: 22px;
    cursor: pointer;
}

.selections.open {
    max-height: 700px;
    overflow: hidden;
}

.selections.close {
    max-height: 0;
}


/*VIDEO SECTION*/

.video-section {
    width: 85% !important;
    margin: auto;
}

.video-section .title-wrapper .title {
    font-size: 80px;
    font-weight: lighter;
    line-height: 90px;
    color: #121010;
    text-transform: capitalize;
}

.video-section .row {
    background-color: #F7F7F7;
    padding: 3rem 0;
}

.video-section .row .video-wrapper {
    width: 80%;
    margin: auto;
}

.video-section .row .video-wrapper .text-under-video {
    padding: 2rem 0;
}

.video-section .row .video-wrapper .text-under-video .video-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: lighter;
    color: #000;
}

.video-section .row .sub-video-to-wtach {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video-section .row .sub-video-to-wtach .inner-video .take-mar {
    margin: 0 10px;
}

.video-section .row .sub-video-to-wtach .inner-video .video-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: lighter;
    color: #000;
}

.video-section .row .load-more-wrapper {
    padding: 4rem 0;
    text-align: center;
}

.video-section .row .load-more-wrapper .js-load-more {
    font-size: 26px;
    line-height: 33px;
    font-weight: 300;
    text-decoration: underline;
    letter-spacing: 0.25px;
}

.video-section .row .load-more-wrapper .js-load-more:hover {
    color: #574c4c;
}


/*behind-the-scenes*/

.behind-the-scenes {
    width: 85%;
    margin: auto;
    padding: 8rem 0 4rem 0;
}

.behind-the-scenes .row {
    --bs-gutter-x: 1.5rem;
    background-color: #eee !important;
}

.behind-the-scenes .row .behind-images {
    padding: 4rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.behind-the-scenes .row .behind-images .wrapper {
    width: 300px;
    min-height: 280px;
    margin: 0 1rem;
}

.behind-the-scenes .row .behind-images .wrapper img {
    width: 100%;
    max-width: 100%;
    min-height: auto;
}

.behind-the-scenes .title-wrapper {
    padding-right: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.behind-the-scenes .title-wrapper h2.title {
    width: 65%;
    font-size: 85px;
    font-weight: lighter;
    line-height: 80px;
    color: #121010;
    text-transform: capitalize;
    background-color: #fff;
}

.behind-the-scenes .title-wrapper .empty {
    width: 35%;
    background-color: #eee;
}

.behind-the-scenes .load-more-wrapper {
    padding: 2rem 0 0 0;
    text-align: center;
}

.behind-the-scenes .load-more-wrapper .js-load-more {
    font-size: 26px;
    line-height: 33px;
    font-weight: 300;
    text-decoration: underline;
    letter-spacing: 0.25px;
}

.behind-the-scenes .load-more-wrapper .js-load-more:hover {
    color: #574c4c;
}

.behind-the-scenes .share-icon-js {
    position: relative;
}

.behind-the-scenes .share-icon-js .share-text {
    width: 100%;
    margin: auto;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: lighter;
    line-height: 18px;
}

.behind-the-scenes .share-icon-js .icons-wrapper {
    width: 95%;
    margin: auto;
}

.behind-the-scenes .share-icon-js .icons-wrapper img.social-net {
    margin: 0 2px;
    width: 15px;
    cursor: pointer;
}

.behind-the-scenes .share-icon-js .icons-wrapper img.social-net.face {
    width: 9px;
}

.behind-the-scenes .share-icon-js .social-share-icons {
    padding: 1rem;
    text-align: right;
}

.behind-the-scenes .share-icon-js::before {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3071C;
    position: absolute;
    top: -15vh;
    right: 0%;
    z-index: 45;
}

.behind-the-scenes .share-icon-js::after {
    content: "";
    display: block;
    width: 12rem;
    height: 2px;
    background: #C3071C;
    position: absolute;
    top: 9vh;
    right: 0%;
}


/*press*/

.press-wrapper {
    width: 85%;
    margin: auto;
}

.press-wrapper .title-wrapper .title {
    font-size: 80px;
    font-weight: lighter;
    line-height: 90px;
    color: #121010;
    text-transform: capitalize;
}

.press-wrapper .row {
    background-color: #fff !important;
}

.press-wrapper .row .blogs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem 0;
}

.press-wrapper .row .blogs-wrapper .blog-single {
    position: relative;
    background-color: #F7F7F7;
    padding: 2rem;
    width: 28%;
    margin-bottom: 4rem;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    cursor: pointer;
    margin: 6px;
}

.press-wrapper .row .blogs-wrapper .blog-single:first-child::before {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3071C;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 45;
}

.press-wrapper .row .blogs-wrapper .blog-single:first-child::after {
    content: "";
    display: block;
    width: 12rem;
    height: 2px;
    background: #C3071C;
    position: absolute;
    top: 0%;
    left: 0%;
}

.press-wrapper .row .blogs-wrapper .blog-single:hover {
    -webkit-box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.press-wrapper .row .blogs-wrapper .blog-single .category-title {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: #000000;
    text-transform: capitalize;
    cursor: pointer;
}

.press-wrapper .row .blogs-wrapper .blog-single .date-autor-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0rem 1rem 0rem;
}

.press-wrapper .row .blogs-wrapper .blog-single .date-autor-wrapper .line-separator {
    margin-left: 4px;
    margin-right: 4px;
}

.press-wrapper .row .blogs-wrapper .blog-single .date-autor-wrapper .date {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #000000;
}

.press-wrapper .row .blogs-wrapper .blog-single .date-autor-wrapper .autor {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #000000;
    cursor: pointer;
}

.press-wrapper .row .blogs-wrapper .blog-single .blog-img-wrapper {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-height: auto;
    cursor: pointer;
}

.press-wrapper .row .blogs-wrapper .blog-single .blog-img-wrapper .blog-image {
    width: 100%;
    max-width: 100%;
    -webkit-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    overflow: hidden;
}

.press-wrapper .row .blogs-wrapper .blog-single .blog-img-wrapper .blog-image:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.press-wrapper .row .blogs-wrapper .blog-single .blog-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    padding: 0 0 2rem 0;
}

.press-wrapper .row .blogs-wrapper .blog-single .blog-text {
    width: 100%;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    font-weight: 300;
    padding: 0.875rem 4px;
}

.press-wrapper .row .blogs-wrapper .blog-single .read-more-wrapper {
    padding: 2rem 0 1rem 0;
    text-align: right;
}

.press-wrapper .row .blogs-wrapper .blog-single .read-more-wrapper a.link {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    color: #707070;
    cursor: pointer;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.press-wrapper .row .blogs-wrapper .blog-single .read-more-wrapper a.link:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.press-wrapper .row .blogs-wrapper .blog-single .read-more-wrapper a.link:hover:after {
    width: 100%;
}

.press-wrapper .row .blogs-wrapper .blog-single .read-more-wrapper a.link:hover {
    color: rgba(0, 0, 0, 0.5);
}

.press-wrapper .row .load-more-wrapper {
    padding: 2rem 0;
    text-align: center;
}

.press-wrapper .row .load-more-wrapper .js-load-more {
    font-size: 26px;
    line-height: 33px;
    font-weight: 300;
    text-decoration: underline;
    letter-spacing: 0.25px;
}

.press-wrapper .row .load-more-wrapper .js-load-more:hover {
    color: #574c4c;
}


/*phone input width*/

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    width: 80% !important;
}


/*end phone*/

@media only screen and (max-width: 1375px) {
    .top-icons-wrapper .serach-form-header .search {
        width: 18em;
    }

    .top-icons-wrapper .serach-form-header .search input {
        width: 18em;
    }
}

@media only screen and (max-width: 1300px) {
    .sub-menu .content-menu-wrapper-gal .row {
        width: 50%;
    }

    .sub-menu .content-menu-wrapper-gal .row {
        width: 50%;
    }

    .product-page .more-products .product-row .product-img-wrapper {
        width: 285px;
    }
}

@media only screen and (max-width: 1200px) {
    .sub-menu .content-menu-wrapper-gal .row {
        width: 60%;
    }

    .sub-menu .content-menu-wrapper-gal .row {
        width: 60%;
    }
}

@media only screen and (max-width: 1188px) {
    header.header .inner-wrapper {
        width: 95%;
    }

    header.header .main-nav-bar {
        width: 95%;
    }

    header.header .main-nav-bar .list-items .item-menu {
        padding: 1rem 0.5rem;
    }
}

@media only screen and (max-width: 1150px) {
    .top-icons-wrapper .serach-form-header .search {
        width: 15em;
    }

    .top-icons-wrapper .serach-form-header .search input {
        width: 15em;
    }

    .top-icons-wrapper .serach-form-header .search input::-webkit-input-placeholder {
        font-size: 12px;
        padding: 0 6px !important;
    }

    .top-icons-wrapper .serach-form-header .search input::-moz-placeholder {
        font-size: 12px;
        padding: 0 6px !important;
    }

    .top-icons-wrapper .serach-form-header .search input::-ms-input-placeholder {
        font-size: 12px;
        padding: 0 6px !important;
    }

    .top-icons-wrapper .serach-form-header .search input::placeholder {
        font-size: 12px;
        padding: 0 6px !important;
    }

    .top-icons-wrapper .serach-form-header .search .searchbarbutton {
        width: 18px;
    }
}

@media only screen and (max-width: 1024px) {
    .cta-mob-home {
        display: none !important;
    }

    .news-content {
        width: 100% !important;
    }

    .mob-block {
        display: block !important;
    }

    .text_wp_form {
        font-size: 11px !important;
    }

    .text-before-filter {
        margin-left: 0.5rem !important;
        display: none;
    }

    header.header {
        padding: 1rem 0 0 0;
    }

    header.header .inner-wrapper {
        padding: 0 0 0.5rem 0;
        border-bottom: none;
    }

    header.header .inner-wrapper .top-header {
        display: block;
    }

    header.header .inner-wrapper .top-header .top-logo-wrapper .favorit-icon-mb {
        display: block;
        position: absolute;
        top: 26%;
        right: 0;
        left: 90%;
        margin: auto;
    }

    header.header .inner-wrapper .top-header .top-logo-wrapper .top-logo {
        display: none;
    }

    header.header .inner-wrapper .top-header .back-icon-wrapper {
        display: none;
    }

    header.header .inner-wrapper .top-header .top-icons-wrapper {
        width: auto;
    }

    header.header .inner-wrapper .top-header .top-icons-wrapper .icon-title {
        display: none;
    }

    header.header .inner-wrapper .top-header .top-icons-wrapper .red-line:after {
        display: none;
    }

    header.header .inner-wrapper .top-header .top-icons-wrapper .red-line {
        display: none;
    }

    header.header .inner-wrapper .top-header .top-icons-wrapper .login-wrap {
        display: none;
    }

    header.header .inner-wrapper .top-header .top-icons-wrapper .languages-wrapper {
        display: none;
    }

    header.header .main-nav-bar {
        padding: 0.5rem 0;
        display: none;
    }

    header.header .main-nav-bar .main-logo-wrapper {
        display: none;
    }

    header.header .main-nav-bar .list-items .item-menu {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #00000029;
        padding: 0.875rem 1rem;
    }

    header.header .main-nav-bar .list-items .item-menu.shop-item-mb {
        display: block;
    }

    header.header .main-nav-bar .list-items .item-menu.shop-item-mb .item-link-mb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #C3021C;
        font-weight: 700;
    }

    header.header .main-nav-bar .list-items .item-menu.crypto-item-mb {
        display: block;
    }

    header.header .main-nav-bar .list-items .item-menu.crypto-item-mb .item-link-mb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #C3021C;
        font-weight: 700;
    }

    /* header.header .main-nav-bar .list-items .item-menu a.item-link {
      font-weight: 500;
      display: block;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    } */
    header.header .main-nav-bar .list-items .item-menu:hover .sub-menu {
        display: none;
    }

    header.header .main-nav-bar .list-items .item-menu .sub-menu {
        position: unset;
        width: 100%;
        padding: 2rem 0 0 0;
    }

    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper {
        display: block;
        padding: 0;
        width: 100%;
    }

    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .gallery-image-contianer {
        margin: 10px 0 10px 0;
        display: none;
    }

    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .gallery-image-contianer img {
        width: 150px;
        height: auto;
    }

    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .galleries-location .galleries-list {
        padding: 0;
    }

    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .galleries-location .galleries-list:after {
        display: none;
    }

    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .all-gallerys-link-wrap {
        padding: 1rem 0;
    }

    header.header .main-nav-bar .list-items .item-menu .sub-menu {
        display: none;
    }

    header.header .main-nav-bar .crypto-shop-icons {
        display: none;
    }

    header.header .mb-form-serach {
        display: block;
        position: relative;
        width: 90%;
        margin: auto;
    }

    header.header .mb-form-serach .search-input .mb-input {
        display: none;
        width: 100%;
        background-color: #eee;
        border: 0;
        padding: 0 4%;
        border-radius: 4px;
        height: 41px;
    }

    header.header .mb-form-serach .search-input .search_icon_mb {
        position: absolute;
        right: 6px;
        top: 22%;
        margin: 0;
    }

    .top-icons-wrapper .serach-form-header .search .searchbarbutton:hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .sub-menu .content-menu-wrapper-gal .row:after {
        display: none;
    }

    .sub-menu .all-gallerys-link {
        padding: 2rem 0 0 0;
    }

    .sub-menu .content-menu-wrapper-gal .row:after {
        display: none;
    }

    .sub-menu .first-gallery-image-contianer {
        display: none;
    }

    .sub-menu .all-gallerys-link {
        padding: 2rem 0 0 0;
    }

    #toggle {
        display: block;
    }

    #menu .list-items {
        padding: 3rem 0 0 0;
    }

    #menu .list-items .item-menu {
        padding: 0.6rem 0px;
    }

    #menu .list-items .item-menu .item-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    #menu .list-items .item-menu .item-link .fa-chevron-down {
        font-size: 12px;
    }

    #menu .list-items .item-menu .item-link .inner-mb-shop,
    #menu .list-items .item-menu .item-link .inner-mb-crypto {
        font-size: 18px;
        color: #ff4040;
        line-height: 22px;
        font-weight: 600;
        margin-left: 6px;
    }

    #menu .list-items .item-menu .item-link:hover {
        color: #000;
    }

    #menu .list-items .item-menu .sub-menu {
        display: none;
    }

    body {
        overflow-x: hidden !important;
    }

    .product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .crypto-icon-mb {
        display: block;
    }

    .product-page .gal-main-wrapper .main.main-product-gallery .mb-artwork-title {
        display: block;
        text-align: center;
    }

    .product-page .gal-main-wrapper .main.main-product-gallery .mb-artwork-title .art-by {
        color: red;
        text-decoration: underline;
    }

    .product-page .more-products .product-row .icon-list {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .product-page .more-products .product-row .icon-list .crypto-icon-mb {
        display: block;
    }

    .collection-page #list {
        top: 8vh;
    }

    .collection-page .mb-buttons-filters {
        width: 100%;
    }

    .collection-page .mb-buttons-filters {
        display: block;
        text-align: center;
    }

    .collection-page .row {
        --bs-gutter-x: 0rem;
        width: 100% !important;
    }

    .collection-page .row .hero-image {
        display: none;
    }

    .collection-page .row .mb-hero-image {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .collection-page .row .mb-hero-image .mb-hero {
        width: 100%;
        max-width: 100%;
        min-height: auto;
    }

    .collection-page .row .check-main-wrapper {
        display: none;
    }

    .collection-page .main-page .collections-title {
        background-color: #fff;
    }

    .collection-page .main-page .collections-title h1.page-title {
        font-size: 50px;
        line-height: 60px;
        width: 100%;
        text-align: center;
    }

    .collection-page .collections-tabs .tabs-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fff;
    }

    .collection-page #tabs-nav {
        overflow: hidden;
        padding: 0 0 2rem 0;
    }

    .collection-page #tabs-content {
        padding: 1rem;
    }

    .collection-page #tabs-content .inner-flex-wrapper {
        display: block;
    }

    .collection-page #tabs-content .inner-flex-wrapper .content {
        width: 100%;
    }

    .collection-page #tabs-content .inner-flex-wrapper .content #collection-row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .collection-page #tabs-content .fix-form-wrapper {
        margin: 0;
    }

    #tabs-nav li {
        font-size: 12px;
        padding: 10px 6px;
    }

    #tabs-nav li:hover,
    li.active {
        border-left: 0 !important;
    }

    .gallries-page .row {
        width: 100%;
    }

    .gallries-page .row .top-content-wrapper {
        display: block;
        padding: 0 1rem;
    }

    .gallries-page .row .top-content-wrapper .main-top-wrapper h1.title {
        font-size: 50px;
        line-height: 55px;
        padding: 1rem 0;
    }

    .gallries-page .row .top-content-wrapper .main-top-wrapper h3.sub-title {
        display: none;
    }

    .gallries-page .row .top-content-wrapper .main-top-wrapper p.text {
        width: 100%;
        padding: 0 0 1.5rem 0;
    }

    .gallries-page .row .top-content-wrapper .address-side-wrapper .eden {
        font-weight: 500;
        font-size: 16px;
    }

    .gallries-page .row .top-content-wrapper .address-side-wrapper .hours {
        padding: 0 0 2rem 0;
    }

    .banner-small {
        display: none;
    }

    .video-tour {
        padding: 1rem 0;
    }

    .video-tour .row .video-wrapper iframe {
        height: 500px;
    }

    .artworks-at-eden .latest-work .product-row .single-product .icon-list .crypto-icon-mb {
        display: block;
    }

    .artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons {
        bottom: -32%;
        right: 29vw;
        padding: 8px;
    }

    .artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons .close-btn {
        position: relative;
    }

    .artworks-at-eden .latest-work .product-row .single-product .icon-list .social-share-icons .close-btn p {
        position: absolute;
        bottom: -22px;
        right: 5px;
    }

    .artworks-at-eden .latest-work .product-row .icon-list .crypto-icon-mb {
        display: block;
    }

    .artworks-at-eden .latest-work .product-row .icon-list .social-share-icons {
        position: absolute;
        bottom: 13% !important;
        right: 30vw !important;
        padding: 8px !important;
    }

    .artworks-at-eden .latest-work .product-row .icon-list .social-share-icons .inner-background {
        background-color: none !important;
        border: 1px solid #eee;
    }

    .artworks-at-eden .latest-work .product-row .icon-list .social-share-icons .inner-background {
        bottom: -32%;
        right: 29vw;
        padding: 8px;
    }

    .blog-page .row .blogs-wrapper .blog-single {
        width: 49%;
    }

    .article-page .row .blogs-wrapper .blog-single {
        width: 49%;
    }

    #tabs-content::before {
        display: none;
    }

    #tabs-content::after {
        display: none;
    }

    #tabs-content .product-row .icon-list {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    #tabs-content .product-row .icon-list .crypto-icon-mb {
        display: block;
    }

    #tabs-content .product-row .icon-list .social-share-icons {
        bottom: -2vh;
        right: 35vw;
        padding: 8px;
    }

    #tabs-content .product-row .icon-list .social-share-icons .close-btn {
        position: relative;
    }

    #tabs-content .product-row .icon-list .social-share-icons .close-btn p {
        position: absolute;
        right: 4px;
        top: 4px;
    }

    .artist-page .artist-icons-wrapper {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .artist-page .artist-icons-wrapper .single-icon {
        margin: 5px;
    }

    .artist-page .artist-icons-wrapper .single-icon img {
        display: none;
    }

    .artist-page .latest-work .product-row .single-product .icon-list .crypto-icon-mb {
        display: block;
    }

    .artist-page .latest-work .product-row .single-product .icon-list .social-share-icons {
        bottom: -32%;
        right: 29vw;
        padding: 8px;
    }

    .artist-page .latest-work .product-row .single-product .icon-list .social-share-icons .close-btn {
        position: relative;
    }

    .artist-page .latest-work .product-row .single-product .icon-list .social-share-icons .close-btn p {
        position: absolute;
        bottom: -22px;
        right: 5px;
    }

    .artist-page .latest-work .product-row .icon-list .crypto-icon-mb {
        display: block;
    }

    .artist-page .latest-work .product-row .icon-list .social-share-icons {
        position: absolute;
        bottom: 13% !important;
        right: 30vw !important;
        padding: 8px !important;
    }

    .artist-page .latest-work .product-row .icon-list .social-share-icons .inner-background {
        background-color: none !important;
        border: 1px solid #eee;
    }

    .artist-page .latest-work .product-row .icon-list .social-share-icons .inner-background {
        bottom: -32%;
        right: 29vw;
        padding: 8px;
    }

    #tabs-nav li {
        font-size: 12px;
        padding: 10px 6px;
    }

    #tabs-nav li:hover,
    li.active {
        border-left: 0 !important;
    }

    .press-wrapper .row .blogs-wrapper .blog-single {
        width: 49%;
    }
}

@media only screen and (max-width: 768px) {
    header.header .main-nav-bar .list-items .item-menu .artists-group .artists-list {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    header.header .main-nav-bar .list-items .item-menu .collections-wrapper .collections-list {
        -webkit-column-gap: 45px;
        -moz-column-gap: 45px;
        column-gap: 45px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .top-mb-header {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .top-mb-header .left-inner-mb-header {
        width: 75%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .top-mb-header .left-inner-mb-header .login-wrap {
        width: 60%;
    }

    .top-mb-header .left-inner-mb-header .favorit-icon {
        margin-left: -19px;
        margin-top: 3px;
    }

    .top-mb-header .right-inner-mb-header {
        width: 75%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .top-mb-header .right-inner-mb-header .languages-wrapper .select .selectBtn {
        font-size: 15px;
    }

    .top-mb-header .right-inner-mb-header .searchbarbutton {
        width: 18px;
    }

    .top-mb-header .mb-logo-wrapper .mb-logo {
        width: 30px;
    }

    .top-mb-header .serach-form-header {
        position: relative;
    }

    .top-mb-header .serach-form-header .search {
        width: 21em;
        height: 2em;
        padding: 0;
        margin: 0;
        line-height: 2em;
        background-color: #fff;
        position: relative;
        -webkit-transition: all .25s linear;
        -o-transition: all .25s linear;
        transition: all .25s linear;
    }

    .top-mb-header .serach-form-header .search input {
        width: 21em;
        height: 42px;
        line-height: 1em;
        padding: 0 0 0 0em;
        border: none;
        outline: none;
        background-color: #eee;
        font-size: 1em;
        color: #000;
        border-radius: 6px;
        margin-top: -11px;
        -webkit-transition: all .25s linear;
        -o-transition: all .25s linear;
        transition: all .25s linear;
    }

    .top-mb-header .serach-form-header .search input::-webkit-input-placeholder {
        padding: 0 1rem;
        font-size: 14px;
    }

    .top-mb-header .serach-form-header .search input::-moz-placeholder {
        padding: 0 1rem;
        font-size: 14px;
    }

    .top-mb-header .serach-form-header .search input::-ms-input-placeholder {
        padding: 0 1rem;
        font-size: 14px;
    }

    .top-mb-header .serach-form-header .search input::placeholder {
        padding: 0 1rem;
        font-size: 14px;
    }

    .top-mb-header .serach-form-header .search .searchbarbutton {
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
        -webkit-transition: -webkit-transform 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    }

    .top-mb-header .serach-form-header .search .searchbarbutton:hover {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .top-mb-header .serach-form-header .search.collapsed {
        width: 0rem;
    }

    .top-mb-header .serach-form-header .search.collapsed input {
        width: 0;
    }

    .top-mb-header .serach-form-header .search.collapsed a {
        color: #999;
    }

    .top-mb-header .serach-form-header .search.collapsed a:hover {
        color: #bbb;
    }

    .product-page .row .col-7 {
        width: 100%;
    }

    .product-page .row .col-5 {
        width: 100%;
    }

    .product-page .row .fix-form-wrapper {
        padding: 0;
    }

    .product-page .row .fix-form-wrapper .form-submit {
        width: 100%;
    }

    .product-page .row .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag {
        border: 1px solid #ced4da !important;
    }

    .product-page .row .fix-form-wrapper .form-submit .form-group input {
        border: 1px solid #ced4da;
    }

    .product-page .row .fix-form-wrapper .form-submit .form-group textarea {
        border: 1px solid #ced4da;
    }

    .product-page .row .fix-form-wrapper .form-submit .check-nesletter #updates {
        font-size: 11px;
    }

    .product-page .row .under-form-icons {
        margin: 2rem 0 0 0;
    }

    .product-page .row .under-form-icons .inner-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .product-page .row .under-form-icons .inner-wrapper::before {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: #eee;
        position: absolute;
        top: 45%;
        left: 0%;
    }

    .product-page .row .under-form-icons .inner-wrapper::after {
        content: "";
        display: block;
        width: 2px;
        height: 100%;
        background: #eee;
        position: absolute;
        top: 2%;
        left: 51%;
    }

    .product-page .row .under-form-icons .inner-wrapper .single-wrapper {
        width: 49%;
    }

    .product-page .row .under-form-icons .inner-wrapper .single-wrapper .icon_text {
        font-size: 12px !important;
        width: 100%;
    }

    .product-page .row .under-form-icons .mb-title {
        display: block;
        text-align: center;
    }

    .product-page .row .under-form-icons .mb-title h3.title {
        padding: 1rem 0;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
    }

    .product-page .gal-main-wrapper .main.main-product-gallery {
        width: 100% !important;
    }

    .product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image h3.inner-wrapper-img {
        width: 100%;
        max-width: 100%;
        background-color: #fff;
    }

    .product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image h3.inner-wrapper-img img {
        width: 100% !important;
        padding: 3px !important;
    }

    .product-page .gal-main-wrapper .main.main-product-gallery #test .main-gallery-image .icon-list .share-icon-js {
        display: none;
    }

    .product-page .gal-main-wrapper .gallery-arrows .prev {
        left: -7% !important;
        top: -10vh !important;
    }

    .product-page .gal-main-wrapper .gallery-arrows .prev img {
        width: 10px;
    }

    .product-page .gal-main-wrapper .gallery-arrows .next {
        right: -7% !important;
        top: -9vh !important;
    }

    .product-page .gal-main-wrapper .gallery-arrows .next img {
        width: 10px;
    }

    .product-page .artist-content-wrapper {
        padding: 2rem 0 0 0;
    }

    .product-page .artist-content-wrapper .artist-name {
        display: none;
    }

    .product-page .artist-content-wrapper .about-artwork {
        font-weight: 400 !important;
    }

    .product-page .artist-content-wrapper .about-artist {
        font-weight: 400 !important;
    }

    .collection-page #tabs-content .fix-form-wrapper .form-submit {
        width: 100%;
    }

    .collection-page #tabs-content .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag {
        border: 1px solid #ced4da !important;
    }

    .collection-page #tabs-content .fix-form-wrapper .form-submit .form-group input {
        border: 1px solid #ced4da;
    }

    .collection-page #tabs-content .fix-form-wrapper .form-submit .form-group textarea {
        border: 1px solid #ced4da;
    }

    .collection-page #tabs-content .fix-form-wrapper .form-submit .check-nesletter #updates {
        font-size: 11px;
    }

    .collections-tabs {
        background-color: #fff;
    }

    .collections-tabs#tabs {
        width: 100% !important;
    }

    .collections-tabs .tabs-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .collections-tabs .tabs-wrapper .trans-title {
        width: 0%;
    }

    .collections-tabs .tabs-wrapper .trans-title h2.title {
        font-size: 45px;
        line-height: 50px;
    }

    .gallery-page .gallery {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .gallries-page .row.top-row .main-image {
        display: none;
    }

    .gallries-page .row.top-row .mb-profile-top {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .video-tour .row .main-wrapper h3.video-title {
        font-size: 31px;
    }

    .video-tour .row .main-wrapper h3.video-title img {
        width: 20%;
    }

    .artworks-at-eden .latest-work {
        width: 100%;
        padding: 4rem 1rem;
    }

    .artworks-at-eden .latest-work h2.title {
        text-align: left;
        font-size: 27px;
        line-height: 35px;
    }

    .artworks-at-eden .latest-work .product-row {
        display: block;
    }

    .artworks-at-eden .latest-work .product-row .single-product .product-img-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .artworks-at-eden .latest-work .product-row .single-product .product-img-wrapper img {
        width: 100%;
        max-width: 100%;
    }

    .artworks-at-eden .latest-work .product-row .single-product .product-img-wrapper.test::before {
        display: none;
    }

    .artworks-at-eden .latest-work .product-row .single-product .product-img-wrapper.test::after {
        display: none;
    }

    .artworks-at-eden .latest-work .see-more-wrapper {
        padding: 2rem 0 3rem 0;
    }

    .artworks-at-eden .latest-work .show-more {
        display: none;
    }

    .artworks-at-eden .latest-work .show-more .single-product {
        width: 90%;
    }

    .form-presentation {
        width: 90%;
    }

    .form-presentation .presentation-js {
        display: block;
    }

    .form-presentation .presentation-js .form-group {
        width: 100%;
    }

    .form-presentation .presentation-js .btn-submit-form {
        padding: 2rem 0 0 0;
        text-align: right;
    }

    .carouse-wrapper {
        padding: 2rem 0;
    }

    .carouse-wrapper .row {
        width: 100%;
        padding: 1rem 1rem 2rem 1rem;
    }

    .carouse-wrapper .row .slide {
        width: 100%;
        min-height: 35vh;
        margin: 0;
    }

    .carouse-wrapper .row .slide .item img {
        height: 400px;
    }

    .carouse-wrapper .gallery-arrows {
        display: none;
    }

    .about-page .row-tabs .tabs-about-wrapper .tab-content .tab-inner-content h1.main-title {
        font-size: 28px;
    }

    .contact-col {
        width: 100%;
    }

    .fix-form-wrapper .form-submit {
        width: 100%;
    }

    .fix-form-wrapper .form-submit .intl-tel-input.allow-dropdown .flag-container .selected-flag {
        border: 1px solid #ced4da !important;
    }

    .fix-form-wrapper .form-submit .form-group input {
        border: 1px solid #ced4da;
    }

    .fix-form-wrapper .form-submit .form-group textarea {
        border: 1px solid #ced4da;
    }

    .fix-form-wrapper .form-submit .check-nesletter #updates {
        font-size: 11px;
    }

    .blog-page .row .blogs-wrapper {
        padding: 2rem 0;
    }

    .article-page .row .related-article-wrapper {
        text-align: left;
    }

    .article-page .row .blogs-wrapper {
        padding: 2rem 0;
    }

    #tabs-content .content .top-content {
        display: block;
    }

    #tabs-content .content .top-content .sub-title {
        width: 100%;
    }

    #tabs-content .content .top-content .show-popup-gallery {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 2rem 0 0 0;
    }

    #tabs-content .load-more-wrapper {
        padding: 0;
    }

    #tabs-content .load-more-wrapper .js-load-more {
        font-size: 21px;
    }

    .artist-page .artist-main-page .main-image {
        display: none;
    }

    .artist-page .artist-main-page .mb-profile-top {
        display: block;
        width: 100%;
        min-height: auto;
    }

    .artist-page .artist-main-page .row {
        background-color: #fff;
        --bs-gutter-x: 0rem;
    }

    .artist-page .artist-main-page .row .top-content-info {
        width: 100%;
        display: block;
        padding: 3rem 1rem 1rem 1rem;
    }

    .artist-page .artist-main-page .row .top-content-info .profile-artist-image img {
        width: 38%;
    }

    .artist-page .artist-main-page .row .top-content-info .profile-artist-image .mb-title {
        display: block;
        font-size: 50px;
        font-weight: lighter;
        line-height: 70px;
        color: #121010;
        text-transform: uppercase;
        margin-left: 1rem;
    }

    .artist-page .artist-main-page .row .top-content-info .artist-name .title {
        display: none;
    }

    .artist-page .artist-main-page .row .top-content-info .line {
        display: none;
    }

    .artist-page .artist-main-page .row .top-content-info .summary {
        font-size: 19px;
        line-height: 24px;
        padding: 2rem 0 0 0;
    }

    .artist-page .latest-work {
        width: 100%;
        padding: 4rem 1rem;
    }

    .artist-page .latest-work .product-row {
        display: block;
    }

    .artist-page .latest-work .product-row .single-product .product-img-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .artist-page .latest-work .product-row .single-product .product-img-wrapper img {
        width: 100%;
        max-width: 100%;
    }

    .artist-page .latest-work .product-row .single-product .product-img-wrapper.test::before {
        display: none;
    }

    .artist-page .latest-work .product-row .single-product .product-img-wrapper.test::after {
        display: none;
    }

    .artist-page .latest-work .see-more-wrapper {
        padding: 2rem 0 3rem 0;
    }

    .artist-page .latest-work .show-more {
        display: none;
    }

    .artist-page .latest-work .show-more .single-product {
        width: 90%;
    }

    .artist-page .form-presentation {
        width: 90%;
    }

    .artist-page .form-presentation .presentation-js {
        display: block;
    }

    .artist-page .form-presentation .presentation-js .form-group {
        width: 100%;
    }

    .artist-page .form-presentation .presentation-js .btn-submit-form {
        padding: 2rem 0 0 0;
        text-align: right;
    }

    .collections-tabs {
        background-color: #fff;
    }

    .collections-tabs#tabs {
        width: 90%;
    }

    .collections-tabs .tabs-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .collections-tabs .tabs-wrapper .trans-title {
        width: 0%;
    }

    .collections-tabs .tabs-wrapper .trans-title h2.title {
        font-size: 45px;
        line-height: 50px;
    }

    .selections {
        width: 90%;
    }

    .selections .artist-cv {
        font-size: 15px;
    }

    .selections .icon-wrap {
        padding: 1rem;
    }

    .selections.open {
        max-height: 150vh;
    }

    .video-section#section-4 {
        width: 100% !important;
    }

    .video-section .title-wrapper {
        padding: 0 1rem;
    }

    .video-section .title-wrapper .title {
        font-size: 45px;
        line-height: 50px;
    }

    .video-section .row .video-wrapper {
        width: 90%;
    }

    .video-section .row .video-wrapper .text-under-video .video-text {
        text-align: center;
        font-size: 16px;
        font-weight: 400;
    }

    .video-section .row .sub-video-to-wtach {
        display: none;
    }

    .video-section .row .load-more-wrapper {
        padding: 0 0;
    }

    .video-section .row .load-more-wrapper .js-load-more {
        font-size: 21px;
    }

    .behind-the-scenes {
        width: 90%;
        padding: 1rem 0;
    }

    .behind-the-scenes .row .behind-images {
        display: block;
    }

    .behind-the-scenes .row .behind-images .wrapper {
        margin: 1rem auto;
    }

    .behind-the-scenes .title-wrapper h2.title {
        font-size: 42px;
        line-height: 50px;
    }

    .behind-the-scenes .load-more-wrapper .js-load-more {
        font-size: 21px;
    }

    .behind-the-scenes .share-icon-js .icons-wrapper {
        width: 100%;
    }

    .behind-the-scenes .share-icon-js .social-share-icons {
        text-align: left;
    }

    .behind-the-scenes .share-icon-js::before {
        height: 6rem;
        top: -22px;
        left: 0%;
    }

    .behind-the-scenes .share-icon-js::after {
        width: 9rem;
        height: 2px;
        top: 9vh;
        left: 0%;
    }

    .press-wrapper {
        width: 90%;
    }

    .press-wrapper .title-wrapper .title {
        padding: 2rem 0 0 0;
    }

    .press-wrapper .row .blogs-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 2rem 0;
    }

    .press-wrapper .row .load-more-wrapper {
        padding: 0 0 3rem 0;
    }

    .press-wrapper .row .load-more-wrapper .js-load-more {
        font-size: 21px;
    }
}

@media only screen and (max-width: 768px) and (max-width: 1375px) {
    .top-mb-header .serach-form-header .search {
        width: 18em;
    }

    .top-mb-header .serach-form-header .search input {
        width: 18em;
    }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
    .top-mb-header .serach-form-header .search {
        width: 10em;
    }

    .top-mb-header .serach-form-header .search input {
        width: 10em;
    }
}

@media only screen and (max-width: 768px) and (max-width: 1150px) {
    .top-mb-header .serach-form-header .search input::-webkit-input-placeholder {
        font-size: 12px;
        padding: 0 6px !important;
    }

    .top-mb-header .serach-form-header .search input::-moz-placeholder {
        font-size: 12px;
        padding: 0 6px !important;
    }

    .top-mb-header .serach-form-header .search input::-ms-input-placeholder {
        font-size: 12px;
        padding: 0 6px !important;
    }

    .top-mb-header .serach-form-header .search input::placeholder {
        font-size: 12px;
        padding: 0 6px !important;
    }
}

@media only screen and (max-width: 600px) {
    header.header .inner-wrapper .top-header .top-icons-wrapper .favorit-icon {
        display: none;
    }

    .top-icons-wrapper .serach-form-header {
        position: absolute;
        right: 51px;
        top: -33px;
    }

    .top-icons-wrapper .serach-form-header .search {
        width: 17em;
    }

    .top-icons-wrapper .serach-form-header .search input {
        width: 17em;
    }

    .newsletter .newsletter-content {
        padding: 3rem 2rem;
    }

    .newsletter .newsletter-content h3.title {
        font-size: 15px;
    }

    .newsletter .newsletter-content .form-nwesletter {
        width: 100%;
    }

    .newsletter .newsletter-content .form-nwesletter .input-wrapper input {
        width: 100%;
    }

    .gallery-page .newsletter .newsletter-content {
        padding: 3rem 2rem;
    }

    .gallery-page .newsletter .newsletter-content h3.title {
        font-size: 15px;
    }

    .gallery-page .newsletter .newsletter-content .form-nwesletter {
        width: 100%;
    }

    .gallery-page .newsletter .newsletter-content .form-nwesletter .input-wrapper input {
        width: 100%;
    }

    .newsletter .newsletter-content {
        padding: 3rem 2rem;
    }

    .newsletter .newsletter-content h3.title {
        font-size: 15px;
    }

    .newsletter .newsletter-content .form-nwesletter {
        width: 100%;
    }

    .newsletter .newsletter-content .form-nwesletter .input-wrapper input {
        width: 100%;
    }

    .contact-page .row .gallery-col-contact {
        width: 100%;
    }

    .contact-page .gallery-contact-info .list-information li.item-list .list-wrapper .title {
        font-size: 22px;
        font-weight: 700;
    }

    .contact-page .gallery-contact-info .list-information li.item-list .list-wrapper .title:after {
        left: -6px;
        width: 2px;
        height: 18px;
        top: 18px;
    }

    .contact-page .gallery-contact-info .list-information li.item-list .list-wrapper .mail {
        font-size: 16px;
        font-weight: 400;
    }

    .contact-page .gallery-contact-info .list-information li.item-list .list-wrapper .phone {
        font-size: 16px;
        font-weight: 400;
    }

    .contact-page .submission-artist-wrapper .title {
        font-size: 22px;
    }

    .contact-page .submission-artist-wrapper .title::after {
        left: -6px;
        width: 2px;
        height: 18px;
        top: 18px;
    }

    .contact-page .submission-artist-wrapper .text {
        width: 100%;
    }

    .contact-page .submission-artist-wrapper .link-wrapper {
        text-align: center;
        padding: 0 0 3rem 0;
        background-color: red;
    }

    .all-artist-page .main-page-title h1 {
        font-size: 22px;
        line-height: 26px;
    }

    .all-artist-page .artist-list-wrapper .single-artist .img-wrapper {
        width: 100%;
        margin: 5px auto 5px auto;
    }

    .all-artist-page .artist-list-wrapper .single-artist .img-wrapper img {
        width: 90%;
        margin: 5px auto 5px auto;
    }

    .blog-page .row .blogs-wrapper .blog-single {
        width: 100%;
    }

    .article-page .row .article-content {
        width: 100%;
    }

    .article-page .row .article-content .title {
        line-height: 30px;
        padding-bottom: 1rem;
    }

    .article-page .row .article-content .logo-separation::before {
        width: 30vw;
    }

    .article-page .row .article-content .logo-separation::after {
        width: 30vw;
    }

    .article-page .row .blogs-wrapper .blog-single {
        width: 100%;
    }

    .identification-page .row .col-6 {
        width: 100%;
    }

    .press-wrapper .row .blogs-wrapper .blog-single {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .gallery-page .gallery {
        display: block;
    }

    .gallery-page .gallery .wrapper {
        margin: 1rem 0;
    }
}


/*# sourceMappingURL=main.css.map */


/**********************style filter*****************************************/

.select-per-page {
    font: normal normal normal 17px/36px TT Hoves;
    position: absolute;
    color: #070707;
    opacity: 0.5;
    height: 35px;
    left: 81%;
    transform: translateY(77px);
    width: 10.33%;
}

.select-per-page option {
    font: normal normal normal 17px/36px TT Hoves;
    letter-spacing: 0.17px;
    color: #070707;
    opacity: 0.5;
}

.navbar-filter {
    overflow: hidden;
    background-color: white;
    border-bottom: 2px solid #ecf0f1;
    border-top: 2px solid #ecf0f1;
}

.raw-filter {
    transform: translateX(116px);
    width: 94.4%;
}

.navbar-filter a {
    float: left;
    font-size: 16px;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font: normal normal normal TT Hoves;
    letter-spacing: 0.17px;
    color: #070707;
    text-transform: capitalize;
    opacity: 1;
}

.dropdown-filter {
    float: left;
    overflow: hidden;
    width: 14%;
}

.dropdown-filter .dropbtn-filter {
    font-size: 16px;
    border: none;
    outline: none;
    color: black;
    padding: 14px 30px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-filter .inner-colelctions .col-1 {
    background-color: #F6F6F6;
}

.dropdown-content-filter {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content-filter a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content-filter a:hover {
    background-color: #ddd;
}

.dropdown-filter:hover .dropdown-content-filter {
    display: block;
}

.dropdown-content-filter li {
    list-style-type: none;
}

#filter {
    text-align: left;
    font: normal normal medium 17px/36px TT Hoves;
    letter-spacing: 0.17px;
    color: #070707;
    text-transform: capitalize;
    opacity: 1;
    font-weight: 600;
}

.inner-collections {
    border-right: 2px solid #ecf0f1;
}

#result {
    float: right;
    font: normal normal normal TT Hoves;
    letter-spacing: 0.17px;
    color: #070707;
    opacity: 0.5;
}

.heart-icon-artworks {
    float: right;
    position: relative;
    right: 9%;
    top: 17px;
}

.heart-icon-js img {
    height: 18px;
}

.label-filter {
    display: block;
}

.label-filter input {
    display: inline-block;
}

.ticket {
    background: black;
    height: 50px;
    color: white;
    text-align: center;
    display: inline-block;
    width: 12%;
}

.content-ticket {
    position: relative;
    transform: translateY(50%);
    cursor: pointer;
}

.cancel-ticket {
    display: inline-block;
    float: left;
    position: relative;
    transform: translateY(50%);
    cursor: pointer;
    z-index: 10;
}

.ticket-filter {
    margin: 0 !important;
    position: relative;
}

.cancel-ticket img {
    height: 20px;
    width: 20px;
}

.result-total {
    display: inline;
}


/*************************************CSS FORMULAIRE****************************************************************/


/*.box_desc{
     display: block;
    position: fixed;
    bottom: 105px;
    z-index: 5;
    width: 27%;
    right: 3%;
  } */

.button-form-art {
    text-transform: uppercase;
    background-color: #000;
    padding: 10px;
    width: 60%;
    font-size: 15px !important;
    color: #ffff;
    font-size: 22px;
    border-radius: 3px;
    border: none;
    letter-spacing: 1px;
    font-weight: 300;
}

.send-form {
    text-align: center;
}

.sub-field-form-footer {
    width: 49.5%;
    display: inline-block;
}

input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
textarea {
    font-size: 15px !important;
    color: #767676 !important;
    padding: 10px 12px !important;
    background-color: #f6f6f6 !important;
    /* border: 1px solid #e3e3e3 !important; */
    outline: 0 !important;
}

.artwork_title_form {
    display: block;
    line-height: 28px !important;
    color: #000;
    font-size: 23px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
}

.field-form-footer {
    width: 100%;
    margin: 4px;
    margin-bottom: 10px;
}

.form-art-work {
    background: #fff;
    padding: 20px;
}

.input-form-footer {
    border: 1px solid #e3e3e3 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    color: #000 !important;
    width: 100% !important;
    padding: 5px 12px !important;
}

.single-wrapper-form {
    width: 24%;
    display: inline-block;
    text-align: center;
    padding: 24px 0px 0px 0px;
    height: 139px;
}

.icon_text {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 11px;
    margin-bottom: 10px;
}

.inner-wrapper-form {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    height: 139px;
}

.mb-title h3 {
    text-align: left;
    font: normal normal normal 18px/68px TT Hoves;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 14px;
}

.content-card-wrapper .product-content .size {
    text-align: left;
    font: normal normal 300 16px/51px TT Hoves;
    letter-spacing: 0.75px;
    color: #0E0E0E;
    text-transform: lowercase;
    opacity: 1;
    position: relative;
    bottom: 13px;
    font-weight: lighter;
}

.form-check-input:checked {
    border-color: none;
    border: none;
}

.form_lead_artwork {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.artwork_title_form {
    text-align: center;
    padding-bottom: 40px;
}

.btn-sub-form {
    background-color: #218EAD;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    width: 100%;
}

.border-arrond {
    border-radius: 10px;
}

.text-area-height {
    height: 5em;
}

.form-big-col {
    margin-bottom: 20px;
}

.label-form-events {
    color: #969696;
    font-size: 16px;
    padding-bottom: 10px;
    display: block;
}

.cta-form-event {
    text-align: center;
}

.select2-container {
    width: 110% !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none !important;
    border-radius: 0px !important;
}

.select2-selection__rendered span {
    vertical-align: -webkit-baseline-middle;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 39px !important;
}

.select2-container--default .select2-selection--single {
    height: 45px !important;
}


/* Title section css  */

.sec-title-left {
    text-align: left;
    font-size: 22px;
    padding-bottom: 20px;
    font-weight: 500;
    letter-spacing: 0.66px;
    color: #0F0E0E;
}

.form-check-input:checked {
    background-color: black;
    border-color: none;
    border: none;
}

.form-check-input {
    background-color: #F6F6F6;
    border-color: none;
    border: 1px solid #000;
}

.form-check-input:active {
    border-color: none;
    border-color: none;
    border: none;
}


/**************************************Style page artworks************************************************************/

.size-artworks {
    font-size: 11px;
}

.artist-type-wrapper-artworks {
    text-align: left;
    font-size: 14px;
    font-weight: lighter;
}

.work-title-artworks h3 {
    font-size: 19px;
}

.icon-list-artworks {
    /* display: flex; */
    /* float: right; */
    /* position: relative; */
}

div.entire-page-product.pt-5>div>div>div.col-lg-4.product-form-col>div.desc.pb-4>div.exploring {
    opacity: 1;
    font-size: 24px;
    font-weight: 500;
}

div.entire-page-product.pt-5>div>div>div.col-lg-4.product-form-col>div.desc.pb-4>div.product-content.product-desc>p {
    font: normal normal normal 18px/16px TT Hoves;
    letter-spacing: 0.85px;
    color: #151313;
}


/********************************style select2**********************************************/

.flag-32 {
    vertical-align: top !important;
}

.select2-container--open .select2-dropdown--below {
    width: 300px !important;
}

.select2-container--default .select2-selection--single {
    height: 48px !important;
    background-color: #f6f6f6 !important;
    border-radius: none;
}

@media only screen and (max-width: 1024px) {
    .select2-container--default .select2-selection--single {
        height: 48px !important;
        background-color: #f6f6f6 !important;
        border-radius: none;
        transform: translateY(-1px);
    }
}

.select2-selection__arrow {
    right: 0;
    left: 80px;
}


/*********************************CSS FILTER MOBILE**************************************************/

.div-insert {
    width: -webkit-fill-available;
}

.div-filter-mobile {
    height: 60px;
    width: 30%;
    background-color: #f6f6f6;
}

.content-filter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.filter-icon {
    height: 30px;
}

.label-filter-mobile {
    display: inline-block
}


/********************************CSS PROVIDE MOBILE**************************************************/

@media only screen and (max-width: 700px) {
    .single-wrapper-form {
        width: auto;
    }

    .pad-artwork-mob {
        /* padding-left: 1.3%; */
    }

    .artworks-list {
        padding-left: 3.3% !important;
    }

    .provide-mobile {
        display: none;
        height: 400px;
    }

    .inner-wrapper-form {
        background: none;
    }

    .icon_text {
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .img-wrapper {
        text-align: center;
    }

    .right-space {
        border-right: 1px solid #f8f8f8;
        ;
    }

    .div-space {
        border-bottom: 1px solid #f8f8f8;
    }
}


/************************************NEW CSS ARTWORKS**********************************************/

.box-artworks {
    height: 560px;
    width: 100%;
    display: grid;
    background-color: #f8f8f8;
    /* position: relative; */
    /* margin-right: 2px; */
}

.heart-artworks {
    height: 30px;
    position: absolute;
    display: inline;
    right: 0;
    z-index: 10;
}

.heart-icon {
    float: right;
    position: relative;
    top: 10px;
    right: 8px;
    height: 20px;
    width: 21px;
}

.picture-artworks img {
    max-width: 95%;
    /* object-fit: contain; */
    /* position: absolute; */
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
    /* right: 0; */
    /* left: 0; */
    padding: 10px;
}

.picture-artworks {
    text-align: center;
}

.artworks-page {
    padding-left: 200px;
    padding-right: 200px;
}

@media only screen and (max-width: 1600px) {
    .artworks-page {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 1600px) {
    .icon-list-product {
        /* right: 32% !important; */
    }
}

@media only screen and (max-width: 800px) {
    .artworks-page {
        padding-left: 24px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 759px) {
    .expt-mob-paper {
        font-size: 15px;
    }
}

.card-desc {
    /* position: relative; */
    /* bottom: 55px; */
}


/********************************** COOKIE BAR CSS **********************************/

.cookie-bar {
    background-color: #e8e8e8;
    ;
    color: #000;
    height: fit-content;
    position: fixed;
    padding-top: 12px;
    padding-bottom: 8px;
    bottom: 0rem;
    left: 0rem;
    right: 0;
    z-index: 9999;
}

.text-cookie {
    display: inline-block;
    width: 80%;
    font-size: 14px;
    font-weight: 200;
}

.cookie-btn {
    display: inline-block;
    margin-left: 2%;
}

.cookie-content {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0px;
    position: relative;
}

.cookie-accpt {
    background-color: #FFFFFF;
    color: #000;
    padding: 10px 16px;
    border-radius: 3px;
}

.link-cookie {
    font-weight: 500;
}

.link-cookie:hover {
    font-weight: 500;
    color: #dd3333;
}

.close-cookies {
    margin-LEFT: 1%;
    width: 1.2%;
}

.close-cookie {
    font-weight: 600;
    font-size: 18px;
    position: absolute;
    margin-top: 11px;
    margin-right: 18px;
    right: 5px;
    writing-mode: le;
    text-align: right;
    /* padding-right: 2%; */
    /* margin-top: 2%; */
    /* display: inline-block; */
    /* z-index: -9; */
    z-index: 1;
}

.close-cookie:hover {
    cursor: pointer;
}

.divider-mob {
    width: 90%;
    margin: auto;
    margin-bottom: 50px;
}

.cta-mob-home {
    text-align: center;
    margin-top: 50px;
}

.gal-home-btn {
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    padding: 15px 40px;
    font-size: 20px;
    font-weight: 200;
}

.rd-gl {
    background-color: #000;
    color: #fff;
    padding: 10px 40px;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 200;
    font-size: 16px;
}

.rd-gl:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

.rd {
    text-align: center;
    display: block ! important;
}

.show-more-text {
    margin-bottom: 50px;
}

.rl-gl {
    display: none;
}

@media only screen and (min-width: 1024px) {
    .divider-mob {
        display: none;
    }

    .cta-mob-home {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .overlay-artworks {
        display: none;
    }
}

@media screen and (max-height: 812px) {
    @media screen and (max-width: 375px) {
        .overlay-artworks {
            display: none !important;
        }

        .content-li {
            width: 79% !important;
        }
    }
}

@media screen and (max-height: 736px) {
    @media screen and (max-width: 414px) {
        .picture-artworks img {
            padding: 23px !important;
        }
    }
}

@media screen and (max-height: 375px) {
    @media screen and (max-width: 812px) {
        /* .box-artworks{
        width: 350px;
      } */
    }
}

@media screen and (max-height: 414px) {
    @media screen and (max-width: 736px) {
        /* .box-artworks{
        width: 340px;
      } */
    }
}

@media screen and (max-height: 667px) {
    @media screen and (max-width: 375px) {
        /* .box-artworks{
        width: 350px;
      } */
    }
}

@media screen and (max-height: 375px) {
    @media screen and (max-width: 667px) {
        /* .box-artworks{
        width: 305px;
      } */
    }
}

@media screen and (max-height: 568px) {
    @media screen and (max-width: 320px) {

        /* .box-artworks{
        width: 300px !important;
      } */
        .picture-artworks img {
            padding: 10px;
        }

        .content-li {
            width: 76% !important;
        }
    }
}

@media screen and (max-height: 320px) {
    @media screen and (max-width: 568px) {

        /* .box-artworks{
        width: 540px;
      } */
        .picture-artworks img {
            padding: 74px;
        }
    }
}

@media screen and (max-height: 640px) {
    @media screen and (max-width: 360px) {

        /* .box-artworks{
        width: 340px;
      } */
        .picture-artworks img {
            padding: 12px;
        }
    }
}

@media screen and (max-height: 360px) {
    @media screen and (max-width: 640px) {

        /* .box-artworks{
        width: 290px;
      } */
        .picture-artworks img {
            padding: 12px;
        }
    }
}

.down-filt {
    height: 15px;
    width: 15px;
    position: relative;
    float: right;
    transform: translate(100%, 37%);
}

@media screen and (min-height: 1366px) {
    @media screen and (min-width: 1024px) {
        .uniq-button button {
            padding: 14px 14px !important;
        }

        .uniq-button-filt button {
            padding: 14px 20px !important;
        }
    }
}

@media screen and (min-width: 1366px) {
    @media screen and (min-height: 1024px) {
        .uniq-button {
            width: 13% !important;
        }
    }
}


/***********************************New Form*****************************************/

.glob-form {
    background-color: white;
}

.glob-pro>.col-md-3 {
    position: relative;
    right: 20%;
}

.icon-text_sm {
    font-size: 12px;
    text-align: -webkit-match-parent;
}

.icon_text h4 {
    text-align: -webkit-match-parent;
}

.none-mobile .col-md-3 {
    transform: translateY(16%);
}

.glob-pro {
    background: #f8f8f8;
    text-align: center;
    height: 140px;
    display: -webkit-inline-box;
}

.button-form {
    text-align: center;
}

.button-form button {
    background-color: black;
    border: none;
    width: 88%;
    height: 45px;
    font-weight: 700;
    text-transform: uppercase;
}

.button-form button:hover {
    background-color: black;
    border: none;
}

.form-gen>div>.form-control {
    border: none !important;
    background: #F6F6F6 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: .5rem .75rem !important;
}

.form-gen {
    padding: 2%;
    border: 1px solid #DDDDDD;
    /* width: 100%; */
}

.form-gen div {
    /* padding-left:0 !important; */
}

.title-form>h1 {
    text-align: center;
    font: medium TT Hoves;
    letter-spacing: 0px;
    color: #000000;
    font-weight: 500;
    font-size: 24px;
}

div.entire-page-product.pt-5>div>div>div.col-lg-4.product-form-col>div.desc>ul {
    right: 8.5% !important;
}

#img_product {
    max-width: 100%;
    max-height: 100%;
}

.overlay-close {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
}

.color {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transform: translateY(-10px);
}

.red {
    background-color: red;
}

.green {
    background-color: green;
}

.blue {
    background-color: blue;
}

.yellow {
    background-color: yellow;
}

.black {
    background-color: black;
}

.white {
    background-color: white;
    border: 1px solid black;
}

.search-input {
    width: 395px;
}

.heart-right {
    transform: translateX(36px);
}


/*********************************** ARTWORKS BOX CSS *******************************************/

.work-title h3.title {
    font-size: 19px;
    font-weight: lighter;
    line-height: 27px;
}

.product-content .artist-type-wrapper .artist {
    font-size: 16px;
    font-weight: lighter;
    line-height: 20px;
    text-transform: capitalize;
}

.product-content .artist-type-wrapper .type {
    font-size: 16px;
    font-weight: lighter;
    line-height: 30px;
    font-style: italic;
}

.product-class {
    /* padding-top: 20px; */
}

@media only screen and (max-width: 1024px) {
    .parent-overlay-artworks {
        padding: 0;
    }

    .product-content .artist-type-wrapper .artist {
        font-size: 14px;
        font-weight: lighter;
        line-height: 20px;
        text-transform: capitalize;
    }

    .product-content .artist-type-wrapper .type {
        font-size: 14px;
        font-weight: lighter;
        line-height: 20px;
        font-style: italic;
    }

    .content-card-wrapper .product-content .size {
        font-size: 13px;
    }

    .cookie-bar {
        background-color: #e8e8e8;
        color: #000000;
        height: fit-content;
        position: fixed;
        bottom: 0rem;
        left: 0rem;
        z-index: 9999;
    }

    .cookie-content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        justify-content: center;
        align-items: center;
        padding: 15px;
        padding-top: 10px;
    }

    .text-cookie {
        display: block;
        width: 100%;
        font-size: 14px;
        font-weight: 100;
        padding-bottom: 20px;
    }

    .cookie-btn {
        display: block;
        margin-left: 2%;
        width: 100%;
        text-align: right;
    }
}

.content-search {
    height: auto;
    width: 395px;
    display: none;
    position: absolute;
    /* transform: translateY(9%); */
    z-index: 10;
    top: 43px;
    left: auto;
    border: 1px solid #c5c5c5;
    background-color: white;
}

.content-li,
.img-search {
    display: inline-block;
}

.img-search {
    height: 50px;
    width: 50px;
}

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

.list-group {
    width: 100%;
}

.list {
    text-align: left;
    list-style-type: none;
    border-bottom: 1px solid lightgrey;
    cursor: pointer;
}

.coeur-prod {
    width: 25px;
    float: right;
    position: relative;
    right: 3%;
    transform: translateY(35%);
}

.list:hover {
    background-color: #f8f8f8;
}

.content-li {
    vertical-align: middle;
    width: 80%;
    margin-left: 4%;
}

.title {
    font-weight: 600;
    text-transform: capitalize;
}

.link-result-search {
    text-decoration: none;
    color: black;
}

.link-result-search:hover {
    text-decoration: none;
    color: black;
}


/******************************************style filter***************************************************************/

.select-per-page {
    font: normal normal normal 17px/36px TT Hoves;
    position: absolute;
    color: #070707;
    opacity: 0.5;
    height: 35px;
    left: 81%;
    transform: translateY(77px);
    width: 10.33%;
}

.select-per-page option {
    font: normal normal normal 17px/36px TT Hoves;
    letter-spacing: 0.17px;
    color: #070707;
    opacity: 0.5;
}

.navbar-filter {
    overflow: hidden;
    background-color: white;
    border-bottom: 2px solid #ecf0f1;
    border-top: 2px solid #ecf0f1;
}

.raw-filter {
    transform: translateX(116px);
    width: 94.4%;
}

.navbar-filter a {
    float: left;
    font-size: 16px;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font: normal normal normal TT Hoves;
    letter-spacing: 0.17px;
    color: #070707;
    text-transform: capitalize;
    opacity: 1;
}

.dropdown-filter {
    float: left;
    overflow: hidden;
    width: 13%;
}

.dropdown-filter .dropbtn-filter {
    font-size: 16px;
    border: none;
    outline: none;
    color: black;
    padding: 14px 30px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-filter .inner .col-1 {
    background-color: #F6F6F6;
}

.dropdown-content-filter {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content-filter a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content-filter a:hover {
    background-color: #ddd;
}

.dropdown-filter:hover .dropdown-content-filter {
    display: block;
}

.dropdown-content-filter li {
    list-style-type: none;
}

#filter {
    text-align: left;
    font: normal normal medium 17px/36px TT Hoves;
    letter-spacing: 0.17px;
    color: #070707;
    text-transform: capitalize;
    opacity: 1;
    font-weight: 600;
}

.inner {
    border-right: 2px solid #ecf0f1;
}

#result {
    float: right;
    font: normal normal normal TT Hoves;
    letter-spacing: 0.17px;
    color: #070707;
    opacity: 0.5;
}

.heart-icon-artworks {
    float: right;
    position: relative;
    right: 9%;
    top: 17px;
}

.heart-icon-js img {
    height: 18px;
}

.label-filter {
    display: block;
    margin: 5px 5px 5px 5px;
}

.label-filter input {
    display: inline-block;
    margin: 5px 5px 0px 5px;
    zoom: 1.5;
}

.reset {
    text-decoration: underline;
    font: normal normal normal 18px/44px TT Hoves;
    letter-spacing: 0px;
    color: #B3B3B3;
    opacity: 1;
}

.article-title {
    padding-bottom: 15px;
}

.article-preview {
    padding-bottom: 10px;
}

.gallery-dis:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

.gallery-dis {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    background-color: #00000080;
    border: 1px solid #fff;
    padding: 5px 30px;
    border-radius: 3px;
    color: #fff;
}

.cta-slide {
    margin-top: 20px;
}

.header-nav-nmb {
    display: none !important;
}

.toggle {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .blog-box {
        background-color: #F7F7F7;
        border-radius: 3px;
        border: none !important;
    }

    .main-title-mobile {
        font-size: 26px;
        font-weight: 500;
    }

    .header-nav-nmb {
        display: flex;
    }

    .head-header {
        display: none;
    }

    .toggle {
        display: block;
    }
}

html {
    overflow-x: hidden;
}

.card-desc {
    /* position:relative; */
    /* bottom:60px; */
}

.row-filter {
    display: block;
}

.div-filter-mobile {
    display: none;
}


/**************** artworkReponsive *************************/


/* IPAD ET MOBILE  */

@media only screen and (max-width: 1024px) {
    .main-page-container {
        padding-left: 0px !important;
        padding-right: 0px;
        /* padding-top: 15%; */
    }

    .glob-pro>.col-md-3 {
        position: relative;
        right: 29%;
    }

    .div-filter-mobile {
        display: block;
        margin-left: 4%;
    }

    .toggle {
        display: block;
    }

    .row-filter {
        display: none;
    }

    .sec-text {
        display: none;
    }

    .box-artworks {
        width: 100%;
    }

    .artworks-filter-grid {
        /* padding-right: 3%; */
    }

    .select2-selection__arrow {
        right: 0;
        left: 80%;
    }
}

.title-form>h2 {
    text-align: center;
    font-size: 26px;
    font-weight: 400;
}


/* LAPTOP */

@media only screen and (max-width: 699px) {
    .close-cookie {
        font-weight: 600;
        font-size: 20px;
        /* position: absolute; */
        top: 3%;
        margin-right: 11px;
        z-index: 1;
    }

    .title-form>h2 {
        text-align: center;
        font-size: 22px;
        font-weight: 400;
    }
}


/* IPAD  */

@media only screen and (max-width: 1024px) and (min-width: 700px) {
    .icon-list-artworks {
        right: 0 !important;
    }

    .card-desc {
        /* position:relative; */
        /* bottom:20px; */
    }

    .icon-list {
        right: 4%;
    }

    .artworks-filter-grid {
        /* padding-right: 3%; */
        /* padding-left: 1%; */
    }
}

@media only screen and (max-width:780px) and (min-width:700px) {
    .artworks-filter-grid {
        /* padding-right: 0%; */
        /* padding-left: 2%; */
    }
}


/* @media (max-width: 1366px) and (orientation: landscape) { 
    .box-artworks{
      width: 98%;
    }
    
    .artworks-filter-grid
    {
       padding-right:5%; 
    }
  
   } */


/* IPHONE */

@media only screen and (max-width: 699px) {
    .icon-list-artworks {
        right: 0 !important;
    }

    .card-desc {
        /* position:relative; */
        bottom: 20px;
    }

    .icon-list {
        bottom: 0;
        right: 2%;
    }

    .form-gen {
        position: relative;
    }

    .mob-sec-we {
        padding: 2% !Important;
    }

    .artist-grid-mobile-version {
        padding: 2% !Important;
    }

    .form-eden {
        padding: 2% !Important;
    }

    .about-product-pr {
        position: relative;
        left: 4.5%;
        padding: 10px;
    }

    .artworks-filter-grid {
        /* padding-left: 3.6%; */
    }

    /* ***** PRODUCT PAGE RESPONSIVE********** */
    .entire-page-product {
        padding-top: 0 !important;
        width: 100vw;
    }

    .img-princ {
        width: 100% !important;
    }

    .parent-img-princ {
        width: 100%;
    }

    .desc-mob {
        padding-left: 2%;
    }

    div.entire-page-product.pt-5>div>div>div.col-lg-8>div.pt-4.pb-4>ul {
        bottom: 70px;
        right: 0 !important;
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 15px !important;
    color: #767676 !important;
    padding: 10px 12px !important;
    background-color: #f6f6f6 !important;
    /* border: 0px !important; */
    /* border-radius: 0px; */
    outline: 0 !important;
}


/*ARTWORK BLOC  OLD*/

.r_bloc_artwork {
    display: block;
}

.r_img_artwork {
    display: block;
    max-width: 90%;
    max-height: 364px;
    margin: auto;
    cursor: pointer;
    /* margin-top: 45px; */
    /* margin-right: auto; */
}

.r_grey_artwork {
    display: flex;
    /* text-align: center; */
    background: #F9F9F9;
    margin-bottom: 25px;
    height: 430px;
    position: relative;
    justify-content: center;
    align-items: center;
}

.r_title_artwork {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    /* margin-top: 13px; */
}

.r_span_artwork {
    display: inline;
    font-weight: 300;
    font-size: 16px;
}

.r_p_artwork {
    display: block;
    font-weight: 300;
    font-size: 16px;
}


/***************/


/****************************************************ARTWORK NEW*****************************************************/


/***************/


/***we provide form**/

.wp_bloc {
    background: #f6f6f6;
    padding: 10px;
    margin: 0 !important;
}

.wp_title_form {
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 10px;
}

.img_wp_form {
    height: 63px;
    margin-bottom: 10px;
}

.text_wp_form {
    font-size: 12px;
}

.blog-box {
    position: relative;
    min-height: 580px;
    margin-bottom: 20px;
}

.article-link {
    position: absolute;
    right: 3%;
    bottom: 2%;
}


/* READ MORE */

.rd-gl-scnd {
    margin-bottom: 20px;
}

.link-picpop {
    text-align: center;
}

.picpop {
    max-width: 500px;
    position: relative;
    top: 0px;
    left: 0px;
    max-height: 500px;
}

.left-arrow-back {
    cursor: pointer;
}

.whatsapp-icon {
    width: 25px !important;
}

.copy-link-icon {
    height: 27px;
}


/*****SHOW MOBILE DESKTOP****/

@media only screen and (max-width: 992px) {
    .show_mobile {
        display: block !important;
    }

    .show_mobile_flex {
        display: flex !important;
    }

    .hide_desktop {
        display: none !important;
    }

    .r_grey_artwork {
        display: flex;
        height: fit-content;
        position: relative;
        background: #fff;
    }

    .r_img_artwork {
        display: block;
        max-width: 98%;
        max-height: 397px;
        margin: auto;
        cursor: pointer;
        /* margin-top: 45px; */
        /* margin-right: auto; */
    }

    .r_img_artwork {
        display: block;
        max-width: 99%;
        max-height: 100%;
        /* margin-right: auto; */
        cursor: pointer;
        /* margin-top: 45px; */
        /* margin-right: auto; */
    }

    .heart-artworks {
        height: 30px;
        position: absolute;
        width: 100%;
        display: block;
        text-align: right;
        margin-bottom: 10px;
        /* top: 0; */
    }
}

.news-item {
    padding: 0.5rem 0.8rem;
}

.new-home-content {
    padding-left: 200px;
    padding-right: 200px;
}

.loadgif {
    position: absolute;
    right: 44%;
    z-index: 100;
    height: 207px;
    width: 200px;
}

@media only screen and (max-width:1600px) {
    .new-home-content {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width:1024px) {
    .new-home-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    label {
        font-size: 13px;
    }
}

.more_artworks {
    background-color: #000;
    color: #fff;
    padding: 1% 5%;
    margin-right: auto;
    margin-left: auto;
    font-size: 20px;
    border-radius: 3%;
}

.data-length {
    color: #ff4040;
}

@media only screen and (max-width: 699px) {
    .show_mobile {
        padding: 0px !important;
    }

    .button-form button {
        background-color: black;
        border: none;
        width: 98%;
        height: 45px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .form-gen {
        padding: 2%;
        border: 1px solid #DDDDDD;
    }
}

.mob-block {
    display: none;
}

.error_input_event {
    border: 1px solid #98291e !important;
}


/* lp general new */

.header_lp {
    background-image: url(../../../srv-2/wp-content/uploads/sites/15/2021/07/13093549/desktop-_-new-website_12.07.2021header-collection-loby-dt.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
}

.p_header_lp {
    padding: 0;
}

.title_header_lp>h1 {
    color: #C3071C;
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 2rem;
}

.p_title_header {
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.f_c_our_gallery>h2 {
    font-size: 25px;
    text-align: center;
    padding-bottom: 5rem;
    padding-top: 3rem;
}

.card_header_lp {
    position: relative;
    height: 470px;
    width: 540px;
    /* background-image: url('https://d11kvfv4kxw5s4.cloudfront.net/wp-content/uploads/sites/15/2021/08/17125510/desktop-_-new-website_12.07.2021angelo-accardi-papercuts-1.jpg'); */
    background-size: cover;
    background-position: center;
}

.overlay_card_header {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: linear-gradient(transparent, #00000085);
}

.overlay_glob {
    position: absolute;
    bottom: 10%;
    left: 5%;
    color: #FFF;
    right: 1%;
    white-space: initial;
    /* css-3 */
    /* Mozilla, since 1999 */
    /* Opera 4-6 */
    /* Opera 7 */
    /* Internet Explorer 5.5+ */
    ;
}

.title_overflow_header>h3 {
    font-size: 25px;
    padding-bottom: 1rem;
    font-weight: 300;
}

.desc_overlay_header>p {
    font-size: 13px;
    font-weight: 200;
    letter-spacing: 0.5px;
}

.header_lp_name_Soho {
    background-image: url("../../../srv-1/2021/08/11/6113dd1edebfc-Desktop-_-New-Website_12-07-2021Soho.jpg");
}

.header_lp_name_Madison {
    background-image: url("../../../srv-1/2021/08/11/6113dfd4a404a-Desktop-_-New-Website_12-07-2021Madi.jpg");
}

.header_lp_name_Aspen {
    background-image: url("../../../srv-1/2021/08/15/6118fb9c32e35-Desktop-_-New-Website_12-07-2021Aspen-1.jpg");
}

.header_lp_name_Miami {
    background-image: url("../../../srv-1/2022/01/26/61f16505e8bc5-Miami-Gallery-1.jpg");
}

.header_lp_name_London {
    background-image: url("../../../srv-1/2021/11/3/6182551c1ddca-WhatsApp-Image-20211103-at-11-23-05.jpg");
}

.header_lp_name_Mykonos {
    background-image: url("../../../srv-1/2021/11/4/6183b9f2686bf-Eden-Gallery--Mykonos.jpg");
}

.header_lp_name_Hilton {
    background-image: url("../../../srv-1/2021/08/15/6119003c9461f-Desktop-_-New-Website_12-07-2021Hilton-Tel-Aviv-__-1.jpg");
}

.header_lp_name_Rothschild {
    background-image: url(" ../../../srv-1/2022/01/11/61dd6a1632b5d-Rothschild.jpg");
}

.header_lp_name_Dubai {
    background-image: url("../../../srv-1/2022/03/14/622f2e58f158f-Dubai2.jpg");
}

.title_artist_header {
    padding-bottom: 4rem;
}

.title_artist_header>h3 {
    font-size: 25px;
}

.c_collection_header {
    /* background: red; */
    height: 370px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.coll_head>p {
    text-align: center;
    padding-top: 1rem;
}

.title_art {
    padding-top: 10rem;
}

.title_art>h3 {
    text-align: center;
    font-size: 25px;
    padding-bottom: 3rem;
}

.title_coll_head {
    padding-bottom: 5rem;
}

.title_coll_head>h3 {
    font-size: 25px;
    text-align: center;
}

.asset_lp {
    padding-top: 2.5rem;
}

.arrow_lp:hover {
    cursor: pointer;
}

.p_desc_header {
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.p_desc_header>p {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 50%;
}

.all {
    display: none;
}

.prov_form_head {
    display: none;
}

.art_mob_head {
    display: none;
}

.artist-accord-sec-mob {
    display: none;
}

.artist-accord-sec {
    display: block;
}

.h_mb_head {
    display: block;
}

.h_mb_head_mob {
    display: none;
}


/* medias queries 992 */

@media only screen and (max-width: 992px) {
    .card_header_lp {
        width: unset !important;
    }
}

@media only screen and (max-width: 1024px) {
    .c_col_mixed_media {
        background-image: url("../../../srv-1/2022/05/18/6284c719ad90a-mixed_media.jpg");
    }

    .c_col_lacquer {
        background-image: url("../../../srv-1/2022/05/18/6284c71e15056-wall_sculpture.jpg");
    }

    .c_col_sculpture {
        background-image: url("../../../srv-1/2022/05/18/6284c710f4050-free_standing.jpg");
    }

    .c_col_painting {
        background-image: url("../../../srv-1/2022/05/18/6284c71564049-original.jpg");
    }

    .h_mb_head {
        display: none;
    }

    .h_mb_head_mob {
        display: block;
    }

    .artist-accord-sec {
        display: none;
    }

    .header_lp {
        display: none;
    }

    .c_collection_header {
        background-repeat: no-repeat;
        height: 250px;
        background-position: center;
        /* background: red; */
    }

    .coll_head>p {
        padding-bottom: 2rem;
    }

    .title_art {
        display: none;
    }

    .all {
        display: block;
        text-align: right;
    }

    .link_all_col>a {
        text-decoration: revert;
        font-size: 14px;
        font-weight: 200;
    }

    .title_mob_head {
        text-align: center;
        padding-bottom: 3rem;
        padding-top: 5rem;
    }

    .title_mob_head>h3 {
        font-size: 25px;
    }

    .r_grey_artwork {
        background: #F9F9F9 !important;
        height: 430px;
    }

    .r_img_artwork {
        display: block;
        max-width: 90%;
        max-height: 330px;
        margin: auto;
        cursor: pointer;
        /* margin-top: 45px; */
        margin-right: auto;
    }

    .all_art_head {
        text-align: right;
    }

    .prov_form_head {
        display: block;
        padding-top: 5rem;
    }

    .title_bloc_artwork {
        padding-bottom: 4rem;
        font-size: 25px;
    }

    .live_scroll_ch {
        margin-left: 1rem;
    }

    .art_mob_head {
        display: block;
    }

    .artist-accord-sec-mob {
        display: block;
        padding-top: 3rem;
    }

    .artist-accord-sec-mob {
        background-color: #F9F9F9;
    }

    .asset_lp {
        padding-bottom: 3rem;
    }

    .p_desc_header>p {
        width: 95%;
    }

    .p_title_header {
        height: 265px;
    }

    .f_c_our_gallery>h2 {
        padding-bottom: 2rem;
        padding-top: 0rem;
    }

    .name_art_head {
        text-align: center;
        padding-top: 1rem;
        padding-bottom: 4.5rem;
    }

    .title_coll_head {
        padding-top: 6rem;
    }

    .artwork_description_bloc>.row {
        padding: 0 14px;
    }

    .header_lp_name {
        height: 250px !important;
        width: 100%;
        background-size: cover;
    }

    .r_p_artwork {
        display: block;
        font-weight: 300;
        font-size: 12px;
    }

    .r_title_artwork {
        display: block;
        font-size: 15px;
    }

    .r_span_artwork {
        display: inline;
        font-weight: 300;
        font-size: 12px;
    }

    .prv_head {
        border-right: 1px solid;
        border-bottom: 1px solid;
        border-color: #ccc;
        /* height: 120px; */
        display: flow-root;
        padding: 20px 0;
    }

    .bot_head {
        border-bottom: none;
    }

    .bor_right_head {
        border-right: none;
    }

    .select2-container {
        width: 100% !important;
    }
}

@media only screen and (max-width: 699px) {
    .show_mobile {
        padding-bottom: 3rem !important;
        font-size: 14px;
    }

    .text_icon_wp {
        font-size: 12px;
    }
}

.c_col_mixed_media {
    background-image: url("../../../srv-1/2022/05/18/6284c719ad90a-mixed_media.jpg");
}

.c_col_lacquer {
    background-image: url("../../../srv-1/2022/05/18/6284c71e15056-wall_sculpture.jpg");
}

.c_col_sculpture {
    background-image: url("../../../srv-1/2022/05/18/6284c710f4050-free_standing.jpg");
}

.c_col_painting {
    background-image: url("../../../srv-1/2022/05/18/6284c71564049-original.jpg");
}

.embed-responsive>h3 {
    font-size: 20px !important;
}

.ratio {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.gal-home-btn:hover {
    color: #FFFF;
}

@media only screen and (max-width:570px) {

    /* cookie bar mobile */
    .cookie-bar {
        padding: 1%;
    }

    .close-cookie {
        top: 0;
        margin-top: 0;
    }

    .cookie-content {
        padding: 0 15px;
    }

    .text-cookie {
        font-size: 12px;
        padding-right: 16%;
        padding-bottom: 0px;
    }

    .cookie-btn {
        text-align: right;
        margin-left: 0;
    }

    .cookie-accpt {
        font-size: 12px;
        padding: 5px 10px;
    }
}

.c_collection_header {
    cursor: pointer;
}

.r_grey_artwork_old {
    position: relative;
}

.news-content {
    width: 50%;
}

.social-share-icons,
.social-share-icons a,
.social-share-icons img {
    cursor: url('../images/select.svg')5 0, auto !important;
}

.popup-clipboard {
    background-image: url('../images/popup.png');
    height: 60px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-size: contain;
    font-size: 14px;
    padding-left: 15px;
    padding-top: 5px;
}

/* @font-face {
    font-family: 'Wensley';
    src: url('../fonts/WENSLEY/web_font_kit/Wensley-Regular.woff') format('woff'), url('../fonts/WENSLEY/TTF/Wensley-Regular.ttf') format('truetype');
} */

.select2-selection__arrow {
    width: unset !important;
}

.button_inquire {
    text-align: center;
    padding-top: 2rem;
}

.c_button_inquire {}

.c_button_inquire>a>button {
    background: black;
    color: white;
    padding: 9px 29px;
    font-size: 17px;
}

.artist {
    height: 1205px;
    display: none;
}

body,
p,
a,
button {
    font-family: 'TT Hoves', Fallback, sans-serif;
}

.img_pad {
    /* padding: 2%; */
}

.home {
    background-image: url("../../../srv-1/2022/08/8/62f10b50a3d87-dt_header.png");
    height: 750px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.video_gallery {
    /* background-image: url("srv-1/2022/08/17/62fc99902cd7c-video-image2x.jpg"); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.iframe_video {
    height: 100%;
    width: 100%;
}

.presentation {
    background: rgba(255, 255, 255, 0.6);
    padding: 40px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    /* bottom: 100%; */
}

.title_pres {
    color: #171A17;
    font-size: 46px;
    font-family: 'Wensley';
}

.desc {
    padding-top: 1rem;
    letter-spacing: 0.2px;
    padding-bottom: 2rem;
}

.desc>p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
}

.get_started {}

.get_started>button {
    padding: 11px 35px;
    background: black;
    color: #FFF;
    font-size: 17px;
    font-weight: 100;
}

.p_pres {
    position: relative;
    height: 100%;
}

.h_100 {
    height: 100%;
}

.explain_provide {}

.explain_provide>h3 {
    font-weight: 500;
    padding-bottom: 0.5rem;
}

.explain_provide>p {
    padding-bottom: 1rem;
    font-weight: 100;
    font-size: 15px;
    letter-spacing: 0.1px;
}

.eden_provide {
    padding-top: 4rem;
}

.title_provide {
    padding-bottom: 2rem;
}

.title_provide>h2 {
    font-size: 37px;
    font-family: 'Wensley';
}

.private {}

.worlwide {}

.certificate {}

.global {
    padding-bottom: 1rem;
}

.img_provide {
    width: 528px;
}

.cont_dt {
    /* padding-left: 230px;
padding-right: 230px; */
}

.p_l_5 {
    padding-left: 3rem;
}

.video_gallery {}

.video_gallery_p {
    /* padding-top: 6rem; */
}

.video_gallery>img {
    max-width: 100%;
    min-width: 100%;
}

.embed-container {
    position: relative;
    padding-bottom: 10rem;
    /* height: 0; */
    /* overflow: hidden; */
    max-width: 100%;
}

.embed-container .vcontent {
    position: absolute;
    overflow: hidden;
    height: calc(70vh - 6.2em);
    width: 100%;
    /* margin-top: -0.5em; */
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 40vh;
    padding: 0;
    margin: -3em 0;
}

.c_explore {}

.c_explore>h3 {
    font-size: 35px;
    font-family: 'Wensley';
}

.p_hr {
    text-align: center;
    /* width: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.c_explore>.p_hr>hr {
    width: 7%;
    height: 3px;
    background-color: #BF0202;
    opacity: 1;
}

.p_p_explore {
    display: flex;
    justify-content: center;
    align-items: center;
}

.c_explore>.p_p_explore>p {
    padding-bottom: 3rem;
    width: 80%;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0.7px;
}

.explore {
    text-align: center;
    padding-top: 6rem;
}

.pic_pres {
    padding-top: 7rem;
    height: 800px;
}

div.pic_pres>div {
    height: 100%;
}

div.pic_pres>div>.row {
    height: 100%;
}

div.pic_pres>div>div>div.col-6.pic_top>div.row {
    height: 50%;
    padding: 0px 13px;
}

.pic_c {
    max-width: 100%;
}

.pic_top {
    text-align: right;
}

.pic_top>img {
    max-width: 100%;
}

.pic_bot {
    max-width: 100%;
}

.p_l {
    padding-right: 1.3rem;
}

.eng_pic {
    text-align: right;
}

.c_contact {}

.contact {
    padding-top: 4rem;
    text-align: center;
    height: 900px;
}

.c_contact>h3 {
    font-size: 35px;
    font-family: 'Wensley';
    padding-bottom: 0.5rem;
}

.c_contact>a,
.c_contact>a:hover {
    color: black;
    font-weight: 100;
    font-size: 21px;
}

.eng_pres {
    display: flex;
    justify-content: center;
}

.img_provide {
    max-width: 100%;
    min-height: 100%;
}

@media only screen and (min-width:1025px) and (max-width:1300px) {
    .iframe_video {}

    .video_gallery {
        height: 700px !important;
    }

    .explore {}

    .embed-container {
        position: relative;
        padding-bottom: 10rem;
        /* height: 0; */
        /* overflow: hidden; */
        max-width: 100%;
    }

    .embed-container .vcontent {
        position: absolute;
        overflow: hidden;
        height: calc(70vh - 6.2em);
        width: 100%;
        /* margin-top: -0.5em; */
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 28vh;
        padding: 0;
        margin: -3em 0;
    }

    /* .cont_dt {
padding-left: 200px;
padding-right: 200px;
} */
}

.pic_c {
    background-image: url("../../../srv-1/2022/08/8/62f10fd2631d8-asset1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pic_top_first {
    background-image: url("../../../srv-1/2022/08/8/62f110d1e02e4-dt_image_3.png");
    height: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 0.7rem;
}

.pic_bot_1 {
    background-image: url("../../../srv-1/2022/08/8/62f1110f3af16-dt_image_4.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* max-width: 49%; */
    margin-right: 3%;
    max-height: 97%;
}

.pic_bot_2 {
    background-image: url("../../../srv-1/2022/08/8/62f11138adb63-dt_image_5.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 48%;
    max-height: 97%;
}

.desck_home {
    display: block;
}

.home_mb {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .button_inquire {
        text-align: center;
        padding-top: 2rem;
    }

    .c_button_inquire {}

    .c_button_inquire>a>button {
        background: black;
        color: white;
        padding: 9px 29px;
        font-size: 17px;
    }

    .row_med_pad_med {
        padding-top: 7rem !important;
    }

    .img_pad {
        /* padding: 2%; */
        padding-right: 3rem;
        /* padding-bottom: 6rem; */
        padding-left: 3rem;
    }

    .iframe_video {}

    .video_gallery_p {}

    .explore {}

    .embed-container {
        position: relative;
        padding-bottom: 10rem;
        /* height: 27vh!important; */
        /* overflow: hidden; */
        max-width: 100%;
    }

    .embed-container .vcontent {
        position: absolute;
        overflow: hidden;
        height: calc(70vh - 6.2em);
        width: 100%;
        /* margin-top: -0.5em; */
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 27vh;
        padding: 0;
        margin: -3em 0;
    }

    .home_mb {
        display: block;
    }

    .desck_home {
        display: none;
    }

    .header_mb {
        background-image: url("../../../srv-1/2022/08/8/62f1116b57a23-image_header_mb.jpg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 600px;
    }

    .home_mb {}

    .personal_mb {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .personal_mb>h1 {
        font-size: 45px;
        font-family: 'Wensley';
        padding-bottom: 1.5rem;
    }

    .personal_mb>p {
        font-size: 35px;
        padding-bottom: 3rem;
        font-weight: 200;
    }

    .get_started {
        padding-bottom: 5rem;
    }

    .get_started>button {
        padding: 20px 40px;
        font-size: 25px;
    }

    .provide_mb {}

    .provide_mb>h2 {
        font-size: 40px;
        font-family: 'Wensley';
        padding-bottom: 2rem;
    }

    .p_hr_mb {}

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 3px;
        width: 7%;
        background-color: #BF0202;
        opacity: 1;
        border-radius: 5px;
    }

    .pro_mb {}

    .pro_mb>h3 {
        font-size: 33px;
        font-weight: 500;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .pro_mb>p {
        font-size: 28px;
        font-weight: 100;
        padding-bottom: 1rem;
    }

    .priv_mb {
        padding-top: 0rem;
    }

    .world_mb {}

    .cert_mb {}

    .glob_mb {
        padding-bottom: 3rem;
    }

    .explore_mb {
        padding-top: 4rem;
    }

    .explore_mb>h3 {
        font-size: 40px;
        font-family: 'Wensley';
        padding-bottom: 2rem;
    }

    .explore_mb>p {
        font-size: 31px;
        font-weight: 300;
        padding-bottom: 3rem;
    }

    .pic_carou {
        max-height: 100%;
    }

    .col-unique-mob {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .link-discov-col-mob {}

    .content-carou-col-mob {}

    .first-col {
        background-image: url("../../../srv-1/2022/09/4/63146854c46f5-32x.jpg") !important;
    }

    .second-col {
        background-image: url("../../../srv-1/2022/08/17/62fcbdfb20043-3.jpg") !important;
    }

    .three-col {
        background-image: url("../../../srv-1/2022/08/17/62fcbe7a59b83-asset1.jpg") !important;
    }

    .four-col {
        background-image: url("../../../srv-1/2022/08/8/62f1122b5e6df-image_4.png");
    }

    .carou_mb {
        height: 500px;
        padding-top: 2rem;
    }

    .carousel-item,
    .carousel-inner,
    #carouselExampleIndicators,
    .carrousel-slide-mob,
    .col-unique-mob {
        height: 100%;
    }

    .carousel-indicators>button {
        height: 14px !important;
        width: 14px !important;
        background-color: #FFF !important;
        border-radius: 222px;
        /* border: 4px solid black !important; */
        border-top-width: 0px !important;
        border-bottom-width: 0px !important;
    }

    .carousel-indicators>.active {
        height: 8px !important;
        width: 8px !important;
        background-color: transparent !important;
        border: 4px solid #FFF !important;
        border-top-width: initial;
        border-bottom-width: initial;
    }

    .video_gallery {
        /* padding-top: 2rem; */
    }

    .get_mb {
        padding-bottom: 3rem !important;
    }

    .carousel-indicators {
        bottom: 13px;
    }

    .contact {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    /* responsive overlay  */
    .img_medium {
        position: relative;
        /* width: fit-content; */
        /* height: unset; */
    }
}

@media only screen and (max-width:766px) {
    .ceng_cat_size {
        padding-top: 0rem !important;
    }

    .iframe_video {}

    .video_gallery_p {}

    .explore {}

    .video_gallery {}

    .carousel-indicators>.active {
        height: 8px !important;
        width: 8px !important;
    }

    .desck_home {
        display: none;
    }

    .header_mb {
        background-image: url("../../../srv-1/2022/08/8/62f112667d908-image_header_mb.jpg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 400px;
    }

    .home_mb {}

    .personal_mb {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .personal_mb>h1 {
        font-size: 32px;
        font-family: 'Wensley';
        padding-bottom: 1.5rem;
    }

    .personal_mb>p {
        font-size: 17px;
        padding-bottom: 2rem;
        font-weight: 200;
    }

    .get_started {
        padding-bottom: 5rem;
    }

    .get_started>button {
        padding: 11px 35px;
        font-size: 20px;
    }

    .provide_mb {}

    .provide_mb>h2 {
        font-size: 28px;
        font-family: 'Wensley';
        padding-bottom: 1rem;
    }

    .p_hr_mb {}

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 4px;
        width: 11%;
        background-color: #BF0202;
        opacity: 1;
    }

    .pro_mb {}

    .pro_mb>h3 {
        font-size: 25px;
        font-weight: 500;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .pro_mb>p {
        font-size: 18px;
        font-weight: 100;
        padding-bottom: 1rem;
    }

    .priv_mb {
        padding-top: 0rem;
    }

    .world_mb {}

    .cert_mb {}

    .glob_mb {
        padding-bottom: 2rem;
    }

    .explore_mb {
        padding-top: 2rem;
    }

    .explore_mb>h3 {
        font-size: 28px;
        font-family: 'Wensley';
        padding-bottom: 1rem;
    }

    .explore_mb>p {
        font-size: 18px;
        font-weight: 300;
        padding-bottom: 3rem;
    }

    .video_gallery {
        padding-top: 0;
    }

    .title_thanks {
        font-size: 26px;
    }
}


/****************************************** SELECTION ******************************************/

.selections {
    display: none;
    padding-top: 5rem;
}

.c_sel_pers {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 40px #0000000b;
    padding: 3% 3%;
}

.arianne {
    text-align: center;
    /* padding-bottom: 3rem; */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 3px 6px #0000000D; */
}

.arianne>a {
    opacity: 0.7;
    font-weight: 400;
    color: #909390;
}

.ariannea:hover {}

.sel_pers {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding-top: 3rem;
}

.title_sel_per {
    /* padding-top: 4rem; */
    padding-bottom: 1rem;
}

.title_sel_per>h3 {
    font-size: 38px;
    font-family: 'Wensley';
}

.sel_desc {
    padding-top: 1rem;
}

.sel_desc_1 {
    font-size: 22px;
    font-weight: 100;
}

.sel_desc_2 {
    padding-top: 1rem;
    font-size: 22px;
}

.start {
    padding-top: 3rem;
    text-align: center;
}

.start>button {
    padding: 11px 35px;
    background: black;
    color: #FFF;
    font-size: 17px;
    font-weight: 100;
}

.arrow {
    padding: 0 0.5%;
}

.p_hr_mb {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p_hr_mb>hr {
    /* color: #460303; */
    height: 3px;
    width: 7%;
    background-color: #BF0202;
    opacity: 1;
    border-radius: 5px;
}

.desc_cat_siz {}

.c_title_medium_c {
    font-size: 25px;
    font-weight: 100;
    padding-top: 1rem;
}

@media only screen and (max-width:1024px) {
    .c_title_l_p {
        padding-top: 0 !important;
    }

    .explore {}

    .c_title_medium_c {}

    .desc_cat_siz {}

    .video_gallery {
        /* background-image: url("srv-1/2022/08/17/62fc99e2a70d0-video-umage2x.jpg"); */
        background-position: center;
        min-height: 100%;
        min-width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 430px;
    }

    .selections {
        display: none;
        padding-top: 10rem;
    }

    .c_sel_pers {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 40px #0000000b;
        padding: 3% 3%;
    }

    .arianne {
        text-align: center;
        padding-bottom: 3rem;
    }

    .arianne>a {
        opacity: 0.7;
        font-weight: 400;
        color: #909390;
    }

    .ariannea:hover {}

    .sel_pers {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .title_sel_per {
        /* padding-top: 4rem; */
        padding-bottom: 1rem;
    }

    .title_sel_per>h3 {
        font-size: 38px;
        font-family: 'Wensley';
    }

    .sel_desc {
        padding-top: 1rem;
    }

    .sel_desc_1 {
        font-size: 22px;
        font-weight: 100;
    }

    .sel_desc_2 {
        padding-top: 1rem;
        font-size: 22px;
    }

    .start {
        padding-top: 5rem;
    }

    .start>button {
        padding: 11px 35px;
        background: black;
        color: #FFF;
        font-size: 17px;
        font-weight: 100;
    }

    .arrow {
        padding: 0 0.5%;
    }

    .p_hr_mb {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 3px;
        width: 7%;
        background-color: #BF0202;
        opacity: 1;
        border-radius: 5px;
    }
}

@media only screen and (max-width:766px) {
    .c_title_l_p {}

    .img_pad {
        padding: 2%;
    }

    .c_title_medium_c {}

    .desc_cat_siz {}

    .img_sty {
        padding-top: 3rem;
        margin-bottom: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .c_img_sty {
        width: auto !important;
    }

    .selections {
        display: none;
        padding-top: 3rem;
    }

    .c_sel_pers {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 40px #0000000b;
        padding: 3% 3%;
    }

    .arianne {
        text-align: center;
        padding-bottom: 3rem;
    }

    .arianne>a {
        opacity: 0.7;
        font-weight: 400;
        color: #909390;
    }

    .ariannea:hover {}

    .sel_pers {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .title_sel_per {
        /* padding-top: 4rem; */
        padding-bottom: 1rem;
    }

    .title_sel_per>h3 {
        font-size: 38px;
        font-family: 'Wensley';
    }

    .sel_desc {
        padding-top: 1rem;
    }

    .sel_desc_1 {
        font-size: 22px;
        font-weight: 100;
    }

    .sel_desc_2 {
        padding-top: 1rem;
        font-size: 22px;
    }

    .start {
        padding-top: 5rem;
    }

    .start>button {
        padding: 11px 35px;
        background: black;
        color: #FFF;
        font-size: 17px;
        font-weight: 100;
    }

    .arrow {
        padding: 0 0.5%;
    }

    .p_hr_mb {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 3px;
        width: 7%;
        background-color: #BF0202;
        opacity: 1;
        border-radius: 5px;
    }
}


/****************************************** Medium ******************************************/

.medium {
    display: none;
}

.title_medium {}

.c_title_medium {
    font-size: 25px;
    text-align: center;
}

.c_title_medium_p {
    text-align: center;
    padding-top: 1rem;
    font-size: 18px;
    font-weight: 100;
}

.eng_cat_medium {
    padding-top: 5rem;
}

.img_medium {
    /* height: 530px; */
    position: relative;
    margin-bottom: 5rem;
}

.img_medium>.c_img_medium>img {
    min-height: 100%;
    max-width: 100%;
    position: relative;
}

.btn_next_back {
    text-align: center;
    padding-top: 5rem;
}

.skip {}

.skip>p {
    text-align: center;
    padding-top: 2rem;
    font-weight: 100;
}

.img_medium_1 {}

.img_medium_2 {}

.img_medium_3 {}

.img_medium_4 {}

.img_medium_5 {}

.img_medium_6 {}

.row_med {
    padding-top: 5rem;
}

.btn_c {
    height: 50px;
    width: 135px;
}

.div_end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.div_start {
    display: flex;
    justify-content: left;
    align-items: center;
}

.btn_back {}

.btn_next {}

.btn_back>button {
    padding: 10% 50px;
    color: black;
    border: 1px solid black;
}

.btn_next>button {
    padding: 10% 50px;
    background: black;
    color: white;
}

.desc_cat {
    padding-top: 1rem;
}

.desc_cat>p {
    font-size: 20px;
    font-weight: 400;
}

.overlay {
    position: absolute;
    right: 0;
    left: 2%;
    top: 0;
    bottom: 0;
    background: #27272791 0% 0% no-repeat padding-box;
    width: 95%;
}

.overlay>img {
    position: absolute;
    top: 50%;
    left: 45%;
    height: 35px;
}

.eng_cat_medium_2 {
    padding-top: 5rem;
}

.overlay {
    display: none;
}

.pic_medium_dt {
    display: block;
}

.pic_medium_mb {
    display: none;
}

@media only screen and (max-width:1024px) {
    .pic_medium_dt {
        display: none;
    }

    .pic_medium_mb {
        display: block;
    }
}


/* STYLE */

.style {
    display: none;
}

@media only screen and (max-width:766px) {

    /* @font-face {
font-family: 'Wensley';
src: url('../fonts/WENSLEY/web_font_kit/Wensley-Regular.woff') format('woff'), 
url('../fonts/WENSLEY/TTF/Wensley-Regular.ttf') format('truetype');
} */
    body,
    p,
    a {
        font-family: 'TT Hoves', Fallback, sans-serif;
    }

    .home {
        background-image: url("../../../srv-1/2022/08/8/62f112eb1f4d9-dt_header.png");
        height: 750px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .presentation {
        background: rgba(255, 255, 255, 0.6);
        padding: 40px;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 45%;
        /* bottom: 100%; */
    }

    .title_pres {
        color: #171A17;
        font-size: 46px;
        font-family: 'Wensley';
    }

    .desc {
        padding-top: 1rem;
        letter-spacing: 0.2px;
        padding-bottom: 2rem;
    }

    .desc>p {
        font-size: 24px;
        line-height: 30px;
        font-weight: 300;
    }

    .get_started {}

    .get_started>button {
        padding: 11px 35px;
        background: black;
        color: #FFF;
        font-size: 17px;
    }

    .p_pres {
        position: relative;
        height: 100%;
    }

    .h_100 {
        height: 100%;
    }

    .explain_provide {}

    .explain_provide>h3 {
        font-weight: 500;
        padding-bottom: 0.5rem;
    }

    .explain_provide>p {
        padding-bottom: 1rem;
        font-weight: 100;
        font-size: 15px;
        letter-spacing: 0.1px;
    }

    .eden_provide {
        padding-top: 4rem;
    }

    .title_provide {
        padding-bottom: 2rem;
    }

    .title_provide>h2 {
        font-size: 37px;
        font-family: 'Wensley';
    }

    .private {}

    .worlwide {}

    .certificate {}

    .global {
        padding-bottom: 1rem;
    }

    .img_provide {
        width: 528px;
    }

    /* .cont_dt {
padding-left: 230px;
padding-right: 230px;
} */
    .p_l_5 {
        padding-left: 3rem;
    }

    .video_gallery {}

    .video_gallery_p {
        padding-top: 6rem;
    }

    .video_gallery>img {
        max-width: 100%;
        min-width: 100%;
    }

    .c_explore {}

    .c_explore>h3 {
        font-size: 35px;
        font-family: 'Wensley';
    }

    .p_hr {
        text-align: center;
        /* width: 100%; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .c_explore>.p_hr>hr {
        width: 7%;
        height: 3px;
        background-color: #BF0202;
        opacity: 1;
    }

    .p_p_explore {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .c_explore>.p_p_explore>p {
        padding-bottom: 3rem;
        width: 80%;
        font-size: 21px;
        font-weight: 300;
        letter-spacing: 0.7px;
    }

    .explore {
        text-align: center;
        padding-top: 6rem;
    }

    .pic_pres {
        padding-top: 7rem;
        height: 800px;
    }

    div.pic_pres>div {
        height: 100%;
    }

    div.pic_pres>div>.row {
        height: 100%;
    }

    div.pic_pres>div>div>div.col-6.pic_top>div.row {
        height: 50%;
        padding: 0px 13px;
    }

    .pic_c {
        max-width: 100%;
    }

    .pic_top {
        text-align: right;
    }

    .pic_top>img {
        max-width: 100%;
    }

    .pic_bot {
        max-width: 100%;
    }

    .p_l {
        padding-right: 1.3rem;
    }

    .eng_pic {
        text-align: right;
    }

    .c_contact {}

    .contact {
        padding-top: 4rem;
        text-align: center;
    }

    .c_contact>h3 {
        font-size: 35px;
        font-family: 'Wensley';
        padding-bottom: 0.5rem;
    }

    .c_contact>a,
    .c_contact>a:hover {
        color: black;
        font-weight: 100;
        font-size: 21px;
    }

    .eng_pres {
        display: flex;
        justify-content: center;
    }

    .img_provide {
        max-width: 100%;
        min-height: 100%;
    }

    @media only screen and (min-width:1025px) and (max-width:1300px) {
        .video_gallery_p {}

        /* .cont_dt {
padding-left: 200px;
padding-right: 200px;
} */
    }

    .pic_c {
        background-image: url("../../../srv-1/2022/08/8/62f11330e2c85-asset1.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .pic_top_first {
        background-image: url("../../../srv-1/2022/08/8/62f11363cd67f-dt_image_3.png");
        height: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0.7rem;
    }

    .pic_bot_1 {
        background-image: url("../../../srv-1/2022/08/8/62f1138a0df58-dt_image_4.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        max-width: 49%;
        margin-right: 3%;
        max-height: 97%;
    }

    .pic_bot_2 {
        background-image: url("../../../srv-1/2022/08/8/62f113a3afb91-dt_image_5.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        max-width: 48%;
        max-height: 97%;
    }

    .desck_home {
        display: block;
    }

    .home_mb {
        display: none;
    }

    @media only screen and (max-width:1024px) {
        .home_mb {
            display: block;
        }

        .desck_home {
            display: none;
        }

        .header_mb {
            background-image: url("../../../srv-1/2022/08/8/62f113d02099b-image_header_mb.jpg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            height: 600px;
        }

        .home_mb {}

        .personal_mb {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }

        .personal_mb>h1 {
            font-size: 45px;
            font-family: 'Wensley';
            padding-bottom: 1rem;
        }

        .personal_mb>p {
            font-size: 26px;
            padding-bottom: 2rem;
            font-weight: 200;
        }

        .get_started {
            padding-bottom: 5rem;
        }

        .get_started>button {
            padding: 20px 40px;
            font-size: 25px;
        }

        .provide_mb {}

        .provide_mb>h2 {
            font-size: 40px;
            font-family: 'Wensley';
            padding-bottom: 2rem;
        }

        .p_hr_mb {}

        .p_hr_mb>hr {
            /* color: #460303; */
            height: 3px;
            width: 7%;
            background-color: #BF0202;
            opacity: 1;
            border-radius: 5px;
        }

        .pro_mb {}

        .pro_mb>h3 {
            font-size: 33px;
            font-weight: 500;
            padding-bottom: 1rem;
            padding-top: 1rem;
        }

        .pro_mb>p {
            font-size: 28px;
            font-weight: 100;
            padding-bottom: 1rem;
        }

        .priv_mb {
            padding-top: 0rem;
        }

        .world_mb {}

        .cert_mb {}

        .glob_mb {
            padding-bottom: 3rem;
        }

        .explore_mb {
            padding-top: 4rem;
        }

        .explore_mb>h3 {
            font-size: 40px;
            font-family: 'Wensley';
            padding-bottom: 2rem;
        }

        .explore_mb>p {
            font-size: 31px;
            font-weight: 300;
            padding-bottom: 3rem;
        }

        .pic_carou {
            max-height: 100%;
        }

        .col-unique-mob {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }

        .link-discov-col-mob {}

        .content-carou-col-mob {}

        .first-col {
            background-image: url("../../../srv-1/2022/08/8/62f1141aabe2a-image_12x.jpg");
        }

        .second-col {
            background-image: url("../../../srv-1/2022/08/8/62f1148e1f423-image_2.jpg");
        }

        .three-col {
            background-image: url("../../../srv-1/2022/08/8/62f114ade0851-image_3.jpg");
        }

        .four-col {
            background-image: url("../../../srv-1/2022/08/8/62f114c6e434b-image_4.png");
        }

        .carou_mb {
            height: 500px;
            padding-top: 2rem;
        }

        .carousel-item,
        .carousel-inner,
        #carouselExampleIndicators,
        .carrousel-slide-mob,
        .col-unique-mob {
            height: 100%;
        }

        .carousel-indicators>button {
            height: 14px !important;
            width: 14px !important;
            background-color: #FFF !important;
            border-radius: 222px;
            /* border: 4px solid black !important; */
            border-top-width: 0px !important;
            border-bottom-width: 0px !important;
        }

        .carousel-indicators>.active {
            height: 8px !important;
            width: 8px !important;
            background-color: transparent !important;
            border: 4px solid #FFF !important;
            border-top-width: initial;
            border-bottom-width: initial;
        }

        .video_gallery {
            padding-top: 2rem;
        }

        .get_mb {
            padding-bottom: 3rem !important;
        }

        .carousel-indicators {
            bottom: 13px;
        }

        .contact {
            padding-top: 3rem;
            padding-bottom: 4rem;
        }
    }

    @media only screen and (max-width:766px) {
        .carousel-indicators>.active {
            height: 8px !important;
            width: 8px !important;
        }

        .desck_home {
            display: none;
        }

        .header_mb {
            background-image: url("../../../srv-1/2022/08/8/62f114f094783-image_header_mb.jpg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            height: 400px;
        }

        .home_mb {}

        .personal_mb {
            padding-top: 3rem;
            padding-bottom: 2rem;
        }

        .personal_mb>h1 {
            font-size: 32px;
            font-family: 'Wensley';
            padding-bottom: 1.5rem;
        }

        .personal_mb>p {
            font-size: 17px;
            padding-bottom: 2rem;
            font-weight: 200;
        }

        .get_started {
            padding-bottom: 5rem;
        }

        .get_started>button {
            padding: 11px 35px;
            font-size: 20px;
        }

        .provide_mb {}

        .provide_mb>h2 {
            font-size: 28px;
            font-family: 'Wensley';
            padding-bottom: 1rem;
        }

        .p_hr_mb {}

        .p_hr_mb>hr {
            /* color: #460303; */
            height: 4px;
            width: 11%;
            background-color: #BF0202;
            opacity: 1;
        }

        .pro_mb {}

        .pro_mb>h3 {
            font-size: 25px;
            font-weight: 500;
            padding-bottom: 1rem;
            padding-top: 1rem;
        }

        .pro_mb>p {
            font-size: 18px;
            font-weight: 100;
            padding-bottom: 1rem;
        }

        .priv_mb {
            padding-top: 0rem;
        }

        .world_mb {}

        .cert_mb {}

        .glob_mb {
            padding-bottom: 2rem;
        }

        .explore_mb {
            padding-top: 2rem;
        }

        .explore_mb>h3 {
            font-size: 28px;
            font-family: 'Wensley';
            padding-bottom: 1rem;
        }

        .explore_mb>p {
            font-size: 18px;
            font-weight: 300;
            padding-bottom: 3rem;
        }

        .video_gallery {
            padding-top: 0;
        }
    }

    /****************************************** SELECTION ******************************************/
    .selections {
        display: none;
        padding-top: 5rem;
    }

    .c_sel_pers {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 40px #0000000b;
        padding: 3% 3%;
    }

    .arianne {
        text-align: center;
        padding-bottom: 3rem;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        /* box-shadow: 0px 3px 6px #0000000D; */
    }

    .arianne>a {
        opacity: 0.7;
        font-weight: 400;
        color: #909390;
    }

    .ariannea:hover {}

    .sel_pers {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        padding-top: 3rem;
    }

    .title_sel_per {
        /* padding-top: 4rem; */
        padding-bottom: 1rem;
    }

    .title_sel_per>h3 {
        font-size: 38px;
        font-family: 'Wensley';
    }

    .sel_desc {
        padding-top: 1rem;
    }

    .sel_desc_1 {
        font-size: 22px;
        font-weight: 100;
    }

    .sel_desc_2 {
        padding-top: 1rem;
        font-size: 22px;
    }

    .start {
        padding-top: 3rem;
        text-align: center;
    }

    .start>button {
        padding: 11px 35px;
        background: black;
        color: #FFF;
        font-size: 17px;
        font-weight: 100;
    }

    .arrow {
        padding: 0 0.5%;
    }

    .p_hr_mb {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 3px;
        width: 7%;
        background-color: #BF0202;
        opacity: 1;
        border-radius: 5px;
    }

    @media only screen and (max-width: 1024px) {
        .video_gallery_p {}

        .selections {
            display: none;
            padding-top: 10rem;
        }

        .c_sel_pers {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 20px 40px #0000000b;
            padding: 3% 3%;
        }

        .arianne {
            text-align: center;
            padding-bottom: 1rem !important;
            padding-top: 2rem !important;
        }
    }

    .arianne>a {
        opacity: 0.7;
        font-weight: 400;
        color: #909390;
        font-size: 18px !important;
    }

    .ariannea:hover {}

    .sel_pers {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .title_sel_per {
        /* padding-top: 4rem; */
        padding-bottom: 1rem;
    }

    .title_sel_per>h3 {
        font-size: 38px;
        font-family: 'Wensley';
    }

    .sel_desc {
        padding-top: 1rem;
    }

    .sel_desc_1 {
        font-size: 22px;
        font-weight: 100;
    }

    .sel_desc_2 {
        padding-top: 1rem;
        font-size: 22px;
    }

    .start {
        padding-top: 5rem;
    }

    .start>button {
        padding: 11px 35px;
        background: black;
        color: #FFF;
        font-size: 17px;
        font-weight: 100;
    }

    .arrow {
        padding: 0 0.5%;
    }

    .p_hr_mb {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 3px;
        width: 7%;
        background-color: #BF0202;
        opacity: 1;
        border-radius: 5px;
    }
}

@media only screen and (max-width:766px) {
    .selections {
        display: none;
        padding-top: 3rem;
    }

    .c_sel_pers {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 40px #0000000b;
        padding: 3% 3%;
    }

    .arianne {
        text-align: center;
        padding-bottom: 3rem;
    }

    .arianne>a {
        opacity: 0.7;
        font-weight: 400;
        color: #909390;
    }

    .ariannea:hover {}

    .sel_pers {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .title_sel_per {
        /* padding-top: 4rem; */
        padding-bottom: 1rem;
    }

    .title_sel_per>h3 {
        font-size: 38px;
        font-family: 'Wensley';
    }

    .sel_desc {
        padding-top: 1rem;
    }

    .sel_desc_1 {
        font-size: 22px;
        font-weight: 100;
    }

    .sel_desc_2 {
        padding-top: 1rem;
        font-size: 22px;
    }

    .start {
        padding-top: 5rem;
    }

    .start>button {
        padding: 11px 35px;
        background: black;
        color: #FFF;
        font-size: 17px;
        font-weight: 100;
    }

    .arrow {
        padding: 0 0.5%;
    }

    .p_hr_mb {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 3px;
        width: 7%;
        background-color: #BF0202;
        opacity: 1;
        border-radius: 5px;
    }
}


/****************************************** Medium ******************************************/

.medium {
    display: none;
}

.title_medium {}

.c_title_medium {
    font-size: 25px;
    text-align: center;
}

.c_title_medium_p {
    text-align: center;
    padding-top: 1rem;
    font-size: 18px;
    font-weight: 100;
}

.eng_cat_medium {
    padding-top: 5rem;
    /* display: flex; */
    /* justify-content: center; */
}

.img_medium {
    /* height: 530px; */
    position: relative;
    margin-bottom: 5rem;
    /* width: auto; */
}

.img_medium>.c_img_medium>img {
    min-height: 100%;
    min-width: 100%;
    position: relative;
}

.btn_next_back {
    text-align: center;
    padding-top: 5rem;
}

.skip {}

.skip>p {
    text-align: center;
    padding-top: 2rem;
    font-weight: 100;
}

.img_medium_1 {}

.img_medium_2 {}

.img_medium_3 {}

.img_medium_4 {}

.img_medium_5 {}

.img_medium_6 {}

.row_med {
    padding-top: 5rem;
}

.btn_c {
    height: 50px;
    width: 135px;
}

.div_end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.div_start {
    display: flex;
    justify-content: left;
    align-items: center;
}

.btn_back {}

.btn_next {}

.btn_back>button {
    padding: 10% 50px;
    color: black;
    border: 1px solid black;
}

.btn_next>button {
    padding: 10% 50px;
    background: black;
    color: white;
}

.desc_cat {
    padding-top: 1rem;
}

.desc_cat>p {}

.overlay {
    position: absolute;
    right: 0;
    left: 2%;
    top: 0;
    bottom: 0;
    background: #27272791 0% 0% no-repeat padding-box;
    width: 95%;
}

.overlay>img {
    position: absolute;
    top: 50%;
    left: 45%;
}

.eng_cat_medium_2 {
    /* padding-top: 5rem; */
}

.overlay {
    display: none;
}

.pic_medium_dt {
    display: block;
}

.pic_medium_mb {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .pic_medium_dt {
        display: none;
    }

    .pic_medium_mb {
        display: block;
    }

    .eng_cat_medium {
        padding-top: 5rem;
        /* display: flex; */
        /* justify-content: center; */
    }
}


/* STYLE */

.p_hr_mb_first>hr {
    height: 4px;
    width: 11%;
    background-color: #BF0202;
    opacity: 1;
}

@media only screen and (max-width:1024px) {
    .img_medium {
        /* height: 400px!important; */
    }

    .artist {
        height: 910px;
    }
}

@media only screen and (max-width:766px) {
    .img_medium {
        /* height: 300px!important; */
        /* width: auto!important; */
    }

    .artist {
        height: 760px;
    }
}

@media only screen and (max-width:570px) {
    .img_medium {
        height: auto !important;
    }

    .artist {
        height: 680px;
    }

    .video_gallery {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }

    .iframe_video {}

    .video_gallery_p {}

    .explore {}

    .embed-container {
        position: relative;
        padding-bottom: 10rem;
        height: 14vh !important;
        /* overflow: hidden; */
        max-width: 100%;
    }

    .embed-container .vcontent {
        position: absolute;
        overflow: hidden;
        height: calc(70vh - 6.2em);
        width: 100%;
        /* margin-top: -0.5em; */
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 16vh !important;
        padding: 0;
        margin: -3em 0;
    }
}


/************************************* artist *******************************/

.btn-read-pers {
    text-align: center;
    /* padding-top: 4rem; */
    padding-bottom: 4rem;
}

.read-more-pers {
    border-top: 1px solid #E5E2E2;
}

.rd-gl-blog {
    text-decoration: revert;
}

.cont_show_all {
    display: none;
}


/* orientaiton */

.orientation {
    display: none;
}

.img_medium_27>img,
.img_medium_26>img,
.img_medium_25>img {
    min-height: unset;
}

.c_img_medium {
    position: relative;
    /* width: fit-content; */
}

.p_ab_spe {
    /* bottom: 2%!important; */
    /* width: 96%!important; */
}

.img_medium_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.desc_cat_abs {
    position: absolute;
    width: 100%;
}

@media only screen and (max-width:1024px) {
    .desc_cat_abs>p {
        text-align: center;
        font-size: 21px;
        font-weight: 400;
    }
}


/* size */

.size {
    display: none;
}

.img_medium_min {
    height: 420px;
    max-height: 100% !important;
    min-width: 100% !important;
}

.overlay_96 {
    width: 96% !important;
}


/* budget */

.budget {
    display: none;
}

.btn_price_range {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    padding: 6% 0%;
    margin-bottom: 1rem;
    width: 100%;
    border: 2px solid transparent;
}

.btn_price_range>button {
    /* background: #F6F6F6 0% 0% no-repeat padding-box;
padding: 4% 12%; */
    color: #626060;
}

.c_ti {
    font-size: 20px;
    text-align: center;
    padding-bottom: 2rem;
}

.active_button {
    color: black !important;
    border: 2px solid black;
}

.c_title_size {
    display: none;
}

@media only screen and (max-width:1024px) {
    .c_ti {
        display: none;
    }

    .c_title_size {
        display: block !important;
    }

    .c_title_medium {
        /* display: none; */
    }
}


/* contact */

input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
textarea {
    font-size: 15px !important;
    color: #767676 !important;
    padding: 13px 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px !important;
    position: absolute !important;
    top: 11px !important;
    right: 1px !important;
    /* width: 46px!important; */
}

.select2-container--default .select2-selection--single {
    width: 105% !important;
}


/* @font-face {
font-family: 'Wensley';
src: url('../fonts/WENSLEY/web_font_kit/Wensley-Regular.woff') format('woff'), url('../fonts/WENSLEY/TTF/Wensley-Regular.ttf') format('truetype');
} */

body,
p,
a {
    font-family: 'TT Hoves', Fallback, sans-serif;
}

.home {
    background-image: url("../../../srv-1/2022/08/8/62f115948d1ef-dt_header.png");
    height: 750px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.presentation {
    background: rgba(255, 255, 255, 0.8);
    padding: 40px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 35%;
    /* bottom: 100%; */
}

.title_pres {
    color: white;
    font-size: 46px;
    font-family: 'Wensley';
    text-transform: capitalize;
}

.desc {
    padding-top: 1rem;
    letter-spacing: 0.2px;
    padding-bottom: 2rem;
}

.desc>p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}

.get_started {}

.get_started>button {
    padding: 11px 35px;
    background: black;
    color: #FFF;
    font-size: 17px;
}

.p_pres {
    position: relative;
    height: 100%;
}

.h_100 {
    height: 100%;
}

.explain_provide {}

.explain_provide>h3 {
    font-weight: 500;
    padding-bottom: 0.5rem;
}

.explain_provide>p {
    padding-bottom: 1rem;
    font-weight: 100;
    font-size: 15px;
    letter-spacing: 0.1px;
}

.eden_provide {
    padding-top: 4rem;
}

.title_provide {
    padding-bottom: 2rem;
}

.title_provide>h2 {
    font-size: 37px;
    font-family: 'Wensley';
}

.private {}

.worlwide {}

.certificate {}

.global {
    padding-bottom: 1rem;
}

.img_provide {
    width: 528px;
}


/* .cont_dt {
padding-left: 230px;
padding-right: 230px;
}
*/

.p_l_5 {
    padding-left: 3rem;
}

.video_gallery {
    height: 850px;
    padding-left: 0;
    padding-right: 0;
}

.video_gallery_p {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.video_gallery>img {
    max-width: 100%;
    min-width: 100%;
}

.c_explore {}

.c_explore>h3 {
    font-size: 35px;
    font-family: 'Wensley';
}

.p_hr {
    text-align: center;
    /* width: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.c_explore>.p_hr>hr {
    width: 5%;
    height: 3px;
    background-color: #BF0202;
    opacity: 1;
}

.p_p_explore {
    display: flex;
    justify-content: center;
    align-items: center;
}

.c_explore>.p_p_explore>p {
    padding-bottom: 3rem;
    width: 80%;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0.7px;
}

.explore {
    text-align: center;
    padding-top: 0rem;
}

.pic_pres {
    padding-top: 7rem;
    height: 800px;
}

div.pic_pres>div {
    height: 100%;
}

div.pic_pres>div>.row {
    height: 100%;
}

div.pic_pres>div>div>div.col-6.pic_top>div.row {
    height: 50%;
    padding: 0px 13px;
}

.pic_c {
    max-width: 100%;
}

.pic_top {
    text-align: right;
}

.pic_top>img {
    max-width: 100%;
}

.pic_bot {
    max-width: 100%;
}

.p_l {
    padding-right: 1.3rem;
}

.eng_pic {
    text-align: right;
}

.c_contact {
    padding-bottom: 5rem;
}

.contact {
    padding-top: 4rem;
    text-align: center;
}

.c_contact>h3 {
    font-size: 35px;
    font-family: 'Wensley';
    padding-bottom: 0.5rem;
}

.c_contact>a,
.c_contact>a:hover {
    color: black;
    font-weight: 100;
    font-size: 21px;
}

.eng_pres {
    display: flex;
    justify-content: center;
}

.img_provide {
    max-width: 100%;
    min-height: 100%;
}

@media only screen and (min-width:1025px) and (max-width:1300px) {
    /* .cont_dt {
padding-left: 200px;
padding-right: 200px;
} */
}

.pic_c {
    /* background-image: url("srv-1/2022/08/8/62f115e11cae8-asset1.jpg"); */
    background-image: url("../../../srv-1/2022/08/17/62fcbdfb20043-3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pic_top_first {
    background-image: url("../../../srv-1/2022/09/4/63146854c46f5-32x.jpg");
    /* background-image: url("srv-1/2022/08/8/62f1160ef413f-dt_image_3.png"); */
    /* background-image: url("srv-1/2022/08/17/62fcbd7eb6702-asset2.jpg"); */
    height: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 0.7rem;
}

.pic_bot_1 {
    /* background-image: url("srv-1/2022/08/8/62f11632a3ab4-dt_image_4.png"); */
    background-image: url("../../../srv-1/2022/08/17/62fcbe7a59b83-asset1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* max-width: 49%; */
    margin-right: 3%;
    max-height: 97%;
}

.pic_bot_2 {
    background-image: url("../../../srv-1/2022/08/8/62f11658c7396-dt_image_5.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 48%;
    max-height: 97%;
}

.desck_home {
    display: block;
}

.home_mb {
    display: none;
}

@media only screen and (max-width:1024px) {
    .home_mb {
        display: block;
    }

    .desck_home {
        display: none;
    }

    .header_mb {
        background-image: url("../../../srv-1/2022/08/8/62f1168d992b4-image_header_mb.jpg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 450px;
    }

    .home_mb {}

    .personal_mb {
        padding-top: 2rem;
        padding-bottom: 3rem;
    }

    .personal_mb>h1 {
        font-size: 42px;
        font-family: 'Wensley';
        padding-bottom: 1rem;
    }

    .personal_mb>p {
        font-size: 26px;
        padding-bottom: 2rem;
        font-weight: 200;
    }

    .get_started {
        padding-bottom: 3rem;
    }

    .get_started>button {
        padding: 20px 40px;
        font-size: 20px;
    }

    .provide_mb {}

    .provide_mb>h2 {
        font-size: 40px;
        font-family: 'Wensley';
        padding-bottom: 1rem;
    }

    .p_hr_mb {}

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 3px;
        width: 7%;
        background-color: #BF0202;
        opacity: 1;
        border-radius: 5px;
    }

    .pro_mb {}

    .pro_mb>h3 {
        font-size: 30px;
        font-weight: 500;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .pro_mb>p {
        font-size: 25px;
        font-weight: 100;
        padding-bottom: 1rem;
    }

    .priv_mb {
        padding-top: 0rem;
    }

    .world_mb {}

    .cert_mb {}

    .glob_mb {
        padding-bottom: 2rem;
    }

    .explore_mb {
        padding-top: 4rem;
    }

    .explore_mb>h3 {
        font-size: 40px;
        font-family: 'Wensley';
        padding-bottom: 1.5rem;
    }

    .explore_mb>p {
        font-size: 26px;
        font-weight: 300;
        padding-bottom: 3rem;
    }

    .pic_carou {
        max-height: 100%;
    }

    .col-unique-mob {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .link-discov-col-mob {}

    .content-carou-col-mob {}

    .first-col {
        background-image: url("../../../srv-1/2022/08/8/62f116c926a27-image_12x.jpg");
    }

    .second-col {
        background-image: url("../../../srv-1/2022/08/8/62f116f1d60ab-image_2.png");
    }

    .three-col {
        background-image: url("../../../srv-1/2022/08/8/62f11735d9768-image_3.jpg");
    }

    .four-col {
        background-image: url("../../../srv-1/2022/08/8/62f117668882b-image_4.jpg");
    }

    .carou_mb {
        height: 500px;
        padding-top: 2rem;
    }

    .carousel-item,
    .carousel-inner,
    #carouselExampleIndicators,
    .carrousel-slide-mob,
    .col-unique-mob {
        height: 100%;
    }

    .carousel-indicators>button {
        height: 14px !important;
        width: 14px !important;
        background-color: #FFF !important;
        border-radius: 222px;
        /* border: 4px solid black !important; */
        border-top-width: 0px !important;
        border-bottom-width: 0px !important;
    }

    .carousel-indicators>.active {
        height: 8px !important;
        width: 8px !important;
        background-color: transparent !important;
        border: 4px solid #FFF !important;
        border-top-width: initial;
        border-bottom-width: initial;
    }

    .video_gallery {
        /* padding-top: 2rem; */
        height: 420px;
    }

    .get_mb {
        padding-bottom: 3rem !important;
    }

    .carousel-indicators {
        bottom: 13px;
    }

    .contact {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
}

@media only screen and (max-width:766px) {
    .carousel-indicators>.active {
        height: 8px !important;
        width: 8px !important;
    }

    .desck_home {
        display: none;
    }

    .header_mb {
        background-image: url("../../../srv-1/2022/08/8/62f11af74307e-image_header_mb.jpg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 400px;
    }

    .home_mb {}

    .personal_mb {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .personal_mb>h1 {
        font-size: 32px;
        font-family: 'Wensley';
        padding-bottom: 1.5rem;
    }

    .personal_mb>p {
        font-size: 17px;
        padding-bottom: 2rem;
        font-weight: 200;
    }

    .get_started {
        padding-bottom: 5rem;
    }

    .get_started>button {
        padding: 11px 35px;
        font-size: 20px;
    }

    .provide_mb {}

    .provide_mb>h2 {
        font-size: 28px;
        font-family: 'Wensley';
        padding-bottom: 1rem;
    }

    .p_hr_mb {}

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 4px;
        width: 11%;
        background-color: #BF0202;
        opacity: 1;
    }

    .pro_mb {}

    .pro_mb>h3 {
        font-size: 25px;
        font-weight: 500;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .pro_mb>p {
        font-size: 18px;
        font-weight: 100;
        padding-bottom: 1rem;
    }

    .priv_mb {
        padding-top: 0rem;
    }

    .world_mb {}

    .cert_mb {}

    .glob_mb {
        padding-bottom: 2rem;
    }

    .explore_mb {
        padding-top: 2rem;
    }

    .explore_mb>h3 {
        font-size: 28px;
        font-family: 'Wensley';
        padding-bottom: 1rem;
    }

    .explore_mb>p {
        font-size: 18px;
        font-weight: 300;
        padding-bottom: 3rem;
    }

    .video_gallery {
        padding-top: 0;
    }
}

body>div.budget>div>div.row.row_med.row_med_pad>div>div>div>div.title_size>h3 {
    padding-top: 0;
}

body>div.budget>div>div.row.row_med.row_med_pad>div>div {
    padding-top: 0;
}


/* body>div.budget>div>div.row.row_med.row_med_pad>div>div {
    padding-top: 0rem!important;
} */


/****************************************** SELECTION ******************************************/

.selections {
    display: none;
    padding-top: 7rem;
}

.c_sel_pers {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 40px #0000000b;
    padding: 3% 3%;
}

.arianne {
    /* position: fixed; */
    /* left: 0; */
    padding-top: 3rem;
    text-align: center;
    padding-bottom: 1rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 8px 6px #0000000d; */
    /* right: 0; */
    /* top: 1%; */
    z-index: 2;
    /* position: absolute; */
    left: 0;
    right: 0;
    /* padding-top: 1rem; */
}

.arianne>a {
    opacity: 0.7;
    font-weight: 400;
    color: #909390;
}

.ariannea:hover {}

.sel_pers {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.title_sel_per {
    /* padding-top: 4rem; */
    padding-bottom: 0rem;
}

.title_sel_per>h3 {
    font-size: 38px;
    font-family: 'Wensley';
}

.sel_desc {
    padding-top: 0rem;
}

.sel_desc_1 {
    font-size: 18px;
    font-weight: 100;
}

.sel_desc_2 {
    padding-top: 1rem;
    font-size: 18px;
}

.start {
    padding-top: 3rem;
    text-align: center;
}

.start>button {
    padding: 11px 35px;
    background: black;
    color: #FFF;
    font-size: 17px;
    font-weight: 100;
}

.arrow {
    padding: 0 0.5%;
}

.p_hr_mb {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p_hr_mb>hr {
    /* color: #460303; */
    height: 3px;
    width: 7%;
    background-color: #BF0202;
    opacity: 1;
    border-radius: 5px;
}

@media only screen and (max-width:1024px) {
    .selections {
        display: none;
        padding-top: 10rem;
    }

    .c_sel_pers {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 40px #0000000b;
        padding: 3% 3%;
    }

    .arianne {
        text-align: center;
        padding-bottom: 2rem;
    }

    .arianne>a {
        opacity: 0.7;
        font-weight: 400;
        color: #909390;
        font-size: 18px;
    }

    .ariannea:hover {}

    .sel_pers {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .title_sel_per {
        /* padding-top: 4rem; */
        padding-bottom: 1rem;
    }

    .title_sel_per>h3 {
        font-size: 38px;
        font-family: 'Wensley';
    }

    .sel_desc {
        padding-top: 1rem;
    }

    .sel_desc_1 {
        font-size: 22px;
        font-weight: 100;
    }

    .sel_desc_2 {
        padding-top: 1rem;
        font-size: 22px;
    }

    .start {
        padding-top: 4rem;
    }

    .start>button {
        padding: 20px 40px;
        background: black;
        color: #FFF;
        font-size: 20px;
        font-weight: 100;
    }

    .arrow {
        padding: 0 0.5%;
    }

    .p_hr_mb {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 3px;
        width: 7%;
        background-color: #BF0202;
        opacity: 1;
        border-radius: 5px;
    }
}

@media only screen and (max-width:766px) {
    .selections {
        display: none;
        padding-top: 10rem;
    }

    .c_sel_pers {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 40px #0000000b;
        padding: 3% 3%;
    }

    .arianne {
        text-align: center;
        padding-bottom: 3rem;
    }

    .arianne>a {
        opacity: 0.7;
        font-weight: 400;
        color: #909390;
    }

    .ariannea:hover {}

    .sel_pers {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .title_sel_per {
        /* padding-top: 4rem; */
        padding-bottom: 1rem;
    }

    .title_sel_per>h3 {
        font-size: 38px;
        font-family: 'Wensley';
    }

    .sel_desc {
        padding-top: 1rem;
    }

    .sel_desc_1 {
        font-size: 22px;
        font-weight: 100;
    }

    .sel_desc_2 {
        padding-top: 1rem;
        font-size: 22px;
    }

    .start {
        padding-top: 5rem;
    }

    .start>button {
        padding: 11px 35px;
        background: black;
        color: #FFF;
        font-size: 17px;
        font-weight: 100;
    }

    .arrow {
        padding: 0 0.5%;
    }

    .p_hr_mb {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 3px;
        width: 7%;
        background-color: #BF0202;
        opacity: 1;
        border-radius: 5px;
    }
}


/****************************************** Medium ******************************************/

.medium {
    display: none;
}

.title_medium {
    display: block;
    padding-top: 1rem;
}

.c_title_medium {
    font-size: 25px;
    text-align: center;
    padding-top: 2rem;
}

.c_title_medium_p {
    text-align: center;
    padding-top: 0.5rem;
    font-size: 18px;
    font-weight: 100;
}

.eng_cat_medium {
    padding-top: 5rem;
    /* padding: 6% 10%; */
}

.img_medium {
    /* height: 530px; */
    position: relative;
    margin-bottom: 5rem;
}

.img_medium>.c_img_medium>img {
    max-height: 100%;
    max-width: 100%;
    position: relative;
}

.btn_next_back {
    text-align: center;
    padding-top: 5rem;
}

.skip {}

.skip>p {
    text-align: center;
    padding-top: 0.5rem;
    font-weight: 100;
    font-size: 14px;
    padding-bottom: 0.5rem;
}

.img_medium_1 {}

.img_medium_2 {}

.img_medium_3 {}

.img_medium_4 {}

.img_medium_5 {}

.img_medium_6 {}

.row_med {
    padding-top: 3rem;
}

.btn_c {
    height: 50px;
    width: 135px;
}

.div_end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0;
}

.div_start {
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 0;
}

.btn_back {}

.btn_next {}

.btn_back>button {
    padding: 7.5% 40px;
    color: black;
    border: 1px solid black;
    font-weight: 100;
}

.btn_next>button {
    padding: 8% 40px;
    background: black;
    color: white;
    font-weight: 100;
    border: 1px solid black;
}

.desc_cat {
    padding-top: 1rem;
    /* z-index: 10; */
}

.desc_cat>p {
    font-size: 20px;
    font-weight: 400;
}

.overlay {
    position: absolute;
    right: 0;
    left: 0%;
    top: 0;
    bottom: 0;
    background: #27272791 0% 0% no-repeat padding-box;
    width: 100%;
}

.overlay>img {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 45%; */
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    top: 0;
}

.eng_cat_medium_2 {
    padding-top: 5rem;
}

.overlay {
    display: none;
}

.pic_medium_dt {
    display: block;
}

.pic_medium_mb {
    display: none;
}

@media only screen and (max-width:1024px) {
    .pic_medium_dt {
        /* display: none; */
    }

    .pic_medium_mb {
        /* display: block; */
    }
}


/* STYLE */

.style {
    display: none;
}

@media only screen and (max-width: 766px) {

    /* @font-face {
font-family: 'Wensley';
src: url('../fonts/WENSLEY/web_font_kit/Wensley-Regular.woff') format('woff'),
url('../fonts/WENSLEY/TTF/Wensley-Regular.ttf') format('truetype');
} */
    body,
    p,
    a {
        font-family: 'TT Hoves', Fallback, sans-serif;
    }

    .home {
        background-image: url("../../../srv-1/2022/08/8/62f117ee73c62-dt_header.png");
        height: 750px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .presentation {
        background: rgba(255, 255, 255, 0.6);
        padding: 40px;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 45%;
        /* bottom: 100%; */
    }

    .title_pres {
        color: #171A17;
        font-size: 46px;
        font-family: 'Wensley';
    }

    .desc {
        padding-top: 1rem;
        letter-spacing: 0.2px;
        padding-bottom: 2rem;
    }

    .desc>p {
        font-size: 24px;
        line-height: 30px;
        font-weight: 300;
    }

    .get_started {}

    .get_started>button {
        padding: 11px 35px;
        background: black;
        color: #FFF;
        font-size: 17px;
    }

    .p_pres {
        position: relative;
        height: 100%;
    }

    .h_100 {
        height: 100%;
    }

    .explain_provide {}

    .explain_provide>h3 {
        font-weight: 500;
        padding-bottom: 0.5rem;
    }

    .explain_provide>p {
        padding-bottom: 1rem;
        font-weight: 100;
        font-size: 15px;
        letter-spacing: 0.1px;
    }

    .eden_provide {
        padding-top: 4rem;
    }

    .title_provide {
        padding-bottom: 2rem;
    }

    .title_provide>h2 {
        font-size: 37px;
        font-family: 'Wensley';
    }

    .private {}

    .worlwide {}

    .certificate {}

    .global {
        padding-bottom: 1rem;
    }

    .img_provide {
        width: 528px;
    }

    /* .cont_dt {
padding-left: 230px;
padding-right: 230px;
} */
    .p_l_5 {
        padding-left: 3rem;
    }

    .video_gallery {}

    .video_gallery_p {
        padding-top: 6rem;
    }

    .video_gallery>img {
        max-width: 100%;
        min-width: 100%;
    }

    .c_explore {}

    .c_explore>h3 {
        font-size: 35px;
        font-family: 'Wensley';
    }

    .p_hr {
        text-align: center;
        /* width: 100%; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .c_explore>.p_hr>hr {
        width: 7%;
        height: 3px;
        background-color: #BF0202;
        opacity: 1;
    }

    .p_p_explore {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .c_explore>.p_p_explore>p {
        padding-bottom: 3rem;
        width: 80%;
        font-size: 21px;
        font-weight: 300;
        letter-spacing: 0.7px;
    }

    .explore {
        text-align: center;
        padding-top: 6rem;
    }

    .pic_pres {
        padding-top: 7rem;
        height: 800px;
    }

    div.pic_pres>div {
        height: 100%;
    }

    div.pic_pres>div>.row {
        height: 100%;
    }

    div.pic_pres>div>div>div.col-6.pic_top>div.row {
        height: 50%;
        padding: 0px 13px;
    }

    .pic_c {
        max-width: 100%;
    }

    .pic_top {
        text-align: right;
    }

    .pic_top>img {
        max-width: 100%;
    }

    .pic_bot {
        max-width: 100%;
    }

    .p_l {
        padding-right: 1.3rem;
    }

    .eng_pic {
        text-align: right;
    }

    .c_contact {}

    .contact {
        padding-top: 4rem;
        text-align: center;
    }

    .c_contact>h3 {
        font-size: 32px;
        font-family: 'Wensley';
        padding-bottom: 0.5rem;
    }

    .c_contact>a,
    .c_contact>a:hover {
        color: black;
        font-weight: 100;
        font-size: 21px;
    }

    .eng_pres {
        display: flex;
        justify-content: center;
    }

    .img_provide {
        max-width: 100%;
        min-height: 100%;
    }

    @media only screen and (min-width:1025px) and (max-width:1300px) {
        /* .cont_dt {
padding-left: 200px;
padding-right: 200px;
} */
    }

    .pic_c {
        background-image: url("../../../srv-1/2022/08/8/62f11835e2364-asset1.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .pic_top_first {
        background-image: url("../../../srv-1/2022/08/8/62f1186982035-dt_image_3.png");
        height: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0.7rem;
    }

    .pic_bot_1 {
        background-image: url("../../../srv-1/2022/08/8/62f118864ee86-dt_image_4.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        max-width: 49%;
        margin-right: 3%;
        max-height: 97%;
    }

    .pic_bot_2 {
        background-image: url("../../../srv-1/2022/08/8/62f118a189d09-dt_image_5.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        max-width: 48%;
        max-height: 97%;
    }

    .desck_home {
        display: block;
    }

    .home_mb {
        display: none;
    }

    @media only screen and (max-width:1024px) {
        .home_mb {
            display: block;
        }

        .desck_home {
            display: none;
        }

        .header_mb {
            background-image: url("../../../srv-1/2022/08/8/62f118cf604bc-image_header_mb.jpg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            height: 600px;
        }

        .home_mb {}

        .personal_mb {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }

        .personal_mb>h1 {
            font-size: 45px;
            font-family: 'Wensley';
            padding-bottom: 1.5rem;
        }

        .personal_mb>p {
            font-size: 26px;
            padding-bottom: 3rem;
            font-weight: 200;
        }

        .get_started {
            padding-bottom: 5rem;
        }

        .get_started>button {
            padding: 20px 40px;
            font-size: 25px;
        }

        .provide_mb {}

        .provide_mb>h2 {
            font-size: 40px;
            font-family: 'Wensley';
            padding-bottom: 2rem;
        }

        .p_hr_mb {}

        .p_hr_mb>hr {
            /* color: #460303; */
            height: 3px;
            width: 7%;
            background-color: #BF0202;
            opacity: 1;
            border-radius: 5px;
        }

        .pro_mb {}

        .pro_mb>h3 {
            font-size: 33px;
            font-weight: 500;
            padding-bottom: 1rem;
            padding-top: 1rem;
        }

        .pro_mb>p {
            font-size: 28px;
            font-weight: 100;
            padding-bottom: 1rem;
        }

        .priv_mb {
            padding-top: 0rem;
        }

        .world_mb {}

        .cert_mb {}

        .glob_mb {
            padding-bottom: 3rem;
        }

        .explore_mb {
            padding-top: 4rem;
        }

        .explore_mb>h3 {
            font-size: 40px;
            font-family: 'Wensley';
            padding-bottom: 2rem;
        }

        .explore_mb>p {
            font-size: 31px;
            font-weight: 300;
            padding-bottom: 3rem;
        }

        .pic_carou {
            max-height: 100%;
        }

        .col-unique-mob {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }

        .link-discov-col-mob {}

        .content-carou-col-mob {}

        .first-col {
            background-image: url("../../../srv-1/2022/08/8/62f1190314644-image_12x.jpg");
        }

        .second-col {
            background-image: url("../../../srv-1/2022/08/8/62f1191ae9aeb-image_2.jpg");
        }

        .three-col {
            background-image: url("../../../srv-1/2022/08/8/62f11936e57a4-image_3.jpg");
        }

        .four-col {
            background-image: url("../../../srv-1/2022/08/8/62f11957e264e-image_4.jpg");
        }

        .carou_mb {
            height: 500px;
            padding-top: 2rem;
        }

        .carousel-item,
        .carousel-inner,
        #carouselExampleIndicators,
        .carrousel-slide-mob,
        .col-unique-mob {
            height: 95%;
        }

        .carousel-indicators>button {
            height: 10px !important;
            width: 10px !important;
            background-color: #FFF !important;
            border-radius: 222px;
            /* border: 4px solid black !important; */
            border-top-width: 0px !important;
            border-bottom-width: 0px !important;
        }

        .carousel-indicators>.active {
            height: 8px !important;
            width: 8px !important;
            background-color: transparent !important;
            border: 4px solid #FFF !important;
            border-top-width: initial;
            border-bottom-width: initial;
        }

        .video_gallery {
            padding-top: 2rem;
        }

        .get_mb {
            padding-bottom: 3rem !important;
        }

        .carousel-indicators {
            bottom: 17%;
        }

        .contact {
            padding-top: 3rem;
            padding-bottom: 4rem;
        }
    }

    @media only screen and (max-width:766px) {
        .carousel-indicators>.active {
            height: 4px !important;
            width: 4px !important;
        }

        .desck_home {
            display: none;
        }

        .header_mb {
            background-image: url("../../../srv-1/2022/08/8/62f1198b20394-image_header_mb.jpg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            height: 350px;
        }

        .home_mb {}

        .personal_mb {
            padding-top: 1.5rem;
            padding-bottom: 1rem;
        }

        .personal_mb>h1 {
            font-size: 32px;
            font-family: 'Wensley';
            padding-bottom: 1rem;
        }

        .personal_mb>p {
            font-size: 17px;
            padding-bottom: 2rem;
            font-weight: 200;
        }

        .get_started {
            padding-bottom: 1rem;
        }

        .get_started>button {
            padding: 11px 35px;
            font-size: 18px;
        }

        .provide_mb {}

        .provide_mb>h2 {
            font-size: 28px;
            font-family: 'Wensley';
            padding-bottom: 0.5rem;
        }

        .p_hr_mb {}

        .p_hr_mb>hr {
            /* color: #460303; */
            height: 4px;
            width: 11%;
            background-color: #BF0202;
            opacity: 1;
        }

        .pro_mb {}

        .pro_mb>h3 {
            font-size: 22px;
            font-weight: 500;
            padding-bottom: 1rem;
            padding-top: 0.5rem;
        }

        .pro_mb>p {
            font-size: 18px;
            font-weight: 100;
            padding-bottom: 1rem;
        }

        .priv_mb {
            padding-top: 0rem;
        }

        .world_mb {}

        .cert_mb {}

        .glob_mb {
            padding-bottom: 1rem;
        }

        .explore_mb {
            padding-top: 2rem;
        }

        .explore_mb>h3 {
            font-size: 28px;
            font-family: 'Wensley';
            padding-bottom: 1rem;
        }

        .explore_mb>p {
            font-size: 18px;
            font-weight: 300;
            padding-bottom: 3rem;
        }

        .video_gallery {
            padding-top: 0;
            height: 310px;
        }
    }

    /****************************************** SELECTION ******************************************/
    .selections {
        display: none;
        padding-top: 5rem;
    }

    .c_sel_pers {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 40px #0000000b;
        padding: 3% 3%;
    }

    .arianne {
        text-align: center;
        padding-bottom: 3rem;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        /* box-shadow: 0px 3px 6px #0000000D; */
    }

    .arianne>a {
        opacity: 0.7;
        font-weight: 400;
        color: #909390;
    }

    .ariannea:hover {}

    .sel_pers {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        padding-top: 3rem;
    }

    .title_sel_per {
        /* padding-top: 4rem; */
        padding-bottom: 1rem;
    }

    .title_sel_per>h3 {
        font-size: 38px;
        font-family: 'Wensley';
    }

    .sel_desc {
        padding-top: 1rem;
    }

    .sel_desc_1 {
        font-size: 22px;
        font-weight: 100;
    }

    .sel_desc_2 {
        padding-top: 1rem;
        font-size: 22px;
    }

    .start {
        padding-top: 3rem;
        text-align: center;
    }

    .start>button {
        padding: 11px 35px;
        background: black;
        color: #FFF;
        font-size: 17px;
        font-weight: 100;
    }

    .arrow {
        padding: 0 0.5%;
    }

    .p_hr_mb {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p_hr_mb>hr {
        /* color: #460303; */
        height: 3px;
        width: 7%;
        background-color: #BF0202;
        opacity: 1;
        border-radius: 5px;
    }

    @media only screen and (max-width:1024px) {
        .selections {
            display: none;
            padding-top: 10rem;
        }

        .c_sel_pers {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 20px 40px #0000000b;
            padding: 3% 3%;
        }

        .arianne {
            text-align: center;
            padding-bottom: 3rem;
        }

        .arianne>a {
            opacity: 0.7;
            font-weight: 400;
            color: #909390;
        }

        .ariannea:hover {}

        .sel_pers {
            display: flex;
            justify-content: center;
            text-align: center;
            align-items: center;
        }

        .title_sel_per {
            /* padding-top: 4rem; */
            padding-bottom: 1rem;
        }

        .title_sel_per>h3 {
            font-size: 38px;
            font-family: 'Wensley';
        }

        .sel_desc {
            padding-top: 1rem;
        }

        .sel_desc_1 {
            font-size: 22px;
            font-weight: 100;
        }

        .sel_desc_2 {
            padding-top: 1rem;
            font-size: 22px;
        }

        .start {
            padding-top: 5rem;
        }

        .start>button {
            padding: 11px 35px;
            background: black;
            color: #FFF;
            font-size: 17px;
            font-weight: 100;
        }

        .arrow {
            padding: 0 0.5%;
        }

        .p_hr_mb {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .p_hr_mb>hr {
            /* color: #460303; */
            height: 3px;
            width: 7%;
            background-color: #BF0202;
            opacity: 1;
            border-radius: 5px;
        }
    }

    @media only screen and (max-width:766px) {
        .selections {
            display: none;
            padding-top: 3rem;
        }

        .c_sel_pers {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 20px 40px #0000000b;
            padding: 10% 3%;
        }

        .arianne {
            text-align: center;
            padding-top: 3rem;
        }

        .arianne>a {
            opacity: 0.7;
            font-weight: 400;
            color: #909390;
            font-size: 14px !important;
        }

        .ariannea:hover {}

        .sel_pers {
            display: flex;
            justify-content: center;
            text-align: center;
            align-items: center;
        }

        .title_sel_per {
            /* padding-top: 4rem; */
            padding-bottom: 1rem;
        }

        .title_sel_per>h3 {
            font-size: 27px;
            font-family: 'Wensley';
        }

        .sel_desc {
            padding-top: 0rem;
        }

        .sel_desc_1 {
            font-size: 18px;
            font-weight: 100;
        }

        .sel_desc_2 {
            padding-top: 1rem;
            font-size: 18px;
        }

        .start {
            padding-top: 3rem;
        }

        .start>button {
            padding: 11px 35px;
            background: black;
            color: #FFF;
            font-size: 17px;
            font-weight: 100;
        }

        .arrow {
            padding: 0 1%;
        }

        .p_hr_mb {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .p_hr_mb>hr {
            /* color: #460303; */
            height: 3px;
            width: 13%;
            background-color: #BF0202;
            opacity: 1;
            border-radius: 5px;
        }
    }

    /****************************************** Medium ******************************************/
    .medium {
        display: none;
    }

    .title_medium {}

    .c_title_medium {
        font-size: 22px;
        text-align: center;
    }

    .c_title_medium_p {
        text-align: center;
        padding-top: 0.5rem;
        font-size: 18px;
        font-weight: 100;
    }

    .eng_cat_medium {
        padding-top: 5rem;
        display: flex;
        justify-content: center;
    }

    .img_medium {
        /* height: 530px; */
        position: relative;
        margin-bottom: 0rem;
        /* width: auto; */
    }

    .img_medium>.c_img_medium>img {
        min-height: 100%;
        min-width: 100%;
        position: relative;
    }

    .btn_next_back {
        text-align: center;
        padding-top: 5rem;
    }

    .skip {}

    .skip>p {
        text-align: center;
        padding-top: 1rem;
        font-weight: 100;
    }

    .img_medium_1 {}

    .img_medium_2 {}

    .img_medium_3 {}

    .img_medium_4 {}

    .img_medium_5 {}

    .img_medium_6 {}

    .row_med {
        padding-top: 5rem;
    }

    .btn_c {
        height: 60px;
        width: 135px;
    }

    .div_end {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 0;
    }

    .div_start {
        display: flex;
        justify-content: left;
        align-items: center;
        padding-left: 0;
    }

    .btn_back {}

    .btn_next {}

    .btn_back>button {
        padding: 15px 40px;
        color: black;
        border: 1px solid black;
    }

    .btn_next>button {
        padding: 15px 40px;
        background: black;
        color: #FFF;
        font-size: 17px;
        font-weight: 100;
        border: none;
    }

    .desc_cat {
        padding-top: 1rem;
        padding: 0 !important;
    }

    .desc_cat>p {
        font-size: 18px;
        text-align: center;
        padding-top: 0.5rem;
    }

    .overlay {
        position: absolute;
        right: 0;
        left: 0%;
        top: 0;
        bottom: 0;
        background: #27272791 0% 0% no-repeat padding-box;
        width: 100 !important;
    }

    .overlay>img {
        /* position: absolute; */
        /* top: 35%; */
        /* left: 35%; */
    }

    .eng_cat_medium_2 {
        /* padding-top: 5rem; */
    }

    .overlay {
        display: none;
    }

    .pic_medium_dt {
        display: block;
    }

    .pic_medium_mb {
        display: none;
    }

    @media only screen and (max-width:1024px) {
        .pic_medium_dt {
            display: none;
        }

        .pic_medium_mb {
            display: block;
        }

        .eng_cat_medium {
            padding-top: 5rem;
            /* display: flex; */
            /* justify-content: center; */
            padding-bottom: 5rem;
        }
    }
}


/* STYLE */

.p_hr_mb_first>hr {
    height: 4px;
    width: 11%;
    background-color: #BF0202;
    opacity: 1;
    border-radius: 5px;
}

@media only screen and (max-width:1024px) {
    .img_medium {
        height: 420px !important;
    }

    .img_medium_flex {
        width: 100% !important;
        margin-bottom: 6rem;
        /* padding-bottom: 5rem; */
    }
}

@media only screen and (max-width:766px) {
    .img_medium {
        /* height: 300px!important; */
        /* width: auto!important; */
    }
}

@media only screen and (max-width:570px) {
    .img_pad {
        padding: 2%;
    }

    .img_medium {
        height: auto !important;
        padding-bottom: 0rem;
    }
}

.artist {
    display: none;
}


/************************************* artist *******************************/

.btn-read-pers {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 4rem;
}

.read-more-pers {
    border-top: 1px solid #E5E2E2;
}

.rd-gl-blog {
    text-decoration: revert;
    font-size: 18px;
}

.cont_show_all {
    display: none;
}


/* orientaiton */

.orientation {
    display: none;
    height: 900px;
}

.img_medium_27>img,
.img_medium_26>img,
.img_medium_25>img {
    min-height: unset;
}

.c_img_medium {
    position: relative;
    /* width: 80%; */
}

.p_ab_spe {
    bottom: 2% !important;
    /* width: 96%!important; */
    top: 2%;
    left: 2%;
    width: 95%;
}

.img_medium_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.desc_cat_abs {
    position: absolute;
    width: 100%;
    /* padding: 5%; */
    top: 100%;
    right: 0;
    left: 0;
    text-align: center;
}

.p_dt {
    display: block;
}

.p_mb {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .desc_cat_abs>p {
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        padding-top: 0.5rem;
    }

    .p_dt {
        display: none;
    }

    .p_mb {
        display: block;
    }

    .div_end_art {
        padding: 2% 48px !important;
        margin-right: 1%;
    }

    .div_start_art {
        padding: 2% 50px !important;
        margin-left: 1%;
    }
}

body>div.contact>div>div>div>div.title_size>h1,
body>div.contact>div>div>div>div.title_size>h2 {
    font-size: 23px !important;
}


/* size */

.size {
    display: none;
}

.img_medium_min {}

.overlay_96 {
    width: 100% !important;
}


/* budget */

.budget {
    display: none;
    height: 600px;
    padding-top: 0rem;
}

.btn_price_range {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    padding: 6% 0%;
    margin-bottom: 1rem;
    width: 100%;
}

.btn_price_range>button {
    /* background: #F6F6F6 0% 0% no-repeat padding-box;
padding: 4% 12%; */
    color: #626060;
    letter-spacing: 0;
}

.c_ti {
    font-size: 21px;
    text-align: center;
    padding-bottom: 3rem;
}

.active_button {
    color: black !important;
    border: 2px solid black;
}

.c_title_size {
    display: none;
}

@media only screen and (max-width:1024px) {
    .c_ti {
        display: none;
    }

    .c_title_size {
        display: block !important;
    }

    .c_title_medium {
        /* display: none; */
        padding-top: 0rem;
    }

    .img_auto {
        height: 440px !important;
    }

    .c_title_budget {
        display: none !important;
    }

    .yes_dt {
        display: none !important;
    }

    .what_else {
        padding-top: 3rem;
    }
}


/* contact */

.contact {
    display: none;
}

input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
textarea {
    font-size: 15px !important;
    color: #767676 !important;
    padding: 13px 12px !important;
    border: 1px solid #909390 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px !important;
    position: absolute !important;
    top: 11px !important;
    right: 1px !important;
    width: unset !important;
}

.select2-container--default .select2-selection--single {
    /* width: 105%!important; */
}

.span_bar {}

.btn_flex_send {
    display: block;
    /* justify-content: center; */
    padding-top: 3rem;
    padding-bottom: 5rem;
    text-align: -webkit-center;
    width: 100%;
}


/* contact drag */

.contact_drag {
    display: none;
    padding-top: 6rem;
}

.what_else {
    text-align: center;
}

.what_else>h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.what_else>p {
    font-size: 18px;
    font-weight: 100;
    padding-right: 25%;
    padding-left: 25%;
    padding-bottom: 2rem;
    line-height: 28px;
}

#contact_text_completed {
    border: 1px solid #909390 !important;
    height: 150px;
    background-color: transparent !important;
}

.p-inv-text {
    padding-left: 25%;
    padding-right: 25%;
}

.thanks {
    display: none;
    padding-top: 5rem;
}

.btn_art {
    padding: 1% 50px;
    color: black;
    border: 1px solid black;
}

.btn_mag {
    padding: 1% 50px;
    background: black;
    color: white;
    /* border: 1px solid black!important; */
}

.div_end_art {
    text-align: right;
    padding: 1% 80px;
    color: black;
    border: 1px solid black;
}

.div_start_art {
    text-align: left;
    padding: 1% 50px;
    background: black;
    color: white;
    border: 1px solid black;
}

.div_end_art,
.div_start_art {
    margin-right: 1%;
}

.p_hr_thanks>hr {
    width: 6%;
    height: 3px;
    background-color: #BF0202;
    opacity: 1;
}

.contact_fisrt_sec {
    text-align: center;
    padding-top: 4rem;
}

.btn_thanks {
    text-align: center;
    padding-top: 3rem;
}

.desc_expert_thanks {
    padding-top: 0rem;
}

.desc_expert_thanks>p {
    font-size: 22px;
    font-weight: 400;
}

.title_thanks {
    display: block !important;
    padding-bottom: 0rem;
    font-size: 30px;
    font-family: 'Wensley';
}

.yes_dt {
    display: block;
}

@media only screen and (max-width:766px) {
    .img_medium_min {
        height: 360px;
    }

    .title_thanks {
        display: block !important;
        font-size: 26px;
    }

    .desc_expert_thanks>p {
        font-size: 19px;
        font-weight: 200;
    }

    .div_end_art {
        text-align: right;
        padding: 3% 80px;
        color: white;
        background: black;
        border: 1px solid transparent;
        /* margin-bottom: 5%; */
    }

    .div_start_art {
        text-align: left;
        padding: 3% 48px;
        background: transparent;
        color: black;
        border: 1px solid black;
    }

    .img_medium_flex {
        width: 100% !important;
        margin-bottom: 7rem;
    }

    .p_hr_thanks>hr {
        width: 12%;
    }

    .thanks {
        padding-bottom: 5rem;
    }

    .what_else>p,
    .p-inv-text {
        padding-left: 0;
        padding-right: 0;
    }

    .row_fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        padding-top: 1rem !important;
    }

    .eng_size {
        display: flex;
        justify-content: center;
    }

    .sel_pers_budget {
        padding-top: 0 !important;
        padding-bottom: 10rem;
    }

    .c_title_budget {
        display: block;
    }
}

.row_fixed {
    position: fixed;
    left: 0;
    right: 0;
    background: white;
    padding-top: 1rem !important;
    bottom: 0;
    box-shadow: 0px -4px 3px rgb(50 50 50 / 10%);
}

.eng_size {
    display: flex;
    justify-content: center;
}

.img_auto {
    width: auto !important;
}


/* drag and drop */

#drag_input {
    height: 200px;
    border: 2px dashed #ccc;
    line-height: 200px;
    text-align: center;
    font-size: 17px;
    background: #f9f9f9;
    margin-bottom: 15px;
}

.drag_over {
    color: #000;
    border-color: #000;
}

.thumbnail {
    width: 100px;
    height: 100px;
    padding: 2px;
    margin: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    float: left;
}

.d-none {
    display: none;
}

#drag_input {
    display: none;
}

.p_drag_text {
    text-align: center;
}

.error_input {
    color: red;
    text-align: left;
    text-transform: capitalize;
}

.error_drag {
    display: none;
}

.invalid-field-email,
.invalid-field {
    color: red;
    text-align: left;
}

.error_overlay {
    color: red;
    cursor: pointer;
}

.ct {
    display: none !important;
}

.selections {
    max-height: unset !important;
    height: 900px;
    display: none;
    justify-content: center;
    align-items: center;
}

.skip {
    cursor: pointer;
}


/* SECOND QA */

.breadcrumb {
    display: none !important;
}

.provid_back {
    background-image: url("../../../srv-1/2022/08/16/62fbc72941e23-dt_image_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

button {
    letter-spacing: 1.5px;
}

@media only screen and (max-width:766px) {
    .embed-container {
        position: relative;
        padding-bottom: 0;
        height: 17vh;
        /* overflow: hidden; */
        max-width: 100%;
    }

    .embed-container .vcontent {
        position: absolute;
        overflow: hidden;
        height: calc(70vh - 6.2em);
        width: 100%;
        /* margin-top: -0.5em; */
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 20vh;
        padding: 0;
        margin: -3em 0;
    }
}

.img_orientation>.c_img_medium>img {
    max-height: 100%;
    max-width: 100%;
    position: relative;
}

@media only screen and (min-width:1535px) and (max-width:1920px) {
    .video_gallery {
        height: 830px;
    }

    .embed-container {
        position: relative;
        padding-bottom: 0;
        height: 75vh;
        /* overflow: hidden; */
        max-width: 100%;
    }

    .embed-container .vcontent {
        position: absolute;
        overflow: hidden;
        height: calc(70vh - 6.2em);
        width: 100%;
        /* margin-top: -0.5em; */
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 45vh;
        padding: 0;
        margin: -3em 0;
    }

    .explore {}

    .video_gallery_p {
        /* height: 45vh; */
    }
}

@media only screen and (min-width:1920px) and (max-width:2450px) {
    .video_gallery {
        height: 830px;
    }

    .embed-container {
        position: relative;
        padding-bottom: 0;
        height: 75vh;
        /* overflow: hidden; */
        max-width: 100%;
    }

    .embed-container .vcontent {
        position: absolute;
        overflow: hidden;
        height: calc(70vh - 6.2em);
        width: 100%;
        /* margin-top: -0.5em; */
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 65vh;
        padding: 0;
        margin: -3em 0;
    }

    .explore {}

    .video_gallery_p {
        /* height: 65vh; */
    }
}

@media only screen and (min-width:2451px) {
    .video_gallery {
        height: 830px;
    }

    .embed-container {
        position: relative;
        padding-bottom: 0;
        height: 75vh;
        /* overflow: hidden; */
        max-width: 100%;
    }

    .embed-container .vcontent {
        position: absolute;
        overflow: hidden;
        height: calc(70vh - 6.2em);
        width: 100%;
        /* margin-top: -0.5em; */
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        padding: 0;
        margin: -3em 0;
    }

    .explore {}

    .video_gallery_p {
        /* height: 100vh; */
    }
}

@media only screen and (min-width:2000px) {
    .desc>p {
        font-size: 25px;
        font-weight: 100;
        line-height: 38px;
        /* padding: 0 7%; */
    }

    .title_pres {
        font-size: 50px;
    }

    .explain_provide>h3 {
        font-size: 20px;
    }

    .explain_provide>p {
        font-size: 18px;
    }

    .video_gallery {
        height: 930px !important;
    }
}

.img_orientation {}

.c_img_orientation {}

.c_img_orientation>img {}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px !important;
}

body>div.thanks>div>div:nth-child(2)>div>div.btn_mag.div_start_art.d-inline-block {
    padding: 1% 80px;
}

@media only screen and (max-width: 1024px) {
    .thanks {
        padding-top: 2rem !important;
        /* padding-bottom: 8rem; */
    }

    .title_zero {}

    .img_sty {
        height: 420px !important;
    }

    .img_artist {
        height: 340px !important;
    }

    .c_img_sty {}

    .eng_orient {}

    .p_hr_mb_first>hr {
        height: 4px;
        width: 9%;
    }

    .img_orientation {}

    .c_img_orientation {}

    .c_img_orientation>img {}

    .p-inv-text,
    .p_mb {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }

    .what_else>p {
        font-size: 15px;
        line-height: 20px;
    }

    .what_else>h3 {
        padding-bottom: 1rem;
    }

    #drag_input {
        font-size: 12px;
    }

    .desc_cat_abs {
        padding-top: 0;
    }

    .what_else>h3 {}

    .row_med_pad {}

    .opt {}

    .img_orientation {
        height: auto !important;
    }

    body>div.size>div>div.row.eng_cat_medium.eng_size>div.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.col-12.img_medium.img_size_pad.img_auto {
        width: 50% !important;
        height: auto !important;
        margin-bottom: 3rem;
    }

    body>div.size>div>div.row.eng_cat_medium.eng_size>div.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.col-12.img_medium.img_size_pad.img_auto>div>img {
        height: auto !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 32px !important;
    }

    .contact_drag {
        padding-top: 2rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 22px !important;
    }

    body>div.contact>div>div>div>div.title_size {
        padding-top: 4rem !important;
    }

    body>div.orientation>div>div.row.row_med>div>div {
        padding-top: 5rem !important;
    }

    body>div.size>div>div.row.row_med>div>div>h3 {
        padding-top: 4rem !important;
    }

    body>div.budget>div>div.row.row_med>div>div>h3 {
        padding-top: 4rem !important;
    }

    .orientation {
        height: 1400px;
    }
}

@media only screen and (max-width:766px) {
    .orientation {
        height: 1300px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 22px !important;
    }

    .contact_drag {
        padding-top: 2rem;
    }

    body>div.size>div>div.row.eng_cat_medium.eng_size>div.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.col-12.img_medium.img_size_pad.img_auto {
        width: auto !important;
    }

    body>div.size>div>div.row.eng_cat_medium.eng_size>div.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.col-12.img_medium.img_size_pad.img_auto>div>img {
        height: 360px !important;
    }

    .title_zero {
        padding-top: 0;
    }

    .img_orientation {}

    .row_med_pad_med {
        padding-top: 3rem !important;
    }

    .opt {}

    .what_else>h3 {
        font-size: 18px;
    }

    .eng_orient {}

    .eng_art {
        padding-top: 3rem;
    }

    .p_hr_mb_first>hr {
        height: 4px;
        width: 9%;
    }

    .desc_cat_abs {
        padding-top: 0;
    }

    .p-inv-text,
    .p_mb {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    .what_else>p {}

    .img_orientation {}

    .c_img_orientation {}

    .c_img_orientation>img {}

    .c_title_contact_c {
        font-size: 18px;
        padding-top: 0.5rem;
    }

    .row_med_pad {
        padding-top: 1rem;
    }

    .error_input {
        font-size: 13px;
    }

    body>div.contact>div>div>div>div.title_size {
        padding-top: 2rem !important;
    }

    body>div.orientation>div>div.row.row_med>div>div {
        padding-top: 1rem !important;
    }

    body>div.size>div>div.row.row_med>div>div>h3 {
        padding-top: 0rem !important;
    }

    body>div.budget>div>div.row.row_med>div>div>h3 {
        padding-top: 2rem !important;
    }
}

.c_title_budget {
    font-size: 23px;
}

.c_title_budget_mb {}

.select2-container {
    width: 100% !important;
}

.select2-selection {
    text-align: left !important;
}

.btn_contact_pad {
    padding-bottom: 0;
}

.cont_show_all {
    height: 270px;
}

.img_orientation {}

@media only screen and (max-width:570px) {
    .selections {
        max-height: 100% !important;
    }

    .img_medium {
        height: auto !important;
    }

    .img_size_pad {
        height: 450px !important;
    }

    .img_artist {
        height: 250px !important;
    }

    .img_orientation {
        height: auto !important;
    }

    .title_zero {
        padding-top: 0;
    }

    body>div.medium>div>div.row.eng_cat_medium>div.col-xl-4.col-lg-6.col-md-6.col-sm-6.col-xs-6.col-6.img_medium>div.desc_cat {
        padding-bottom: 2rem !important;
    }

    body>div.artist.mrbl>div>div.row.eng_cat_medium.eng_art>div.col-xl-4.col-lg-6.col-md-6.col-sm-6.col-xs-6.col-6.img_medium.img_artist {
        height: auto !important;
    }

    body>div.artist.mrbl>div>div.row.eng_cat_medium.eng_art>div.col-xl-4.col-lg-6.col-md-6.col-sm-6.col-xs-6.col-6.img_medium.img_artist>div.desc_cat {
        padding-bottom: 2rem !important;
    }

    .contact_drag {
        padding-top: 1rem !important;
    }

    .thanks {
        padding-top: 0rem !important;
        padding-bottom: 0 !important;
    }

    /* cookie bar mobile */
    .cookie-bar {
        padding: 1%;
    }

    .close-cookie {
        top: 0;
        margin-top: 0;
    }

    .cookie-content {
        padding: 0 15px;
    }

    .text-cookie {
        font-size: 12px;
        padding-right: 16%;
        padding-bottom: 0px;
    }

    .cookie-btn {
        text-align: right;
        margin-left: 0;
    }

    .cookie-accpt {
        font-size: 12px;
        padding: 5px 10px;
    }

    body>div.orientation>div>div.row.eng_cat_medium.eng_orient {
        padding-top: 2rem !important;
    }

    body>div.orientation>div>div.row.eng_cat_medium.eng_orient>.img_orientation {
        margin-bottom: 4rem !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 22px !important;
    }

    body>div.medium>div>div.row.eng_cat_medium {
        padding-top: 3rem !important;
    }

    .row_med_pad {
        padding-top: 0 !important;
    }

    body>div.size>div>div.row.eng_cat_medium.eng_size {
        padding-top: 3rem !important;
    }

    body>div.size>div>div.row.eng_cat_medium.eng_size>div.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.col-12.img_medium.img_size_pad.img_auto {
        margin-bottom: 2rem !important;
    }

    body>div.size>div>div.row.eng_cat_medium.eng_size>div.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-12.col-12.img_medium.img_size_pad.img_auto>div.c_img_medium>img.pic_medium_mb.img_medium_min {
        height: 250px !important;
    }
}

.back_aft_cont>button {
    text-decoration: underline;
    padding-top: 0.5rem;
}

.select2-selection--single {
    display: flex !important;
    align-items: center;
}

.div_start_art,
.div_end_art {
    vertical-align: middle;
}

.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") !important;
}

@media only screen and (max-width:470px) {

    .div_start_art,
    .div_end_art {
        vertical-align: middle;
        margin: 0;
        margin-bottom: 0.5rem;
    }
}

.first_new_sec {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 810px; */
    position: relative;
}

.pers_artadvisory {
    position: absolute;
    bottom: 10%;
    left: 9%;
    color: white;
}

.overlay_first {
    position: absolute;
    height: 99.6%;
    width: 100%;
    /* background-color: rgba(0, 0, 0, 0.2); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 44%, rgba(0, 0, 0, 0.3) 66%);
}

.first_new_sec {
    position: relative;
}

.img-crs {
    height: fit-content;
    width: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bottom-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.gallery-name-carrous {
    font-size: 19px;
    text-align: left;
    color: #0F0E0E;
    letter-spacing: 0.57px;
    padding-top: 1rem;
    font-family: "Baskerville";
    font-weight: 100;
}

.first-slide-content {
    /* padding-top: 550px; */
    padding-left: 60px;
    color: #fff;
    z-index: 999;
    /* background: linear-gradient(transparent, #00000085); */
    /* padding-bottom: 125px; */
    height: fit-content;
}

.main-page-title-new {
    font-size: 69px;
    font-weight: 400;
}

.subtitle-main-page {
    font-size: 26px;
    font-weight: 200;
    letter-spacing: 0.78px;
}

.cta-slide {
    margin-top: 20px;
}

.link-cta:hover {
    color: #fff;
}

.gallery-dis {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    background-color: #00000080;
    border: 1px solid #fff;
    padding: 5px 30px;
    border-radius: 3px;
}

.gallery-dis:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

.prese-eden {
    font-size: 17px;
    line-height: 2em;
    font-weight: 200;
}

.home-major-slider {
    position: absolute;
    right: 0;
    bottom: -50px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 0%;
    margin-bottom: 1rem;
    margin-left: 0%;
    list-style: none;
}

.home-major-slider [data-bs-target] {
    width: 100%;
    background-color: lightgrey;
    margin-right: 0px;
    margin-left: 0px;
    box-sizing: content-box;
    flex: 0 1 auto;
    height: 1.5px;
    padding: 0;
    text-indent: -999px;
    cursor: pointer;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

.home-major-slider .active {
    opacity: 1;
}

.artist-carou-home {
    bottom: -50px;
}

.artist-carou-home [data-bs-target] {
    background-color: #000;
}

.article-link {
    float: right;
}

.article-date {
    display: inline-block;
}

.eng_video_pres {
    height: 100%;
}

#button_started {}

#button_started>button {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid white;
    /* border-radius: 3px; */
    font-weight: 400;
}

#button_started>button:hover {
    background: black;
    border: 1px solid black;
    font-weight: 300;
    color: black;
    color: white;
    border-radius: 0;
}

.form_style>div.row.pt-2.p-inv-text {
    padding-right: 0;
    padding-left: 0;
}

.form-eden {
    border: 1px solid black
}

#button_art_header {}

#button_art_header>button {
    font-size: 15px;
    background: transparent;
    border: 1px solid white;
    border-radius: 3px;
    padding: 10px 22px;
}

#button_art_header>button>a {}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #909390 !important;
    border-radius: 4px;
}

input[type=phone] {
    border: 1px solid #909390 !important;
}

.last_head {
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.pic_last_head {
    height: 450px;
    background-position: center;
    background-image: url("../../../srv-1/2022/11/21/637b61dc780c1-image_devider.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.pic_test_head_mb {}

.pic_test_head {}

.plum_back {
    position: relative;
    height: 700px;
}

.alec_back {
    position: relative;
    height: 700px;
}

.dorit_back {
    position: relative;
    height: 700px;
}

.kracov_back {
    position: relative;
    height: 700px;
}

.accardi_back {
    position: relative;
    height: 700px;
}

.point {
    height: 15px;
    width: 15px;
    background: red;
    border: 2px solid white;
    border-radius: 360px;
    position: absolute;
    top: 16%;
    left: 60%;
}

.hover_point {
    display: none;
}

.eng_pop_point {
    background: white;
    height: 350px;
    width: 250px;
    padding: 1rem;
}

.point_img {
    height: 70%;
    background-image: url("../../../srv-1/2023/07/17/64b4ffe1d4e08-dt.png");
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.c_point_img {}

.desc_point {
    height: 30%;
    padding-top: 10%;
}

.p_p1 {
    font-weight: 500;
    font-size: 14px;
}

.p_p2 {
    font-weight: 300;
    font-size: 12px;
}

.point_hover {
    height: 50px;
    width: 50px;
    background: transparent;
    /* border: 2px solid white; */
    border-radius: 360px;
    position: absolute;
    top: 14%;
    left: 59%;
}


/* alec */

.point_alec {
    height: 15px;
    width: 15px;
    background: red;
    border: 2px solid white;
    border-radius: 360px;
    position: absolute;
    top: 67%;
    left: 40.5%;
}

.hover_point_alec {
    display: none;
    position: absolute;
    top: -2800%;
    left: -2800%;
}

.eng_pop_point_alec {
    background: white;
    height: 350px;
    width: 250px;
    padding: 1rem;
}

.point_img_alec {
    height: 70%;
    background-image: url("../../../srv-1/2022/11/21/637b9266401a7-monopoly_hover.png");
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.c_point_img_alec {}

.desc_point_alec {
    height: 30%;
    padding-top: 10%;
}

.p_p1_alec {
    font-weight: 500;
    font-size: 14px;
}

.p_p2_alec {
    font-weight: 300;
    font-size: 12px;
}

.point_hover_alec {
    height: 50px;
    width: 50px;
    background: transparent;
    /* border: 2px solid white; */
    border-radius: 360px;
    position: absolute;
    top: 64%;
    left: 39.5%;
}


/* dorit */

.point_dorit {
    height: 15px;
    width: 15px;
    background: red;
    border: 2px solid white;
    border-radius: 360px;
    position: absolute;
    top: 52%;
    left: 69%;
}

.hover_point_dorit {
    display: none;
    position: absolute;
    top: -2800%;
    left: -2800%;
}

.eng_pop_point_dorit {
    background: white;
    height: 350px;
    width: 250px;
    padding: 1rem;
}

.point_img_dorit {
    height: 70%;
    background-image: url("../../../srv-1/2022/11/21/637b92d4eb560-love_hover.png");
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.c_point_img_dorit {}

.desc_point_dorit {
    height: 30%;
    padding-top: 10%;
}

.p_p1_dorit {
    font-weight: 500;
    font-size: 14px;
}

.p_p2_dorit {
    font-weight: 300;
    font-size: 12px;
}

.point_hover_dorit {
    height: 50px;
    width: 50px;
    background: transparent;
    /* border: 2px solid white; */
    border-radius: 360px;
    position: absolute;
    top: 49%;
    left: 68%;
}


/* kracov */

.point_kracov {
    height: 15px;
    width: 15px;
    background: red;
    border: 2px solid white;
    border-radius: 360px;
    position: absolute;
    top: 44%;
    left: 35%;
}

.hover_point_kracov {
    display: none;
    position: absolute;
    top: -1400%;
    left: -2800%;
}

.eng_pop_point_kracov {
    background: white;
    height: 350px;
    width: 250px;
    padding: 1rem;
}

.point_img_kracov {
    height: 70%;
    background-image: url("../../../srv-1/2022/11/21/637b930be31d3-my_heart_hover.png");
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.c_point_img_kracov {}

.desc_point_kracov {
    height: 30%;
    padding-top: 10%;
}

.p_p1_kracov {
    font-weight: 500;
    font-size: 14px;
}

.p_p2_kracov {
    font-weight: 300;
    font-size: 12px;
}

.point_hover_kracov {
    height: 50px;
    width: 50px;
    background: transparent;
    /* border: 2px solid white; */
    border-radius: 360px;
    position: absolute;
    top: 41%;
    left: 33.5%;
}


/* accardi */

.point_accardi {
    height: 15px;
    width: 15px;
    background: red;
    border: 2px solid white;
    border-radius: 360px;
    position: absolute;
    top: 38%;
    left: 35%;
}

.hover_point_accardi {
    display: none;
    position: absolute;
    top: -1400%;
    left: -2800%;
}

.eng_pop_point_accardi {
    background: white;
    height: 350px;
    width: 250px;
    padding: 1rem;
}

.point_img_accardi {
    height: 70%;
    background-image: url("../../../srv-1/2022/11/21/637b9352917eb-accardi_hover.png");
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.c_point_img_accardi {}

.desc_point_accardi {
    height: 30%;
    padding-top: 10%;
}

.p_p1_accardi {
    font-weight: 500;
    font-size: 14px;
}

.p_p2_accardi {
    font-weight: 300;
    font-size: 12px;
}

.point_hover_accardi {
    height: 50px;
    width: 50px;
    background: transparent;
    /* border: 2px solid white; */
    border-radius: 360px;
    position: absolute;
    top: 35%;
    left: 33.5%;
}

@media only screen and (max-width:1024px) {
    .last_head {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }

    .pic_last_head {
        height: 450px;
        background-position: center;
        background-image: url("../../../srv-1/2022/11/21/637b61dc780c1-image_devider.png");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .pic_test_head_mb {}

    .pic_test_head {}

    .plum_back {
        position: relative;
        height: 410px;
    }

    .alec_back {
        position: relative;
        height: 410px;
    }

    .dorit_back {
        position: relative;
        height: 410px;
    }

    .kracov_back {
        position: relative;
        height: 410px;
    }

    .accardi_back {
        position: relative;
        height: 410px;
    }

    .point {
        height: 15px;
        width: 15px;
        background: red;
        border: 2px solid white;
        border-radius: 360px;
        position: absolute;
        top: 42%;
        left: 66%;
    }

    .hover_point {
        display: none;
        position: absolute;
        top: -1400%;
        left: -4100%;
    }

    .eng_pop_point {
        background: white;
        height: 350px;
        width: 250px;
        padding: 1rem;
    }

    .point_img {
        height: 70%;
        background-image: url("../../../srv-1/2022/11/21/637b7b72d00e8-plum_hover.png");
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .c_point_img {}

    .desc_point {
        height: 30%;
        padding-top: 15%;
    }

    .p_p1 {
        font-weight: 500;
        font-size: 14px;
    }

    .p_p2 {
        font-weight: 300;
        font-size: 12px;
    }

    .point_hover {
        height: 50px;
        width: 50px;
        background: transparent;
        /* border: 2px solid white; */
        border-radius: 360px;
        position: absolute;
        top: 38%;
        left: 64%;
    }

    /* alec */
    .point_alec {
        height: 15px;
        width: 15px;
        background: red;
        border: 2px solid white;
        border-radius: 360px;
        position: absolute;
        top: 64%;
        left: 39.5%;
    }

    .hover_point_alec {
        display: none;
        position: absolute;
        top: -2200%;
        left: 800%;
    }

    .eng_pop_point_alec {
        background: white;
        height: 350px;
        width: 250px;
        padding: 1rem;
    }

    .point_img_alec {
        height: 70%;
        background-image: url("../../../srv-1/2022/11/21/637b9266401a7-monopoly_hover.png");
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .c_point_img_alec {}

    .desc_point_alec {
        height: 30%;
        padding-top: 15%;
    }

    .p_p1_alec {
        font-weight: 500;
        font-size: 14px;
    }

    .p_p2_alec {
        font-weight: 300;
        font-size: 12px;
    }

    .point_hover_alec {
        height: 50px;
        width: 50px;
        background: transparent;
        /* border: 2px solid white; */
        border-radius: 360px;
        position: absolute;
        top: 60%;
        left: 37.5%;
    }

    /* dorit */
    .point_dorit {
        height: 15px;
        width: 15px;
        background: red;
        border: 2px solid white;
        border-radius: 360px;
        position: absolute;
        top: 52%;
        left: 69%;
    }

    .hover_point_dorit {
        display: none;
        position: absolute;
        top: -1700%;
        left: -4200%;
    }

    .eng_pop_point_dorit {
        background: white;
        height: 350px;
        width: 250px;
        padding: 1rem;
    }

    .point_img_dorit {
        height: 70%;
        background-image: url("../../../srv-1/2022/11/21/637b92d4eb560-love_hover.png");
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .c_point_img_dorit {}

    .desc_point_dorit {
        height: 30%;
        padding-top: 15%;
    }

    .p_p1_dorit {
        font-weight: 500;
        font-size: 14px;
    }

    .p_p2_dorit {
        font-weight: 300;
        font-size: 12px;
    }

    .point_hover_dorit {
        height: 50px;
        width: 50px;
        background: transparent;
        /* border: 2px solid white; */
        border-radius: 360px;
        position: absolute;
        top: 49%;
        left: 68%;
    }

    /* kracov */
    .point_kracov {
        height: 15px;
        width: 15px;
        background: red;
        border: 2px solid white;
        border-radius: 360px;
        position: absolute;
        top: 46%;
        left: 35%;
    }

    .hover_point_kracov {
        display: none;
        position: absolute;
        top: -1400%;
        left: 1300%;
    }

    .eng_pop_point_kracov {
        background: white;
        height: 350px;
        width: 250px;
        padding: 1rem;
    }

    .point_img_kracov {
        height: 70%;
        background-image: url("../../../srv-1/2022/11/21/637b930be31d3-my_heart_hover.png");
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .c_point_img_kracov {}

    .desc_point_kracov {
        height: 30%;
        padding-top: 15%;
    }

    .p_p1_kracov {
        font-weight: 500;
        font-size: 14px;
    }

    .p_p2_kracov {
        font-weight: 300;
        font-size: 12px;
    }

    .point_hover_kracov {
        height: 50px;
        width: 50px;
        background: transparent;
        /* border: 2px solid white; */
        border-radius: 360px;
        position: absolute;
        top: 42%;
        left: 32.5%;
    }

    /* accardi */
    .point_accardi {
        height: 15px;
        width: 15px;
        background: red;
        border: 2px solid white;
        border-radius: 360px;
        position: absolute;
        top: 38%;
        left: 35%;
    }

    .hover_point_accardi {
        display: none;
        position: absolute;
        top: -1200%;
        left: 1400%;
    }

    .eng_pop_point_accardi {
        background: white;
        height: 350px;
        width: 250px;
        padding: 1rem;
    }

    .point_img_accardi {
        height: 70%;
        background-image: url("../../../srv-1/2022/11/21/637b9352917eb-accardi_hover.png");
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .c_point_img_accardi {}

    .desc_point_accardi {
        height: 30%;
        padding-top: 15%;
    }

    .p_p1_accardi {
        font-weight: 500;
        font-size: 14px;
    }

    .p_p2_accardi {
        font-weight: 300;
        font-size: 12px;
    }

    .point_hover_accardi {
        height: 50px;
        width: 50px;
        background: transparent;
        /* border: 2px solid white; */
        border-radius: 360px;
        position: absolute;
        top: 35%;
        left: 33.5%;
    }
}

@media only screen and (max-width: 766px) {
    video {
        object-fit: cover;
        height: 310px;
    }

    .last_head {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }

    .pic_last_head {
        height: 450px;
        background-position: center;
        background-image: url("../../../srv-1/2022/11/21/637b61dc780c1-image_devider.png");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .pic_test_head_mb {
        height: 270px;
        background-image: url("../../../srv-1/2022/11/21/637b9f2e2aa16-image_divider_mb.png");
    }

    .pic_test_head {
        height: 270px;
        background-image: url("../../../srv-1/2022/11/21/637b9f2e2aa16-image_divider_mb.png");
    }

    .plum_back {
        position: relative;
        background-image: url("../../../srv-1/2023/07/17/64b4f10289168-mb.png") !important;
        height: 400px;
    }

    .alec_back {
        position: relative;
        height: 400px;
        background-image: url("../../../srv-1/2022/11/23/637de44bdc30d-monopoly_mb.png") !important;
    }

    .dorit_back {
        position: relative;
        height: 400px;
        background-image: url("../../../srv-1/2022/11/23/637e379bc01bc-love_dorit_mb.png") !important;
    }

    .kracov_back {
        position: relative;
        height: 400px;
        background-image: url("../../../srv-1/2022/11/23/637e384e72f04-flutter_kracov_mb.png") !important;
    }

    .accardi_back {
        position: relative;
        background-image: url("../../../srv-1/2022/11/23/637e3d2963d4f-nap_accardi_mb1.png") !important;
        height: 400px;
    }

    .point {
        height: 15px;
        width: 15px;
        background: red;
        border: 2px solid white;
        border-radius: 360px;
        position: absolute;
        top: 38%;
        left: 68%;
    }

    .hover_point {
        display: none;
        position: absolute;
        top: -1227%;
        left: -2440%;
    }

    .eng_pop_point {
        background: white;
        height: 350px;
        width: 220px;
        padding: 0.5rem;
        z-index: 10;
    }

    .point_img {
        height: 70%;
        background-image: url("../../../srv-1/2023/07/17/64b50053dc346-mb.png");
        width: 100%;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }

    .c_point_img {}

    .desc_point {
        height: 30%;
        padding-top: 15%;
    }

    .p_p1 {
        font-weight: 500;
        font-size: 13px;
    }

    .p_p2 {
        font-weight: 300;
        font-size: 11px;
    }

    .point_hover {
        height: 50px;
        width: 50px;
        background: transparent;
        /* border: 2px solid white; */
        border-radius: 360px;
        position: absolute;
        top: 34%;
        left: 63%;
    }

    /* alec */
    .point_alec {
        height: 15px;
        width: 15px;
        background: red;
        border: 2px solid white;
        border-radius: 360px;
        position: absolute;
        top: 65%;
        left: 52.5%;
    }

    .hover_point_alec {
        display: none;
        position: absolute;
        top: -2260%;
        left: -1900%;
    }

    .eng_pop_point_alec {
        background: white;
        height: 370px;
        width: 220px;
        padding: 1rem;
    }

    .point_img_alec {
        height: 70%;
        background-image: url("../../../srv-1/2022/11/21/637b9266401a7-monopoly_hover.png");
        width: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .c_point_img_alec {}

    .desc_point_alec {
        height: 30%;
        padding-top: 15%;
    }

    .p_p1_alec {
        font-weight: 500;
        font-size: 14px;
    }

    .p_p2_alec {
        font-weight: 300;
        font-size: 12px;
    }

    .point_hover_alec {
        height: 50px;
        width: 50px;
        background: transparent;
        /* border: 2px solid white; */
        border-radius: 360px;
        position: absolute;
        top: 60%;
        left: 47.5%;
    }

    /* dorit */
    .point_dorit {
        height: 15px;
        width: 15px;
        background: red;
        border: 2px solid white;
        border-radius: 360px;
        position: absolute;
        top: 49%;
        left: 63.5%;
    }

    .hover_point_dorit {
        display: none;
        position: absolute;
        top: -1500%;
        left: -2300%;
    }

    .eng_pop_point_dorit {
        background: white;
        height: 330px;
        width: 220px;
        padding: 01rem;
    }

    .point_img_dorit {
        height: 65%;
        background-image: url("../../../srv-1/2022/11/21/637b92d4eb560-love_hover.png");
        width: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .c_point_img_dorit {}

    .desc_point_dorit {
        height: 30%;
        padding-top: 15%;
    }

    .p_p1_dorit {
        font-weight: 500;
        font-size: 13px;
    }

    .p_p2_dorit {
        font-weight: 300;
        font-size: 10px;
    }

    .point_hover_dorit {
        height: 50px;
        width: 50px;
        background: transparent;
        /* border: 2px solid white; */
        border-radius: 360px;
        position: absolute;
        top: 44%;
        left: 59%;
    }

    /* kracov */
    .point_kracov {
        height: 15px;
        width: 15px;
        background: red;
        border: 2px solid white;
        border-radius: 360px;
        position: absolute;
        top: 46%;
        left: 37%;
    }

    .hover_point_kracov {
        display: none;
        position: absolute;
        top: -1500%;
        left: -1400%;
    }

    .eng_pop_point_kracov {
        background: white;
        height: 340px;
        width: 220px;
        padding: 1rem;
    }

    .point_img_kracov {
        height: 65%;
        background-image: url("../../../srv-1/2022/11/21/637b930be31d3-my_heart_hover.png");
        width: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .c_point_img_kracov {}

    .desc_point_kracov {
        height: 30%;
        padding-top: 15%;
    }

    .p_p1_kracov {
        font-weight: 500;
        font-size: 12px;
    }

    .p_p2_kracov {
        font-weight: 300;
        font-size: 11px;
    }

    .point_hover_kracov {
        height: 50px;
        width: 50px;
        background: transparent;
        /* border: 2px solid white; */
        border-radius: 360px;
        position: absolute;
        top: 41%;
        left: 32.5%;
    }

    /* accardi */
    .point_accardi {
        height: 15px;
        width: 15px;
        background: red;
        border: 2px solid white;
        border-radius: 360px;
        position: absolute;
        top: 37%;
        left: 22%;
    }

    .hover_point_accardi {
        display: none;
        position: absolute;
        top: -1100%;
        left: 300%;
    }

    .eng_pop_point_accardi {
        background: white;
        height: 320px;
        width: 220px;
        padding: 1rem;
    }

    .point_img_accardi {
        height: 58%;
        background-image: url("../../../srv-1/2022/11/21/637b9352917eb-accardi_hover.png");
        width: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .c_point_img_accardi {}

    .desc_point_accardi {
        height: 30%;
        padding-top: 15%;
    }

    .p_p1_accardi {
        font-weight: 500;
        font-size: 12px;
    }

    .p_p2_accardi {
        font-weight: 300;
        font-size: 11px;
    }

    .point_hover_accardi {
        height: 50px;
        width: 50px;
        background: transparent;
        /* border: 2px solid white; */
        border-radius: 360px;
        position: absolute;
        top: 32%;
        left: 17.5%;
    }

    .arrow-carou {
        position: absolute;
        width: 34px;
        height: 61px;
        left: 87.5%;
        top: 101%;
    }

    .button_inquire {
        text-align: center;
        padding-top: 1.5rem;
        height: fit-content;
    }

    .c_button_inquire {}

    .c_button_inquire>a>button {
        background: black;
        color: white;
        padding: 9px 29px;
        font-size: 17px;
    }

    .gallery-name-carrous {
        font-size: 14px;
    }
}

.button-form button {
    font-size: 17px;
    font-weight: 400;
}

.cf {
    padding-top: 6rem;
}


/* .point:hover~.hover_point {
    display: block!important;
    background-color: red;
} */
@charset "UTF-8";

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 *
 * Copyright (c) 2021 Animate.css
 */

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);


}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.8);
    animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__sli {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

footer {
    /* padding-bottom: 20px; */
}

#twitter {
    height: 20px;
}


/*newsletter section*/

.newsletter-sec-footer {
    background-image: url('../../../srv-2/wp-content/uploads/sites/15/2021/05/31104049/background-newsletter.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 50px;
}

.link-mob-foot {
    display: none;
}

.newsletter-sec-title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    padding-top: 30px;
}

.form-newsletter-footer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 32%;
    padding-right: 32%;
    padding-bottom: 5%;
}

.sub-div-form-news-footer {
    display: inline-block;
    width: 48%;
}

.left-div {
    margin-left: 2.2%;
}

.full-div-footer-news {
    max-width: 100%;
    margin-bottom: 20px;
}

.inp-news-foot {
    padding: 12px;
    border: none;
    border-radius: 3px;
    color: #000000;
    font-size: 18px;
    text-align: left;
    font-weight: 200;
}

.cta-footer-news {
    text-align: center;
    padding-top: 20px;
}

.btn-footer-news {
    background-color: #000;
    color: #fff;
    padding: 10px 70px;
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    border: none;
    border-radius: 3px;
}

@media only screen and (max-width: 1260px) {
    .sub-div-form-news-footer {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .left-div {
        margin-left: 0%;
    }

    .form-newsletter-footer {
        padding-left: 17%;
        padding-right: 17%;
    }
}

@media only screen and (min-width:1440px) and (max-width:1660px) {
    .text-center {
        max-width: 1220px;
    }
}

@media only screen and (min-width:1661px) {
    .text-center {
        max-width: 1420px;
    }
}

@media only screen and (max-width:800px) {
    .form-newsletter-footer {
        padding-left: 5%;
        padding-right: 5%;
    }

    .link-mob-foot {
        display: block;
    }

    .link-mob-fo {
        padding: 5px;
        color: #000;
    }

    .copyright-sec {
        margin-top: 20px !Important;
    }
}


/*desk footer css*/

.title-footer {
    text-align: left;
    color: #C3071C;
    font-weight: 500;
    font-size: 20px;
}

.footer-logo-container {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 30px;
}

.flw-social {
    font-weight: 500;
    text-transform: uppercase;
}

.footer-logo {
    width: 30px;
}

.footer-divider {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
    width: 90%;
}

.content-bio-footer {
    text-align: left;
    font-size: 15px;
}

.col-footer {
    margin-left: auto !important;
}

.nav-footer {
    display: inline;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #818181;
}

.copyright-sec {
    color: #818181 !important;
    margin-top: 60px;
    font-size: 14px;
    padding-left: 3%;
}

.list-footer {
    text-align: left;
}

.social-bar-footer-container {
    text-align: left;
}

.social-bar-footer {
    letter-spacing: 10px;
}

.social-bar-footer img {
    max-height: 18px;
}

.nav-bar-footer-links {
    color: #818181 !important;
    text-decoration: none;
}

.footer-link {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0.75px;
    line-height: 2.2em;
}

.footer-link:hover {
    color: #C3071C;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0.75px;
    line-height: 2.2em;
}

.social-logo {
    width: 20px;
}

.nav-desk-footer {
    font-weight: 500;
}


/*ipad footer css*/

@media only screen and (max-width: 1000px) and (min-width: 801px) {
    a {
        font-size: 12px;
    }

    .nav-desk-footer {
        display: none;
    }

    .nav-footer-sect {
        display: none;
    }

    .col-footer {
        margin-left: 14px !important;
    }

    .copyright-sec {
        text-align: center;
        padding: 30px;
        font-size: 12px;
    }
}


/*mobile footer css*/

@media only screen and (max-width: 800px) {
    .social-bar-footer-container {
        text-align: center;
    }

    .title-footer {
        text-align: center;
        color: #000;
        font-weight: 600;
    }

    .list-footer {
        text-align: center;
    }

    .text-content-footer {
        display: none;
    }

    .footer-divider {
        width: 60% !important;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .nav-desk-footer {
        display: none;
    }

    .nav-footer-sect {
        display: none;
    }

    .copyright-sec {
        text-align: center;
        background-color: #F0F0F0;
        padding: 30px;
        font-size: 12px;
    }

    .col-footer {
        margin-left: auto !important;
    }

    .social-bar-footer {
        padding-bottom: 20px;
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 10001;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.flag {
    display: inline-block;
    background-repeat: no-repeat;
}

.flag.flag-32 {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../css-sprite-flags/assets/32x32/sprite-flags-32x32.png');
    background-repeat: no-repeat;
}

.flag.flag-32.flag-abkhazia {
    background-position: -0px -0px;
}

.flag.flag-32.flag-basque-country {
    background-position: -32px -0px;
}

.flag.flag-32.flag-british-antarctic-territory {
    background-position: -64px -0px;
}

.flag.flag-32.flag-commonwealth {
    background-position: -96px -0px;
}

.flag.flag-32.flag-england {
    background-position: -128px -0px;
}

.flag.flag-32.flag-gosquared {
    background-position: -160px -0px;
}

.flag.flag-32.flag-kosovo {
    background-position: -192px -0px;
}

.flag.flag-32.flag-mars {
    background-position: -224px -0px;
}

.flag.flag-32.flag-nagorno-karabakh {
    background-position: -256px -0px;
}

.flag.flag-32.flag-nato {
    background-position: -288px -0px;
}

.flag.flag-32.flag-northern-cyprus {
    background-position: -320px -0px;
}

.flag.flag-32.flag-olympics {
    background-position: -352px -0px;
}

.flag.flag-32.flag-red-cross {
    background-position: -384px -0px;
}

.flag.flag-32.flag-scotland {
    background-position: -416px -0px;
}

.flag.flag-32.flag-somaliland {
    background-position: -448px -0px;
}

.flag.flag-32.flag-south-ossetia {
    background-position: -480px -0px;
}

.flag.flag-32.flag-united-nations {
    background-position: -512px -0px;
}

.flag.flag-32.flag-unknown {
    background-position: -0px -32px;
}

.flag.flag-32.flag-wales {
    background-position: -32px -32px;
}

.flag.flag-32.flag-ad {
    background-position: -64px -32px;
}

.flag.flag-32.flag-ae {
    background-position: -96px -32px;
}

.flag.flag-32.flag-af {
    background-position: -128px -32px;
}

.flag.flag-32.flag-ag {
    background-position: -160px -32px;
}

.flag.flag-32.flag-ai {
    background-position: -192px -32px;
}

.flag.flag-32.flag-al {
    background-position: -224px -32px;
}

.flag.flag-32.flag-am {
    background-position: -256px -32px;
}

.flag.flag-32.flag-an {
    background-position: -288px -32px;
}

.flag.flag-32.flag-ao {
    background-position: -320px -32px;
}

.flag.flag-32.flag-aq {
    background-position: -352px -32px;
}

.flag.flag-32.flag-ar {
    background-position: -384px -32px;
}

.flag.flag-32.flag-as {
    background-position: -416px -32px;
}

.flag.flag-32.flag-at {
    background-position: -448px -32px;
}

.flag.flag-32.flag-au {
    background-position: -480px -32px;
}

.flag.flag-32.flag-aw {
    background-position: -512px -32px;
}

.flag.flag-32.flag-ax {
    background-position: -0px -64px;
}

.flag.flag-32.flag-az {
    background-position: -32px -64px;
}

.flag.flag-32.flag-ba {
    background-position: -64px -64px;
}

.flag.flag-32.flag-bb {
    background-position: -96px -64px;
}

.flag.flag-32.flag-bd {
    background-position: -128px -64px;
}

.flag.flag-32.flag-be {
    background-position: -160px -64px;
}

.flag.flag-32.flag-bf {
    background-position: -192px -64px;
}

.flag.flag-32.flag-bg {
    background-position: -224px -64px;
}

.flag.flag-32.flag-bh {
    background-position: -256px -64px;
}

.flag.flag-32.flag-bi {
    background-position: -288px -64px;
}

.flag.flag-32.flag-bj {
    background-position: -320px -64px;
}

.flag.flag-32.flag-bl {
    background-position: -352px -64px;
}

.flag.flag-32.flag-bm {
    background-position: -384px -64px;
}

.flag.flag-32.flag-bn {
    background-position: -416px -64px;
}

.flag.flag-32.flag-bo {
    background-position: -448px -64px;
}

.flag.flag-32.flag-br {
    background-position: -480px -64px;
}

.flag.flag-32.flag-bs {
    background-position: -512px -64px;
}

.flag.flag-32.flag-bt {
    background-position: -0px -96px;
}

.flag.flag-32.flag-bw {
    background-position: -32px -96px;
}

.flag.flag-32.flag-by {
    background-position: -64px -96px;
}

.flag.flag-32.flag-bz {
    background-position: -96px -96px;
}

.flag.flag-32.flag-ca {
    background-position: -128px -96px;
}

.flag.flag-32.flag-cc {
    background-position: -160px -96px;
}

.flag.flag-32.flag-cd {
    background-position: -192px -96px;
}

.flag.flag-32.flag-cf {
    background-position: -224px -96px;
}

.flag.flag-32.flag-cg {
    background-position: -256px -96px;
}

.flag.flag-32.flag-ch {
    background-position: -288px -96px;
}

.flag.flag-32.flag-ci {
    background-position: -320px -96px;
}

.flag.flag-32.flag-ck {
    background-position: -352px -96px;
}

.flag.flag-32.flag-cl {
    background-position: -384px -96px;
}

.flag.flag-32.flag-cm {
    background-position: -416px -96px;
}

.flag.flag-32.flag-cn {
    background-position: -448px -96px;
}

.flag.flag-32.flag-co {
    background-position: -480px -96px;
}

.flag.flag-32.flag-cr {
    background-position: -512px -96px;
}

.flag.flag-32.flag-cu {
    background-position: -0px -128px;
}

.flag.flag-32.flag-cv {
    background-position: -32px -128px;
}

.flag.flag-32.flag-cw {
    background-position: -64px -128px;
}

.flag.flag-32.flag-cx {
    background-position: -96px -128px;
}

.flag.flag-32.flag-cy {
    background-position: -128px -128px;
}

.flag.flag-32.flag-cz {
    background-position: -160px -128px;
}

.flag.flag-32.flag-de {
    background-position: -192px -128px;
}

.flag.flag-32.flag-dj {
    background-position: -224px -128px;
}

.flag.flag-32.flag-dk {
    background-position: -256px -128px;
}

.flag.flag-32.flag-dm {
    background-position: -288px -128px;
}

.flag.flag-32.flag-do {
    background-position: -320px -128px;
}

.flag.flag-32.flag-dz {
    background-position: -352px -128px;
}

.flag.flag-32.flag-ec {
    background-position: -384px -128px;
}

.flag.flag-32.flag-ee {
    background-position: -416px -128px;
}

.flag.flag-32.flag-eg {
    background-position: -448px -128px;
}

.flag.flag-32.flag-eh {
    background-position: -480px -128px;
}

.flag.flag-32.flag-er {
    background-position: -512px -128px;
}

.flag.flag-32.flag-es {
    background-position: -0px -160px;
}

.flag.flag-32.flag-et {
    background-position: -32px -160px;
}

.flag.flag-32.flag-eu {
    background-position: -64px -160px;
}

.flag.flag-32.flag-fi {
    background-position: -96px -160px;
}

.flag.flag-32.flag-fj {
    background-position: -128px -160px;
}

.flag.flag-32.flag-fk {
    background-position: -160px -160px;
}

.flag.flag-32.flag-fm {
    background-position: -192px -160px;
}

.flag.flag-32.flag-fo {
    background-position: -224px -160px;
}

.flag.flag-32.flag-fr {
    background-position: -256px -160px;
}

.flag.flag-32.flag-ga {
    background-position: -288px -160px;
}

.flag.flag-32.flag-gb {
    background-position: -320px -160px;
}

.flag.flag-32.flag-gd {
    background-position: -352px -160px;
}

.flag.flag-32.flag-ge {
    background-position: -384px -160px;
}

.flag.flag-32.flag-gg {
    background-position: -416px -160px;
}

.flag.flag-32.flag-gh {
    background-position: -448px -160px;
}

.flag.flag-32.flag-gi {
    background-position: -480px -160px;
}

.flag.flag-32.flag-gl {
    background-position: -512px -160px;
}

.flag.flag-32.flag-gm {
    background-position: -0px -192px;
}

.flag.flag-32.flag-gn {
    background-position: -32px -192px;
}

.flag.flag-32.flag-gq {
    background-position: -64px -192px;
}

.flag.flag-32.flag-gr {
    background-position: -96px -192px;
}

.flag.flag-32.flag-gs {
    background-position: -128px -192px;
}

.flag.flag-32.flag-gt {
    background-position: -160px -192px;
}

.flag.flag-32.flag-gu {
    background-position: -192px -192px;
}

.flag.flag-32.flag-gw {
    background-position: -224px -192px;
}

.flag.flag-32.flag-gy {
    background-position: -256px -192px;
}

.flag.flag-32.flag-hk {
    background-position: -288px -192px;
}

.flag.flag-32.flag-hn {
    background-position: -320px -192px;
}

.flag.flag-32.flag-hr {
    background-position: -352px -192px;
}

.flag.flag-32.flag-ht {
    background-position: -384px -192px;
}

.flag.flag-32.flag-hu {
    background-position: -416px -192px;
}

.flag.flag-32.flag-ic {
    background-position: -448px -192px;
}

.flag.flag-32.flag-id {
    background-position: -480px -192px;
}

.flag.flag-32.flag-ie {
    background-position: -512px -192px;
}

.flag.flag-32.flag-il {
    background-position: -0px -224px;
}

.flag.flag-32.flag-im {
    background-position: -32px -224px;
}

.flag.flag-32.flag-in {
    background-position: -64px -224px;
}

.flag.flag-32.flag-iq {
    background-position: -96px -224px;
}

.flag.flag-32.flag-ir {
    background-position: -128px -224px;
}

.flag.flag-32.flag-is {
    background-position: -160px -224px;
}

.flag.flag-32.flag-it {
    background-position: -192px -224px;
}

.flag.flag-32.flag-je {
    background-position: -224px -224px;
}

.flag.flag-32.flag-jm {
    background-position: -256px -224px;
}

.flag.flag-32.flag-jo {
    background-position: -288px -224px;
}

.flag.flag-32.flag-jp {
    background-position: -320px -224px;
}

.flag.flag-32.flag-ke {
    background-position: -352px -224px;
}

.flag.flag-32.flag-kg {
    background-position: -384px -224px;
}

.flag.flag-32.flag-kh {
    background-position: -416px -224px;
}

.flag.flag-32.flag-ki {
    background-position: -448px -224px;
}

.flag.flag-32.flag-km {
    background-position: -480px -224px;
}

.flag.flag-32.flag-kn {
    background-position: -512px -224px;
}

.flag.flag-32.flag-kp {
    background-position: -0px -256px;
}

.flag.flag-32.flag-kr {
    background-position: -32px -256px;
}

.flag.flag-32.flag-kw {
    background-position: -64px -256px;
}

.flag.flag-32.flag-ky {
    background-position: -96px -256px;
}

.flag.flag-32.flag-kz {
    background-position: -128px -256px;
}

.flag.flag-32.flag-la {
    background-position: -160px -256px;
}

.flag.flag-32.flag-lb {
    background-position: -192px -256px;
}

.flag.flag-32.flag-lc {
    background-position: -224px -256px;
}

.flag.flag-32.flag-li {
    background-position: -256px -256px;
}

.flag.flag-32.flag-lk {
    background-position: -288px -256px;
}

.flag.flag-32.flag-lr {
    background-position: -320px -256px;
}

.flag.flag-32.flag-ls {
    background-position: -352px -256px;
}

.flag.flag-32.flag-lt {
    background-position: -384px -256px;
}

.flag.flag-32.flag-lu {
    background-position: -416px -256px;
}

.flag.flag-32.flag-lv {
    background-position: -448px -256px;
}

.flag.flag-32.flag-ly {
    background-position: -480px -256px;
}

.flag.flag-32.flag-ma {
    background-position: -512px -256px;
}

.flag.flag-32.flag-mc {
    background-position: -0px -288px;
}

.flag.flag-32.flag-md {
    background-position: -32px -288px;
}

.flag.flag-32.flag-me {
    background-position: -64px -288px;
}

.flag.flag-32.flag-mf {
    background-position: -96px -288px;
}

.flag.flag-32.flag-mg {
    background-position: -128px -288px;
}

.flag.flag-32.flag-mh {
    background-position: -160px -288px;
}

.flag.flag-32.flag-mk {
    background-position: -192px -288px;
}

.flag.flag-32.flag-ml {
    background-position: -224px -288px;
}

.flag.flag-32.flag-mm {
    background-position: -256px -288px;
}

.flag.flag-32.flag-mn {
    background-position: -288px -288px;
}

.flag.flag-32.flag-mo {
    background-position: -320px -288px;
}

.flag.flag-32.flag-mp {
    background-position: -352px -288px;
}

.flag.flag-32.flag-mq {
    background-position: -384px -288px;
}

.flag.flag-32.flag-mr {
    background-position: -416px -288px;
}

.flag.flag-32.flag-ms {
    background-position: -448px -288px;
}

.flag.flag-32.flag-mt {
    background-position: -480px -288px;
}

.flag.flag-32.flag-mu {
    background-position: -512px -288px;
}

.flag.flag-32.flag-mv {
    background-position: -0px -320px;
}

.flag.flag-32.flag-mw {
    background-position: -32px -320px;
}

.flag.flag-32.flag-mx {
    background-position: -64px -320px;
}

.flag.flag-32.flag-my {
    background-position: -96px -320px;
}

.flag.flag-32.flag-mz {
    background-position: -128px -320px;
}

.flag.flag-32.flag-na {
    background-position: -160px -320px;
}

.flag.flag-32.flag-nc {
    background-position: -192px -320px;
}

.flag.flag-32.flag-ne {
    background-position: -224px -320px;
}

.flag.flag-32.flag-nf {
    background-position: -256px -320px;
}

.flag.flag-32.flag-ng {
    background-position: -288px -320px;
}

.flag.flag-32.flag-ni {
    background-position: -320px -320px;
}

.flag.flag-32.flag-nl {
    background-position: -352px -320px;
}

.flag.flag-32.flag-no {
    background-position: -384px -320px;
}

.flag.flag-32.flag-np {
    background-position: -416px -320px;
}

.flag.flag-32.flag-nr {
    background-position: -448px -320px;
}

.flag.flag-32.flag-nu {
    background-position: -480px -320px;
}

.flag.flag-32.flag-nz {
    background-position: -512px -320px;
}

.flag.flag-32.flag-om {
    background-position: -0px -352px;
}

.flag.flag-32.flag-pa {
    background-position: -32px -352px;
}

.flag.flag-32.flag-pe {
    background-position: -64px -352px;
}

.flag.flag-32.flag-pf {
    background-position: -96px -352px;
}

.flag.flag-32.flag-pg {
    background-position: -128px -352px;
}

.flag.flag-32.flag-ph {
    background-position: -160px -352px;
}

.flag.flag-32.flag-pirate-black {
    background-position: -192px -352px;
}

.flag.flag-32.flag-pirate-white {
    background-position: -224px -352px;
}

.flag.flag-32.flag-pk {
    background-position: -256px -352px;
}

.flag.flag-32.flag-pl {
    background-position: -288px -352px;
}

.flag.flag-32.flag-pn {
    background-position: -320px -352px;
}

.flag.flag-32.flag-pr {
    background-position: -352px -352px;
}

/* .flag.flag-32.flag-ps { background-position: -384px -352px; } */

.flag.flag-32.flag-pt {
    background-position: -416px -352px;
}

.flag.flag-32.flag-pw {
    background-position: -448px -352px;
}

.flag.flag-32.flag-py {
    background-position: -480px -352px;
}

.flag.flag-32.flag-qa {
    background-position: -512px -352px;
}

.flag.flag-32.flag-ro {
    background-position: -0px -384px;
}

.flag.flag-32.flag-rs {
    background-position: -32px -384px;
}

.flag.flag-32.flag-ru {
    background-position: -64px -384px;
}

.flag.flag-32.flag-rw {
    background-position: -96px -384px;
}

.flag.flag-32.flag-sa {
    background-position: -128px -384px;
}

.flag.flag-32.flag-sb {
    background-position: -160px -384px;
}

.flag.flag-32.flag-sc {
    background-position: -192px -384px;
}

.flag.flag-32.flag-sd {
    background-position: -224px -384px;
}

.flag.flag-32.flag-se {
    background-position: -256px -384px;
}

.flag.flag-32.flag-sg {
    background-position: -288px -384px;
}

.flag.flag-32.flag-sh {
    background-position: -320px -384px;
}

.flag.flag-32.flag-si {
    background-position: -352px -384px;
}

.flag.flag-32.flag-sk {
    background-position: -384px -384px;
}

.flag.flag-32.flag-sl {
    background-position: -416px -384px;
}

.flag.flag-32.flag-sm {
    background-position: -448px -384px;
}

.flag.flag-32.flag-sn {
    background-position: -480px -384px;
}

.flag.flag-32.flag-so {
    background-position: -512px -384px;
}

.flag.flag-32.flag-sr {
    background-position: -0px -416px;
}

.flag.flag-32.flag-ss {
    background-position: -32px -416px;
}

.flag.flag-32.flag-st {
    background-position: -64px -416px;
}

.flag.flag-32.flag-sv {
    background-position: -96px -416px;
}

.flag.flag-32.flag-sy {
    background-position: -128px -416px;
}

.flag.flag-32.flag-sz {
    background-position: -160px -416px;
}

.flag.flag-32.flag-tc {
    background-position: -192px -416px;
}

.flag.flag-32.flag-td {
    background-position: -224px -416px;
}

.flag.flag-32.flag-tf {
    background-position: -256px -416px;
}

.flag.flag-32.flag-tg {
    background-position: -288px -416px;
}

.flag.flag-32.flag-th {
    background-position: -320px -416px;
}

.flag.flag-32.flag-tj {
    background-position: -352px -416px;
}

.flag.flag-32.flag-tk {
    background-position: -384px -416px;
}

.flag.flag-32.flag-tl {
    background-position: -416px -416px;
}

.flag.flag-32.flag-tm {
    background-position: -448px -416px;
}

.flag.flag-32.flag-tn {
    background-position: -480px -416px;
}

.flag.flag-32.flag-to {
    background-position: -512px -416px;
}

.flag.flag-32.flag-tr {
    background-position: -0px -448px;
}

.flag.flag-32.flag-tt {
    background-position: -32px -448px;
}

.flag.flag-32.flag-tv {
    background-position: -64px -448px;
}

.flag.flag-32.flag-tw {
    background-position: -96px -448px;
}

.flag.flag-32.flag-tz {
    background-position: -128px -448px;
}

.flag.flag-32.flag-ua {
    background-position: -160px -448px;
}

.flag.flag-32.flag-ug {
    background-position: -192px -448px;
}

.flag.flag-32.flag-us {
    background-position: -224px -448px;
}

.flag.flag-32.flag-uy {
    background-position: -256px -448px;
}

.flag.flag-32.flag-uz {
    background-position: -288px -448px;
}

.flag.flag-32.flag-va {
    background-position: -320px -448px;
}

.flag.flag-32.flag-vc {
    background-position: -352px -448px;
}

.flag.flag-32.flag-ve {
    background-position: -384px -448px;
}

.flag.flag-32.flag-vg {
    background-position: -416px -448px;
}

.flag.flag-32.flag-vi {
    background-position: -448px -448px;
}

.flag.flag-32.flag-vn {
    background-position: -480px -448px;
}

.flag.flag-32.flag-vu {
    background-position: -512px -448px;
}

header.header {
    width: 100%;
    position: absolute;
    /* text-align: center; */
    margin-top: 20px;
    background-color: transparent;
    top: 0;
    z-index: 10;
}

.shop-text:hover {
    color: #d03d3d;
}

.picture-menue {
    max-width: 100%;
}

.undelink {
    text-decoration: underline;
}


/* @media only screen and (max-width: 1024px) {
    header.header {
        padding: 1rem 0 0 0;
    }
} */

header.header .inner-wrapper {
    width: 100%;
    margin: auto;
    padding-left: 200px;
    padding-right: 200px;
    padding-bottom: 1%;
    padding-top: 1%;
}

@media only screen and (max-width: 1188px) {
    header.header .inner-wrapper {
        width: 95%;
    }
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper {
        padding: 0 0 0.5rem 0;
        border-bottom: none;
    }

    #menu .list-items {
        background: #fff;
        margin-top: -5%;
        margin-left: 5px;
    }

    .w-footer {
        max-width: 800px;
    }
}

header.header .inner-wrapper .top-header {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper .top-header {
        display: block;
    }

    /* #menu {
        top: 7.6%!important;
    } */
}

@media only screen and (min-width: 1024px) {
    /* #menu {
        top: 7.6%!important;
    } */
}

header.header .inner-wrapper .top-header .top-logo-wrapper {
    cursor: pointer;
    position: relative;
}

header.header .inner-wrapper .top-header .top-logo-wrapper .favorit-icon-mb {
    display: none;
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper .top-header .top-logo-wrapper .favorit-icon-mb {
        display: block;
        position: absolute;
        top: 26%;
        right: 0;
        left: 90%;
        margin: auto;
    }
}


/* .heart-right:hover{
    background-image: url('http://eden-v2.com/assets/img/heart_red.svg');
    background-repeat: none;
    background-size: cover;
} */

header.header .inner-wrapper .top-header .top-logo-wrapper .top-logo {
    width: 28px;
    height: 34px;
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper .top-header .top-logo-wrapper .top-logo {
        display: none;
    }
}

header.header .inner-wrapper .top-header .back-icon-wrapper {
    width: 550px;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper .top-header .back-icon-wrapper {
        display: none;
    }

    .header-nav-head {
        display: none;
    }
}

header.header .inner-wrapper .top-header .back-icon-wrapper .cve {
    width: 16px;
}

header.header .inner-wrapper .top-header .back-icon-wrapper .page {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 4px;
}

header.header .inner-wrapper .top-header .back-icon-wrapper .line-page {
    padding: 0 4px;
}

header.header .inner-wrapper .top-header .back-icon-wrapper .artist-name {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

header.header .inner-wrapper .top-header .top-icons-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 550px;
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper .top-header .top-icons-wrapper {
        width: auto;
    }
}

header.header .inner-wrapper .top-header .top-icons-wrapper .icon-title {
    font-size: 15px;
    line-height: 33px;
    font-weight: 400;
    letter-spacing: 0.15px;
    color: #000000;
    text-transform: uppercase;
    margin-right: 9px;
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper .top-header .top-icons-wrapper .icon-title {
        display: none;
    }
}

header.header .inner-wrapper .top-header .top-icons-wrapper .favorit-icon {
    display: flex;
    align-items: baseline;
    cursor: pointer;
    margin: 0 6%;
}

header.header .inner-wrapper .top-header .top-icons-wrapper .favorit-icon:hover .favorit-icon {
    animation: .8s infinite beatHeart;
}

@media only screen and (max-width: 600px) {
    header.header .inner-wrapper .top-header .top-icons-wrapper .favorit-icon {
        display: none;
    }
}

header.header .inner-wrapper .top-header .top-icons-wrapper .red-line {
    position: relative;
    margin: 0 12px 0 12px;
}

header.header .inner-wrapper .top-header .top-icons-wrapper .red-line:after {
    content: "";
    display: block;
    width: 2px;
    height: 26px;
    background: #C3071C;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: -11px;
    left: -1px;
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper .top-header .top-icons-wrapper .red-line:after {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper .top-header .top-icons-wrapper .red-line {
        display: none;
    }
}

header.header .inner-wrapper .top-header .top-icons-wrapper .login-wrap {
    margin-right: 12px;
    margin-top: -6px;
    cursor: pointer;
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper .top-header .top-icons-wrapper .login-wrap {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    header.header .inner-wrapper .top-header .top-icons-wrapper .languages-wrapper {
        display: none;
    }
}

header.header .inner-wrapper .top-header .top-icons-wrapper .languages-wrapper .languages-select {
    font-size: 13px;
    height: 24px;
    outline: none;
    transform: translate(0%, -7%);
}

header.header .main-nav-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    width: 100%;
    margin: auto;
    /* padding-left: 200px;
    padding-right: 220px; */
}

@media only screen and (max-width: 1188px) {
    header.header .main-nav-bar {
        width: 95%;
    }
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar {
        padding: 0.5rem 0;
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .main-logo-wrapper {
        display: none;
    }
}

header.header .main-nav-bar .list-items {
    display: flex;
    margin-bottom: 2px;
}

header.header .main-nav-bar .list-items .item-menu {
    padding: 20px;
    cursor: pointer;
    padding-right: 6px;
}

@media only screen and (max-width: 1188px) {
    header.header .main-nav-bar .list-items .item-menu {
        padding: 1rem 0.5rem;
    }
}

header.header .main-nav-bar .list-items .item-menu .fas.fa-chevron-down {
    display: none;
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #00000029;
        padding: 0.875rem 1rem;
    }
}

header.header .main-nav-bar .list-items .item-menu.shop-item-mb {
    display: none;
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu.shop-item-mb {
        display: block;
    }

    header.header .main-nav-bar .list-items .item-menu.shop-item-mb .item-link-mb {
        display: flex;
        justify-content: space-between;
        color: #C3021C;
        font-weight: 700;
    }
}

header.header .main-nav-bar .list-items .item-menu.crypto-item-mb {
    display: none;
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu.crypto-item-mb {
        display: block;
    }

    header.header .main-nav-bar .list-items .item-menu.crypto-item-mb .item-link-mb {
        display: flex;
        justify-content: space-between;
        color: #C3021C;
        font-weight: 700;
    }
}

header.header .main-nav-bar .list-items .item-menu a.item-link {
    color: #000;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
    transition: all 0.2s ease-in-out !important;
}

@media only screen and (max-width:1600px) {
    header.header .main-nav-bar .list-items .item-menu a.item-link {
        color: #000;
        position: relative;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        text-transform: capitalize;
        transition: all 0.2s ease-in-out !important;
    }
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu a.item-link {
        font-weight: 500;
        display: block;
        display: flex;
        justify-content: space-between;
    }

    .header {
        margin-top: unset !important;
    }
}

header.header .main-nav-bar .list-items .item-menu:hover .active:hover,
header.header .main-nav-bar .list-items .item-menu:hover a.item-link:hover {
    color: #C3071C;
}

header.header .main-nav-bar .list-items .item-menu:hover .sub-menu {
    display: block;
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu:hover .sub-menu {
        /* display: none; */
    }
}

header.header .main-nav-bar .list-items .item-menu .sub-menu {
    display: none;
    color: #000;
    background-color: #f0f0f0;
    width: 100%;
    height: auto;
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    box-shadow: 0 8px 6px -6px #dcdcdc;
}

@media only screen and (max-width: 992px) {
    .header-nav {
        height: 91px !important;
        box-shadow: 0px 3px 4px #0000001a;
    }
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu .sub-menu {
        position: unset;
        width: 100%;
        padding: 2rem 0 0 0;
    }
}

header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper {
    display: flex;
    justify-content: center;
    align-items: center !important;
    width: 70%;
    margin: auto;
    padding: 4rem 0;
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper {
        display: block;
        padding: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .gallery-image-contianer {
        margin: 10px 0 10px 0;
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .gallery-image-contianer img {
        width: 150px;
        height: auto;
        display: none;
    }
}

header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .galleries-location .galleries-list {
    position: relative;
    text-align: left;
    padding: 0 5rem;
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .galleries-location .galleries-list {
        padding: 0;
    }
}

header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .galleries-location .galleries-list:after {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3CDD5;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: 9%;
    left: 14%;
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .galleries-location .galleries-list:after {
        display: none;
    }
}

header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .galleries-location .galleries-list li.gallery-item {
    padding: 2px 0;
}

header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .galleries-location .galleries-list li.gallery-item:hover a.gallery-link {
    color: #C3071C;
}

header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .galleries-location .galleries-list li.gallery-item a.gallery-link {
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.04px;
    color: #171717;
    padding: 0 4;
}

header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .all-gallerys-link-wrap {
    padding: 13rem 0 0 0;
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .all-gallerys-link-wrap {
        padding: 1rem 0;
    }
}

header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .all-gallerys-link-wrap .all-gallerys-link {
    font-size: 15px;
    line-height: 32px;
    font-weight: 600;
}

header.header .main-nav-bar .list-items .item-menu .sub-menu .content-menu-wrapper .all-gallerys-link-wrap .all-gallerys-link:hover {
    text-decoration: underline;
    color: #574c4c;
}

header.header .main-nav-bar .list-items .item-menu .artists-group .artists-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 65px;
}

@media only screen and (max-width: 768px) {
    header.header .main-nav-bar .list-items .item-menu .artists-group .artists-list {
        column-gap: 1rem;
        column-count: 1;
    }
}

header.header .main-nav-bar .list-items .item-menu .artists-group .artists-list:after {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3CDD5;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: 7% !important;
    left: 8.5% !important;
}

header.header .main-nav-bar .list-items .item-menu .artists-group .artists-list .artist-item {
    display: block;
    padding: 7px 0;
}

header.header .main-nav-bar .list-items .item-menu .artists-group .artists-list .artist-item a.artist-link {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

header.header .main-nav-bar .list-items .item-menu .artists-group .artists-list .artist-item:hover a.artist-link {
    color: #C3071C;
}

header.header .main-nav-bar .list-items .item-menu .collections-wrapper .collections-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 65px;
}

@media only screen and (max-width: 768px) {
    header.header .main-nav-bar .list-items .item-menu .collections-wrapper .collections-list {
        column-gap: 45px;
        column-count: 1;
    }
}

header.header .main-nav-bar .list-items .item-menu .collections-wrapper .collections-list:after {
    content: "";
    display: block;
    width: 2px;
    height: 10rem;
    background: #C3CDD5;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: 5% !important;
    left: 10% !important;
}

header.header .main-nav-bar .list-items .item-menu .collections-wrapper .collections-list .collection-item {
    padding: 6px 0 !important;
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .list-items .item-menu .sub-menu {
        display: none;
    }
}

header.header .main-nav-bar .list-items .item-menu .sub-menu.open {
    display: block;
}

header.header .main-nav-bar .crypto-shop-icons {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1024px) {
    header.header .main-nav-bar .crypto-shop-icons {
        display: none;
    }
}

header.header .main-nav-bar .crypto-shop-icons .inner-icon {
    width: 18px;
}

header.header .main-nav-bar .crypto-shop-icons .crypto-icon {
    display: flex;
    align-items: center;
}

header.header .main-nav-bar .crypto-shop-icons .crypto-icon .crypto-text {
    font-size: 16px;
    color: black;
    line-height: 22px;
    font-weight: 700;
    display: none;
}

header.header .main-nav-bar .crypto-shop-icons .crypto-icon .crypto-icon {
    transition: transform 0.2s ease-in;
}

header.header .main-nav-bar .crypto-shop-icons .crypto-icon .crypto-link::after {
    content: none;
}

header.header .main-nav-bar .crypto-shop-icons .crypto-icon .crypto-link::after:hover {
    width: 0;
}

header.header .main-nav-bar .crypto-shop-icons .crypto-icon:hover .crypto-text {
    color: #000;
}

header.header .main-nav-bar .crypto-shop-icons .shop-icon {
    display: flex;
    align-items: center;
}

header.header .main-nav-bar .crypto-shop-icons .shop-icon .shop-text {
    font-size: 18px;
    color: black;
    line-height: 22px;
    font-weight: 700;
}

header.header .main-nav-bar .crypto-shop-icons .shop-icon .shop-link::after {
    content: none;
}

header.header .main-nav-bar .crypto-shop-icons .shop-icon .shop-link::after:hover {
    width: 0;
}

header.header .main-nav-bar .crypto-shop-icons .shop-icon:hover .shop-text {
    color: #000;
}

header.header .main-nav-bar .crypto-shop-icons h5 {
    color: #AAAAAA;
    margin: 0 9%;
    display: none;
}

header.header .mb-form-serach {
    display: none;
}

@media only screen and (max-width: 1024px) {
    header.header .mb-form-serach {
        display: block;
        position: relative;
        width: 90%;
        margin: auto;
    }

    header.header .mb-form-serach .search-input .mb-input {
        display: none;
        width: 100%;
        background-color: #eee;
        border: 0;
        padding: 0 4%;
        border-radius: 4px;
        height: 41px;
    }

    header.header .mb-form-serach .search-input .search_icon_mb {
        position: absolute;
        right: 6px;
        top: 22%;
        margin: 0;
    }
}


/*HEART-ICON */

.fa-heart-o {
    font-size: 19px;
    color: #000;
    cursor: pointer;
}

.fa-heart-o:hover {
    color: red;
}

.fa-heart {
    font-size: 19px;
    color: red;
    cursor: pointer;
    transform: translate(1%, 4%) !important;
}


/*ACTIVE LINK*/

.main-nav-bar .main-logo-wrapper .list-items .item-link.active {
    color: #C3071C !important;
}

li.active:first-child {
    border-left: 1px solid #fff;
}

.top-icons-wrapper {
    position: relative;
}

.top-icons-wrapper .serach-form-header {
    position: relative;
}

@media only screen and (max-width: 600px) {
    .top-icons-wrapper .serach-form-header {
        position: absolute;
        right: 51px;
        top: -33px;
    }
}

.top-icons-wrapper .serach-form-header .search {
    width: 21em;
    height: 2em;
    padding: 0;
    margin: 0;
    line-height: 2em;
    background-color: #fff;
    position: relative;
    transition: all .25s linear;
}

@media only screen and (max-width: 600px) {
    .top-icons-wrapper .serach-form-header .search {
        width: 17em;
    }
}

@media only screen and (max-width: 1375px) {
    .top-icons-wrapper .serach-form-header .search {
        width: 18em;
    }
}

@media only screen and (max-width: 1150px) {
    .top-icons-wrapper .serach-form-header .search {
        width: 15em;
    }
}

.top-icons-wrapper .serach-form-header .search input {
    width: 21em;
    height: 42px;
    line-height: 1em;
    padding: 0 0 0 0em;
    border: none;
    outline: none;
    background-color: #eee;
    font-size: 1em;
    color: #000;
    border-radius: 6px;
    margin-top: -11px;
    transition: all .25s linear;
}

@media only screen and (max-width: 600px) {
    .top-icons-wrapper .serach-form-header .search input {
        width: 17em;
    }
}

@media only screen and (max-width: 1375px) {
    .top-icons-wrapper .serach-form-header .search input {
        width: 18em;
    }
}

@media only screen and (max-width: 1150px) {
    .top-icons-wrapper .serach-form-header .search input {
        width: 15em;
    }
}

.top-icons-wrapper .serach-form-header .search input::placeholder {
    padding: 0 1rem;
    font-size: 14px;
}

@media only screen and (max-width: 1150px) {
    .top-icons-wrapper .serach-form-header .search input::placeholder {
        font-size: 12px;
        padding: 0 6px !important;
    }
}

.top-icons-wrapper .serach-form-header .search .searchbarbutton {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    transition: transform 0.3s ease-out;
}

.top-icons-wrapper .serach-form-header .search .searchbarbutton:hover {
    transform: scale(1.2);
}

@media only screen and (max-width: 1024px) {
    .top-icons-wrapper .serach-form-header .search .searchbarbutton:hover {
        transform: scale(1);
    }
}

@media only screen and (max-width: 1150px) {
    .top-icons-wrapper .serach-form-header .search .searchbarbutton {
        width: 18px;
    }
}

.top-icons-wrapper .serach-form-header .search.collapsed {
    width: 0rem;
}

.top-icons-wrapper .serach-form-header .search.collapsed input {
    width: 0;
}

.top-icons-wrapper .serach-form-header .search.collapsed a {
    color: #999;
}

.top-icons-wrapper .serach-form-header .search.collapsed a:hover {
    color: #bbb;
}


/*SELECT BOX COUNTRY*/

.select {
    position: relative;
    width: 65px;
}

.select .selectBtn {
    font-size: 18px;
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
}

.select .selectBtn:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 8px;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transition: 0.2s ease;
}

.select .selectBtn.toggle {
    border-radius: 3px 3px 0 0;
}

.select .selectBtn.toggle:after {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}

.select .selectDropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #eee;
    z-index: 1;
    background: #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    transition: 0.2s ease;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.select .selectDropdown .option {
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
}

.select .selectDropdown .option:hover {
    background: #f8f8f8;
}

.select .selectDropdown.toggle {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.flag-select {
    width: 18px;
    position: absolute;
    top: 6px;
    left: 2px;
}

.inner-flag {
    width: 20px;
}

.rotate {
    transition: all 0.1s linear;
}

.rotate.down {
    transform: rotate(180deg);
}

.down {
    transform: rotate(180deg);
}

@keyframes beatHeart {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.1);
    }

    40% {
        transform: scale(1);
    }

    60% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}


/*GALLERY SUB MENU WITH ROW AND COL*/

.sub-menu .content-menu-wrapper-gal {
    /* align-items: flex-start !important; */
}

.sub-menu .content-menu-wrapper-gal .row {
    position: relative;
    text-align: left;
    /* width: 40%; */
}

@media only screen and (max-width: 1300px) {
    .sub-menu .content-menu-wrapper-gal .row {
        /* width: 50%; */
    }
}

@media only screen and (max-width: 1200px) {
    .sub-menu .content-menu-wrapper-gal .row {
        /* width: 60%; */
    }
}

ul {
    list-style: none;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item {
    padding: 0.5rem 0;
}

.sub-menu .content-menu-wrapper-gal .row .artist-item {
    padding: 0.5rem 0;
}

.sub-menu .content-menu-wrapper-gal .row .collection-item {
    padding: 0.5rem 0;
}

.sub-menu .content-menu-wrapper-gal .row .news-item {
    padding: 0.5rem 0;
}

.sub-menu .content-menu-wrapper-gal .row .artist-item .artist-link {
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
}

.sub-menu .content-menu-wrapper-gal .row .artist-item .artist-link:hover {
    color: #C3071C;
}

.sub-menu .content-menu-wrapper-gal .row .collection-item .collection-link {
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
}

.sub-menu .content-menu-wrapper-gal .row .collection-item .collection-link:hover {
    color: #C3071C;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item .gallery-link {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item .gallery-link:hover {
    color: #C3071C;
}

.sub-menu .content-menu-wrapper-gal .row:after {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3CDD5;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: 12%;
    left: -5.5%;
}

@media only screen and (max-width: 1024px) {
    .sub-menu .content-menu-wrapper-gal .row:after {
        display: none;
    }
}

.sub-menu .first-gallery-image-contianer {
    margin-right: 6rem;
}

.sub-menu .all-gallerys-link {
    padding: 13rem 0 0 0;
}

@media only screen and (max-width: 1024px) {
    .sub-menu .all-gallerys-link {
        padding: 2rem 0 0 0;
    }
}

.sub-menu .all-gallerys-link .all-gallerys {
    font-size: 14px;
    font-weight: 600;
}


/*MENU FIXED TO TOP*/

.fixed {
    position: fixed;
    width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    padding: 0rem 3rem !important;
    background-color: #fff;
    box-shadow: 0 8px 6px -6px #999;
    z-index: 99;
}

.fixed .list-items .item-menu .sub-menu {
    top: 66px !important;
}


/*GALLERY SUB MENU WITH ROW AND COL*/

.sub-menu .content-menu-wrapper-gal {
    /* align-items: flex-start !important; */
}

.sub-menu .content-menu-wrapper-gal .row {
    position: relative;
    text-align: left;
    /* width: 40%; */
}

.artist-sub .content-menu-wrapper-gal .row {
    width: 60%;
}

@media only screen and (max-width: 1300px) {
    .sub-menu .content-menu-wrapper-gal .row {
        /* width: 50%; */
    }
}

@media only screen and (max-width: 1200px) {
    .sub-menu .content-menu-wrapper-gal .row {
        /* width: 60%; */
    }
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item {
    padding: 0.5rem 0.8rem;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item .gallery-link {
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
}

.sub-menu .content-menu-wrapper-gal .row .gallery-item .gallery-link:hover {
    color: #C3071C;
}

.sub-menu .content-menu-wrapper-gal .row:after {
    content: "";
    display: block;
    width: 2px;
    height: 12rem;
    background: #C3CDD5;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    position: absolute;
    bottom: 12%;
    left: -5.5%;
}

@media only screen and (max-width: 1024px) {
    .sub-menu .content-menu-wrapper-gal .row:after {
        display: none;
    }
}

.sub-menu .first-gallery-image-contianer {
    margin-right: 6rem;
}

@media only screen and (max-width: 1024px) {
    .sub-menu .first-gallery-image-contianer {
        display: none;
    }
}

.sub-menu .all-gallerys-link {
    padding: 13rem 0 0 0;
}

@media only screen and (max-width: 1024px) {
    .sub-menu .all-gallerys-link {
        padding: 1rem 0 0 0;
    }
}

.sub-menu .all-gallerys-link .all-gallerys {
    font-size: 14px;
    font-weight: 600;
}


/*MENU FIXED TO TOP*/

.fixed {
    position: fixed;
    width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    padding: 0rem 3rem !important;
    background-color: #fff;
    box-shadow: 0 8px 6px -6px #999;
    z-index: 99;
}

.fixed .list-items .item-menu .sub-menu {
    top: 66px !important;
}


/*menu*/

.top-mb-header {
    display: none;
}

@media only screen and (max-width: 768px) {
    .top-mb-header {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top-mb-header .left-inner-mb-header {
        width: 75%;
        display: flex;
    }

    .top-mb-header .left-inner-mb-header .login-wrap {
        width: 60%;
    }

    .top-mb-header .left-inner-mb-header .favorit-icon {
        margin-left: -19px;
        margin-top: 3px;
    }

    .top-mb-header .right-inner-mb-header {
        width: 75%;
        display: flex;
        justify-content: flex-end;
    }

    .top-mb-header .right-inner-mb-header .languages-wrapper .select .selectBtn {
        font-size: 15px;
    }

    .top-mb-header .right-inner-mb-header .searchbarbutton {
        width: 18px;
    }

    .top-mb-header .mb-logo-wrapper .mb-logo {
        width: 30px;
    }

    .top-mb-header .serach-form-header {
        position: relative;
    }

    .top-mb-header .serach-form-header .search {
        width: 21em;
        height: 2em;
        padding: 0;
        margin: 0;
        line-height: 2em;
        background-color: #fff;
        position: relative;
        transition: all .25s linear;
    }
}

@media only screen and (max-width: 768px) and (max-width: 1375px) {
    .top-mb-header .serach-form-header .search {
        width: 18em;
    }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
    .top-mb-header .serach-form-header .search {
        width: 10em;
    }
}

@media only screen and (max-width: 768px) {
    .top-mb-header .serach-form-header .search input {
        width: 21em;
        height: 42px;
        line-height: 1em;
        padding: 0 0 0 0em;
        border: none;
        outline: none;
        background-color: #eee;
        font-size: 1em;
        color: #000;
        border-radius: 6px;
        margin-top: -11px;
        transition: all .25s linear;
    }
}

@media only screen and (max-width: 768px) and (max-width: 1375px) {
    .top-mb-header .serach-form-header .search input {
        width: 18em;
    }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
    .top-mb-header .serach-form-header .search input {
        width: 10em;
    }
}

@media only screen and (max-width: 768px) {
    .top-mb-header .serach-form-header .search input::placeholder {
        padding: 0 1rem;
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) and (max-width: 1150px) {
    .top-mb-header .serach-form-header .search input::placeholder {
        font-size: 12px;
        padding: 0 6px !important;
    }
}

@media only screen and (max-width: 768px) {
    .top-mb-header .serach-form-header .search .searchbarbutton {
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
        transition: transform 0.3s ease-out;
    }

    .top-mb-header .serach-form-header .search .searchbarbutton:hover {
        transform: scale(1.2);
    }

    .top-mb-header .serach-form-header .search.collapsed {
        width: 0rem;
    }

    .top-mb-header .serach-form-header .search.collapsed input {
        width: 0;
    }

    .top-mb-header .serach-form-header .search.collapsed a {
        color: #999;
    }

    .top-mb-header .serach-form-header .search.collapsed a:hover {
        color: #bbb;
    }
}

#toggle {
    width: 30px;
    height: 30px;
    /* position: absolute; */
    top: 43px;
    left: 9px;
    cursor: pointer;
}

@media only screen and (max-width: 1024px) {
    #toggle {
        display: inline-block;
        float: left;
        transform: translateY(50%);
    }
}

#toggle div {
    width: 100%;
    height: 2px;
    background: black;
    margin: 4px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
}

#toggle.on .one {
    transform: rotate(45deg) translate(8px, 2px);
}

#toggle.on .two {
    opacity: 0;
}

#toggle.on .three {
    transform: rotate(-45deg) translate(6px, -1px);
}

#menu {
    background-color: #fff;
    color: black;
    width: 100%;
    height: 100%;
    padding: 0;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    position: fixed;
    overflow: scroll;
}

#menu .list-items {
    text-align: left;
}

@media only screen and (max-width: 1024px) {
    #menu .list-items {
        padding: 0 0 0 0;
    }

    #menu .list-items .item-menu {
        /* padding: 1rem 10px; */
        border-bottom: 1px solid #eee;
        /* margin-right: 2%; */
        /* margin-left: 2%; */
    }

    #menu .list-items .item-menu .item-link {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        padding-left: 1%;
        color: black !important;
    }

    #menu .list-items .item-menu .item-link .fa-chevron-down {
        font-size: 12px;
    }

    #menu .list-items .item-menu .item-link .inner-mb-shop,
    #menu .list-items .item-menu .item-link .inner-mb-crypto {
        font-size: 18px;
        color: #000;
        line-height: 22px;
        font-weight: 600;
        margin: 0;
    }

    #menu .list-items .item-menu .item-link:hover {
        color: #000 !important;
        /* padding-left: 0%; */
    }

    #menu .list-items .item-menu .sub-menu {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    #menu .list-items .item-menu .gallery-image-contianer {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    #menu .list-items .item-menu .artists-list .artist-item {
        padding: 0.5rem 1rem;
    }
}

@media only screen and (max-width: 1024px) {
    #menu .collections-wrapper .collections-list .collection-item {
        padding: 0.5rem 1rem;
    }
}

@media only screen and (max-width: 1024px) {
    #menu .all-gallerys-link-wrap {
        padding: 2rem 0;
    }

    #menu .all-gallerys-link-wrap {
        font-weight: bold;
        text-transform: capitalize;
    }
}

.all-gallerys-link {
    text-align: left;
    text-decoration: underline;
    /* font: normal normal normal 18px/55px TT Hoves; */
    letter-spacing: 0px;
    color: #0F0E0E;
    text-transform: capitalize;
    opacity: 0.7;
}

.top-icons-wrapper .favorit-icon:hover {
    transform: scale(1.2);
}

.top-icons-wrapper .login-wrap:hover {
    transform: scale(1.2);
}

.top-icons-wrapper .languages-wrapper:hover {
    transform: scale(1.2);
}

.bread-eden {
    padding-left: 5%;
    padding-top: 20px;
}

.bread-eden-link {
    font-weight: 400;
    color: #000;
}

.bread-eden-link:hover {
    color: #C3071C;
}

@media only screen and (max-width:1600px) {
    header.header .inner-wrapper {
        width: 100%;
        margin: auto;
        padding-left: 150px;
        padding-right: 150px;
        padding-bottom: 1%;
        padding-top: 1%;
    }

    header.header .main-nav-bar {
        justify-content: space-between;
        align-items: center;
        padding-top: 8px;
        width: 100%;
        margin: auto;
        padding-left: 49px;
    }

    .head-header {
        padding-right: 50px !important;
    }

    .div-left {
        padding-left: 49px !important;
    }
}


/**************************************CSS ADDITIONAL****************************************/

@media (max-width:801px) {
    header.header .main-nav-bar {
        display: none;
        justify-content: space-between;
        align-items: center;
        padding-top: 8px;
        width: 100%;
        margin: auto;
        padding-left: 150px;
        padding-right: 150px;
    }
}

.header-nav {
    height: 130px;
    box-shadow: 0px 3px 4px #0000001a;
}

.pic-form {
    display: inline-block;
    height: 44px;
}

.form-search {
    transform: translateY(50%);
    width: 100%;
}

.languages-wrapper {
    display: inline-block;
}

.search {
    display: inline-block;
    width: 68%;
}

.search input {
    width: 166%;
    border: none !important;
}

.logo-mg,
.heart-nav-mb {
    display: inline-block;
}

.logo-mg img {
    transform: translateX(100%);
}

.heart-nav-mb {
    display: inline-block;
    position: relative;
    right: 14%;
}

.heart-nav-mb img {
    height: 24px;
}

.select-form {
    height: 44px;
    display: inline-block;
    position: relative;
    right: 29%;
}

.select-form select {
    vertical-align: middle;
    border: none;
}

.heart-and-lang {
    display: inline-block;
    float: right;
}

.search-form-header {
    background: #f6f6f6;
    margin-left: 3%;
    margin-right: 3%;
    text-align: left;
}

.eng-head {
    padding-left: 3%;
}

.product-class {
    display: inline-block;
}

.list-col {
    display: inline;
}

.div-artworks {
    display: inline-block;
}

.form-check {
    margin-bottom: 5%;
}

.form_art_work {
    padding: 20px;
}

.logo-mg-nmb,
.heart-and-lang-nmb,
.heart-nav-nmb,
.pic-form-nmb,
.select-form-nmb {
    display: inline-block;
}

.header-nav-nmb {
    /* height: 100%; */
}

.heart-nav-mb {
    right: 100%;
}

.heart-and-lang-nmb img {
    height: 25px;
    width: 20px;
}

.select-form-nmb select {
    height: 44px;
    border: none;
}

.heart-and-lang-nmb {
    float: right;
    position: relative;
    right: 2%;
}

#menu .list-items {
    background: white;
    margin-top: 0%;
}

.logo-mg-nmb {
    /* transform: translateX(50%); */
    vertical-align: text-top;
    padding-top: 6px;
}


/*.main-logo-wrapper img {
    height: 60px;
}*/

.crypto-shop-icons,
.logo-mg-head,
.heart-and-lang-head,
.heart-nav-head,
.pic-form-head,
.select-form-head,
.form-search-head,
.pic-form-head,
.search-head,
.div-right {
    display: inline-block;
}

.div-right {
    float: right;
}

.heart-right {
    height: 18px;
    transform: translateX(0);
}

.select-form-head select {
    height: 44px;
    border: none;
    cursor: pointer;
    text-align: left;
    font: normal normal normal 16px/46px TT Hoves;
    letter-spacing: 0.03px;
    color: #0F0E0E;
    opacity: 1;
    font-weight: 400;
    background: transparent;
}

.head-header {
    /* padding-right: 187px; */
    /* height: 60px; */
}

.shop-text {
    text-align: left;
    font-size: 18px;
    font-family: 'Assistant', sans-serif !Important;
    letter-spacing: 0.18px;
    color: #0F0E0E;
    text-transform: capitalize;
    opacity: 1;
}

#searchicon {
    height: 15px;
    margin-right: 21px;
}

.heart-and-lang-head {
    /* position: relative; */
    right: 12%;
    vertical-align: inherit;
}

.div-left,
.breadcrumb,
.home-breadcrumb,
.space,
.route-parent,
.return-breadcrumb {
    display: inline-block;
}

.div-left {
    /* padding-left: 200px; */
    float: left;
}

.home-breadcrumb a,
.route-parent a {
    color: black;
    text-decoration: none;
    text-align: left;
    font: normal normal 300 14px/30px;
    font-family: 'Assistant', sans-serif !Important;
    letter-spacing: 0px;
    text-transform: capitalize;
    opacity: 1;
}

.search-head input {
    border: none !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.resize {
    display: block !important;
}

@media only screen and (max-width: 1024px) {
    .galleries-list-one {
        padding-left: 0px;
        background: #f6f6f6;
        width: 100%;
    }

    .galleries-list {
        padding-left: 0px;
    }
}

.form-search-head {
    position: relative !important;
}

.pic-form-head {
    position: absolute;
    right: 0;
}

@media only screen and (max-width:1360px) {
    div.new-home-content>div.artwork-grid-home>div.product-row.col-12>div.row {
        margin: 0;
    }
}

.row-news-header::after {
    bottom: 0 !important;
}

.bred-mob-st {
    display: none;
}

.bred-desk-st {
    display: block;
}


/*********************HEADER FIXED MOBILE*************************/

@media only screen and (max-width: 1024px) {

    /* new header mobile */
    header.header {
        margin-top: 0;
    }

    .nav {
        display: flex !important;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        height: 100px;
        background: white;
        z-index: 9999;
    }

    .links {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .header-title {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logout {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .links a {
        margin: 0 5px;
        text-decoration: none;
    }

    html,
    body {}

    .bred-mob-st {
        display: block;
    }

    .bred-desk-st {
        display: none;
    }

    .breadcrumb {
        margin-top: 10px;
    }

    header.header {
        height: 100px;
        /* padding: 0 !important; */
    }

    header.header .border-wrapper {
        border-bottom: 1px solid #eee;
        position: fixed;
        background-color: white;
        z-index: 100;
        height: 83px;
        width: 100%;
        top: 0;
    }

    .galleries-list {
        /* max-height: 260px; */
        background: #f6f6f6 !important;
        overflow: scroll;
    }

    .bred-mob-st {
        text-align: left;
        /* border-radius: 3px; */
        /* padding-bottom: 11px; */
        width: fit-content;
        background-color: #ffff;
        border-radius: 0px 0px 5px 0px;
        font-size: 10px;
    }

    .left-arrow-back {
        width: 70%;
    }

    .shop-mob {
        font-weight: 600;
    }

    .heart-nav-nmb {
        display: inline-block;
    }

    .shop-link-mob {
        display: inline-block;
        margin-top: 10px;
    }

    .breadcrumb {
        margin-bottom: 0rem;
        margin-left: 10px;
    }

    .content-menu-wrapper>.row {
        width: 100% !important;
        margin: 0;
    }
}


/* telephone menu top */

@media only screen and (max-width: 600px) {
    #menu {
        top: 11.6%;
    }
}


/* ipad menu top */

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    #menu {
        top: 8.6%;
    }
}

.crypto-shop-icons {
    /* width: 100%; */
}

.heart-nav-head {
    padding-right: 1rem;
    padding-left: 1rem;
}

.shop-text,
.item-link {
    color: white !important;
}

header>.fixed>ul>li>a {
    color: #000 !important;
}

.heart-nav-head>a,
.heart-nav-nmb>a {
    position: relative;
}

.count_wish {
    display: none;
    position: absolute;
    top: -60%;
    right: 0px;
    transform: translateX(12px);
    /* border: 1px solid white; */
    height: 20px;
    width: 20px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    background: #C3071C;
    color: white;
    font-size: 12px;
    border-radius: 360px;
}

@media only screen and (max-width: 1025px) {
    .count_wish {
        position: absolute;
        top: -70%;
        right: 0px;
        transform: translateX(0);
    }
}