/* ===================================================
>>> TABLE OF CONTENTS:
======================================================
1. Bootstrap v5.0.2
2. Slick slider 
3. Animate css
4. Lightcase
5. Nice Select JS
6. jQuery UI


=================================================== */

/*---------------------------------------------------------------
  1. Bootstrap v5.0.2
---------------------------------------------------------------*/

@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: 'IBM Plex Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    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;
    font-family: 'IBM Plex Sans', sans-serif;
}

.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;
    hyphens: none !important;
}

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;
    top: -3px;
}

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

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

.nav-tabs .nav-link {
    /* margin-bottom: -1px; */
    /* background: 0 0; */
    /* border-top-left-radius: 0.25rem; */
    /* border-top-right-radius: 0.25rem; */
    /* border: none; */
}

.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, "/")
}

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

.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 */



/*---------------------------------------------------------------
  2. Slick Slider
---------------------------------------------------------------*/
/* Slick Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}


/*---------------------------------------------------------------
  3. Animate css
---------------------------------------------------------------*/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -webkit-transform-origin: center bottom;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -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)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

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

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: headShake;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(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)
    }
}

.swing {
    -webkit-animation-name: swing;
    -webkit-transform-origin: top center;
    animation-name: swing;
    transform-origin: top center
}

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

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

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    -webkit-transform-origin: center;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -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)
    }
}

.heartBeat {
    -webkit-animation-duration: 1.3s;
    -webkit-animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 1.3s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-duration: .75s;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        -webkit-transform: translate3d(0, 25px, 0);
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        -webkit-transform: translate3d(0, 25px, 0);
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        -webkit-transform: translate3d(25px, 0, 0);
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        -webkit-transform: translate3d(25px, 0, 0);
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(3000px, 0, 0);
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(3000px, 0, 0);
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(0, 3000px, 0);
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: translate3d(0, 3000px, 0);
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-duration: .75s;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        -webkit-transform: translate3d(0, 20px, 0);
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        -webkit-transform: translate3d(0, 20px, 0);
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

@keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animated.flip {
    -webkit-animation-name: flip;
    -webkit-backface-visibility: visible;
    animation-name: flip;
    backface-visibility: visible
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    animation-name: flipInX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    -webkit-backface-visibility: visible !important;
    animation-name: flipInY;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    animation-duration: .75s;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    animation-duration: .75s;
    animation-name: flipOutY;
    backface-visibility: visible !important
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
        -webkit-transform: skewX(20deg);
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
        -webkit-transform: skewX(20deg);
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        opacity: 1;
        transform-origin: center
    }

    to {
        -webkit-transform: rotate(200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        opacity: 1;
        transform-origin: center
    }

    to {
        -webkit-transform: rotate(200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }

    20%,
    60% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,
    80% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        opacity: 0;
        transform: translate3d(0, 700px, 0)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }

    20%,
    60% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,
    80% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        opacity: 0;
        transform: translate3d(0, 700px, 0)
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-duration: 2s;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        -webkit-transition: none !important;
        animation: unset !important;
        transition: none !important
    }
}


/*---------------------------------------------------------------
  4. Lightcase
---------------------------------------------------------------*/
/*
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 * @author      Cornel Boppart <cornel@bopp-art.com>
 * @copyright   Author
 * @version     2.5.0 (11/03/2018)
 */
@font-face {
    font-family: lightcase;
    src: url(../fonts/lightcase.eot?55356177);
    src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"), url(../fonts/lightcase.woff?55356177) format("woff"), url(../fonts/lightcase.ttf?55356177) format("truetype"), url(../fonts/lightcase.svg?55356177#lightcase) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=lightcase-icon-]:before {
    font-family: lightcase, sans-serif;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}

.lightcase-icon-play:before {
    content: '\e800'
}

.lightcase-icon-pause:before {
    content: '\e801'
}

.lightcase-icon-close:before {
    content: '\e802'
}

.lightcase-icon-prev:before {
    content: '\e803'
}

.lightcase-icon-next:before {
    content: '\e804'
}

.lightcase-icon-spin:before {
    content: '\e805'
}

@-webkit-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-moz-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

#lightcase-case {
    display: none;
    position: fixed;
    z-index: 2002;
    top: 50%;
    left: 50%;
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

#lightcase-loading>span,
a[class*=lightcase-icon-]>span {
    display: inline-block;
    text-indent: -9999px
}

@media screen and (min-width:641px) {
    html:not([data-lc-type=error]) #lightcase-content {
        position: relative;
        z-index: 1;
        text-shadow: none;
        background-color: #fff;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
        -o-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
        box-shadow: 0 0 30px rgba(0, 0, 0, .5);
        -webkit-backface-visibility: hidden
    }

    html[data-lc-type=image] #lightcase-content,
    html[data-lc-type=video] #lightcase-content {
        background-color: #333
    }
}

html[data-lc-type=ajax] #lightcase-content,
html[data-lc-type=error] #lightcase-content,
html[data-lc-type=inline] #lightcase-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:640px) {

    html[data-lc-type=ajax] #lightcase-case,
    html[data-lc-type=inline] #lightcase-case {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        padding: 55px 0 70px;
        width: 100% !important;
        height: 100% !important;
        overflow: auto !important
    }

    html[data-lc-type=ajax] #lightcase-content,
    html[data-lc-type=error] #lightcase-content,
    html[data-lc-type=inline] #lightcase-content {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: 0 0 !important
    }

    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner {
        padding: 15px
    }

    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*,
    html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=error] #lightcase-content .lightcase-contentInner>*,
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>* {
        width: 100% !important;
        max-width: none !important
    }

    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>:not(iframe),
    html[data-lc-type=error] #lightcase-content .lightcase-contentInner>:not(iframe),
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>:not(iframe) {
        height: auto !important;
        max-height: none !important
    }

    html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width:640px) and (min-width:641px) {

    html[data-lc-type=image] #lightcase-content .lightcase-contentInner,
    html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
        line-height: .75
    }
}

html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
    position: relative;
    overflow: hidden !important
}

@media screen and (max-width:640px) {

    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
    html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: 0 0 !important
    }

    #lightcase-content h1,
    #lightcase-content h2,
    #lightcase-content h3,
    #lightcase-content h4,
    #lightcase-content h5,
    #lightcase-content h6,
    #lightcase-content p {}
}

#lightcase-loading,
a[class*=lightcase-icon-] {
    width: 1.123em;
    height: auto;
    line-height: 1;
    text-align: center;
    position: fixed
}

@media screen and (min-width:641px) {
    html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        padding: 30px;
        overflow: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }

    #lightcase-content h1,
    #lightcase-content h2,
    #lightcase-content h3,
    #lightcase-content h4,
    #lightcase-content h5,
    #lightcase-content h6,
    #lightcase-content p {}
}

#lightcase-case p.lightcase-error {
    margin: 0;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width:640px) {
    #lightcase-case p.lightcase-error {
        padding: 30px 0
    }
}

@media screen and (min-width:641px) {
    #lightcase-case p.lightcase-error {
        padding: 0
    }
}

.lightcase-open body {
    overflow: hidden
}

.lightcase-isMobileDevice .lightcase-open body {
    max-width: 100%;
    max-height: 100%
}

#lightcase-info {
    position: absolute;
    padding-top: 15px
}

#lightcase-info #lightcase-caption,
#lightcase-info #lightcase-title {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-weight: 400;
    text-overflow: ellipsis
}

#lightcase-info #lightcase-title {
    font-size: 17px;
}

#lightcase-info #lightcase-caption {
    clear: both;
    font-size: 13px;
}

#lightcase-info #lightcase-sequenceInfo {
    font-size: 11px;
}

@media screen and (max-width:640px) {
    #lightcase-info #lightcase-title {
        position: fixed;
        top: 10px;
        left: 0;
        max-width: 87.5%;
        padding: 5px 15px;
        background: #333
    }

    .lightcase-fullScreenMode #lightcase-info {
        padding-left: 15px;
        padding-right: 15px
    }

    html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
        position: static
    }
}

#lightcase-loading {
    z-index: 2001;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0 0 15px #fff;
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin .5s infinite linear;
    -moz-animation: lightcase-spin .5s infinite linear;
    -o-animation: lightcase-spin .5s infinite linear;
    animation: lightcase-spin .5s infinite linear
}

#lightcase-loading,
#lightcase-loading:focus {
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out .25s;
    -moz-transition: color, opacity, ease-in-out .25s;
    -o-transition: color, opacity, ease-in-out .25s;
    transition: color, opacity, ease-in-out .25s
}

a[class*=lightcase-icon-] {
    z-index: 9999;
    font-size: 38px;
    text-shadow: none;
    outline: 0;
    cursor: pointer
}

a[class*=lightcase-icon-],
a[class*=lightcase-icon-]:focus {
    text-decoration: none;
    color: rgba(255, 255, 255, .6);
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out .25s;
    -moz-transition: color, opacity, ease-in-out .25s;
    -o-transition: color, opacity, ease-in-out .25s;
    transition: color, opacity, ease-in-out .25s
}

a[class*=lightcase-icon-]:hover {
    color: #fff;
    text-shadow: 0 0 15px #fff
}

.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover {
    text-shadow: none
}

a[class*=lightcase-icon-].lightcase-icon-close {
    position: fixed;
    top: 15px;
    right: 15px;
    bottom: auto;
    margin: 0;
    opacity: 0;
    outline: 0
}

a[class*=lightcase-icon-].lightcase-icon-prev {
    left: 15px
}

a[class*=lightcase-icon-].lightcase-icon-next {
    right: 15px
}

a[class*=lightcase-icon-].lightcase-icon-pause,
a[class*=lightcase-icon-].lightcase-icon-play {
    left: 50%;
    margin-left: -.5em
}

@media screen and (max-width:640px) {
    a[class*=lightcase-icon-] {
        bottom: 15px;
        font-size: 24px
    }
}

@media screen and (min-width:641px) {

    a[class*=lightcase-icon-].lightcase-icon-pause,
    a[class*=lightcase-icon-].lightcase-icon-play {
        opacity: 0
    }

    a[class*=lightcase-icon-] {
        bottom: 50%;
        margin-bottom: -.5em
    }

    #lightcase-case:hover~a[class*=lightcase-icon-],
    a[class*=lightcase-icon-]:hover {
        opacity: 1
    }
}

#lightcase-overlay {
    display: none;
    width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 2000;
    top: -9999px;
    bottom: -9999px;
    left: 0;
    background: #333
}

@media screen and (max-width:640px) {
    #lightcase-overlay {
        opacity: 1 !important
    }
}


/*---------------------------------------------------------------
  5. Nice Select
---------------------------------------------------------------*/
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    /* border-radius: 5px; */
    border: none;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    height: 42px;
    letter-spacing: 2px;
    line-height: 56px;
    outline: 0;
    padding-left: 15px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
    display: block;
    height: 5px;
    margin-top: -31px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    /* top: 60%; */
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}


/*---------------------------------------------------------------
  6. jQuery UI
---------------------------------------------------------------*/
/*! jQuery UI - v1.11.4 - 2016-06-07
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-widget {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #4297d7;
    background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;
    color: #fff;
    font-weight: bold
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #c5dbec;
    background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #2e6e9e
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #2e6e9e;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #79b7e7;
    background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1d5987
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #1d5987;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #79b7e7;
    background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #e17009
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #e17009;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fad42e;
    background: #fbec88;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_469bdd_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_d8e7f3_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_6da8d5_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_217bc0_256x240.png")
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_f9bd01_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_2e83ff_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cd0a0a_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 5px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 5px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 5px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 5px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}



/*---------------------------------------------------------------
  END 
---------------------------------------------------------------*/


/*
    Template Name: Vicodin
    Description: Medical eCommerce HTML Template
    Version: 1.0.0
*/
/* Single side border-radius  */
/* BORDER RADIUS */
/* user select */
/* box sizing  */
/* placeholder */
/* transition  */
/* transform */
/* rotate */
/* scale */
/* translate */
/* translate rotate */
/* skew */
/* ============================================================
>>> TABLE OF CONTENTS:
===============================================================
# Google fonts
# Gutter Code 
# Normalize
# Typography
# Custom Class
# input and button type focus outline disable
# Form input box
# Text meant only for screen readers.
# Transition

# Accessibility
# Globals

# Alignments
# Clearings
# Posts and pages
# Captions
# Galleries
# Unit test
# ScrollUp
# Owl Carousel 
# Slick Slider
# Background Overlay
# Scrollbar
# Padding Top
# Padding Bottom
# Margin Top
# Margin Bottom
# Custom margin Padding

============================================================= */
/* -------------------------------------
    Google fonts
------------------------------------- */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Rajdhani:wght@400;500;600;700&display=swap'); */
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Rajdhani', sans-serif;
*/
/* @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Titillium+Web:wght@400;600;700;900&display=swap'); */
/*
font-family: 'Nunito Sans', sans-serif;
font-family: 'Titillium Web', sans-serif;
*/
/*

Last uses font
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap');
*/
/*
font-family: 'Nunito Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
*/
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600;700&family=Nunito:wght@400;600;700&display=swap");

/*
font-family: 'Josefin Sans', sans-serif;
font-family: 'Nunito', sans-serif;
*/
/* ====================================================
    Gutter Code 
==================================================== */
.container,
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.ltn__no-gutter>[class*='col-'] {
    /* No padding only for child columns */
    padding-right: 0;
    padding-left: 0;
}

.ltn__no-gutter-all [class*='col-'] {
    /* No padding for every columns */
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 992px) {

    /* Modify this based on column def */
    .ltn__custom-gutter {
        margin-left: -0px;
        margin-right: -0px;
    }

    .ltn__custom-gutter>[class*='col-'] {
        padding-right: 0px;
        padding-left: 0px;
    }

    .ltn__custom-gutter-all .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .ltn__custom-gutter-all .row [class*='col-'] {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 991px) {

    /* Modify this based on column def */
    .ltn__custom-gutter {
        margin-left: -15px;
        margin-right: -15px;
    }

    .ltn__custom-gutter>[class*='col-'] {
        padding-right: 15px;
        padding-left: 15px;
    }

    .ltn__custom-gutter-all {
        margin-left: -15px;
        margin-right: -15px;
    }

    .ltn__custom-gutter-all [class*='col-'] {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 767px) {

    /* Modify this based on column def */
    .ltn__product-gutter .row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .ltn__product-gutter [class*='col-'] {
        padding-right: 8px;
        padding-left: 8px;
    }
}

/* ----------------------------------------------------
    Normalize    0B2C3D
---------------------------------------------------- */
:root {
    --ltn__primary-color: #071C1F;
    --ltn__primary-color-2: #041113;
    /* Darken */
    --ltn__primary-color-3: #133236;
    /* Lighten */
    --ltn__secondary-color: #0A9A73;
    --ltn__secondary-color-2: #cb3421;
    /* Darken */
    --ltn__secondary-color-3: #fb412a;
    /* Lighten */
    --ltn__heading-color: #071c1f;
    --ltn__paragraph-color: #5C727D;
    --ltn__heading-font: 'Josefin Sans', sans-serif;
    --ltn__body-font: 'Nunito Sans', sans-serif;
    /* Footer ACD2D8 8CB2B2  */
    --ltn__color-1: #8cb2b2;
    --ltn__color-2: #ACD2D8;
    --ltn__color-3: #A3BCC0;
    --ltn__color-4: #84A2A6;
    --ltn__color-5: #5C727D;
    --ltn__color-6: #F5DFDC;
    /* Gradient Colors */
    --gradient-color-1: linear-gradient(90deg, rgba(242, 139, 194, 1) 0%, rgba(216, 177, 242, 1) 50%);
    --gradient-color-2: linear-gradient(to top, rgba(7, 28, 31, 0) 0%, rgba(7, 28, 31, 1) 90%);
    --gradient-color-3: linear-gradient(to bottom, rgba(7, 28, 31, 0) 0%, rgba(7, 28, 31, 1) 90%);
    --gradient-color-4: linear-gradient(to top, rgba(242, 246, 247, 0) 0%, rgba(242, 246, 247, 1) 90%);
    --gradient-color-5: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 70%);
    /* Background Colors ( 1, 2, 3, 4, 5 )  */
    --section-bg-1: #F2F6F7;
    /* White */
    --section-bg-2: #171B2A;
    /* Black */
    --section-bg-5: #FFF2F0;
    /* White */
    --section-bg-6: #0B2C3D;
    /* Black */
    --section-bg-7: #282b38;
    /* Black */
    /* Border Colors */
    --border-color-1: #e5eaee;
    /* White */
    --border-color-2: #1e2021;
    /* Black */
    --border-color-3: #5C617F;
    /* Black */
    --border-color-4: #eb6954;
    /* Red */
    --border-color-5: #bc3928;
    /* Red */
    --border-color-6: #103034;
    /* Black */
    --border-color-7: #d1dae0;
    /* White */
    --border-color-8: #f6f6f6;
    /* White */
    --border-color-9: #e4ecf2;
    /* White */
    --border-color-10: #ebeeee;
    /* White */
    --border-color-11: #ededed;
    /* White */
    --border-color-12: #e1e6ff;
    /* White */
    --border-color-13: #f1f8ff;
    /* White */
    /* Box Shadow Colors */
    --ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
    --ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1);
    /* like border */
    --ltn__box-shadow-3: 0 1px 6px 0 rgba(32, 33, 36, .28);
    /* like border GGL */
    --ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
    --ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
    --ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2);
    --ltn__box-shadow-7: 0 0 10px 0px rgba(93, 93, 93, 0.2);
    /* Common Colors */
    --black: #000000;
    --black-2: #22355B;
    --white: #fff;
    --white-2: #F2F6F7;
    --white-3: #e8edee;
    --white-4: #e6ecf0;
    --white-5: #f0f4f7;
    --white-6: #f1f1f1;
    --white-7: #F7F7F7;
    --white-8: #FAFAFA;
    --white-9: #F2F7FA;
    --white-10: #EDEDED;
    --red: #FF0000;
    --red-2: #f34f3f;
    --red-3: #DB483B;
    --red-4: #FB2448;
    --silver: #C0C0C0;
    --gray: #808080;
    --maroon: #800000;
    --yellow: #FFFF00;
    --olive: #808000;
    --lime: #00FF00;
    --green: #77C720;
    --green-2: #008000;
    --aqua: #00FFFF;
    --teal: #008080;
    --blue: #0000FF;
    --navy: #000080;
    --fuchsia: #B13BFF;
    --purple: #800080;
    --pink: #FFC0CB;
    --nude: #ebc8b2;
    --orange: #ffa500;
    --ratings: #FFB800;
    /* social media colors */
    --facebook: #365493;
    --twitter: #3CF;
    --linkedin: #0077B5;
    --pinterest: #c8232c;
    --dribbble: #ea4c89;
    --behance: #131418;
    --google-plus: #dd4b39;
    --instagram: #e4405f;
    --vk: #3b5998;
    --wechat: #7bb32e;
    --youtube: #CB2027;
    --email: #F89A1E;
}

/* -------------------------------------
    Typography
------------------------------------- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: var(--ltn__body-font);
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -moz-osx-font-smoothing: grayscale;
    /* Firefox */
    -webkit-font-smoothing: antialiased;
    /* WebKit  */
}

body {
    font-family: 'IBM Plex Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
}

h1,
.h1 {
    font-size: 36px;
    line-height: 1.2;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 20px;
}

h5,
.h5 {
    font-size: 18px;
}

h6,
.h6 {
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--ltn__heading-color);
    clear: both;
    font-weight: 600;
    line-height: 1.3;
}

p {
    color: var(--ltn__paragraph-color);
    margin-bottom: 1.5em;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

a {
    color: inherit;
    text-decoration: none;
    color: var(--ltn__paragraph-color);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
    color: inherit;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a:hover {
    color: #000000;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

button,
input,
optgroup,
select,
textarea {
    font-family: var(--ltn__body-font);
}

pre,
code,
kbd,
tt,
var,
samp {
    font-family: var(--ltn__body-font);
}

pre {
    word-break: break-word;
}

a i {
    padding: 0 2px;
}

img {
    max-width: 100%;
}

ul li,
ol li {}

/* -------------------------------------
    Custom Class
------------------------------------- */
.section-bg-1 {
    background-color: #F7F7F7;
}

.section-bg-1 .ltn__separate-line .separate-icon {
    background-color: var(--section-bg-1);
}

.section-bg-2,
.section-bg-6,
.section-bg-7 {
    background-color: var(--section-bg-2);
}

.section-bg-2 h1,
.section-bg-2 h2,
.section-bg-2 h3,
.section-bg-2 h4,
.section-bg-2 h5,
.section-bg-2 h6,
.section-bg-2 p,
.section-bg-2 li,
.section-bg-2 i,
.section-bg-2 span,
.section-bg-2 tr,
.section-bg-2 td,
.section-bg-6 h1,
.section-bg-6 h2,
.section-bg-6 h3,
.section-bg-6 h4,
.section-bg-6 h5,
.section-bg-6 h6,
.section-bg-6 p,
.section-bg-6 li,
.section-bg-6 i,
.section-bg-6 span,
.section-bg-6 tr,
.section-bg-6 td,
.section-bg-7 h1,
.section-bg-7 h2,
.section-bg-7 h3,
.section-bg-7 h4,
.section-bg-7 h5,
.section-bg-7 h6,
.section-bg-7 p,
.section-bg-7 li,
.section-bg-7 i,
.section-bg-7 span,
.section-bg-7 tr,
.section-bg-7 td {
    color: var(--white);
}

.section-bg-2 .ltn__separate-line .separate-icon,
.section-bg-6 .ltn__separate-line .separate-icon,
.section-bg-7 .ltn__separate-line .separate-icon {
    background-color: var(--black-2);
}

.section-bg-3 {
    position: relative;
}

.section-bg-3:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-color-1);
    opacity: 0.9;
}

.section-bg-3 h1,
.section-bg-3 h2,
.section-bg-3 h3,
.section-bg-3 h4,
.section-bg-3 h5,
.section-bg-3 h6,
.section-bg-3 p,
.section-bg-3 li,
.section-bg-3 i,
.section-bg-3 span,
.section-bg-3 tr,
.section-bg-3 td {
    color: var(--white);
}

.section-bg-3 .slick-arrow-1 .slick-arrow {
    background-color: transparent;
}

.section-bg-3 input[type="text"],
.section-bg-3 input[type="email"],
.section-bg-3 input[type="password"],
.section-bg-3 input[type="submit"] {
    border-color: var(--white);
    color: var(--white);
}

.section-bg-3 .btn-wrapper button {
    color: var(--white);
}

.section-bg-3 input::-webkit-input-placeholder {
    color: var(--white);
}

.section-bg-3 input::-moz-placeholder {
    color: var(--white);
}

.section-bg-3 input:-ms-input-placeholder {
    color: var(--white);
}

.section-bg-3 input:-moz-placeholder {
    color: var(--white);
}

.section-bg-3 .ltn__separate-line .separate-icon {
    background: var(--gradient-color-1);
}

.section-bg-3 .ltn__separate-line .separate-icon i {
    color: var(--white);
}

.section-bg-4 {
    background-color: var(--ltn__primary-color-2);
}

.section-bg-4 h1,
.section-bg-4 h2,
.section-bg-4 h3,
.section-bg-4 h4,
.section-bg-4 h5,
.section-bg-4 h6,
.section-bg-4 p,
.section-bg-4 li,
.section-bg-4 i,
.section-bg-4 span,
.section-bg-4 tr,
.section-bg-4 td {
    color: var(--white);
}

.section-bg-4 .ltn__separate-line .separate-icon {
    background-color: var(--black-2);
}

.section-bg-4 .ltn__copyright-design h6,
.section-bg-4 .ltn__copyright-design h4 {
    color: var(--ltn__color-1);
}

.section-bg-5 {
    background-color: var(--section-bg-5);
}

.section-bg-6 {
    background-color: var(--section-bg-6);
}

.section-bg-7 {
    background-color: #8ed200;
}

.text-color-white {
    color: var(--white);
}

.text-color-white h1,
.text-color-white h2,
.text-color-white h3,
.text-color-white h4,
.text-color-white h5,
.text-color-white h6,
.text-color-white p,
.text-color-white li,
.text-color-white i,
.text-color-white span,
.text-color-white tr,
.text-color-white td {
    color: var(--white);
}

.ltn__primary-color {
    color: var(--ltn__primary-color) !important;
}

.ltn__primary-color-2 {
    color: var(--ltn__primary-color-2) !important;
}

.ltn__primary-color-3 {
    color: var(--ltn__primary-color-3) !important;
}

.ltn__secondary-color {
    color: var(--ltn__secondary-color) !important;
}

.ltn__secondary-color-2 {
    color: var(--ltn__secondary-color-2) !important;
}

.ltn__secondary-color-3 {
    color: var(--ltn__secondary-color-3) !important;
}

.ltn__color-1 {
    color: var(--ltn__color-1);
}

.white-color {
    color: var(--white);
}

.white-color-im {
    color: var(--white) !important;
}

.ltn__primary-bg {
    background-color: var(--ltn__primary-color);
}

.ltn__primary-bg-2 {
    background-color: var(--ltn__primary-color-2);
}

.ltn__secondary-bg {
    background-color: var(--ltn__secondary-color);
}

.ltn__secondary-bg-2 {
    background-color: var(--ltn__secondary-color-2);
}

.white-bg {
    background-color: var(--white);
}

.gradient-color-1 {
    background: var(--gradient-color-1);
}

.gradient-color-2 {
    background: var(--gradient-color-2);
}

.gradient-color-3 {
    background: var(--gradient-color-3);
}

.gradient-color-4 {
    background: var(--gradient-color-4);
}

.gradient-color-5 {
    background: var(--gradient-color-5);
}

.before-bg-1 {
    position: relative;
}

.before-bg-1:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 34.2%;
    left: 0;
    bottom: 0;
    background-color: var(--section-bg-1);
}

.before-bg-top {
    position: relative;
}

.before-bg-top:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 72%;
    left: 0;
    top: 0;
    background-color: var(--section-bg-1);
}

.before-bg-bottom {
    position: relative;
}

.before-bg-bottom:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background-color: var(--section-bg-2);
}

.before-bg-bottom-2 {
    position: relative;
}

.before-bg-bottom-2:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background-color: var(--section-bg-1);
}

.before-bg-right {
    position: relative;
}

.before-bg-right:before {
    position: absolute;
    content: "";
    width: 25%;
    height: 100%;
    left: auto;
    right: 0;
    top: 0;
    background-color: var(--ltn__primary-color);
}

.before-bg-left {
    position: relative;
}

.before-bg-left:before {
    position: absolute;
    content: "";
    width: 25%;
    height: 100%;
    left: 0;
    right: auto;
    top: 0;
    background-color: var(--ltn__primary-color);
}

.box-shadow {
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
}

.box-shadow-1 {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__custom-icon {
    position: relative;
}

.ltn__custom-icon::before {
    content: "\f063";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}

.ltn__border {
    border: 1px solid var(--border-color-1);
}

.ltn__border-top {
    border-top: 1px solid var(--border-color-1);
}

.border-top {
    border-top: 1px solid var(--border-color-1);
}

.border-bottom {
    border-bottom: 1px solid var(--border-color-1);
}

.border-color-3 {
    border-color: var(--border-color-3) !important;
}

mark {
    background-color: var(--ltn__primary-color);
    padding: 3px 15px;
    color: var(--white);
    border-radius: 25px;
}

hr {
    margin-top: 50px;
    margin-bottom: 50px;
    border-top: 1px solid var(--border-color-12);
}

a.text-decoration,
.text-decoration a {
    text-decoration: underline;
}

fieldset {
    padding: 30px 40px;
    border: 1px solid #eee;
}

fieldset legend {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    width: auto;
    margin-top: -9px;
    margin-bottom: 0;
    padding: 0 15px;
    text-transform: uppercase;
    color: #333;
    background-color: #fff;
}

@media (max-width: 991px) {
    .before-bg-right:before {
        width: 0;
    }

    .before-bg-left:before {
        width: 0;
    }
}

.position-relative {
    position: relative;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-black {
    background-color: var(--black) !important;
    color: var(--white) !important;
}

.bg-white {
    background-color: var(--white) !important;
    color: var(--black) !important;
}

.bg-red {
    background-color: var(--red) !important;
    color: var(--white) !important;
}

.bg-yellow {
    background-color: var(--yellow) !important;
    color: var(--white) !important;
}

.bg-green {
    background-color: var(--green) !important;
    color: var(--white) !important;
}

.bg-blue {
    background-color: var(--blue) !important;
    color: var(--white) !important;
}

.bg-orange {
    background-color: var(--orange) !important;
    color: var(--white) !important;
}

.bg-fuchsia {
    background-color: var(--fuchsia) !important;
    color: var(--white) !important;
}

.color-orange {
    color: var(--orange);
}

.font-weight-4 {
    font-weight: 400;
}

.font-weight-5 {
    font-weight: 500;
}

.font-weight-6 {
    font-weight: 600;
}

.font-weight-7 {
    font-weight: 700;
}

/* ----------------------------------------------------
    input and button type focus outline disable
---------------------------------------------------- */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd;
}

code {
    color: #faa603;
}

/* ----------------------------------------------------
    Form input box
---------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
textarea {
    background-color: var(--white);
    border: 2px solid;
    border-color: var(--border-color-9);
    height: 55px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    font-size: 16px;
    color: var(--ltn__paragraph-color);
    width: 100%;
    margin-bottom: 10px;
    border-radius: 0;
    padding-right: 40px;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="submit"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--ltn__paragraph-color);
    font-size: 14px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: var(--ltn__secondary-color);
}

input[type="password"] {
    letter-spacing: 3px;
    font-size: 16px;
}

textarea {
    resize: vertical;
    padding: 15px 20px;
    min-height: 252px;
}

button {
    outline: none;
    border: none;
    cursor: pointer;
    background: #3f54df;
    color: #fff;
    padding: 5px 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border: none;
    border-radius: 3px;
    margin: 5px;
    cursor: pointer;
    -webkit-transition: all 05s ease;
    -moz-transition: all 05s ease;
    -ms-transition: all 05s ease;
    -o-transition: all 05s ease;
    transition: all 0.5s ease;
}

button:focus {
    outline: none;
}

button:hover {
    background: #343a40;
}

.form-input-box {
    position: relative;
}

.form-input-box input[type="text"] {
    width: 100%;
    height: 50px;
    padding: 0 70px 0 15px;
    border-radius: 0 15px 0px 0px;
    border: 1px solid var(--ltn__primary-color);
    margin-bottom: 0;
}

.form-input-box button[type="submit"] {
    background-color: var(--ltn__primary-color);
    color: var(--white);
    padding: 0 18px;
    height: 100%;
    border: 1px solid var(--ltn__primary-color);
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.form-input-box button[type="submit"]:hover {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: var(--white);
}

/* input-item */
.input-item {
    position: relative;
}

.input-item.ltn__custom-icon::before {
    position: absolute;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    color: var(--ltn__secondary-color);
}

.input-item-name.ltn__custom-icon::before {
    content: "\f007";
}

.input-item-email.ltn__custom-icon::before {
    content: "\f0e0";
}

.input-item-phone.ltn__custom-icon::before {
    content: "\f095";
}

.input-item-subject.ltn__custom-icon::before {
    content: "\f06e";
}

.input-item-website.ltn__custom-icon::before {
    content: "\f0ac";
}

.input-item-date.ltn__custom-icon::before {
    content: "\f073";
}

.input-item-textarea.ltn__custom-icon::before {
    content: "\f303";
    top: 30px;
}

.input-info-save {
    font-size: 14px;
}

label.checkbox-inline {
    font-size: 14px;
}

/* ----------------------------------------------------
    Text meant only for screen readers.
---------------------------------------------------- */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/* -------------------------------------
    Transition
------------------------------------- */
/* ----------------------------------------------------
    Alignments
---------------------------------------------------- */
.alignleft {
    float: left;
    clear: both;
    margin-right: 20px;
}

.alignright {
    float: right;
    clear: both;
    margin-left: 20px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}

.alignfull {
    margin: 1.5em 0;
    max-width: 100%;
}

.alignwide {
    max-width: 1100px;
}

.fix {
    overflow: hidden;
}

/* ----------------------------------------------------
    Clearings
---------------------------------------------------- */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/* ----------------------------------------------------
    Posts and pages
---------------------------------------------------- */
.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}

.blog-pagination ul li {
    display: inline-block;
}

.blog-pagination ul li+li {
    margin: 0 5px;
}

.blog-pagination {
    display: block;
    width: 100%;
}

.blog-pagination ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-pagination ul li a,
.blog-pagination ul li span {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e2e2;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
}

.blog-pagination ul li span.current,
.blog-pagination ul li a:hover {
    background-color: var(--ltn__primary-color);
    color: #fff;
}

/* ----------------------------------------------------
    Media
---------------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* ----------------------------------------------------
    Captions
---------------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
    clear: both;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* ----------------------------------------------------
    Galleries
---------------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/* ----------------------------------------------------
    Unit test
---------------------------------------------------- */
.wp-link-pages a {
    margin: 0 5px;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
}

.wp-link-pages {
    margin-bottom: 30px;
    margin-top: 25px;
}

.wp-link-pages span,
.wp-link-pages a {
    border: 1px solid #e2e2e2;
    padding: 5px 15px;
    display: inline-block;
}

.wp-link-pages .current,
.wp-link-pages a:hover {
    background-color: var(--ltn__primary-color);
    color: #fff;
    border-color: var(--ltn__primary-color);
}

.wp-link-pages span:first-child {
    margin-right: 5px;
}

dl,
ol,
ul {
    padding-left: 20px;
}

.post-password-form input {
    display: block;
    border: 1px solid #e2e2e2;
    height: 50px;
    border-radius: 3px;
    padding: 0 20px;
}

.post-password-form label {
    font-weight: 600;
    color: #333;
}

.post-password-form input[type=submit] {
    width: 100px;
    height: 50px;
    background-color: var(--ltn__primary-color);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
}

.post-password-form input[type=submit]:hover {
    background-color: #121A2F;
}

.footer-widget .table td,
.footer-widget .table th {
    padding: 0.50rem !important;
}

/* ----------------------------------------------------
    ScrollUp
---------------------------------------------------- */
#scrollUp {
    background-color: var(--section-bg-1);
    color: var(--ltn__heading-color);
    bottom: 70px;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    width: 40px;
    right: 3%;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
}

#scrollUp i {
    line-height: 40px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#scrollUp:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

/* ----------------------------------------------------
    Owl Carousel 
---------------------------------------------------- */
.owl-dots {
    display: block;
    text-align: center;
    margin-top: 20px;
}

.owl-dots .owl-dot {
    display: inline-block;
    background-color: var(--ltn__secondary-color);
    height: 10px;
    width: 10px;
    margin-right: 30px;
    border-radius: 100%;
}

.owl-dots .owl-dot:last-child {
    margin-right: 0px;
}

.owl-dots .owl-dot:hover,
.owl-dots .owl-dot.active {
    background-color: var(--ltn__primary-color);
}

/* owl-arrow-1 */
.owl-arrow-1 .owl-nav>div {
    position: absolute;
    left: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: auto;
}

.owl-arrow-1 .owl-nav>div.owl-next {
    left: auto;
    right: -60px;
}

@media only screen and (max-width: 1200px) {
    .owl-arrow-1 .owl-nav>div {
        right: auto;
        left: 0px;
    }

    .owl-arrow-1 .owl-nav>div.owl-next {
        right: 0px;
        left: auto;
    }
}

/* ----------------------------------------------------
    Slick Slider Dots, Arrow
---------------------------------------------------- */
/* Slick dots */
.slick-dots {
    margin: 0 0 30px;
    padding: 0;
    display: block;
    text-align: center;
    line-height: 1;
}

.slick-dots li {
    display: inline-block;
    list-style: none;
    display: inline-block;
    font-size: 0;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin-right: 10px;
    background-color: var(--silver);
    cursor: pointer;
    margin-top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.slick-dots li button {
    display: none;
}

.slick-dots li:hover,
.slick-dots li.slick-active {
    background-color: #8ed200;
    height: 15px;
    width: 15px;
    margin-bottom: -2px;
}

/* slick-arrow */
.slick-arrow {
    cursor: pointer;
    z-index: 9;
}

/* slick-arrow-1 */
.slick-arrow-1 .slick-arrow {
    background-color: #8ed200;
    cursor: pointer;
    position: absolute;
    top: 35%;
    left: 15px;
    right: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    line-height: 48px;
    display: block;
    /* border: 1px solid var(--white-4); */
    /* border-radius: 100%; */
    text-align: center;
    font-size: 20px;
    color: #f2f6f7 !important;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.slick-arrow-1 .slick-arrow:hover {
    background-color: #fff;
    color: #8ed200 !important;
}

.slick-arrow-1 .slick-next {
    right: 15px;
    left: auto;
}

.slick-arrow-1:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}

.slick-arrow-1-inner.slick-arrow-1:hover .slick-arrow {
    left: 50px;
    right: auto;
}

.slick-arrow-1-inner.slick-arrow-1:hover .slick-next {
    right: 50px;
    left: auto;
}

@media (min-width: 1350px) {
    .slick-arrow-1:hover .slick-arrow {
        left: -50px;
        right: auto;
    }

    .slick-arrow-1:hover .slick-next {
        right: -50px;
        left: auto;
    }
}

/* slick-arrow-2 */
.slick-arrow-2 .slick-arrow {
    color: var(--ltn__primary-color) !important;
    cursor: pointer;
    position: absolute;
    background-color: #8ed200;
    bottom: -30px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
}

.slick-arrow-2 .slick-arrow:hover {
    background-color: #ffffff;
    color: #8ed200 !important;
}

.slick-arrow-2 .slick-next {}

a.slick-arrow.slick-prev {
    left: 5px;
}

/* slick-arrow-3 */
.slick-arrow-3 .slick-arrow {
    cursor: pointer;
    position: absolute;
    top: -120px;
    height: 60px;
    width: 60px;
    line-height: 58px;
    display: block;
    left: auto;
    right: 100px;
    border: 2px solid;
    text-align: center;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
}

.slick-arrow-3 .slick-arrow:hover {
    background-color: var(--ltn__secondary-color);
    border-color: var(--border-color-4);
    color: var(--white) !important;
}

.slick-arrow-3 .slick-next {
    right: 15px;
    background-color: var(--white);
    border-color: var(--white);
    color: var(--ltn__primary-color) !important;
}

.slick-arrow-3 .slick-prev {
    background-color: var(--ltn__secondary-color);
    border-color: var(--border-color-4);
    color: var(--white) !important;
}

/* slick-arrow-4 */
.slick-arrow-4 {
    margin: 0;
}

.slick-arrow-4 .slick-arrow {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    text-align: center;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 100%;
}

.slick-arrow-4 .slick-arrow:hover {
    background-color: var(--ltn__secondary-color);
    border-color: var(--border-color-4);
    color: var(--white) !important;
}

.slick-arrow-4 .slick-next {
    right: -60px;
}

.slick-arrow-4 .slick-prev {
    left: -60px;
}

@media (max-width: 767px) {
    .slick-dots {
        margin: 15px 0 15px;
    }
}

/* ----------------------------------------------------
    Background Overlay
---------------------------------------------------- */
.bg-overlay-black-10,
.bg-overlay-black-20,
.bg-overlay-black-30,
.bg-overlay-black-40,
.bg-overlay-black-50,
.bg-overlay-black-60,
.bg-overlay-black-70,
.bg-overlay-black-80,
.bg-overlay-black-90,
.bg-overlay-white-10,
.bg-overlay-white-20,
.bg-overlay-white-30,
.bg-overlay-white-40,
.bg-overlay-white-50,
.bg-overlay-white-60,
.bg-overlay-white-70,
.bg-overlay-white-80,
.bg-overlay-white-90 {
    z-index: 8;
    position: relative;
}

.bg-overlay-black-10:before,
.bg-overlay-black-20:before,
.bg-overlay-black-30:before,
.bg-overlay-black-40:before,
.bg-overlay-black-50:before,
.bg-overlay-black-60:before,
.bg-overlay-black-70:before,
.bg-overlay-black-80:before,
.bg-overlay-black-90:before,
.bg-overlay-white-10:before,
.bg-overlay-white-20:before,
.bg-overlay-white-30:before,
.bg-overlay-white-40:before,
.bg-overlay-white-50:before,
.bg-overlay-white-60:before,
.bg-overlay-white-70:before,
.bg-overlay-white-80:before,
.bg-overlay-white-90:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.bg-overlay-black-10:before {
    background: rgba(0, 0, 0, 0.1);
}

.bg-overlay-black-20:before {
    background: rgba(0, 0, 0, 0.2);
}

.bg-overlay-black-30:before {
    background: rgba(0, 0, 0, 0.3);
}

.bg-overlay-black-40:before {
    background: rgba(0, 0, 0, 0.4);
}

.bg-overlay-black-50:before {
    background: rgba(0, 0, 0, 0.5);
}

.bg-overlay-black-60:before {
    background: rgba(0, 0, 0, 0.6);
}

.bg-overlay-black-70:before {
    background: rgba(0, 0, 0, 0.7);
}

.bg-overlay-black-80:before {
    background: rgba(0, 0, 0, 0.8);
}

.bg-overlay-black-90:before {
    background: rgba(0, 0, 0, 0.9);
}

.bg-overlay-white-10:before {
    background: rgba(255, 255, 255, 0.1);
}

.bg-overlay-white-20:before {
    background: rgba(255, 255, 255, 0.2);
}

.bg-overlay-white-30:before {
    background: rgba(255, 255, 255, 0.3);
}

.bg-overlay-white-40:before {
    background: rgba(255, 255, 255, 0.4);
}

.bg-overlay-white-50:before {
    background: rgba(255, 255, 255, 0.5);
}

.bg-overlay-white-60:before {
    background: rgba(255, 255, 255, 0.6);
}

.bg-overlay-white-70:before {
    background: rgba(255, 255, 255, 0.7);
}

.bg-overlay-white-80:before {
    background: rgba(255, 255, 255, 0.8);
}

.bg-overlay-white-90:before {
    background: rgba(255, 255, 255, 0.9);
}

.bg-overlay-theme-05,
.bg-overlay-theme-10,
.bg-overlay-theme-20,
.bg-overlay-theme-30,
.bg-overlay-theme-40,
.bg-overlay-theme-50,
.bg-overlay-theme-60,
.bg-overlay-theme-70,
.bg-overlay-theme-80,
.bg-overlay-theme-90 {
    z-index: 9;
    position: relative;
}

.bg-overlay-theme-05:before,
.bg-overlay-theme-10:before,
.bg-overlay-theme-20:before,
.bg-overlay-theme-30:before,
.bg-overlay-theme-40:before,
.bg-overlay-theme-50:before,
.bg-overlay-theme-60:before,
.bg-overlay-theme-70:before,
.bg-overlay-theme-80:before,
.bg-overlay-theme-90:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.bg-overlay-theme-05:before {
    background: rgba(10, 154, 115, 0.05);
}

.bg-overlay-theme-10:before {
    background: rgba(10, 154, 115, 0.1);
}

.bg-overlay-theme-20:before {
    background: rgba(10, 154, 115, 0.2);
}

.bg-overlay-theme-30:before {
    background: rgba(10, 154, 115, 0.3);
}

.bg-overlay-theme-40:before {
    background: rgba(10, 154, 115, 0.4);
}

.bg-overlay-theme-50:before {
    background: rgba(10, 154, 115, 0.5);
}

.bg-overlay-theme-60:before {
    background: rgba(10, 154, 115, 0.6);
}

.bg-overlay-theme-70:before {
    background: rgba(10, 154, 115, 0.7);
}

.bg-overlay-theme-80:before {
    background: rgba(10, 154, 115, 0.8);
}

.bg-overlay-theme-90:before {
    background: rgba(10, 154, 115, 0.9);
}

.bg-overlay-theme-black-05,
.bg-overlay-theme-black-10,
.bg-overlay-theme-black-20,
.bg-overlay-theme-black-30,
.bg-overlay-theme-black-40,
.bg-overlay-theme-black-50,
.bg-overlay-theme-black-60,
.bg-overlay-theme-black-70,
.bg-overlay-theme-black-80,
.bg-overlay-theme-black-90 {
    z-index: 9;
    position: relative;
}

.bg-overlay-theme-black-05:before,
.bg-overlay-theme-black-10:before,
.bg-overlay-theme-black-20:before,
.bg-overlay-theme-black-30:before,
.bg-overlay-theme-black-40:before,
.bg-overlay-theme-black-50:before,
.bg-overlay-theme-black-60:before,
.bg-overlay-theme-black-70:before,
.bg-overlay-theme-black-80:before,
.bg-overlay-theme-black-90:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.bg-overlay-theme-black-05:before {
    background: rgba(7, 28, 31, 0.05);
}

.bg-overlay-theme-black-10:before {
    background: rgba(7, 28, 31, 0.1);
}

.bg-overlay-theme-black-20:before {
    background: rgba(7, 28, 31, 0.2);
}

.bg-overlay-theme-black-30:before {
    background: rgba(7, 28, 31, 0.3);
}

.bg-overlay-theme-black-40:before {
    background: rgba(7, 28, 31, 0.4);
}

.bg-overlay-theme-black-50:before {
    background: rgba(7, 28, 31, 0.5);
}

.bg-overlay-theme-black-60:before {
    background: rgba(7, 28, 31, 0.6);
}

.bg-overlay-theme-black-70:before {
    background: rgba(7, 28, 31, 0.7);
}

.bg-overlay-theme-black-80:before {
    background: rgba(7, 28, 31, 0.8);
}

.bg-overlay-theme-black-90:before {
    background: rgba(7, 28, 31, 0.9);
}

/* ----------------------------------------------
  Scrollbar
---------------------------------------------- */
.ltn__scrollbar {
    overflow-y: auto;
}

.ltn__scrollbar::-webkit-scrollbar {
    width: 2px;
    background-color: #f5f5f5;
    border-radius: 30px;
}

.ltn__scrollbar::-webkit-scrollbar-thumb {
    background-color: #ddd;
}

.mean-nav {
    overflow-y: auto;
}

.mean-nav::-webkit-scrollbar {
    width: 3px;
    background-color: var(--ltn__primary-color);
    border-radius: 30px;
}

.mean-nav::-webkit-scrollbar-thumb {
    background-color: var(--ltn__secondary-color);
}

/* ----------------------------------------------------
    Padding Top
---------------------------------------------------- */
.pt-0 {
    padding-top: 0px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-97 {
    padding-top: 97px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-105 {
    padding-top: 105px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-112 {
    padding-top: 112px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-118 {
    padding-top: 118px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-122 {
    padding-top: 122px;
}

.pt-125 {
    padding-top: 125px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-135 {
    padding-top: 135px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-145 {
    padding-top: 145px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-200 {
    padding-top: 200px;
}

.pt-210 {
    padding-top: 210px;
}

.pt-220 {
    padding-top: 220px;
}

.pt-230 {
    padding-top: 230px;
}

.pt-250 {
    padding-top: 250px;
}

.pt-280 {
    padding-top: 280px;
}

.pt-290 {
    padding-top: 290px;
}

.pt-300 {
    padding-top: 300px;
}

.pt-310 {
    padding-top: 310px;
}

.pt-320 {
    padding-top: 320px;
}

.pt-350 {
    padding-top: 350px;
}

/* ----------------------------------------------------
    Padding Bottom
---------------------------------------------------- */
.pb-0 {
    padding-bottom: 0px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-97 {
    padding-bottom: 97px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-105 {
    padding-bottom: 105px;
}

.pb-107 {
    padding-bottom: 107px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-112 {
    padding-bottom: 112px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-118 {
    padding-bottom: 118px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-122 {
    padding-bottom: 122px;
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-145 {
    padding-bottom: 145px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-155 {
    padding-bottom: 155px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-200 {
    padding-bottom: 200px;
}

.pb-210 {
    padding-bottom: 210px;
}

.pb-220 {
    padding-bottom: 220px;
}

.pb-250 {
    padding-bottom: 250px;
}

.pb-280 {
    padding-bottom: 280px;
}

.pb-290 {
    padding-bottom: 290px;
}

.pb-300 {
    padding-bottom: 300px;
}

.pb-310 {
    padding-bottom: 310px;
}

.pb-320 {
    padding-bottom: 320px;
}

.pb-350 {
    padding-bottom: 350px;
}

/* ----------------------------------------------------
    Margin Top
---------------------------------------------------- */
.mt-0 {
    margin-top: 0px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px;
}

.mt-37 {
    margin-top: 37px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-118 {
    margin-top: 118px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-122 {
    margin-top: 122px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-170 {
    margin-top: 170px;
}

/* ----------------------------------------------------
    Margin Bottom
---------------------------------------------------- */
.mb-0 {
    margin-bottom: 0px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-118 {
    margin-bottom: 118px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-122 {
    margin-bottom: 122px;
}

.mb-125 {
    margin-bottom: 125px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-150 {
    margin-bottom: 150px;
}

/* ----------------------------------------------------
    Custom margin Padding
---------------------------------------------------- */
.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.mr-30 {
    margin-right: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.pl-70 {
    padding-left: 70px;
}

.pr-70 {
    padding-right: 70px;
}

/* Padding left right */
.plr--2 {
    padding-left: 2%;
    padding-right: 2%;
}

.plr--3 {
    padding-left: 3%;
    padding-right: 3%;
}

.plr--4 {
    padding-left: 4%;
    padding-right: 4%;
}

.plr--5 {
    padding-left: 5%;
    padding-right: 5%;
}

.plr--6 {
    padding-left: 6%;
    padding-right: 6%;
}

.plr--7 {
    padding-left: 7%;
    padding-right: 7%;
}

.plr--8 {
    padding-left: 8%;
    padding-right: 8%;
}

.plr--9 {
    /* used */
    padding-left: 9%;
    padding-right: 9%;
}

.plr--10 {
    padding-left: 10%;
    padding-right: 10%;
}

.plr--11 {
    padding-left: 11%;
    padding-right: 11%;
}

.plr--12 {
    padding-left: 12%;
    padding-right: 12%;
}

@media (max-width: 1599px) {

    .plr--2,
    .plr--3,
    .plr--4,
    .plr--5,
    .plr--6,
    .plr--7,
    .plr--8,
    .plr--9,
    .plr--10,
    .plr--11,
    .plr--12 {
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media (max-width: 1399px) {

    .plr--2,
    .plr--3,
    .plr--4,
    .plr--5,
    .plr--6,
    .plr--7,
    .plr--8,
    .plr--9,
    .plr--10,
    .plr--11,
    .plr--12 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {

    /* Margin Top Minus */
    .mt--30 {
        margin-top: -30px !important;
    }

    .mt--65 {
        margin-top: -65px;
    }

    .mt--80 {
        margin-top: -100px;
    }

    .mt--90 {
        margin-top: -100px;
    }

    .mt--100 {
        margin-top: -100px;
    }

    .mt--110 {
        margin-top: -100px;
    }

    .mt--120 {
        margin-top: -100px;
    }

    .mt--150 {
        margin-top: -100px;
    }
}

@media (max-width: 767px) {
    .mb-sm-20 {
        margin-bottom: 20px;
    }
}

/* Margin Bottom Minus */
.mb--30 {
    margin-bottom: -30px;
}

.mb--80 {
    margin-bottom: -100px;
}

.mb--90 {
    margin-bottom: -100px;
}

.mb--100 {
    margin-bottom: -100px;
}

.mb--110 {
    margin-bottom: -100px;
}

.mb--120 {
    margin-bottom: -100px;
}

.mb--150 {
    margin-bottom: -100px;
}

/* ----------------------------------------------------
    Custom Height
---------------------------------------------------- */
.ltn__height-100 {
    height: 100px;
}

.ltn__height-200 {
    height: 200px;
}

.ltn__height-250 {
    height: 250px;
}

.ltn__height-300 {
    height: 300px;
}

.ltn__height-350 {
    height: 350px;
}

.ltn__height-400 {
    height: 400px;
}

.ltn__height-450 {
    height: 450px;
}

.ltn__height-500 {
    height: 500px;
}

.ltn__height-550 {
    height: 550px;
}

.ltn__height-600 {
    height: 600px;
}

.ltn__height-650 {
    height: 650px;
}

.ltn__height-700 {
    height: 700px;
}

/* --------------------------------------------------------------
# Gutenberg	Default Style
-------------------------------------------------------------- */
.single-post-details-item .entry-content>.alignwide {
    max-width: 1100px;
}

.single-post-details-item .entry-content>.alignfull {
    margin: 1.5em 0;
    max-width: 100%;
}

.wp-block-video video {
    max-width: 636px;
}

.wp-block-image img {
    display: block;
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
    width: 100%;
}

.wp-block-image.alignfull img {
    width: 100vw;
}

.wp-block-gallery:not(.components-placeholder) {
    margin: 1.5em auto;
}

.wp-block-cover-text p {
    padding: 1.5em 14px;
}

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
    padding: 0 14px;
}

.wp-block-table {
    display: block;
    overflow-x: auto;
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
}

.wp-block-table td,
.wp-block-table th {
    padding: .5em;
}

.wp-block-embed.type-video>.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.wp-block-quote.is-large {
    margin: 0 auto 16px;
}

.wp-block-pullquote>p:first-child {
    margin-top: 0;
}

.wp-block-separator {
    margin: 3em auto;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .wp-block-cover-text p {
        padding: 1.5em 0;
    }
}

.wp-block-video video {
    max-width: 636px;
}

.wp-block-image img {
    display: block;
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
    width: 100%;
}

.wp-block-image.alignfull img {
    width: 100vw;
}

.wp-block-gallery:not(.components-placeholder) {
    margin: 1.5em auto;
}

.wp-block-cover-text p {
    padding: 1.5em 14px;
}

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
    padding: 0 14px;
}

.wp-block-table {
    display: block;
    overflow-x: auto;
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
}

.wp-block-table td,
.wp-block-table th {
    padding: .5em;
}

.wp-block-embed.type-video>.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.wp-block-quote.is-large {
    margin: 0 auto 16px;
}

.wp-block-pullquote>p:first-child {
    margin-top: 0;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
    border-left: 4px solid #000;
    padding-left: 1em;
}

.wp-block-separator {
    margin: 3em auto;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .wp-block-cover-text p {
        padding: 1.5em 0;
    }
}

.wp-block-pullquote {
    border-top: 4px solid #555d66;
    border-bottom: 4px solid #555d66;
    color: #40464d;
}

/* --------------------------------------------------------------
## Block Color Palette Colors
-------------------------------------------------------------- */
.has-strong-blue-color {
    color: #0073aa;
}

.has-strong-blue-background-color {
    background-color: #0073aa;
}

.has-lighter-blue-color {
    color: #229fd8;
}

.has-lighter-blue-background-color {
    background-color: #229fd8;
}

.has-very-light-gray-color {
    color: #eee;
}

.has-very-light-gray-background-color {
    background-color: #eee;
}

.has-very-dark-gray-color {
    color: #444;
}

.has-very-dark-gray-background-color {
    background-color: #444;
}

/* ----------------------------------------------------
    Animation Custom Class
---------------------------------------------------- */
.ltn__effect-img {
    position: absolute;
}

.ltn__effect-img-top-left {
    top: 6%;
    left: 5%;
}

.ltn__effect-img-top-right {
    top: 5%;
    right: 5%;
}

.ltn__effect-img-center-left {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 3%;
}

.ltn__effect-img-center-center {
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}

.ltn__effect-img-center-right {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 3%;
}

.ltn__effect-img-bottom-left {
    bottom: 5%;
    left: 0;
}

.ltn__effect-img-bottom-right {
    bottom: 5%;
    right: 5%;
}

.ltn__animation-pulse1 a {
    -webkit-animation: pulse1 1s infinite;
    animation: pulse1 1s infinite;
}

.ltn__animation-pulse2 a {
    -webkit-animation: pulse2 1s infinite;
    animation: pulse2 1s infinite;
}

@-webkit-keyframes pulse1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulse1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 90, 60, 0.6);
        box-shadow: 0 0 0 0 rgba(255, 90, 60, 0.6);
    }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(255, 90, 60, 0);
        box-shadow: 0 0 0 15px rgba(255, 90, 60, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 90, 60, 0);
        box-shadow: 0 0 0 0 rgba(255, 90, 60, 0);
    }
}

@keyframes pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 90, 60, 0.6);
        box-shadow: 0 0 0 0 rgba(255, 90, 60, 0.6);
    }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(255, 90, 60, 0);
        box-shadow: 0 0 0 15px rgba(255, 90, 60, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 90, 60, 0);
        box-shadow: 0 0 0 0 rgba(255, 90, 60, 0);
    }
}

/* ----------------------------------------------------
    Animation CSS
---------------------------------------------------- */
.ltn__parallax-effect-wrap,
.layer {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.ltn__parallax-effect-wrap {
    min-height: 600px;
    position: relative;
    overflow: hidden;
}

.layer {
    position: absolute;
}

.layer div {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.background {
    background: url(../img/effect/1.png) no-repeat 50% 100%;
    bottom: 96px;
    background-size: cover;
    position: absolute;
    width: 110%;
    left: -5%;
    top: -5%;
}

.lighthouse {
    -webkit-transform-origin: 50% 90%;
    -moz-transform-origin: 50% 90%;
    -ms-transform-origin: 50% 90%;
    transform-origin: 50% 90%;
    -webkit-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    margin: 0px -64px;
    background-size: 128px 224px;
    height: 224px;
    width: 128px;
    background-image: url(../img/effect/2.png);
    background-repeat: no-repeat;
    bottom: 64px;
    position: absolute;
    right: 20%;
}

.wave.plain {
    background-image: url(../img/effect/3.png);
}

.wave.paint {
    background-image: url(../img/effect/4.png);
}

.light {
    margin: -120px -120px;
    background-size: 240px 240px;
    height: 240px;
    width: 240px;
    background-repeat: no-repeat;
    bottom: 112px;
    position: absolute;
    left: 50%;
}

.light.orange {
    background-image: url(../img/effect/5.png);
}

.light.purple {
    background-image: url(../img/effect/6.png);
}

.light.a {
    bottom: 80px;
    left: 20%;
}

.light.b {
    bottom: 80px;
    left: 30%;
}

.light.c {
    bottom: 112px;
    left: 45%;
}

.light.d {
    bottom: 96px;
    left: 60%;
}

.light.e {
    bottom: 112px;
    left: 75%;
}

.light.f {
    bottom: 64px;
    left: 80%;
}

.light.phase-1 {
    -webkit-animation: phase 20s 0.1s infinite linear;
    -moz-animation: phase 20s 0.1s infinite linear;
    animation: phase 20s 0.1s infinite linear;
}

.light.phase-2 {
    -webkit-animation: phase 18s 0.1s infinite linear;
    -moz-animation: phase 18s 0.1s infinite linear;
    animation: phase 18s 0.1s infinite linear;
}

.light.phase-3 {
    -webkit-animation: phase 16s 0.1s infinite linear;
    -moz-animation: phase 16s 0.1s infinite linear;
    animation: phase 16s 0.1s infinite linear;
}

.light.phase-4 {
    -webkit-animation: phase 14s 0.1s infinite linear;
    -moz-animation: phase 14s 0.1s infinite linear;
    animation: phase 14s 0.1s infinite linear;
}

.light.phase-5 {
    -webkit-animation: phase 12s 0.1s infinite linear;
    -moz-animation: phase 12s 0.1s infinite linear;
    animation: phase 12s 0.1s infinite linear;
}

.light.phase-6 {
    -webkit-animation: phase 10s 0.1s infinite linear;
    -moz-animation: phase 10s 0.1s infinite linear;
    animation: phase 10s 0.1s infinite linear;
}

.hanger {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    position: absolute;
}

.hanger.position-1 {
    top: 28%;
}

.hanger.position-2 {
    top: 46%;
}

.hanger.position-3 {
    top: 59%;
}

.hanger.position-4 {
    top: 66.5%;
}

.hanger.position-5 {
    top: 69.5%;
}

.hanger.position-6 {
    top: 66.5%;
}

.hanger.position-7 {
    top: 59%;
}

.hanger.position-8 {
    top: 46%;
}

.hanger.position-9 {
    top: 28%;
}

.hanger.position-1 {
    left: 10%;
}

.hanger.position-2 {
    left: 20%;
}

.hanger.position-3 {
    left: 30%;
}

.hanger.position-4 {
    left: 40%;
}

.hanger.position-5 {
    left: 50%;
}

.hanger.position-6 {
    left: 60%;
}

.hanger.position-7 {
    left: 70%;
}

.hanger.position-8 {
    left: 80%;
}

.hanger.position-9 {
    left: 90%;
}

.board {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    margin: 0px -140px;
    background-size: 280px 280px;
    height: 280px;
    width: 280px;
    background-repeat: no-repeat;
    position: absolute;
    top: -4px;
    left: 0;
}

.board.birds {
    background-image: url(../img/effect/5.png);
}

.board.cloud-1 {
    background-image: url(../img/effect/1.png);
}

.board.cloud-2 {
    background-image: url(../img/effect/2.png);
}

.board.cloud-3 {
    background-image: url(../img/effect/3.png);
}

.board.cloud-4 {
    background-image: url(../img/effect/4.png);
}

.swing-1 {
    -webkit-animation: swing 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: swing 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: swing 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.swing-2 {
    -webkit-animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.swing-3 {
    -webkit-animation: swing 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: swing 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: swing 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.swing-4 {
    -webkit-animation: swing 2.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: swing 2.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: swing 2.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.swing-5 {
    -webkit-animation: swing 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: swing 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: swing 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* --------------- */
.wave {
    background: transparent repeat-x;
    position: absolute;
    width: 100%;
    left: 0;
    margin: 0px 0px;
    background-position: center bottom;
    background-size: auto 101%;
    height: 30%;
    -webkit-animation: wave 5.33333s 0.1s infinite linear;
    -moz-animation: wave 5.33333s 0.1s infinite linear;
    animation: wave 5.33333s 0.1s infinite linear;
}

.ltn__animation-wave-3s {
    -webkit-animation: wave 3s 0.1s infinite linear;
    -moz-animation: wave 3s 0.1s infinite linear;
    animation: wave 3s 0.1s infinite linear;
}

.ltn__animation-wave-4s {
    -webkit-animation: wave 4s 0.1s infinite linear;
    -moz-animation: wave 4s 0.1s infinite linear;
    animation: wave 4s 0.1s infinite linear;
}

.ltn__animation-wave-5s {
    -webkit-animation: wave 5.33333s 0.1s infinite linear;
    -moz-animation: wave 5.33333s 0.1s infinite linear;
    animation: wave 5.33333s 0.1s infinite linear;
}

.ltn__animation-wave-6s {
    -webkit-animation: wave 6.22222s 0.1s infinite linear;
    -moz-animation: wave 6.22222s 0.1s infinite linear;
    animation: wave 6.22222s 0.1s infinite linear;
}

.ltn__animation-wave-7s {
    -webkit-animation: wave 7.11111s 0.1s infinite linear;
    -moz-animation: wave 7.11111s 0.1s infinite linear;
    animation: wave 7.11111s 0.1s infinite linear;
}

.ltn__animation-wave-8s {
    -webkit-animation: wave 8s 0.1s infinite linear;
    -moz-animation: wave 8s 0.1s infinite linear;
    animation: wave 8s 0.1s infinite linear;
}

.cross,
.x,
.y {
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@-webkit-keyframes phase {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.8;
    }

    75% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes phase {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.8;
    }

    75% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes phase {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.8;
    }

    75% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes phase {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.8;
    }

    75% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes tilt {
    0% {
        -webkit-transform: rotateX(-30deg);
        -moz-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
    }

    25% {
        -webkit-transform: rotateX(30deg);
        -moz-transform: rotateX(30deg);
        transform: rotateX(30deg);
    }

    50% {
        -webkit-transform: rotateY(-30deg);
        -moz-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
    }

    75% {
        -webkit-transform: rotateY(30deg);
        -moz-transform: rotateY(30deg);
        transform: rotateY(30deg);
    }

    100% {
        -webkit-transform: rotateZ(20deg);
        -moz-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }
}

@-moz-keyframes tilt {
    0% {
        -webkit-transform: rotateX(-30deg);
        -moz-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
    }

    25% {
        -webkit-transform: rotateX(30deg);
        -moz-transform: rotateX(30deg);
        transform: rotateX(30deg);
    }

    50% {
        -webkit-transform: rotateY(-30deg);
        -moz-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
    }

    75% {
        -webkit-transform: rotateY(30deg);
        -moz-transform: rotateY(30deg);
        transform: rotateY(30deg);
    }

    100% {
        -webkit-transform: rotateZ(20deg);
        -moz-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }
}

@-ms-keyframes tilt {
    0% {
        -webkit-transform: rotateX(-30deg);
        -moz-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
    }

    25% {
        -webkit-transform: rotateX(30deg);
        -moz-transform: rotateX(30deg);
        transform: rotateX(30deg);
    }

    50% {
        -webkit-transform: rotateY(-30deg);
        -moz-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
    }

    75% {
        -webkit-transform: rotateY(30deg);
        -moz-transform: rotateY(30deg);
        transform: rotateY(30deg);
    }

    100% {
        -webkit-transform: rotateZ(20deg);
        -moz-transform: rotateZ(20deg);
        -ms-transform: rotate(20deg);
        transform: rotateZ(20deg);
    }
}

@keyframes tilt {
    0% {
        -webkit-transform: rotateX(-30deg);
        -moz-transform: rotateX(-30deg);
        transform: rotateX(-30deg);
    }

    25% {
        -webkit-transform: rotateX(30deg);
        -moz-transform: rotateX(30deg);
        transform: rotateX(30deg);
    }

    50% {
        -webkit-transform: rotateY(-30deg);
        -moz-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
    }

    75% {
        -webkit-transform: rotateY(30deg);
        -moz-transform: rotateY(30deg);
        transform: rotateY(30deg);
    }

    100% {
        -webkit-transform: rotateZ(20deg);
        -moz-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    }
}

@-moz-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    }
}

@-ms-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    }
}

@keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    }
}

@-webkit-keyframes lighthouse {
    0% {
        -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
        -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
        transform: translate3d(15%, 0, 0) rotateZ(10deg);
    }

    100% {
        -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
        -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
        transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    }
}

@-moz-keyframes lighthouse {
    0% {
        -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
        -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
        transform: translate3d(15%, 0, 0) rotateZ(10deg);
    }

    100% {
        -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
        -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
        transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    }
}

@-ms-keyframes lighthouse {
    0% {
        -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
        -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
        transform: translate3d(15%, 0, 0) rotateZ(10deg);
    }

    100% {
        -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
        -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
        transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    }
}

@keyframes lighthouse {
    0% {
        -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
        -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
        transform: translate3d(15%, 0, 0) rotateZ(10deg);
    }

    100% {
        -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
        -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
        transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    }
}

@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
    }

    100% {
        -webkit-transform: rotateZ(-10deg);
        -moz-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg);
    }
}

@-moz-keyframes swing {
    0% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
    }

    100% {
        -webkit-transform: rotateZ(-10deg);
        -moz-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg);
    }
}

@-ms-keyframes swing {
    0% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        -ms-transform: rotate(10deg);
        transform: rotateZ(10deg);
    }

    100% {
        -webkit-transform: rotateZ(-10deg);
        -moz-transform: rotateZ(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotateZ(-10deg);
    }
}

@keyframes swing {
    0% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
    }

    100% {
        -webkit-transform: rotateZ(-10deg);
        -moz-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg);
    }
}

/* ----------------------------------------------------
    End Animation
---------------------------------------------------- */
/* ----------------------------------------------------
    Breadcurmb Area
---------------------------------------------------- */
@media (min-width: 426px) {
    .ltn__shop-details-img-gallery img {
        background-color: var(--white-8);
        height: 400px;
        width: 100%;
        object-fit: cover;
    }

    .ltn__slide-item-2 {
        height: calc(100vh - 0px);
        padding-top: 200px;
    }

    .ltn__shop-details-small-img.slick-arrow-2 {
        bottom: 220px;
    }

    .ltn__breadcrumb-area {
        background-color: var(--section-bg-1);
        margin-bottom: 50px;
        padding-top: 110px;
        padding-bottom: 60px;
    }

    .small-product-item-info {
        margin: 20px 20px 20px 0;
    }

    .bg-image {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100vh !important;
    }

    @m
}

@media (max-width: 425px) {
    .ltn__breadcrumb-area {
        background-color: var(--section-bg-1);
        margin-bottom: 15px;
        padding-top: 130px;
        padding-bottom: 30px;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .ltn__slide-item-2 {
        height: calc(100vh - 0px);
        /* padding-top: 200px; */
    }

    .ltn__shop-details-small-img.slick-arrow-2 {
        bottom: 150px;
    }

    .ltn__shop-details-img-gallery img {
        background-color: var(--white-8);
        height: 220;
        width: 100%;
        object-fit: cover;
    }

    .ltn__social-media.yuxari {
        display: none;
    }

    .bg-image {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .small-product-item-info {
        margin: 20px;
    }

    img {
        height: auto;
    }
}

.site-author {
    float: right;
}

.siteby {
    width: 100px;
    padding-bottom: 3px;
}

.ltn__breadcrumb-list ul {
    margin: 0;
    padding: 0;
}

.ltn__breadcrumb-list ul li {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    font-weight: 700;
}

.ltn__breadcrumb-list ul li:last-child {
    margin-right: 0;
    color: var(--ltn__primary-color);
}

.ltn__breadcrumb-list ul li:after {
    position: absolute;
    content: "\f054";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 10px;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ltn__breadcrumb-list ul li:last-child:after {
    display: none;
}

/* breadcrumb-area-2 */
.ltn__breadcrumb-area-2 {
    padding-top: 250px;
    padding-bottom: 130px;
}

.ltn__breadcrumb-inner-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ltn__breadcrumb-inner-2 .section-title-area {
    margin-bottom: 0;
}

.ltn__breadcrumb-inner-2 .ltn__section-title-2 .section-title {
    margin-bottom: 0;
}

.ltn__breadcrumb-inner-2 .ltn__breadcrumb-list {
    margin-left: 100px;
}

.ltn__breadcrumb-inner-2 .ltn__breadcrumb-list ul li:after {
    position: absolute;
    content: "";
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 10px;
    width: 2px;
    background-color: var(--ltn__color-1);
    opacity: 0.5;
}

.ltn__breadcrumb-color-white .ltn__breadcrumb-list li {
    color: var(--ltn__color-1);
}

.ltn__breadcrumb-color-white .ltn__breadcrumb-list li:last-child {
    color: var(--ltn__secondary-color);
}

/* breadcrumb-area-3 */
.ltn__breadcrumb-area-3 {
    padding-top: 350px;
    padding-bottom: 130px;
}

/* breadcrumb-area-4 */
.ltn__breadcrumb-inner-4 .section-title-area {
    margin-bottom: 0;
}

.ltn__breadcrumb-inner-4 .ltn__breadcrumb-list ul li:last-child {
    opacity: 0.5;
}

/* ----------------------------------------------------
    Responsive
---------------------------------------------------- */
@media (max-width: 767px) {
    .ltn__breadcrumb-area-2 {
        padding-top: 240px;
        padding-bottom: 80px;
    }

    .ltn__breadcrumb-inner-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        text-align: center;
    }

    .ltn__breadcrumb-inner-2 .ltn__breadcrumb-list {
        margin-left: 0;
    }

    .ltn__breadcrumb-list ul li {
        font-size: 12px;
    }
}

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ============================================================
>>> TABLE OF CONTENTS:
===============================================================
# Widgets
# Search Widget
# Newsletter Widget
# Tag Cloud Widget
# Color Widget
# Menu Widget
# Popular Post Widget
# Banner Widget
# Top Rated Product Widget
# Price Filter Widget
# Instagram Widget
# Video Widget
# Author Widget
# Widget Responsive

============================================================= */
/* --------------------------------------------------------------
    Widgets
-------------------------------------------------------------- */
.widget {
    margin-bottom: 40px;
    padding: 35px 30px 40px 35px;
    border: 2px solid var(--border-color-11);
}

.widget:last-child {
    margin-bottom: 0;
}

.widget hr {
    margin-top: 35px;
    margin-bottom: 35px;
}

.ltn__widget-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.ltn__widget-title-border {
    position: relative;
    padding-left: 45px;
}

.ltn__widget-title-border::after,
.ltn__widget-title-border::before {
    position: absolute;
    content: "";
    background-color: var(--ltn__secondary-color);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.ltn__widget-title-border::before {
    width: 18px;
    height: 4px;
    border-radius: 25px;
}

.ltn__widget-title-border::after {
    width: 4px;
    height: 4px;
    left: 22px;
    border-radius: 100%;
}

.ltn__widget-title-border-2 {
    border-left: 2px solid;
    border-color: var(--ltn__secondary-color);
    padding-left: 10px;
    position: relative;
}

.ltn__widget-title-border-2::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 14px;
    background-color: var(--ltn__secondary-color);
    display: none;
}

/* widget-2 */
.widget-2 {
    margin-bottom: 40px;
}

/* ----------------------------------------------------
    Search Widget
---------------------------------------------------- */
.ltn__search-widget form {
    position: relative;
}

.ltn__search-widget input[type="text"] {
    margin-bottom: 0;
    padding-right: 65px;
    padding-left: 20px;
    height: 60px;
    background-color: var(--section-bg-1);
    font-weight: 600;
    font-size: 14px;
}

.ltn__search-widget input[type="text"]::-webkit-input-placeholder {
    color: var(--ltn__primary-color);
    font-size: 12px;
}

.ltn__search-widget button {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 20px;
    color: var(--white);
    border: 1px solid;
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__search-widget button:hover {
    color: var(--white);
    background-color: var(--ltn__primary-color);
    border-color: var(--ltn__primary-color);
}

/* ----------------------------------------------------
    Newsletter Widget
---------------------------------------------------- */
.ltn__newsletter-widget {
    background-color: var(--ltn__primary-color);
    padding: 50px 35px;
    position: relative;
    z-index: 2;
}

.ltn__newsletter-widget h6 {
    color: var(--ltn__secondary-color);
    margin-bottom: 5px;
}

.ltn__newsletter-widget h4 {
    color: var(--white);
    font-size: 36px;
}

.ltn__newsletter-widget input[type="text"] {
    background-color: #133236;
    color: var(--white);
    border-color: #133236;
    height: 70px;
    padding-left: 25px;
    padding-right: 70px;
}

.ltn__newsletter-widget input[type="text"]::-webkit-input-placeholder {
    color: var(--white);
}

.ltn__newsletter-widget input[type="text"]:-ms-input-placeholder {
    color: var(--white);
}

.ltn__newsletter-widget input[type="text"]::-ms-input-placeholder {
    color: var(--white);
}

.ltn__newsletter-widget input[type="text"]::placeholder {
    color: var(--white);
}

.ltn__newsletter-widget button {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: var(--white);
    padding: 0 25px;
}

.ltn__newsletter-widget button:hover {
    background-color: var(--ltn__secondary-color-2);
    border-color: var(--ltn__secondary-color-2);
    color: var(--white);
}

.ltn__newsletter-bg-icon {
    position: absolute;
    right: 20px;
    top: 15%;
    font-size: 120px;
    color: var(--ltn__color-1);
    opacity: 0.1;
    z-index: -1;
    line-height: 1;
}

/* ----------------------------------------------------
    Tag Cloud Widget
---------------------------------------------------- */
.ltn__tagcloud-widget ul {
    margin: 0;
    padding: 0;
}

.ltn__tagcloud-widget ul li {
    list-style: none;
    display: inline-block;
    margin: 5px 3px;
}

.ltn__tagcloud-widget ul li a {
    display: block;
    padding: 8px 24px 6px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: var(--section-bg-1);
    font-weight: 700;
    font-family: var(--ltn__heading-font);
}

.ltn__tagcloud-widget ul li a:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

/* ----------------------------------------------------
    Color Widget
---------------------------------------------------- */
.ltn__color-widget ul {
    padding: 0;
    margin: 0;
}

.ltn__color-widget ul li {
    list-style: none;
    display: inline-block;
    margin-top: 3px;
    margin-right: 5px;
    background-color: var(--section-bg-1);
    border: 1px solid var(--border-color-1);
}

.ltn__color-widget ul li a {
    width: 40px;
    height: 22px;
    display: block;
}

.ltn__color-widget ul li:hover {
    outline: 2px solid var(--ltn__secondary-color);
    outline-offset: 1px;
}

.ltn__color-widget ul .black {
    background-color: var(--black);
}

.ltn__color-widget ul .white {
    background-color: var(--white);
}

.ltn__color-widget ul .red {
    background-color: var(--red);
}

.ltn__color-widget ul .silver {
    background-color: var(--silver);
}

.ltn__color-widget ul .gray {
    background-color: var(--gray);
}

.ltn__color-widget ul .maroon {
    background-color: var(--maroon);
}

.ltn__color-widget ul .yellow {
    background-color: var(--yellow);
}

.ltn__color-widget ul .olive {
    background-color: var(--olive);
}

.ltn__color-widget ul .lime {
    background-color: var(--lime);
}

.ltn__color-widget ul .green {
    background-color: var(--green);
}

.ltn__color-widget ul .aqua {
    background-color: var(--aqua);
}

.ltn__color-widget ul .teal {
    background-color: var(--teal);
}

.ltn__color-widget ul .blue {
    background-color: var(--blue);
}

.ltn__color-widget ul .navy {
    background-color: var(--navy);
}

.ltn__color-widget ul .fuchsia {
    background-color: var(--fuchsia);
}

.ltn__color-widget ul .purple {
    background-color: var(--purple);
}

.ltn__color-widget ul .pink {
    background-color: var(--pink);
}

.ltn__color-widget ul .nude {
    background-color: var(--nude);
}

.ltn__color-widget ul .orange {
    background-color: var(--orange);
}

/* ----------------------------------------------------
    Menu Widget
---------------------------------------------------- */
.ltn__menu-widget>ul {
    padding: 0;
    margin: 0;
}

.ltn__menu-widget>ul li {
    list-style: none;
    margin-top: 15px;
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.ltn__menu-widget>ul li a {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.ltn__menu-widget>ul li a span {
    float: right;
    color: var(--ltn__color-5);
}

.ltn__menu-widget>ul li span {
    float: right;
    color: var(--ltn__color-5);
}

/* menu-widget-2 */
.ltn__menu-widget-2 {
    background-color: transparent;
}

.ltn__menu-widget-2 ul li a {
    background-color: var(--section-bg-1);
    padding: 20px 10px 20px 30px;
}

.ltn__menu-widget-2 ul li a span {
    background-color: var(--white);
    color: var(--ltn__primary-color);
    position: relative;
    top: -11px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__menu-widget-2 ul li.active a,
.ltn__menu-widget-2 ul li:hover>a {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__menu-widget-2 ul li.active a span,
.ltn__menu-widget-2 ul li:hover>a span {
    background-color: var(--ltn__secondary-color-2);
    color: var(--white);
}

.ltn__menu-widget-2 ul li.active a span:hover,
.ltn__menu-widget-2 ul li:hover>a span:hover {
    background-color: var(--ltn__primary-color);
    color: var(--white);
}

.ltn__menu-widget-2>ul>li:first-child {
    margin-top: 0;
}

.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li a {
    background-color: var(--ltn__primary-color);
    color: var(--white);
}

.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li a span {
    background-color: var(--ltn__primary-color-2);
    color: var(--white);
}

.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a,
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover>a {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a span,
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover>a span {
    background-color: var(--ltn__secondary-color-2);
    color: var(--white);
}

.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a span:hover,
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover>a span:hover {
    background-color: var(--ltn__primary-color);
    color: var(--white);
}

/* ----------------------------------------------------
    Popular Post Widget
---------------------------------------------------- */
.ltn__popular-post-widget ul {
    padding: 0;
    margin: 0;
}

.ltn__popular-post-widget ul li {
    list-style: none;
}

.ltn__popular-post-widget>ul>li {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--border-color-1);
    padding-bottom: 30px;
}

.ltn__popular-post-widget>ul>li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0px;
}

.popular-post-widget-img {
    float: left;
    margin-right: 20px;
}

.popular-post-widget-img img {
    max-width: 80px;
}

.popular-post-widget-brief {
    overflow: hidden;
}

.popular-post-widget-brief h6 {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
}

.popular-post-widget-brief .ltn__blog-meta {
    margin-bottom: 0;
}

.popular-post-widget-brief .ltn__blog-meta li {
    color: var(--ltn__secondary-color);
}

.ltn__twitter-post-widget .popular-post-widget-img {
    float: left;
    margin-right: 20px;
}

.ltn__twitter-post-widget .popular-post-widget-img img {
    max-width: 60px;
    border-radius: 100%;
}

.ltn__twitter-post-widget .popular-post-widget-img a {
    color: var(--ltn__secondary-color);
}

.ltn__twitter-post-widget .popular-post-widget-brief p {
    margin-bottom: 5px;
}

.ltn__twitter-post-widget .popular-post-widget-brief p a {
    color: var(--ltn__secondary-color);
}

/* ----------------------------------------------------
    Banner Widget
---------------------------------------------------- */
.ltn__banner-widget {
    padding: 0 !important;
    border: 0;
}

/* ----------------------------------------------------
    Top Rated Product Widget
---------------------------------------------------- */
.ltn__top-rated-product-widget ul {
    padding: 0;
    margin: 0;
}

.ltn__top-rated-product-widget ul li {
    list-style: none;
}

.ltn__top-rated-product-widget>ul>li {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid;
    border-color: var(--white-4);
}

.ltn__top-rated-product-widget>ul>li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.top-rated-product-img {
    max-width: 90px;
    float: left;
    margin-right: 20px;
}

.top-rated-product-info {
    overflow: hidden;
}

.top-rated-product-info h6 {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 500;
}

.top-rated-product-info .product-ratting {
    margin-bottom: 0;
}

.top-rated-product-info .product-ratting li {
    font-size: 10px;
}

.top-rated-product-info .product-price {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--ltn__secondary-color);
    font-weight: 700;
}

.top-rated-product-info .product-ratting ul {
    line-height: 1;
    margin-bottom: 5px;
}

/* ----------------------------------------------------
    Popular Product Widget
---------------------------------------------------- */
.ltn__popular-product-widget .ltn__product-item {
    margin-bottom: 30px;
}

.ltn__popular-product-widget .ltn__product-item .product-info {
    padding: 25px 25px 1px;
}

.ltn__popular-product-widget .ltn__product-item .product-title {
    font-size: 16px;
}

.ltn__popular-product-widget .ltn__product-item .product-img-location ul li,
.ltn__popular-product-widget .ltn__product-item .ltn__plot-brief li {
    font-size: 12px;
}

.ltn__popular-product-widget .slick-dots {
    margin-bottom: 0;
}

/* ----------------------------------------------------
    Price Filter Widget
---------------------------------------------------- */
.price_filter {
    padding-bottom: 13px;
}

.price_slider_amount {
    overflow: hidden;
}

.price_slider_amount>input[type="text"],
.price_slider_amount>input[type="submit"] {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 25px;
    padding: 0;
    text-align: left;
    width: 140px;
    margin-bottom: 20px;
}

.price_slider_amount>input[type="text"] {
    font-weight: 700;
}

.price_filter .ui-widget-content {
    background-color: var(--ltn__primary-color);
    border: medium none;
    color: #222;
    height: 3px;
    width: 98%;
    background-image: none;
}

.price_filter .ui-slider .ui-slider-range {
    background-color: var(--ltn__secondary-color);
    background-image: none;
}

.price_filter .ui-state-default,
.price_filter .ui-widget-content .ui-state-default,
.price_filter .ui-widget-header .ui-state-default {
    background-color: var(--ltn__secondary-color);
    border: medium none;
    border-radius: 100%;
    height: 12px;
    margin-left: 0;
    margin-top: -6px;
    top: 50%;
    width: 12px;
    background-image: none;
}

/* ----------------------------------------------------
    Instagram Widget
---------------------------------------------------- */
.ltn__instafeed-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ltn__instafeed-grid .instagram_gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.ltn__instafeed-grid .instagram_gallery a,
.ltn__instafeed-grid .instagram_gallery .instagram-image {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 16.6666%;
    -ms-flex: 1 0 16.6666%;
    flex: 1 0 16.6666%;
    max-width: 16.6666%;
}

.ltn__instagram-widget .ltn__instafeed-grid .instagram_gallery a,
.ltn__instagram-widget .ltn__instafeed-grid .instagram_gallery .instagram-image {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.ltn__instafeed-slider .slick-list .slick-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.insta-slide-gutter .slick-list {
    margin-right: -7.5px !important;
    margin-left: -7.5px !important;
}

.insta-slide-gutter .slick-list .slick-slide {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.insta-grid-gutter .instagram_gallery {
    margin-right: -7.5px !important;
    margin-left: -7.5px !important;
}

.insta-grid-gutter .instagram_gallery a,
.insta-grid-gutter .instagram_gallery .instagram-image {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin: 7px 0;
}

/* ----------------------------------------------------
    Video Widget
---------------------------------------------------- */
.ltn__video-icon-1 {
    background-color: transparent;
    color: var(--white);
    height: 80px;
    width: 80px;
    border: 6px solid;
    border-color: var(--white);
    border-radius: 100%;
    font-size: 22px;
    z-index: 9;
    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;
}

.ltn__video-icon-1:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__video-icon-2 {
    height: 80px;
    width: 80px;
    background-color: var(--white);
    color: var(--ltn__secondary-color);
    font-size: 20px;
    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;
    z-index: 9;
    border-radius: 100%;
}

.ltn__video-icon-2 i {
    color: var(--ltn__secondary-color);
}

.ltn__video-icon-2:hover.ltn__video-icon-2-border {
    outline: outset;
}

.ltn__video-icon-2.border-radius-no {
    border-radius: 0;
}

.ltn__video-icon-2-border {
    outline-offset: 15px;
    outline: 4px solid var(--border-color-9);
    margin: 20px;
}

.ltn__video-bg-img {
    min-height: 350px;
    position: relative;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    z-index: 99;
}

.ltn__video-img {
    position: relative;
    display: inline-block;
}

.ltn__video-img::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: var(--ltn__primary-color);
}

.ltn__video-img img {
    margin: 0;
}

.ltn__video-img .ltn__video-icon-1,
.ltn__video-img .ltn__video-icon-2 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ltn__video-info {
    position: relative;
}

.ltn__video-popup-height-300 {
    height: 300px;
}

.ltn__video-popup-height-400 {
    height: 400px;
}

.ltn__video-popup-height-500 {
    height: 500px;
}

.ltn__video-popup-height-600 {
    height: 600px;
}

.text-center .slide-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ltn__secondary-bg.ltn__video-icon-2 {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__secondary-bg.ltn__video-icon-2 i {
    color: var(--white);
}

.ltn__video-icon-2-small {
    height: 60px;
    width: 60px;
    font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199px) {

    .ltn__video-popup-height-500,
    .ltn__video-popup-height-600 {
        height: 450px;
    }
}

@media (max-width: 991px) {
    .ltn__video-icon-2 {
        height: 50px;
        width: 50px;
        font-size: 18px;
    }

    .ltn__video-popup-height-500,
    .ltn__video-popup-height-600 {
        height: initial;
    }
}

@media (max-width: 767px) {
    .ltn__video-bg-img {
        min-height: 320px;
    }

    .ltn__video-bg-img.ml-30 {
        margin-left: 0;
    }

    .ltn__video-img.ml-30,
    .ltn__video-bg-img.ml-30 {
        margin-left: 0;
    }
}

/* ----------------------------------------------------
    Author Widget
---------------------------------------------------- */
.ltn__author-widget-inner img {
    margin-bottom: 25px;
    max-width: 140px;
    border-radius: 100%;
}

.ltn__author-widget-inner p {
    font-size: 14px;
}

.ltn__author-widget-inner .ltn__social-media ul li {
    color: var(--ltn__color-1);
}

.ltn__author-widget-2 .ltn__author-widget-inner img {
    margin-bottom: 25px;
    max-width: 100%;
    border-radius: inherit;
}

/* ----------------------------------------------------
    Footer About Widget
---------------------------------------------------- */
@media (min-width: 992px) {
    .footer-about-widget {
        padding-right: 35px;
    }
}

/* ----------------------------------------------------
    Widget Responsive
---------------------------------------------------- */
@media (max-width: 1199px) {
    .widget {
        padding: 35px 20px 40px 20px;
    }

    .top-rated-product-img {
        max-width: 70px;
        margin-right: 15px;
    }
}

@media (max-width: 991px) {
    .ltn__right-sidebar {
        margin-top: 100px;
    }
}

@media (max-width: 767px) {
    .car-price-filter-range .price_filter .ui-state-default:last-child::after {
        display: none;
    }
}

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ============================================================
>>> TABLE OF CONTENTS:
===============================================================
# Header
# Header Top Area
# Header Middle Area
# Header Bottom Area
# Header Feature Area
# Main Menu
# Header Options
# Mini Cart
# Header Searchbox
# Currency Menu
# Header Sticky
# Utilize Mobile Menu

============================================================= */
/* --------------------------------------------------------------
    Header
-------------------------------------------------------------- */
.ltn__header-area {
    z-index: 9999;
    position: relative;
}

/* ----------------------------------------------
    Header Top Area
---------------------------------------------- */
.ltn__header-top-area {
    border-bottom: 1px solid;
    border-color: var(--border-color-3);
}

.ltn__header-top-area .ltn__social-media ul li {
    font-size: 14px;
    margin: 0 10px 0 0;
}

.top-area-color-white {
    background-color: var(--ltn__primary-color);
}

.top-area-color-white p,
.top-area-color-white a,
.top-area-color-white li,
.top-area-color-white .welcome p,
.top-area-color-white .welcome a,
.top-area-color-white .ltn__drop-menu>ul>li>a,
.top-area-color-white .ltn__drop-menu>ul>li:hover>a {
    color: var(--white);
}

.ltn__header-top-area .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* welcome */
.welcome p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 40px;
}

.ltn__top-bar-menu>ul {
    padding: 0;
    margin: 0;
}

.ltn__top-bar-menu>ul>li {
    list-style: none;
    display: inline-block;
    margin: 0 30px 0 0;
    font-size: 14px;
    font-weight: 700;
}

.ltn__top-bar-menu>ul>li:last-child {
    margin-right: 0;
}

.ltn__top-bar-menu>ul>li>i,
.ltn__top-bar-menu>ul>li>a>i {
    margin-right: 3px;
    color: var(--ltn__secondary-color);
}

.ltn__shop-details-inner,
.ltn__shop-details-tab-inner {
    font-size: 16px;
}

.ltn__top-bar-menu .ltn__currency-menu .active-currency {
    font-size: 14px;
    font-weight: 700;
}

.header-top-btn {
    display: inline-block;
}

.header-top-btn a {
    display: inline-block;
    padding: 0 20px;
    line-height: 40px;
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.header-top-btn a:hover {
    background-color: var(--ltn__secondary-color-2);
}

/* ----------------------------------------------
    Header Middle Area
---------------------------------------------- */
.ltn__header-middle-area {
    z-index: 999;
}

.ltn__header-middle-area>.container-fluid>.row,
.ltn__header-middle-area>.container>.row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.ltn__header-middle-area>.container-fluid>.row>.col,
.ltn__header-middle-area>.container>.row>.col {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 1;
    position: static;
}

.site-logo {
    min-width: 185px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
}

.site-logo a {
    color: var(--ltn__primary-color);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    display: contents;
}

.site-logo i {
    color: var(--ltn__secondary-color);
    margin-right: 5px;
    font-size: 24px;
    position: relative;
    top: -2px;
}

.ltn__header-1 .ltn__header-middle-area {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ----------------------------------------------
    Header Bottom Area (header-2)
---------------------------------------------- */
.header-bottom-area .row {
    position: relative;
}

.header-bottom-area .row .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sticky-logo {
    max-width: 200px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    height: 100%;
    float: left;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: none;
}

.header-menu-2 {
    text-align: center;
}

.header-menu-2 .ltn__main-menu>ul {
    display: inline-block;
}

/* ----------------------------------------------
    Header Feature Area
---------------------------------------------- */
.header-feature-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-feature-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    margin-right: 50px;
    max-width: 50%;
}

.header-feature-item:last-child {
    margin-right: 0;
}

.header-feature-item h6 {
    margin-bottom: 0;
    color: var(--ltn__body-color);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
}

.header-feature-item p {
    margin-bottom: 0;
    font-size: 16px;
    font-family: var(--ltn__heading-font);
    line-height: 1.2;
}

.header-feature-icon {
    margin-right: 10px;
    font-size: 25px;
    line-height: 1;
    color: var(--ltn__heading-color);
}

/* ----------------------------------------------
    Main Menu
---------------------------------------------- */
.header-menu-wrap,
.header-menu-column {
    position: inherit;
}

.ltn__main-menu ul {
    margin-bottom: 0;
}

.ltn__main-menu>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

.ltn__main-menu li {
    list-style: none;
    display: block;
    margin-top: 0;
}

.ltn__main-menu li>a {
    position: relative;
}

.ltn__main-menu>ul>li {
    display: inline-block;
    position: relative;
    margin-right: 0;
}

.ltn__main-menu>ul>li:last-child {
    margin-right: 0px;
}

.ltn__main-menu>ul>li>a {
    font-size: 15px;
    padding: 20px 10px 20px;
    display: inline-block;
    white-space: nowrap;
    color: #051c1f;
    font-weight: 600;
}

.ltn__main-menu li:hover>a {
    color: #000;
}

/* Submenu */
.ltn__main-menu li>ul,
.ltn__main-menu .sub-menu {
    position: absolute;
    margin: 0;
    top: 130%;
    min-width: 230px;
    padding: 15px 0;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    background-color: #fff;
    left: inherit;
    right: inherit;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    z-index: 999;
    border-top: 5px solid #8ed200;
    transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s;
}

.ltn__main-menu li ul li,
.ltn__main-menu .sub-menu li {
    line-height: 1.3;
    padding: 2px 15px 5px 20px;
    font-size: 15px;
    font-weight: 500;
}

.mega-menu li ul {
    border-top: 0;
}

.mega-menu li ul li {
    padding-left: 0;
    padding-right: 0;
}

.ltn__main-menu li:hover>ul,
.ltn__main-menu li:hover>.sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.ltn__main-menu li ul li>ul,
.ltn__main-menu .sub-menu li>.sub-menu {
    left: 100%;
    opacity: 1;
}

.ltn__main-menu li ul li:hover>ul,
.ltn__main-menu .sub-menu li:hover>.sub-menu {
    top: 0;
}

.ltn__main-menu li ul li,
.ltn__main-menu .sub-menu li {
    position: relative;
}

.ltn__main-menu>ul>li:last-child ul li>ul,
.ltn__main-menu>ul>li:last-child .sub-menu li>.sub-menu,
.ltn__main-menu>ul>li:nth-last-child(2) ul li>ul,
.ltn__main-menu>ul>li:nth-last-child(2) .sub-menu li>.sub-menu,
.ltn__main-menu>ul>li:nth-last-child(3) ul li>ul,
.ltn__main-menu>ul>li:nth-last-child(3) .sub-menu li>.sub-menu {
    left: auto;
    right: 100%;
    visibility: visible;
    opacity: 1;
}

.ltn__main-menu li>ul.ltn__sub-menu-col-2,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2,
.ltn__main-menu li>ul.ltn__sub-menu-col-3,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 {
    width: 510px;
}

.ltn__main-menu li>ul.ltn__sub-menu-col-2>li,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2>li,
.ltn__main-menu li>ul.ltn__sub-menu-col-3>li,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3>li {
    width: 50%;
    float: left;
    padding: 12px 20px 12px 25px;
}

.ltn__main-menu li>ul.ltn__sub-menu-col-2>li>a,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2>li>a,
.ltn__main-menu li>ul.ltn__sub-menu-col-3>li>a,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3>li>a {
    padding: 12px 20px 12px 20px;
    margin-left: 0;
    border-bottom: 1px dashed #ddd;
    display: block;
    font-weight: 600;
    background-color: var(--section-bg-1);
}

.ltn__main-menu li>ul.ltn__sub-menu-col-2 .sub-menu-child,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child,
.ltn__main-menu li>ul.ltn__sub-menu-col-3 .sub-menu-child,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child {
    position: inherit;
    float: left;
    width: 100%;
    left: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    z-index: inherit;
}

.ltn__main-menu li>ul.ltn__sub-menu-col-2 .sub-menu-child li,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li,
.ltn__main-menu li>ul.ltn__sub-menu-col-3 .sub-menu-child li,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li {
    padding: 12px 20px 12px 20px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
}

.ltn__main-menu li>ul.ltn__sub-menu-col-2 .sub-menu-child li img,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li img,
.ltn__main-menu li>ul.ltn__sub-menu-col-3 .sub-menu-child li img,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li img {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 150px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    z-index: 999;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__main-menu li>ul.ltn__sub-menu-col-2 .sub-menu-child li:hover img,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li:hover img,
.ltn__main-menu li>ul.ltn__sub-menu-col-3 .sub-menu-child li:hover img,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li:hover img {
    bottom: -10px;
    visibility: visible;
    opacity: 1;
}

.ltn__main-menu li>ul.ltn__sub-menu-col-3,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 {
    width: 780px;
}

.ltn__main-menu li>ul.ltn__sub-menu-col-3>li,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3>li {
    width: 33.33%;
}

.ltn__main-menu li:hover>ul.ltn__sub-menu-col-2 .sub-menu-child,
.ltn__main-menu li:hover>.sub-menu.ltn__sub-menu-col-2 .sub-menu-child {
    opacity: 1;
    visibility: visible;
}

.menu-pages-img-show li {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
}

.menu-pages-img-show li img {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 130px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    z-index: 999;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.menu-pages-img-show li:hover img {
    bottom: -10px;
    visibility: visible;
    opacity: 1;
}

/* Menu Reverse */
.ltn__main-menu>ul>li:last-child,
.ltn__main-menu>ul>li:nth-last-child(2) {
    position: relative;
}

.ltn__main-menu>ul>li:last-child>ul,
.ltn__main-menu>ul>li:last-child>.sub-menu,
.ltn__main-menu>ul>li:nth-last-child(2)>ul,
.ltn__main-menu>ul>li:nth-last-child(2)>.sub-menu {
    left: auto;
    right: 0;
}

/* Mega Menu */
.ltn__main-menu .mega-menu {
    left: 0;
    right: auto;
    overflow: hidden;
    width: 100%;


    width: 1200px;
    left: 48%;
    transform: translate(-50%, 0);
}

.mega-menu {
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.mega-menu-parent:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.mega-menu>li {
    float: left;
    padding-bottom: 0 !important;
    min-width: 250px !important;
}

.mega-menu>li {
    min-width: 220px;
}

.ltn__main-menu li ul.mega-menu {
    overflow-y: auto;
}

.ltn__main-menu li:hover ul.mega-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaley(1);
    -ms-transform: scaley(1);
    transform: scaley(1);
    width: 1200px;
    left: 48%;
    transform: translate(-50%, 0);
}

.katmenu {
    display: table;
    padding-left: 0;
    padding-bottom: 20px;
}

.katmenu li {
    padding-left: 0 !important;
}

.mega-menu li ul,
.mega-menu li .sub-menu {
    left: 0% !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: inherit;
}

/* .ltn__main-menu li:hover .mega-menu li ul */
.ltn__main-menu li .mega-menu>li>ul,
.ltn__main-menu li .mega-menu .sub-menu {
    top: 0;
}

.ltn__main-menu li:hover .mega-menu>li>ul,
.ltn__main-menu li:hover .mega-menu .sub-menu {
    opacity: 1;
    visibility: visible;
}

.mega-menu>li>a {
    margin-left: 0;
    display: block;
    font-weight: 600;
    padding: 10px 0;
    text-transform: uppercase;
}

.mega-menu.column-1,
.mega-menu.column-2 {
    left: auto;
}

.mega-menu.column-2>li {
    min-width: 50%;
    width: 50%;
}

.mega-menu.column-3>li {
    min-width: 33.33%;
    width: 33.33%;
}

@media (min-width: 991px) {

    .mega-menu.column-4>li,
    .mega-menu.column-5>li,
    .mega-menu.column-6>li,
    .mega-menu.column-7>li,
    .mega-menu.column-8>li,
    .mega-menu.column-9>li,
    .mega-menu.column-10>li,
    .mega-menu.column-11>li,
    .mega-menu.column-12>li {
        min-width: 25%;
        width: 25%;
    }
}

@media (max-width: 991px) {

    .mega-menu.column-2>li,
    .mega-menu.column-3>li,
    .mega-menu.column-4>li,
    .mega-menu.column-5>li,
    .mega-menu.column-6>li,
    .mega-menu.column-7>li,
    .mega-menu.column-8>li,
    .mega-menu.column-9>li,
    .mega-menu.column-10>li,
    .mega-menu.column-11>li,
    .mega-menu.column-12>li {
        min-width: 50%;
        width: 50%;
    }
}

@media (max-width: 767px) {

    .mega-menu.column-2>li,
    .mega-menu.column-3>li,
    .mega-menu.column-4>li,
    .mega-menu.column-5>li,
    .mega-menu.column-6>li,
    .mega-menu.column-7>li,
    .mega-menu.column-8>li,
    .mega-menu.column-9>li,
    .mega-menu.column-10>li,
    .mega-menu.column-11>li,
    .mega-menu.column-12>li {
        min-width: 100%;
        width: 100%;
    }
}

/* Mega menu submenu submenu */
.mega-menu li ul li ul {
    left: 100% !important;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
}

.mega-menu li ul li:hover>ul {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 991px) {
    .mega-menu-parent {
        position: inherit !important;
    }
}

/* Menu Icon */
.menu-icon>a {
    position: relative;
}

/* Menu Item Badge */
.menu-item-badge {
    position: absolute;
    left: -8px;
    top: -10px;
    font-size: 10px;
    padding: 1px 3px 0px;
    background-color: var(--ltn__secondary-color);
    color: var(--white);
    border-radius: 2px;
    text-transform: uppercase;
}

/* Menu Porduct Item */
.menu-product-item {
    margin-bottom: 30px;
    margin-top: 15px;
    border: 2px solid;
    border-color: var(--border-color-8);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-align: center;
}

.menu-product-item .product-info {
    padding: 25px 15px 15px;
    padding-top: 0;
}

.menu-product-item .product-title {
    font-size: 16px;
    margin-bottom: 5px;
}

.menu-product-item .product-price {
    font-size: 16px;
    color: var(--ltn__secondary-color);
    font-weight: 600;
}

.menu-product-item .product-price del {
    font-size: 15px;
    opacity: 0.5;
    color: var(--gray);
}

.menu-product-item:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

/* ----------------------------------------------
    Header Options
---------------------------------------------- */
.ltn__header-options>ul {
    padding: 0;
    margin: 0;
}

.ltn__header-options>ul>li {
    display: inline-block;
    margin-right: 15px;
    margin-top: 0;
    list-style: none;
}

.ltn__header-options>ul>li:last-child {
    margin-right: 0;
}

.ltn__header-options {
    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;
}

.ltn__header-options ul li {
    list-style: none;
}

.ltn__header-options>div {}

.ltn__header-options>div:last-child {
    margin-right: 0;
}

.ltn__header-options .ltn__drop-menu>ul>li>a {
    padding: 0;
}

.ltn__header-options .ltn__drop-menu ul {
    padding: 0;
}

.ltn__header-options .ltn__drop-menu ul li ul {
    padding: 10px 0;
}

.ltn__header-options-2>div {}

.ltn__header-options-2 .header-search-1,
.ltn__header-options-2 .ltn__drop-menu>ul>li>a,
.ltn__header-options-2 .mini-cart-icon a,
.ltn__header-options-2 .header-wishlist {
    background: var(--white);
    color: var(--ltn__heading-color);
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__header-options-2 .header-search-1:hover,
.ltn__header-options-2 .ltn__drop-menu>ul>li>a:hover,
.ltn__header-options-2 .mini-cart-icon a:hover,
.ltn__header-options-2 .header-wishlist:hover {}

.ltn__header-options-2 .header-search-1:hover,
.ltn__header-options-2 .ltn__drop-menu>ul>li:hover>a,
.ltn__header-options-2 .mini-cart-icon a:hover {}

.ltn__header-options-2 .ltn__drop-menu.ltn__currency-menu>ul>li>a {
    height: inherit;
    width: inherit;
    line-height: inherit;
    background: inherit;
    color: inherit;
}

.ltn__header-options-2 .mobile-menu-toggle>a {}

/* ltn__drop-menu */
.ltn__drop-menu {
    display: inline-block;
    text-align: left;
    line-height: 1;
    padding: 0 10px 0 0;
}

.ltn__drop-menu li {
    margin-top: 0;
}

.ltn__drop-menu+.ltn__drop-menu {
    margin-left: 10px;
}

.ltn__drop-menu ul {
    margin-bottom: 0;
    padding: 0;
}

.ltn__drop-menu>ul>li {
    display: inline-block;
    position: relative;
    color: var(--ltn__heading-color);
}

.ltn__drop-menu>ul>li>a {
    display: block;
    text-decoration: none;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
}

.ltn__drop-menu ul li ul {
    position: absolute;
    min-width: 150px;
    right: 0;
    background-color: #fff;
    z-index: 999;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    border-top: 1px solid #ececec;
    top: 130%;
    padding: 10px 0;
    margin: 0;
    -webkit-transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s;
    -o-transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s;
    transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s;
    opacity: 0;
    visibility: hidden;
}

.ltn__drop-menu ul li ul li {
    display: block;
    padding: 5px 15px;
    font-size: 16px;
    color: var(--ltn__paragraph-color);
    font-weight: 500;
}

.ltn__drop-menu ul li ul li a {
    color: inherit;
}

.ltn__drop-menu ul li:hover>ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.ltn__drop-menu ul li:hover>a {
    color: #000;
}

.ltn__drop-menu>ul>li,
.header-wishlist a {
    font-size: 20px;
}

/* header-wishlist */
.header-wishlist {
    color: var(--ltn__heading-color);
}

/* ----------------------------------------------
    Mini Cart
---------------------------------------------- */
.ltn__mini-cart ul {
    margin: 0;
    padding: 0;
}

.mini-cart-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    cursor: pointer;
    color: var(--ltn__heading-color);
}

.mini-cart-icon i {
    font-size: 18px;
}

.mini-cart-icon sup {
    font-size: 14px;
    font-weight: 600;
}

.mini-cart-header h5 {
    margin-bottom: 0;
}

.mini-cart-product-area {
    max-height: calc(100% - (60px + 245px));
}

.ltn__utilize-cart-menu .ltn__mini-cart {
    max-height: calc(100% - (60px + 245px));
}

.mini-cart-item {
    padding-top: 20px;
    padding-left: 10px;
    margin-bottom: 20px;
    border-top: 1px solid var(--border-color-1);
}

.mini-cart-item:first-child {
    border-top: 0;
}

.mini-cart-img {
    float: left;
    width: 80px;
    margin-right: 15px;
    position: relative;
}

.mini-cart-img img {
    background-color: var(--section-bg-1);
}

.mini-cart-info {
    overflow: hidden;
}

.mini-cart-info h6 {
    margin-bottom: 5px;
    font-weight: 500;
}

.mini-cart-item-delete {
    position: absolute;
    left: -8px;
    top: -8px;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    display: block;
    line-height: 20px;
    background-color: #fff;
    text-align: center;
    font-size: 10px;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mini-cart-item-delete:hover {
    background-color: var(--red);
    color: #fff;
}

.mini-cart-footer {
    margin-top: 25px;
}

.mini-cart-footer p {
    font-size: 14px;
    margin-bottom: 0;
}

.mini-cart-sub-total {
    border-top: 1px solid var(--border-color-1);
    border-bottom: 1px solid var(--border-color-1);
    padding: 20px 0;
}

.mini-cart-sub-total h5 {
    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;
    margin-bottom: 0;
}

.mini-cart-sub-total span {
    color: var(--ltn__secondary-color);
}

.mini-cart-footer .btn-wrapper {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px 0 15px;
}

.mini-cart-footer .btn-wrapper .btn {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 14px;
}

.mini-cart-icon-2>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 125px;
}

.mini-cart-icon-2>a .mini-cart-icon {
    margin-right: 5px;
}

.mini-cart-icon-2>a .mini-cart-icon i {
    color: var(--ltn__heading-color);
    font-size: 20px;
}

.mini-cart-icon-2>a .mini-cart-icon sup {
    font-size: 12px;
    font-weight: 600;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background-color: var(--ltn__secondary-color);
    color: var(--white);
    text-align: center;
    border-radius: 100%;
    right: 8px;
    top: -8px;
}

.mini-cart-icon-2>a h6 {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    line-height: 20px;
    font-weight: 700;
    color: var(--ltn__body-color);
    font-size: 14px;
    text-transform: uppercase;
}

.mini-cart-icon-2 ul li {
    list-style: none;
}

/* ----------------------------------------
  Header Searchbox
---------------------------------------- */
.header-search-1 {
    cursor: pointer;
    display: inline-block;
}

.header-search-1 .search-icon {
    text-align: center;
    font-size: 20px;
}

.header-search-wrap {
    position: relative;
}

.header-search-1-form {
    background-color: var(--white);
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    height: 0;
    margin-right: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 130%;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
    width: 320px;
    z-index: 9999;
}

.header-search-1-form form {
    position: relative;
    margin: 15px 15px 0;
}

.header-search-1-form input {
    height: 60px;
    padding-right: 50px;
}

.header-search-1-form button[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: var(--ltn__heading-color);
    display: block;
    font-size: 18px;
    height: 60px;
    line-height: 48px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 0;
    padding: 1px 6px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-search-1-form button[type="submit"]:hover {
    color: var(--ltn__primary-color);
}

.search-icon {
    position: relative;
}

.search-icon .for-search-close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
}

.search-open.header-search-1-form {
    height: 90px;
}

.search-open .for-search-show {
    opacity: 0;
    visibility: hidden;
}

.search-open .for-search-close {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 767px) {
    .header-search-wrap {
        position: inherit;
    }

    .header-search-1-form {
        top: 100%;
    }

    .header-search-1-form {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        right: 50%;
    }
}

@media (max-width: 575px) {
    .header-search-1-form {
        width: 270px;
    }
}

/* search-2 */
.header-search-2 {
    min-width: 500px;
}

.header-search-2 form {
    position: relative;
}

.header-search-2 input {
    margin-bottom: 0;
    border: 0;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 50px;
    height: 45px;
}

.header-search-2 button {
    position: absolute;
    right: 0;
    background-color: transparent;
    height: 45px;
    top: 0;
    padding: 0 15px;
}

/* ----------------------------------------
    Currency Menu
---------------------------------------- */
.ltn__currency-menu .active-currency {
    font-size: 16px;
    font-weight: 700;
}

.ltn__currency-menu ul li ul {
    min-width: 200px;
}

.ltn__currency-menu .dropdown-toggle::after {
    margin-left: 3px;
    border-top: 0.25em solid;
    border-right: .20em solid transparent;
    border-left: .20em solid transparent;
}

.ltn__language-menu .dropdown-toggle {
    padding-right: 10px !important;
    position: relative;
}

.ltn__language-menu .dropdown-toggle::after {
    display: none;
}

.ltn__language-menu .dropdown-toggle::before {
    content: "\e911";
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: -5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'icomoon';
    color: var(--ltn__secondary-color);
}

/* ----------------------------------------
  Header 2
---------------------------------------- */
.ltn__header-2 .sticky-active .row .col {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.ltn__header-2 .sticky-active .sticky-logo {
    display: block;
}

.ltn__header-2 .sticky-active .header-menu-2 {
    text-align: right;
}

/* ----------------------------------------
  Header 3
---------------------------------------- */
.ltn__header-3 .ltn__header-middle-area {
    padding: 30px 0;
}

.ltn__header-3 .header-bottom-area.sticky-active {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ltn__header-3 .sticky-active .row .col {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.ltn__header-3 .sticky-active .sticky-logo {
    display: block;
}

.ltn__header-3 .sticky-active .header-menu-2 {
    text-align: right;
}

/* ----------------------------------------
    Header 4
---------------------------------------- */
.ltn__header-4 .ltn__header-middle-area,
.ltn__header-5 .ltn__header-middle-area {
    padding-top: 0;
    padding-bottom: 0;
    background-color: white;
}

.ltn__header-4 .ltn__header-top-area {
    border-color: var(--border-color-3);
}

.site-logo-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.site-logo-wrap .site-logo {
    min-width: auto;
}

.get-support {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.get-support .get-support-icon {
    font-size: 20px;
    line-height: 1;
    color: #363435;
    padding: 0 10px;
}

.get-support .get-support-icon i {
    color: #8ed200;
}

.get-support .get-support-info {
    margin: 0;
    text-align: left;
}

.nomre {
    font-weight: 600;
}

.get-support .get-support-info h6 {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
}

.get-support .get-support-info h4 {
    margin: 0;
    line-height: 1;
}

.get-support-color-white .get-support-info h6,
.get-support-color-white .get-support-info h4 {
    color: var(--white);
}

.special-link {
    margin-left: 15px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.special-link a {
    background-color: var(--ltn__secondary-color);
    color: var(--white) !important;
    padding: 12px 30px !important;
}

.special-link a:hover {
    background-color: var(--section-bg-1);
    color: var(--ltn__primary-color) !important;
}

.menu-color-white .ltn__main-menu>ul>li>a {
    color: var(--white);
}

/* ----------------------------------------
  Header 5
---------------------------------------- */
.ltn__header-5 .get-support::before {
    background-color: #e4e8ea;
}

.ltn__header-5 .ltn__header-options {}

/* ----------------------------------------
  ltn__header-logo-mobile-menu-in-mobile
---------------------------------------- */
.ltn__header-logo-mobile-menu-in-mobile {
    margin-top: 0;
}

/* ----------------------------------------------
    Header Sticky
---------------------------------------------- */
.sticky-active {
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background-color: var(--white);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
    box-shadow: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
}

.ltn__header-4 .ltn__header-middle-area.sticky-active,
.ltn__header-5 .ltn__header-middle-area.sticky-active {}

/* Sticky Background Secondary */
.sticky-active.ltn__sticky-bg-secondary {
    background-color: var(--ltn__secondary-color);
}

.sticky-active.ltn__sticky-bg-secondary .ltn__main-menu>ul>li>a,
.sticky-active.ltn__sticky-bg-secondary .header-wishlist a,
.sticky-active.ltn__sticky-bg-secondary .mini-cart-icon,
.sticky-active.ltn__sticky-bg-secondary .header-feature-item h6,
.sticky-active.ltn__sticky-bg-secondary .header-feature-item p,
.sticky-active.ltn__sticky-bg-secondary .header-feature-icon,
.sticky-active.ltn__sticky-bg-secondary .header-search-1 .search-icon,
.sticky-active.ltn__sticky-bg-secondary .ltn__header-options .ltn__drop-menu>ul>li>a {
    color: var(--white);
}

.sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .header-search-1,
.sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .header-search-1 i,
.sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .ltn__drop-menu>ul>li>a,
.sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .mini-cart-icon a,
.sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .header-wishlist {
    background: var(--white);
    color: var(--ltn__heading-color);
}

/* Sticky Background Black */
.sticky-active.ltn__sticky-bg-black {
    background-color: var(--ltn__heading-color);
}

.sticky-active.ltn__sticky-bg-black .ltn__main-menu>ul>li>a,
.sticky-active.ltn__sticky-bg-black .header-wishlist a,
.sticky-active.ltn__sticky-bg-black .mini-cart-icon,
.sticky-active.ltn__sticky-bg-black .header-feature-item h6,
.sticky-active.ltn__sticky-bg-black .header-feature-item p,
.sticky-active.ltn__sticky-bg-black .header-feature-icon,
.sticky-active.ltn__sticky-bg-black .header-search-1 .search-icon,
.sticky-active.ltn__sticky-bg-black .ltn__header-options .ltn__drop-menu>ul>li>a {
    color: var(--white);
}

.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-search-1,
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-search-1 i,
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .ltn__drop-menu>ul>li>a,
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .mini-cart-icon a,
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-wishlist {
    background: var(--white);
    color: var(--ltn__heading-color);
}

/* Sticky Background White */
.sticky-active.ltn__sticky-bg-white {
    background-color: var(--white);
}

.sticky-active.ltn__sticky-bg-white .ltn__main-menu>ul>li>a,
.sticky-active.ltn__sticky-bg-white .header-wishlist a,
.sticky-active.ltn__sticky-bg-white .mini-cart-icon,
.sticky-active.ltn__sticky-bg-white .header-feature-item h6,
.sticky-active.ltn__sticky-bg-white .header-feature-item p,
.sticky-active.ltn__sticky-bg-white .header-feature-icon,
.sticky-active.ltn__sticky-bg-white .header-search-1 .search-icon,
.sticky-active.ltn__sticky-bg-white .ltn__header-options .ltn__drop-menu>ul>li>a {}

.sticky-active.ltn__sticky-bg-white .ltn__header-options .ltn__drop-menu>ul>li>a:hover {
    color: #8ed200;
}

.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-search-1,
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-search-1 i,
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .ltn__drop-menu>ul>li>a,
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .mini-cart-icon a,
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-wishlist {}

.header-contact-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* ltn__header-transparent */
.ltn__header-transparent {
    position: absolute;
    width: 100%;
    z-index: 999;
    background-color: transparent;
}

.ltn__header-transparent .top-area-color-white {
    background-color: transparent;
}

/* ----------------------------------------
  Utilize Mobile Menu
---------------------------------------- */
.ltn__utilize {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: auto;
    display: block;
    overflow: hidden;
    width: 400px;
    height: 100vh;
    padding: 20px 10px 20px 30px;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    background-color: var(--white);
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 99999;
}

.ltn__utilize.ltn__utilize-mobile-menu {
    right: auto;
    left: 0;
    padding: 50px 40px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ltn__utilize-menu-inner {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-touch-action: auto;
    touch-action: auto;
    overflow-x: hidden !important;
    padding-right: 20px;
}

.ltn__utilize-menu-search-form {
    margin-bottom: 30px;
    position: relative;
}

.ltn__utilize-menu-search-form input[type="text"] {
    margin-bottom: 0;
}

.ltn__utilize-menu-search-form button {
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    padding: 0 15px;
}

@media (max-width: 479px) {
    .ltn__utilize {
        width: 300px;
    }

    .ltn__utilize.ltn__utilize-mobile-menu {
        padding: 5px 0 0 20px;
    }
}

.ltn__utilize-menu>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ltn__utilize-menu>ul>li {
    position: relative;
}

.ltn__utilize-menu>ul>li .menu-expand {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 24px;
    height: 44px;
    cursor: pointer;
    background-color: transparent;
}

.ltn__utilize-menu>ul>li .menu-expand::before,
.ltn__utilize-menu>ul>li .menu-expand::after {
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 7px);
    width: 14px;
    height: 2px;
    content: "";
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    background-color: #7e7e7e;
}

.ltn__utilize-menu>ul>li .menu-expand::after {
    -webkit-transform: rotate(90deg) scale(0.75);
    -ms-transform: rotate(90deg) scale(0.75);
    transform: rotate(90deg) scale(0.75);
}

.ltn__utilize-menu>ul>li.active .menu-expand::after {
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
}

.ltn__utilize-menu>ul>li>a {
    display: block;
    padding: 8px 24px 8px 0;
    text-transform: uppercase;
}

.ltn__utilize-menu>ul>li .sub-menu {
    position: static;
    top: auto;
    display: none;
    visibility: visible;
    width: 100%;
    min-width: auto;
    padding: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ltn__utilize-menu>ul>li .sub-menu li {
    line-height: inherit;
    position: relative;
    list-style: none;
}

.ltn__utilize-overlay {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.ltn__utilize.ltn__utilize-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.ltn__utilize.ltn__utilize-mobile-menu.ltn__utilize-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.mobile-menu-toggle {
    margin-right: 15px;
}

.mobile-menu-toggle>a {
    width: 24px;
    height: 32px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #333;
    margin-left: auto;
}

.mobile-menu-toggle svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 60px;
    margin-top: -2px;
    margin-left: -2px;
    cursor: pointer;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.mobile-menu-toggle svg path {
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    fill: none;
    stroke: #333;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 30px;
}

.mobile-menu-toggle svg path#top,
.mobile-menu-toggle svg path#bottom {
    stroke-dasharray: 240px 950px;
}

.mobile-menu-toggle svg path#middle {
    stroke-dasharray: 240px 240px;
}

.mobile-menu-toggle .close svg path#top,
.mobile-menu-toggle .close svg path#bottom {
    stroke-dasharray: -650px;
    stroke-dashoffset: -650px;
}

.mobile-menu-toggle .close svg path#middle {
    stroke-dasharray: 1px 220px;
    stroke-dashoffset: -115px;
}

.ltn__utilize-menu-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.ltn__utilize-menu-head .ltn__utilize-menu-title {
    font-weight: 700;
}

.ltn__utilize-menu-head .ltn__utilize-close {
    background-color: transparent;
    font-size: 30px;
    padding: 0;
}

.ltn__utilize-buttons {
    border-top: 1px solid var(--border-color-1);
    padding: 5px 0px 20px;
    margin: 30px 0;
    border-bottom: 1px solid var(--border-color-1);
}

.ltn__utilize-buttons ul {
    padding: 0;
    margin: 0;
}

.ltn__utilize-buttons ul li {
    display: inline-block;
}

.ltn__utilize-buttons .utilize-btn-icon {
    width: 50px;
    display: inline-block;
    height: 50px;
    border: 2px solid var(--border-color-1);
    line-height: 46px;
    text-align: center;
    margin-right: 10px;
}

.ltn__utilize-buttons-2 ul li {
    display: block;
}

.menu-btn-white.mobile-menu-toggle>a {
    color: #fff;
}

.menu-btn-white.mobile-menu-toggle svg path {
    stroke: #fff;
}

.menu-btn-border a {
    width: 40px;
    height: 38px;
    border: 1px solid;
}

/* logo-right-menu-option */
.ltn__logo-right-menu-option .row>* {
    width: auto;
}

.ltn__header-row-bg-white .row {
    background-color: var(--white);
}

@media (min-width: 1200px) {
    .ltn__header-padding .row {
        padding: 10px;
    }

    .ltn__header-padding.sticky-active .row {
        padding: 0;
    }
}

/* ----------------------------------------
  Responsive
---------------------------------------- */
@media (min-width: 1200px) and (max-width: 1300px) {
    .ltn__main-menu>ul>li {
        margin-right: 15px;
    }

    .ltn__main-menu>ul>li:last-child {
        margin-right: 0;
    }

    .ltn__main-menu>ul>li>a {
        font-size: 15px;
    }

    .ltn__header-6 .ltn__main-menu>ul>li {
        margin-right: 10px;
    }

    .ltn__header-6 .ltn__main-menu>ul>li:last-child {
        margin-right: 0px;
    }

    .ltn__header-6 .special-link a {
        padding: 15px 20px !important;
    }

    .ltn__header-6 .ltn__main-menu>ul>li>a {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .site-logo {
        min-width: 180px;
    }

    .ltn__main-menu>ul>li>a {
        padding: 20px 15px;
    }

    .ltn__main-menu>ul>li {
        margin-right: 10px;
    }

    .ltn__header-3 .header-feature-item {
        display: none;
    }

    .ltn__header-logo-and-mobile-menu .site-logo-wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 10px 0 10px;
    }

    .ltn__header-logo-and-mobile-menu .ltn__header-middle-area>.container-fluid>.row>.col,
    .ltn__header-logo-and-mobile-menu .ltn__header-middle-area>.container>.row>.col {
        max-width: 65%;
    }

    .ltn__header-logo-and-mobile-menu .ltn__header-options {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }

    .ltn__header-row-bg-white .row {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 991px) {

    .header-search-column,
    .header-menu-column {
        display: none;
    }

    /* sticky */
    .sticky-active {
        position: inherit;
    }

    .ltn__header-2 .ltn__header-middle-area>.container>.row .header-feature-column {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        border-top: 1px solid #ddd;
    }

    .ltn__header-2 .header-feature-area {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .ltn__header-2 .header-feature-item {
        margin-right: 15px;
    }

    .ltn__header-3 .ltn__header-middle-area>.container>.row .header-search-column {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        border-top: 1px solid #ddd;
    }

    .ltn__header-3 .header-search-2 {
        min-width: 280px;
    }

    .ltn__top-bar-menu ul li {
        margin: 0 20px 0 0;
    }
}

@media (max-width: 767px) {
    .ltn__header-top-area {
        padding: 5px 0;
        text-align: center;
    }

    .ltn__header-top-area .ltn__social-media ul li {
        font-size: 12px;
        margin: 0 5px 0 0;
    }

    .ltn__top-bar-menu .ltn__currency-menu .active-currency,
    .ltn__top-bar-menu>ul>li {
        font-size: 13px;
    }

    .ltn__drop-menu>ul>li {
        position: inherit;
    }

    .ltn__drop-menu>ul>li>a {
        height: 20px;
        line-height: 20px;
    }

    .ltn__drop-menu ul li ul {
        left: 50%;
        right: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .top-bar-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .welcome p {
        line-height: 20px;
        margin: 5px 0;
    }

    .site-logo {
        min-width: 100px;
    }

    .ltn__header-5 .top-bar-right,
    .ltn__header-4 .top-bar-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 5px;
    }

    .ltn__logo-right-menu-option .site-logo-wrap,
    .ltn__header-4 .site-logo-wrap,
    .ltn__header-5 .site-logo-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 10px 0 15px;
    }

    .ltn__logo-right-menu-option .ltn__header-options,
    .ltn__header-4 .ltn__header-options,
    .ltn__header-5 .ltn__header-options {
        margin-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
    }

    .ltn__header-3 .top-bar-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 5px;
    }

    .ltn__header-logo-and-mobile-menu-in-mobile .site-logo-wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 10px 0 10px;
    }

    .ltn__header-logo-and-mobile-menu-in-mobile .ltn__header-middle-area>.container-fluid>.row>.col,
    .ltn__header-logo-and-mobile-menu-in-mobile .ltn__header-middle-area>.container>.row>.col {
        max-width: 65%;
    }

    .ltn__header-logo-and-mobile-menu-in-mobile .ltn__header-options {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }

    .header-top-btn a {
        padding: 0 15px;
        line-height: 25px;
    }

    .ltn__header-row-bg-white .row {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (max-width: 575px) {
    .site-logo a {
        font-size: 24px;
    }

    .site-logo a i {
        font-size: 20px;
    }

    .ltn__header-1 .ltn__header-middle-area>.container>.row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .ltn__header-1 .site-logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .ltn__header-1 .ltn__header-options {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px;
    }

    .ltn__header-7 .site-logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .ltn__header-7 .ltn__header-options {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
    }

    .ltn__header-7 .ltn__header-middle-area>.container>.row .col,
    .ltn__header-7 .ltn__header-middle-area>.container-fluid>.row .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .ltn__header-3 .mini-cart-icon-2>a {
        min-width: auto;
    }

    .ltn__header-3 .mini-cart-icon-2>a h6 {
        display: none;
    }
}

@media (max-width: 449px) {
    .ltn__header-options>div {}

    .header-feature-area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .header-feature-item:last-child {
        padding-top: 0;
    }

    .get-support {}

    .get-support .get-support-icon {
        font-size: 20px;
        padding: 0 10px;
    }

    .get-support .get-support-info {
        margin: 0;
        text-align: left;
        display: none;
    }

    .get-support .get-support-info h6 {
        display: 13px;
    }

    .get-support .get-support-info h4 {
        font-size: 16px;
    }
}

@media (max-width: 370px) {
    .ltn__header-3 .ltn__header-options>ul>li {
        margin-right: 5px;
    }
}

/* ----------------------------------------
  Icon Font
---------------------------------------- */
.ltn__header-options i,
.ltn__header-top-area i {
    font-weight: bold;
}

/* ----------------------------------------------------
    Category Menu
---------------------------------------------------- */
.ltn__category-menu-wrap {
    position: relative;
}

.ltn__category-menu-title h2 {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 45px;
    margin: 0;
    overflow: hidden;
    padding: 10px 20px 3px;
    position: relative;
    text-transform: uppercase;
    font-family: var(--ltn__body-font);
}

.ltn__category-menu-title h2::before,
.ltn__category-menu-title h2::after {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: block;
    font-size: 14px;
}

.ltn__category-menu-title h2::before {
    content: "\f0c9";
    float: left;
    margin-right: 10px;
}

.ltn__category-menu-title h2::after {
    content: "\f0dd";
    float: right;
}

.ltn__category-menu-toggle {
    background-color: var(--white);
}

.ltn__category-menu-toggle>ul {
    border-color: var(--border-color-1);
    border-width: 1px 1px 1px;
    border-style: solid;
    padding: 0;
    margin: 0;
}

.ltn__category-menu-toggle>ul>li>a {
    padding: 14px 15px 11px;
    display: block;
    font-size: 15px;
    border-bottom: 1px solid var(--border-color-1);
}

.ltn__category-menu-toggle>ul>li:hover>a {
    background-color: var(--section-bg-1);
    font-weight: 700;
}

.ltn__category-menu-toggle>ul>li:hover .ltn__category-submenu {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.ltn__category-menu-toggle>ul>li i {
    font-size: 18px;
    margin-right: 5px;
    width: 25px;
    display: inline-block;
}

.ltn__category-menu-toggle ul {
    margin: 0;
}

.ltn__category-menu-toggle ul li {
    margin-top: 0;
    list-style: none;
    position: relative;
    font-size: 14px;
}

.ltn__category-menu-toggle ul li a {
    display: block;
}

.ltn__category-menu-toggle ul li:hover>a {
    color: var(--ltn__secondary-color);
}

.ltn__category-menu-toggle.ltn__one-line-active .ltn__category-submenu li a {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ltn__category-submenu {
    position: absolute;
    left: 100%;
    top: 90%;
    width: 230px;
    z-index: 99;
    background-color: #fff;
    padding: 25px 20px;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__category-submenu ul {
    padding: 0;
}

.ltn__category-submenu ul li {
    padding: 8px 0px;
}

.ltn__category-submenu>li {
    width: 100%;
    float: left;
    padding: 0 10px;
}

.ltn__category-submenu.ltn__category-column-5,
.ltn__category-submenu.ltn__category-column-6,
.ltn__category-submenu.ltn__category-column-7,
.ltn__category-submenu.ltn__category-column-8,
.ltn__category-submenu.ltn__category-column-9,
.ltn__category-submenu.ltn__category-column-10,
.ltn__category-submenu.ltn__category-column-11,
.ltn__category-submenu.ltn__category-column-12,
.ltn__category-submenu.ltn__category-column-no-5,
.ltn__category-submenu.ltn__category-column-no-6,
.ltn__category-submenu.ltn__category-column-no-7,
.ltn__category-submenu.ltn__category-column-no-8,
.ltn__category-submenu.ltn__category-column-no-9,
.ltn__category-submenu.ltn__category-column-no-10,
.ltn__category-submenu.ltn__category-column-no-11,
.ltn__category-submenu.ltn__category-column-no-12,
.ltn__category-submenu.ltn__category-column-no-13,
.ltn__category-submenu.ltn__category-column-no-14 {
    width: 730px;
}

.ltn__category-submenu.ltn__category-column-5>li,
.ltn__category-submenu.ltn__category-column-6>li,
.ltn__category-submenu.ltn__category-column-7>li,
.ltn__category-submenu.ltn__category-column-8>li,
.ltn__category-submenu.ltn__category-column-9>li,
.ltn__category-submenu.ltn__category-column-10>li,
.ltn__category-submenu.ltn__category-column-11>li,
.ltn__category-submenu.ltn__category-column-12>li,
.ltn__category-submenu.ltn__category-column-no-5>li,
.ltn__category-submenu.ltn__category-column-no-6>li,
.ltn__category-submenu.ltn__category-column-no-7>li,
.ltn__category-submenu.ltn__category-column-no-8>li,
.ltn__category-submenu.ltn__category-column-no-9>li,
.ltn__category-submenu.ltn__category-column-no-10>li,
.ltn__category-submenu.ltn__category-column-no-11>li,
.ltn__category-submenu.ltn__category-column-no-12>li,
.ltn__category-submenu.ltn__category-column-no-13>li,
.ltn__category-submenu.ltn__category-column-no-14>li {
    width: 25%;
}

.ltn__category-submenu.ltn__category-column-4,
.ltn__category-submenu.ltn__category-column-no-4 {
    width: 730px;
}

.ltn__category-submenu.ltn__category-column-4>li,
.ltn__category-submenu.ltn__category-column-no-4>li {
    width: 25%;
}

.ltn__category-submenu.ltn__category-column-3,
.ltn__category-submenu.ltn__category-column-no-3 {
    width: 690px;
}

.ltn__category-submenu.ltn__category-column-3>li,
.ltn__category-submenu.ltn__category-column-no-3>li {
    width: 33%;
}

.ltn__category-submenu.ltn__category-column-2,
.ltn__category-submenu.ltn__category-column-no-2 {
    width: 460px;
}

.ltn__category-submenu.ltn__category-column-2>li,
.ltn__category-submenu.ltn__category-column-no-2>li {
    width: 50%;
}

.ltn__category-submenu-title>a {
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    padding: 5px 0;
    margin-bottom: 10px;
}

.ltn__category-menu-toggle .ltn__category-menu-more-item-parent {
    cursor: pointer;
}

.ltn__category-menu-toggle .ltn__category-menu-more-item-child,
.ltn__category-menu-toggle .rx-show {
    display: none;
}

.ltn__category-menu-toggle .rx-change .rx-show {
    display: block;
}

.ltn__category-menu-toggle .rx-change .rx-default {
    display: none;
}

.ltn__category-dropdown-hide .ltn__category-menu-toggle {
    display: none;
}

.ltn__category-menu-with-header-menu .ltn__category-menu-toggle {
    position: absolute;
    width: 100%;
    z-index: 9;
}

@media (max-width: 1200px) {
    .ltn__category-menu-toggle>ul>li>a {
        padding: 10px 5px;
        font-size: 13px;
    }

    .ltn__category-menu-toggle>ul>li i {
        font-size: 16px;
        width: 20px;
    }

    .ltn__category-menu-toggle ul li {
        font-size: 13px;
    }

    .ltn__category-submenu ul {
        padding-left: 10px;
    }

    .ltn__category-submenu ul li {
        padding: 5px 0px;
    }
}

@media (max-width: 991px) {
    .ltn__category-menu-wrap {
        margin-bottom: 30px;
    }

    .ltn__category-menu-toggle {
        max-height: 350px;
        overflow: auto;
        position: absolute;
        width: 100%;
        z-index: 99;
        display: none;
    }

    .ltn__category-submenu {
        display: none;
        opacity: inherit !important;
        visibility: inherit !important;
        left: inherit !important;
        width: 100% !important;
        top: 100%;
        max-height: 350px;
        overflow: auto;
        -webkit-transition: unset;
        -o-transition: unset;
        transition: unset;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
        position: inherit;
        padding: 5px 0px 0px 15px;
    }

    .ltn__category-submenu>li {
        width: 100% !important;
        margin-bottom: 0;
        float: none;
    }

    .ltn__category-submenu-children {
        display: none;
    }

    .ltn__category-menu-drop>a {
        position: relative;
    }

    .ltn__category-menu-drop>a::before {
        position: absolute;
        content: "+";
        right: 15px;
        top: 50%;
        -webkit-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        transform: translatey(-50%);
        font-size: 20px;
        font-weight: 400;
    }

    .ltn__category-menu-drop.open>a::before {
        display: none;
    }

    .ltn__category-menu-drop.open>a::after {
        position: absolute;
        content: "-";
        right: 15px;
        top: 50%;
        -webkit-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        transform: translatey(-50%);
        font-size: 30px;
        font-weight: 400;
    }
}

.mobile-header-menu-fullwidth .mobile-menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid var(--border-color-1);
    padding: 7px 20px 6px;
    margin-right: 0;
}

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ----------------------------------------------------
    Slider Area 1, 2, 3, 4, 5, 6, 7, 9
---------------------------------------------------- */
.ltn__slide-item {
    padding-top: 100px;
    padding-bottom: 100px;
    height: 750px;
}

.ltn__slide-item-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide-item-info-inner {
    width: 100%;
}

.slide-title {
    font-size: 38px;
    font-weight: 700;
}

/* Slider Animation Start */
.ltn__slide-animation {
    position: relative;
    z-index: 9;
}

.ltn__slide-animation>* {
    opacity: 0;
    visibility: hidden;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.ltn__slide-animation>*:nth-child(1) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.ltn__slide-animation>*:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.ltn__slide-animation>*:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.ltn__slide-animation>*:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.ltn__slide-animation>*:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}

.ltn__slide-animation>*:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.ltn__slide-animation>*:nth-child(7) {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
}

.ltn__slide-animation>*:nth-child(8) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.ltn__slide-animation>*:nth-child(9) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
}

.ltn__slide-animation>*:nth-child(11) {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.slick-current .ltn__slide-animation>*,
.ltn__slide-animation-active .ltn__slide-animation>* {
    opacity: 1;
    visibility: visible;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/* Title Background Image */
.title-bg-img {
    background-image: url("../img/slider/1.jpg");
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    word-break: break-word;
}

.title-bg-img-2 {
    background-image: url("../img/slider/2.jpg");
}

/* Slide Arrow */
.slick-slide-arrow-1 .slick-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    line-height: 58px;
    /* border: 1px solid var(--border-color-1); */
    text-align: center;
    font-size: 20px;
    color: #ffffff !important;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.slick-slide-arrow-1 .slick-arrow:hover {
    background-color: #8ed200;
    border-color: #8ed200;
    color: var(--white) !important;
}

.slick-slide-arrow-1 .slick-next {
    right: 40px;
    left: auto;
}

.slick-slide-arrow-1:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
    left: 20px;
}

.slick-slide-arrow-1:hover .slick-next {
    right: 20px;
    left: auto;
}

.slick-slide-dots-1 .slick-dots {
    position: absolute;
    bottom: 50px;
    width: 100%;
    margin: 0;
}

.arrow-white .slick-arrow {
    color: var(--white) !important;
    border: 1px solid var(--border-color-3);
}

@media (min-width: 1400px) {
    .slick-slide-arrow-1:hover .slick-arrow {
        opacity: 1;
        visibility: visible;
        left: 60px;
    }

    .slick-slide-arrow-1:hover .slick-next {
        right: 60px;
        left: auto;
    }
}

/* slide-item-2 */

.ltn__slide-item-2 .slide-item-info {
    max-width: 650px;
}

.ltn__slide-item-2 .slide-sub-title {
    margin-bottom: 20px;
    font-family: var(--ltn__body-font);
}

.ltn__slide-item-2 .slide-sub-title span {
    color: var(--ltn__secondary-color);
}

.ltn__slide-item-2 .slide-title {
    font-size: 65px;
    line-height: 1;
    margin-bottom: 20px;
    color: white;
    text-shadow: 3px 3px 20px black;
}

.ltn__slide-item-2 .slide-title span {
    color: var(--ltn__secondary-color);
}

.ltn__slide-item-2 .btn-wrapper {
    margin-top: 40px;
}

.ltn__slide-item-2 .slide-brief {
    padding-left: 30px;
    border-left: 1px solid #576466;
}

.ltn__slide-item-6 .text-right .slide-item-info,
.ltn__slide-item-2 .text-right .slide-item-info {
    margin-left: auto;
}

.ltn__slide-item-6 .text-right .slide-brief,
.ltn__slide-item-2 .text-right .slide-brief {
    padding-left: 0px;
    border-left: 0;
    padding-right: 30px;
    border-right: 1px solid #576466;
    margin-left: auto;
}

.ltn__slide-item-6 .text-center .slide-item-info,
.ltn__slide-item-2 .text-center .slide-item-info {
    margin-left: auto;
    margin-right: auto;
}

.ltn__slide-item-6 .text-center .slide-brief,
.ltn__slide-item-2 .text-center .slide-brief {
    padding-left: 0px;
    border-left: 0;
    padding-right: 0px;
    border-right: 0;
}

.slide-brief {
    max-width: 450px;
}

.text-right .slide-brief {
    margin-left: auto;
}

.text-center .slide-brief {
    margin-left: auto;
    margin-right: auto;
}

.ltn__product-pointer {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
}

.ltn__product-pointer>ul {
    padding: 0;
    margin: 0;
}

.ltn__product-pointer>ul>li {
    display: inline-block;
    list-style: none;
    position: relative;
}

.ltn__product-pointer>ul>li>ul {
    position: absolute;
    top: 80%;
    min-width: 300px;
    padding: 0;
    background-color: white;
    right: 80px;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-align: left;
    opacity: 0;
    visibility: hidden;
}

.ltn__product-pointer>ul>li>ul>li {
    list-style: none;
}

.ltn__product-pointer>ul>li:hover ul {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.ltn__product-pointer>ul>li:hover .ltn__pointer-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ltn__product-pointer ul li,
.ltn__product-pointer ol li {
    margin-top: 5px;
}

.ltn__product-pointer img {
    height: inherit !important;
}

.ltn__product-pointer p:last-child {
    margin-bottom: 0;
}

.ltn__product-pointer .ltn__pointer-icon {
    cursor: pointer;
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: white;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 20px;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__product-pointer .ltn__product-pointer-inner {
    padding: 15px 30px 25px;
    position: relative;
}

.ltn__product-pointer .ltn__product-pointer-inner::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid var(--white);
    border-bottom: 15px solid transparent;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ltn__product-pointer .ltn__product-pointer-inner h5 {
    margin-bottom: 10px;
}

.ltn__product-pointer .ltn__product-pointer-inner p {
    font-size: 14px;
}

.ltn__product-pointer.ltn__product-pointer-1 {
    top: 38%;
    left: auto;
    right: 24%;
}

.ltn__product-pointer.ltn__product-pointer-2 {
    top: 60%;
    left: 20%;
}

.ltn__product-pointer.ltn__product-pointer-3 {
    top: 10%;
    left: 40%;
}

.slide-img-left .ltn__product-pointer>ul>li>ul {
    left: 80px;
    right: auto;
}

.slide-img-left .ltn__product-pointer .ltn__product-pointer-inner::before {
    border-right: 15px solid var(--white);
    border-left: 0;
    right: auto;
    left: -15px;
}

/* slide-item-3 */
.ltn__slide-item-3 .row [class*='col-'] {
    position: inherit;
}

.ltn__slide-item-3 .slide-item-info {
    position: relative;
    z-index: 2;
}

.ltn__slide-item-3 .slide-item-img {
    width: 45%;
    position: absolute;
    right: 150px;
    top: auto;
    bottom: 100px;
    height: 70%;
}

.ltn__slide-item-3 .slide-item-img img {
    text-align: right;
    margin-left: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
}

.ltn__slide-item-3 .text-right .slide-item-img {
    right: auto;
    left: 150px;
}

.ltn__slide-item-3-normal {
    height: calc(100vh - 160px);
    padding-top: 100px;
}

/* slide-item-4 */
.ltn__slide-item-4 {
    padding-bottom: 0;
}

.ltn__slide-item-4 .slide-item-img {
    margin-top: 100px;
}

/* slider-5 */
.ltn__slider-5 .ltn__slide-item-2 {
    padding-top: 100px;
}

/* slide-item-5 */
.ltn__slide-item-5 .slide-item-img {
    right: 200px;
    bottom: 0;
    height: 80%;
}

.ltn__slide-item-5 .call-to-circle-1 {
    right: 14%;
    left: auto;
    top: 30%;
    z-index: -1;
    -webkit-animation: wave 8s 0.1s infinite linear;
    animation: wave 8s 0.1s infinite linear;
}

.ltn__slide-item-5 .text-right .slide-item-img {
    right: auto;
    left: 150px;
}

.ltn__slide-item-5 .text-right .call-to-circle-1 {
    left: 20%;
    right: auto;
}

/* slide-item-6 */
.ltn__slide-item-6 .slide-item-info {
    max-width: 100%;
}

.ltn__slide-item-6 .slide-title {
    font-size: 80px;
    line-height: 1;
}

/* slide-item-7 */
.ltn__slide-item-7 {
    min-height: 800px;
    height: calc(100vh - 0px);
    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;
}

.ltn__slide-item-7 .slide-item-info {
    max-width: 850px;
}

.ltn__slide-item-7 .slide-title {
    font-size: 90px;
    line-height: 1;
}

/* slider-9 */
.ltn__slide-item-9 {
    height: 800px;
}

.ltn__slide-item-9 .slide-item-info {
    height: 800px;
    max-width: 500px;
}

.ltn__slide-item-9 .ltn__slide-item-inner {
    display: block;
}

.ltn__slide-item-9 .slide-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 30px 10px;
}

.ltn__slide-item-9 .right-align .slide-item-info {
    margin-left: auto;
}

.ltn__slide-item-9 .slide-item-info-inner {
    position: relative;
}

.ltn__slide-item-9 .slide-item-info-inner::before,
.ltn__slide-item-9 .slide-item-info-inner::after {
    position: absolute;
    content: '';
    width: 2px;
    height: 84px;
    background-color: var(--ltn__heading-color);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ltn__slide-item-9 .slide-item-info-inner::before {
    top: -46.5%;
}

.ltn__slide-item-9 .slide-item-info-inner::after {
    bottom: -51%;
}

.ltn__slide-item-9 .text-color-white .slide-item-info-inner::before,
.ltn__slide-item-9 .text-color-white .slide-item-info-inner::after {
    background-color: var(--white);
}

.ltn__slide-item-9 .ltn__tab-menu a {
    padding: 12px 20px;
}

.ltn__slide-item-9 .slide-item-info-line-no::before,
.ltn__slide-item-9 .slide-item-info-line-no::after {
    display: none;
}

/* slide-item-10 */
.ltn__slide-item-10 {
    height: 535px;
}

.ltn__slide-item-10 .slide-item-info-inner {
    padding: 30px;
}

/* ----------------------------------------------------
    Slider Area 1, 2, 3, 4, 5, 6, 7, 9
---------------------------------------------------- */
/* ======================================================
    s 3 Start
 ====================================================== */
/* slider-4 */
.ltn__slider-11 .ltn__slider-11-inner {
    position: relative;
}

.ltn__slider-11 .ltn__slide-item-11 {
    position: relative;
}

.ltn__slider-11 .ltn__slide-item-11 .slide-content {
    padding: 80px 0 100px 200px;
    padding-bottom: 250px;
    position: relative;
    width: 90%;
    z-index: 1;
    min-height: 100vh;
    height: 800px;
}

.ltn__slider-11 .ltn__slide-item-11 .slide-content .slide-title-1 {
    color: var(--main-color-one);
}

.ltn__slider-11 .ltn__slide-item-11 .slide-content .slide-title-2 {
    color: var(--secondary-color-three);
}

.ltn__slider-11 .ltn__slide-item-11 .slide-content p {
    color: #000;
}

.ltn__slider-11 .ltn__slide-item-11:before {
    opacity: 0;
}

.ltn__slider-11 .slide-item-img {
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    z-index: 0;
    width: 45%;
}

.ltn__slider-11 .slide-item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    margin-left: auto;
}

/* slider-4-active */
.ltn__slider-11-active .slick-arrow {
    position: absolute;
    bottom: 60px;
    left: 30%;
    z-index: 9;
}

.ltn__slider-11-active .slick-arrow i {
    font-size: 30px;
    color: #ccc;
}

.ltn__slider-11-active .slick-arrow.slick-next {
    margin-left: 50px;
}

/* slider-4-pagination */
/* ===== Set Display for show / hide ===== */
.ltn__slider-11-pagination-count {
    display: none;
    position: absolute;
    top: 53%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: 50px;
}

.ltn__slider-11-pagination-count span {
    color: var(--ltn__color-5);
}

.ltn__slider-11-pagination-count .count {
    position: absolute;
    top: -22px;
    left: -8px;
}

.ltn__slider-11-pagination-count .total {
    bottom: -25px;
    position: absolute;
    left: -10px;
}

.ltn__slider-11-pagination-count .slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 520px;
}

.ltn__slider-11-pagination-count .slick-dots li {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 0;
    width: 2px;
    opacity: 0.45;
}

.ltn__slider-11-pagination-count .slick-dots li button {
    display: block;
    border-radius: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: var(--section-bg-1);
    opacity: 0.45;
    cursor: pointer;
}

.ltn__slider-11-pagination-count .slick-dots li button:hover {
    background-color: var(--section-bg-1);
    opacity: 1;
}

.ltn__slider-11-pagination-count .slick-dots li.slick-active button {
    background-color: var(--ltn__secondary-color);
    opacity: 1;
}

.ltn__slider-11-pagination-count-show .ltn__slider-11-pagination-count {
    display: block;
}

@media only screen and (min-width: 992px) {
    .ltn__slide-item-11 {
        min-height: calc(100vh - 140px);
    }
}

/* slider-4-img-slide-arrow */
.ltn__slider-11-img-slide-arrow {
    position: absolute;
    bottom: 30px;
    right: 10%;
    width: 500px;
}

.ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-inner {
    position: relative;
}

.ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active {
    padding-left: 100px;
    background-color: var(--main-color-one);
}

.ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .image-slide-item {
    padding: 0 10px;
}

.ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .image-slide-item img {
    border: 5px solid;
    border-color: var(--section-bg-1);
    cursor: pointer;
}

.ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .image-slide-item.slick-current img {
    opacity: 0.9;
}

.ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .slick-arrow {
    position: absolute;
    right: auto;
    z-index: 9;
    top: 0;
    left: 0;
    padding-left: 0;
    background-color: var(--section-bg-1);
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 43px;
    font-size: 16px;
}

.ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .slick-arrow.slick-next {
    left: 50px;
}

/* slider-11-slide-item-count */
/* ===== Set Display for show / hide ===== */
.ltn__slider-11-slide-item-count {
    display: none;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    position: absolute;
    background-color: var(--section-bg-1);
    padding: 5px 15px 0px;
}

.ltn__slider-11-slide-item-count .count {
    font-size: 30px;
    line-height: 1;
}

.ltn__slider-11-slide-item-count-show .ltn__slider-11-slide-item-count {
    display: block;
}

/* slider-sticky-icon-2 */
.slider-sticky-icon-2 {
    position: absolute;
    left: 50px;
    bottom: 80px;
    z-index: 1;
}

.slider-sticky-icon-2 ul {
    padding: 0;
}

.slider-sticky-icon-2 ul li {
    list-style: none;
    display: block;
    margin-bottom: 12px;
}

/* ======================================================
    s 3 END
 ====================================================== */
@media (min-width: 1600px) {
    .ltn__slide-item-2 {
        min-height: 800px;
    }

    .ltn__slide-item-3-normal {
        min-height: 780px;
    }

    .ltn__slide-item-6 {
        height: 800px;
    }
}

@media (max-width: 1599px) {

    .liton-slide-item,
    .ltn__slide-item-3,
    .liton-slide-item-inner {
        height: inherit;
    }

    .ltn__slide-item-9 {
        height: 650px;
    }

    .ltn__slide-item-9 .slide-item-info {
        height: 650px;
        max-width: 400px;
    }

    .ltn__slider-11-img-slide-arrow {
        width: 80%;
        max-width: 350px;
    }

    .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .image-slide-item {
        padding: 0 3px;
    }

    .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .image-slide-item img {
        border: 2px solid;
        border-color: var(--section-bg-1);
    }

    .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .slick-arrow {
        width: 30px;
        height: 30px;
        line-height: 33px;
        font-size: 14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .slick-arrow.slick-next {
        left: 40px;
    }

    .ltn__slider-11-slide-item-count-show .ltn__slider-11-slide-item-count {
        display: none;
    }

    .ltn__slider-11-pagination-count-show .ltn__slider-11-pagination-count {
        display: none;
    }

    .slider-sticky-icon-2 {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .ltn__slide-item-2 .slide-title {
        font-size: 50px;
    }

    .ltn__slide-item-6 {
        height: 620px;
    }

    .ltn__slide-item-6 .slide-title {
        font-size: 80px;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .ltn__slide-item-3 .slide-item-img {
        width: 45%;
        right: 60px;
        top: 60%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .ltn__slide-item-3 .slide-item-img.slide-img-left {
        right: auto;
        left: 60px;
    }

    .ltn__slide-item-4 .slide-item-img {
        margin-top: 50px;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .ltn__slider-11 .slide-item-img {
        top: 0;
        right: 0;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .ltn__slide-item-3 .slide-item-img {
        width: 45%;
        right: 60px;
        top: 65%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .ltn__slide-item-3 .slide-item-img.slide-img-left {
        right: auto;
        left: 60px;
    }

    .ltn__slide-item-4 .slide-item-img {
        margin-top: 50px;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .ltn__slider-11 .slide-item-img {
        top: 0;
        right: 0;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ltn__slide-item-3 .slide-item-img {
        width: 45%;
        right: 60px;
    }

    .ltn__slide-item-3 .slide-item-img.slide-img-left {
        right: auto;
        left: 60px;
    }

    .ltn__slide-item-6 .slide-title {
        font-size: 60px;
    }

    .ltn__slide-item.ltn__slide-item-10 {
        height: 495px;
    }

    .ltn__slider-11 .slide-item-img {
        top: 0;
        right: 0;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }
}

@media (max-width: 1199px) {
    .slide-title {
        font-size: 36px;
    }

    .ltn__slide-item {
        height: auto;
    }

    .liton-slide-item-inner {
        height: inherit;
    }

    .slide-item-info-inner {
        margin-bottom: 30px;
    }

    .ltn__slide-item-2 .slide-title {
        font-size: 50px;
    }

    .ltn__slide-item-2 .slide-brief {
        padding-left: 15px;
    }

    .ltn__slide-item-6 {
        padding-top: 140px;
    }

    .ltn__slide-item-7 {
        min-height: 550px;
        height: auto;
    }

    .ltn__slide-item-7 .slide-title {
        font-size: 60px;
    }
}

@media (max-width: 991px) {
    .slide-title {
        font-size: 26px;
    }

    .liton-slide-item-inner {
        height: inherit;
    }

    .slide-item-info-inner {
        margin-bottom: 30px;
    }

    .slick-slide-arrow-1 .slick-arrow {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 16px;
    }

    .ltn__slide-item-2 .slide-title {
        font-size: 40px;
    }

    .ltn__slide-item-2 .slide-brief {
        padding-left: 15px;
    }

    .ltn__slide-item-2 .btn-wrapper {
        margin-top: 20px;
    }

    .ltn__slide-item-3 .slide-item-img {
        width: 100%;
        position: relative;
        height: auto;
        right: auto;
        bottom: auto;
    }

    .ltn__slide-item-3 .slide-item-img img {
        height: auto;
    }

    .ltn__slide-item-3 .text-right .slide-item-img {
        right: auto;
        left: auto;
    }

    .ltn__product-pointer>ul>li>ul {
        min-width: 280px;
    }

    .ltn__product-pointer>ul>li>ul {
        top: 110%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .ltn__product-pointer>ul>li:hover ul {
        top: 130%;
    }

    .ltn__product-pointer .ltn__product-pointer-inner::before {
        left: 50%;
        top: -25px;
        -webkit-transform: translateX(-50%) rotate(-90deg);
        -ms-transform: translateX(-50%) rotate(-90deg);
        transform: translateX(-50%) rotate(-90deg);
    }

    .slide-img-left .ltn__product-pointer .ltn__product-pointer-inner::before {
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }

    .ltn__slide-item-5 .slide-item-img {
        display: none;
    }

    .ltn__slide-item-6 .slide-title {
        font-size: 40px;
    }

    .ltn__slide-item-7 {
        min-height: 400px;
    }

    .ltn__slide-item-7 .slide-title {
        font-size: 40px;
    }

    .ltn__slide-item-9 {
        height: 560px;
    }

    .ltn__slide-item-9 .slide-item-info {
        height: auto;
        margin: 30px;
    }

    .ltn__slide-item-9 .ltn__slide-item-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .ltn__slide-item-9 .slide-item-info-inner::before,
    .ltn__slide-item-9 .slide-item-info-inner::after {
        display: none;
    }

    .ltn__slider-11-img-slide-arrow {
        right: 50%;
        -webkit-transform: translate(50%);
        -ms-transform: translate(50%);
        transform: translate(50%);
    }
}

@media (max-width: 767px) {
    .liton-slide-item-inner {
        height: inherit;
    }

    .slide-item-info-inner {
        margin-bottom: 30px;
    }

    .slide-title br {
        display: none;
    }

    .slide-title {
        font-size: 24px;
    }

    .ltn__slide-item-2 {
        margin-top: 97px;
    }

    .ltn__slide-item-2 .slide-title {
        font-size: 30px;
    }

    .ltn__slide-item-2 .slide-brief {
        padding-left: 15px;
    }

    .ltn__slide-item-3-normal {
        padding-top: 100px;
    }

    .ltn__product-pointer {
        display: none;
    }

    .ltn__slide-item-6 .slide-title {
        font-size: 30px;
    }
}

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ----------------------------------------------------
    Product Area
---------------------------------------------------- */
.ltn__product-item {
    position: relative;
    margin-bottom: 50px;
}

.product-img {
    position: relative;
    overflow: hidden;
}

.product-img img {
    position: relative;
    -webkit-transition: all 3.5s ease 0s;
    -o-transition: all 3.5s ease 0s;
    transition: all 3.5s ease 0s;
    height: 270px;
    width: 100%;
    object-fit: cover;
}

.product-img:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ltn__primary-color);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__product-item:hover .product-img:before {
    opacity: 0.4;
    visibility: visible;
}

.ltn__product-item:hover .product-img::before {
    opacity: 0.4;
    visibility: visible;
}

.product-title {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
}

.product-ratting {
    margin-bottom: 5px;
}

.product-ratting ul {
    margin: 0;
    padding: 0;
}

.product-ratting li {
    display: inline-block;
    margin: 0 -2px;
    color: var(--ratings);
    font-size: 12px;
}

.product-hover-action {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__product-item:hover .product-hover-action {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.product-hover-action ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
}

.product-hover-action li {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
    float: left;
    margin-right: 0px;
    margin-top: 0;
    list-style: none;
    border-right: 1px solid var(--border-color-7);
}

.product-hover-action li:last-child {
    margin-right: 0;
    border-right: 0;
}

.product-hover-action li a {
    display: block;
    background-color: var(--white);
    font-weight: 700;
}

.product-hover-action li:hover a {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.product-badge {
    position: absolute;
    top: 15px;
    right: 18px;
}

.product-badge ul {
    margin: 0;
    padding: 0;
}

.product-badge li {
    list-style: none;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    background-color: var(--ltn__secondary-color);
    color: var(--white);
    padding: 3px 15px 0px;
    text-transform: uppercase;
    line-height: 25px;
}

.product-badge li:first-child {
    margin-top: 0;
}

.product-badge li::before {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 0;
    border-left: 8px solid var(--ltn__secondary-color);
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    display: none;
}

.product-badge li .soldout-badge {
    background-color: var(--red-2);
}

.product-info {
    padding: 20px 0 0;
}

.product-price {
    color: var(--ltn__heading-color);
    font-weight: 600;
}

.product-price del {
    opacity: 0.6;
    margin-left: 5px;
    font-size: 80%;
}

.ltn__product-item .product-price {
    margin-bottom: 12px;
}

.product-action ul {
    margin: 10px 0 0;
    padding: 0;
}

.product-action li {
    display: inline-block;
    margin-top: 0;
}

.product-action li a {
    display: inline-block;
    padding: 3px 15px;
    border: 1px solid var(--ltn__heading-color);
    color: var(--ltn__heading-color);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.product-action li:hover a {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
    border-color: var(--ltn__secondary-color);
}

.button-1 a {
    display: inline-block;
    padding: 5px 15px;
    background-color: var(--ltn__heading-color);
    color: var(--white);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.button-1:hover a {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.no-product-ratting .product-ratting {
    display: none;
}

/* product-item-2 */
.ltn__product-item-2 .product-img img {
    background-color: var(--section-bg-1);
}

.ltn__product-item-2 .product-price {
    font-size: 14px;
}

.ltn__product-item-2 .product-price del {
    opacity: 1;
    color: var(--red);
    font-size: 13px;
}

.ltn__product-item-2:hover .product-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.ltn__product-item .add-to-cart {
    width: auto;
    text-transform: uppercase;
}

.ltn__product-item .add-to-cart a {
    padding: 0 15px;
}

.ltn__product-item .add-to-cart span {
    font-size: 12px;
    line-height: 1;
}

/* product-item-3 */
.ltn__product-item-3 {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__product-item-3 .product-img::before {
    display: none;
}

.ltn__product-item-3 .product-info {
    padding: 25px 30px 15px;
}

.ltn__product-item-3 .product-price {
    font-size: 14px;
    color: var(--ltn__secondary-color);
    font-weight: 700;
}

.ltn__product-item-3 .product-price del {
    font-size: 13px;
    opacity: 0.6;
}

.ltn__product-item-3 .product-info-brief {
    border-top: 2px solid;
    border-color: var(--border-color-8);
    margin-bottom: 15px;
    max-width: 400px;
}

.ltn__product-item-3 .product-info-brief ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ltn__product-item-3 .product-info-brief ul li {
    list-style: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
}

.ltn__product-item-3 .product-info-brief ul li i {
    color: var(--ltn__secondary-color);
    margin-right: 5px;
}

.ltn__product-item-3:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__product-item-3:hover .product-hover-action {
    top: 70%;
}

/* product-item-4 */
.ltn__product-item-4 {
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    border: 1px solid;
    border-color: var(--border-color-13);
    background-color: var(--white);
}

.ltn__product-item-4 .product-img {
    position: relative;
}

.ltn__product-item-4 .product-img a {
    display: block;
}

.ltn__product-item-4 .product-img img {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.ltn__product-item-4 .product-img-location-gallery {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    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: 0 30px 15px;
    margin: 0;
    background: var(--gradient-color-5);
}

.ltn__product-item-4 .product-img-location-gallery ul {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}

.ltn__product-item-4 .product-img-location-gallery ul li {
    list-style: none;
    font-size: 14px;
    color: var(--white);
}

.ltn__product-item-4 .product-img-location-gallery .product-img-gallery {
    margin-left: 10px;
}

.ltn__product-item-4 .product-img-location-gallery .product-img-gallery ul li {
    display: inline-block;
    width: 42px;
    height: 30px;
    line-height: 30px;
    background-color: rgba(255, 255, 255, 0.3);
    margin-right: 5px;
    text-align: center;
}

.ltn__product-item-4 .product-img-location-gallery .product-img-gallery ul li a {
    display: block;
}

.ltn__product-item-4 .product-img-location-gallery .product-img-gallery ul li:last-child {
    margin-right: 0;
}

.ltn__product-item-4 .product-info {
    padding: 30px 30px 1px;
}

.ltn__product-item-4 .product-price {
    font-size: 18px;
    font-family: var(--ltn__heading-font);
    font-weight: 600;
    color: var(--ltn__secondary-color);
    margin-bottom: 5px;
}

.ltn__product-item-4 .product-price label {
    font-weight: 400;
    font-size: 14px;
}

.ltn__product-item-4 .product-title {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}

.ltn__product-item-4 .product-description p {
    font-size: 14px;
    margin-bottom: 15px;
}

.ltn__product-item-4 .product-info-bottom {
    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;
    border-top: 1px solid;
    border-color: var(--border-color-1);
    padding: 20px 30px 30px;
}

.ltn__product-item-4 .product-hover-action {
    position: relative;
    opacity: 1;
    visibility: visible;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    line-height: 1;
}

.ltn__product-item-4 .product-hover-action ul {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ltn__product-item-4 .product-hover-action ul li {
    margin-right: 8px;
    height: 36px;
    width: 36px;
    line-height: 42px;
    border-right: 0;
    font-size: 16px;
    background-color: var(--section-bg-1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__product-item-4 .product-hover-action ul li a {
    background-color: transparent;
}

.ltn__product-item-4 .product-hover-action ul li:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__product-item-4:hover .product-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.ltn__product-item-4:hover .product-img::before {
    display: none;
}

.real-estate-agent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.real-estate-agent .agent-img {
    max-width: 40px;
    margin-right: 12px;
}

.real-estate-agent .agent-img img {
    border-radius: 100%;
}

.real-estate-agent .agent-brief h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

.real-estate-agent .agent-brief small {
    font-size: 12px;
}

/* product-item-5 */
.ltn__product-item-5 {
    margin-top: 0;
}

.ltn__product-item-5 .product-img {
    margin-top: 0;
}

.ltn__product-item-5 .product-img a {
    display: block;
}

.ltn__product-item-5 .product-info {
    margin-top: 0;
}

.ltn__product-item-5 .product-info-bottom {
    padding: 20px 30px 15px;
}

.ltn__product-item-5 .product-badge {
    position: inherit;
    margin-bottom: 15px;
}

.ltn__product-item-5 .product-badge li {
    font-size: 16px;
    background-color: transparent;
    color: var(--ltn__secondary-color);
    padding: 0;
}

.ltn__product-item-5 .product-img-location ul {
    padding: 0;
    margin-bottom: 0;
}

.ltn__product-item-5 .product-img-location ul li {
    list-style: none;
    font-size: 14px;
}

.ltn__product-item-5 .product-img-location ul li i {
    color: var(--ltn__secondary-color);
    padding-left: 0;
}

.ltn__product-item-5 .ltn__plot-brief {
    padding: 0;
    margin-bottom: 20px;
}

.ltn__product-item-5 .ltn__plot-brief li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
}

.ltn__product-item-5 .ltn__plot-brief li:last-child {
    margin-right: 0;
}

.ltn__product-item-5 .ltn__plot-brief li span {
    font-weight: 700;
}

.ltn__product-item-5 .real-estate-agent {
    position: absolute;
    top: 20px;
    right: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__product-item-5 .real-estate-agent .agent-img {
    max-width: 50px;
}

.ltn__product-item-5 .real-estate-agent .agent-img img {
    border: 3px solid;
    border-color: var(--border-color-1);
}

.ltn__product-item-5 .product-hover-action {
    text-align: left;
    margin-bottom: 25px;
}

.ltn__product-list-view .ltn__product-item-5 {
    padding: 30px 30px 30px;
}

.ltn__product-list-view .ltn__product-item-5 .real-estate-agent {
    position: inherit;
    margin-top: 15px;
}

.ltn__product-list-view .ltn__product-item-5 .product-info-bottom {
    padding: 0px 0px 0px 30px;
    border: 0;
}

.ltn__product-list-view .ltn__product-item-5 .product-hover-action {
    margin-bottom: 0;
}

.ltn__product-list-view .ltn__product-item-5 .ltn__plot-brief {
    margin-bottom: 5px;
}

.ltn__product-list-view .ltn__product-item-5 .product-badge-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* ----------------------------------------------------
    Modal Area
---------------------------------------------------- */
.modal-dialog {
    margin-top: 150px;
}

.modal-content {
    border-radius: 0;
}

.modal-header {
    padding: 0;
    border: 0;
}

.modal-header .close {
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding: 0;
    right: 16px;
    left: auto;
    top: 16px;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.modal-header .close span {
    display: block;
    font-size: 25px;
}

.modal-header .close:not(:disabled):not(.disabled):focus,
.modal-header .close:not(:disabled):not(.disabled):hover,
.modal-header .close:hover {
    opacity: 1;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 980px;
    }
}

.modal-product-info {
    padding-left: 25px;
}

.modal-product-info h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.modal-product-info hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal-product-info .product-price {
    font-size: 50px;
    margin-bottom: 10px;
    color: var(--ltn__secondary-color);
    line-height: 1.2;
    font-weight: 600;
}

.modal-product-meta>ul {
    margin: 15px 0;
    padding: 20px 0;
    border-bottom: 1px solid var(--border-color-12);
    border-top: 1px solid var(--border-color-12);
}

.modal-product-meta>ul>li {
    list-style: none;
    font-size: 14px;
    margin-top: 10px;
}

.modal-product-meta>ul>li:first-child {
    margin-top: 0;
}

.modal-product-meta li strong {
    color: var(--ltn__heading-color);
    margin-right: 5px;
    font-weight: 600;
    min-width: 100px;
    display: inline-block;
}

.modal-product-quantity input {
    border: 1px solid #e5e5e5;
    float: left;
    height: 45px;
    text-align: center;
    width: 80px;
    margin-right: 20px;
}

.modal-btn {
    margin-top: 15px;
    border-top: 1px solid #f1f1f1;
    text-align: right;
}

.modal-btn a {
    font-size: 14px;
    color: var(--ltn__heading-color);
    padding: 5px 10px;
}

.ltn__modal-area .modal-btn {
    border: 0;
}

.modal-body {
    padding: 30px;
}

.ltn__add-to-cart-modal-area .modal-body {
    padding: 30px;
}

.ltn__add-to-cart-modal-area .modal-product-img {
    float: left;
    max-width: 125px;
    margin-right: 20px;
}

.ltn__add-to-cart-modal-area .modal-product-info {
    overflow: hidden;
}

.ltn__add-to-cart-modal-area .added-cart i {
    color: var(--green);
}

.ltn__add-to-cart-modal-area .btn-wrapper {
    margin-top: 20px;
}

.ltn__add-to-cart-modal-area .btn-wrapper .btn {
    padding: 5px 20px;
    margin-right: 10px;
}

.ltn__add-to-cart-modal-area .additional-info {
    border-top: 1px solid var(--border-color-1);
    text-align: center;
    padding-top: 30px;
    margin-top: 40px;
}

.modal-backdrop.show {
    opacity: .7;
}

/* ----------------------------------------------------
    Product Tab
---------------------------------------------------- */
.ltn__tab-menu {
    margin-bottom: 50px;
}

.ltn__tab-menu .nav {
    display: inline-block;
}

.ltn__gallery-filter-menu button,
.ltn__tab-menu a {
    display: inline-block;
    padding: 15px 40px;
    margin-right: 5px;
    margin-bottom: 10px;
    color: var(--ltn__heading-color);
    background-color: var(--section-bg-1);
    font-weight: 700;
}

.ltn__gallery-filter-menu button:last-child,
.ltn__tab-menu a:last-child {
    margin-right: 0;
}

.ltn__gallery-filter-menu button i,
.ltn__tab-menu a i {
    margin-right: 10px;
}

.ltn__gallery-filter-menu .active,
.ltn__tab-menu a.active {
    color: var(--white);
    background-color: var(--ltn__primary-color);
    border-color: var(--ltn__primary-color);
}

.ltn__tab-menu-top-left {
    position: absolute;
    left: 15px;
    top: 0;
}

.ltn__tab-menu-top-right {
    position: absolute;
    right: 15px;
    top: 0;
}

.ltn__gallery-filter-menu.text-uppercase button {
    text-transform: uppercase;
}

.ltn__tab-menu-2 a {
    background-color: transparent;
    border-bottom: 2px solid transparent;
    position: relative;
}

.ltn__tab-menu-2 a.active {
    color: var(--ltn__secondary-color);
    background-color: transparent;
    border-color: var(--ltn__secondary-color);
}

.ltn__tab-menu-2 a::before {
    position: absolute;
    content: "";
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 16px;
    width: 2px;
    background-color: var(--ltn__color-1);
    opacity: 0.4;
}

.ltn__tab-menu-2 a:last-child::before {
    display: none;
}

.ltn__tab-menu-3 {
    margin-top: 0;
}

.ltn__tab-menu-3 a {
    background-color: transparent;
    border-bottom: 2px solid transparent;
    padding: 1px;
    margin-right: 50px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    position: relative;
}

.ltn__tab-menu-3 a.active {
    color: var(--ltn__secondary-color);
    background-color: transparent;
    border-color: var(--ltn__secondary-color);
}

.ltn__tab-menu-3 a.active::before {
    background-color: var(--ltn__secondary-color);
    border: 3px solid var(--white);
}

.ltn__tab-menu-3 a:last-child {
    margin-right: 0;
}

.ltn__tab-menu-3 a::before {
    position: absolute;
    content: "";
    right: 45%;
    top: 100%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    height: 10px;
    width: 10px;
    background-color: transparent;
    opacity: 1;
    border: 3px solid transparent;
    border-radius: 100%;
}

.ltn__tab-menu-4 a {
    background-color: transparent;
    padding: 0;
    border: 7px solid;
    border-color: var(--white);
}

.ltn__tab-menu-4 a img {
    max-width: 120px;
}

.ltn__tab-menu-4 a.active {
    color: var(--ltn__secondary-color);
    background-color: transparent;
    border-color: var(--white);
}

.ltn__tab-menu-4 a.active::before {
    display: none;
}

.ltn__tab-menu-4 a.active img {
    opacity: 0.6;
}

@media (max-width: 1200px) {
    .ltn__tab-menu-3 a {
        margin-right: 30px;
        font-size: 18px;
    }
}

@media (max-width: 991px) {

    .ltn__gallery-filter-menu button,
    .ltn__tab-menu a {
        padding: 15px 25px;
        font-size: 14px;
    }

    .ltn__tab-menu-top-right {
        position: initial;
    }

    .ltn__tab-menu-3 {
        margin-top: 0;
    }

    .ltn__tab-menu-3 a {
        padding: 1px;
        margin-right: 20px;
    }

    .ltn__tab-menu-4 a {
        padding: 0;
    }

    .ltn__tab-menu-4 a.active {
        padding: 0;
    }
}

/* ----------------------------------------------------
    Product Details
---------------------------------------------------- */
.ltn__small-product-item {
    background-color: #F7F7F7;
    display: flex;
    margin-bottom: 30px;
}

.ltn__small-product-item:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
    border-color: transparent;
}

.ltn__small-product-item .product-price {
    color: var(--ltn__secondary-color);
}

.small-product-item-img {}

.mehsul {
    width: 100%;
}

/* ----------------------------------------------------
    Product Details
---------------------------------------------------- */
.product-meta-date input[type="date"] {
    border: 1px solid #ddd;
    height: 63px;
    padding: 0 15px;
    line-height: 50px;
}

.product-meta-date input[type="date"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: pink;
    line-height: 50px;
}

.product-meta-date input[type="date"]::-moz-placeholder {
    /* Firefox 19+ */
    color: pink;
    line-height: 50px;
}

.product-meta-date input[type="date"]:-ms-input-placeholder {
    /* IE 10+ */
    color: pink;
    line-height: 50px;
}

.product-meta-date input[type="date"]:-moz-placeholder {
    /* Firefox 18- */
    color: pink;
    line-height: 50px;
}

/* ltn__shop-details-img-gallery */
.ltn__shop-details-img-gallery {
    margin-bottom: 35px;
}

.ltn__shop-details-small-img {
    margin-top: 20px;
    margin-left: -5px;
    margin-right: -5px;
}

.ltn__shop-details-small-img .single-small-img {
    padding: 0 5px;
    display: none;
}

.ltn__shop-details-small-img .single-small-img.slick-current img {
    border: 1px solid var(--ltn__secondary-color);
    margin-bottom: 10px;
}

.ltn__shop-details-small-img.slick-arrow-2 .slick-arrow {}

.ltn__shop-details-small-img.slick-arrow-2 .slick-next {
    right: 5px;
    position: absolute;
}

/* ltn__shop-details-content-wrap */
.ltn__shop-details-content-wrap {
    padding: 50px 50px 40px;
}

/* ltn__shop-details-tab-area */
.ltn__shop-details-tab-menu .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ltn__shop-details-tab-menu .nav a {
    background-color: var(--ltn__primary-color);
    color: var(--white);
    padding: 20px 20px;
    font-size: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
    font-weight: 700;
}

.ltn__shop-details-tab-menu .nav a.active {
    background-color: var(--ltn__secondary-color);
}

.ltn__shop-details-tab-content-inner {
    border: 1px solid #e5e5e5;
    padding: 50px 50px 30px;
    background-color: var(--section-bg-1);
}

.ltn__shop-details-tab-content-inner .ltn__comment-reply-area form {
    padding: 0;
}

.add-a-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.add-a-review h6 {
    margin-bottom: 0;
    margin-right: 15px;
}

.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu {
    border-bottom: 2px solid var(--border-color-1);
}

.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a {
    background-color: transparent;
    color: var(--ltn__paragraph-color);
    padding: 20px 0px;
    margin-right: 50px;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    text-align: left;
    position: relative;
}

.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a::before {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a.active {
    color: var(--ltn__secondary-color);
    background-color: transparent;
}

.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a.active::before {
    background-color: var(--ltn__secondary-color);
    width: 100%;
}

.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-content-inner {
    border: 0;
    padding: 30px 30px 0px 0;
    background-color: transparent;
}

.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-content-inner .ltn__comment-reply-area form {
    padding: 30px;
}

.rengler {
    padding-right: 20px;
}

/* product-details-menu-1 */
.ltn__product-details-menu-1 ul li a {
    position: relative;
    margin-right: 10px;
}

.ltn__product-details-menu-1 ul li a::before {
    position: absolute;
    content: ",";
    right: -5px;
}

.ltn__product-details-menu-1 ul li a:last-child::before {
    display: none;
}

.ltn__product-details-menu-1 ul li strong {
    font-weight: 400;
}

.ltn__product-details-menu-1 ul li span {
    font-weight: 600;
}

.ltn__product-details-menu-1 .ltn__color-widget ul li a {
    width: 15px;
    height: 15px;
}

.ltn__product-details-menu-1 .ltn__tagcloud-widget ul li {
    margin: 0;
}

.ltn__product-details-menu-1 .ltn__tagcloud-widget ul li a {
    padding: 3px 10px 1px;
}

/* product-details-menu-2 */
.ltn__product-details-menu-2 ul {
    padding: 0;
    margin: 0;
}

.ltn__product-details-menu-2 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.ltn__product-details-menu-2 ul li:last-child {
    margin-right: 0;
}

/* product-details-menu-3 */
.ltn__product-details-menu-3 ul {
    padding: 0;
    margin: 0;
}

.ltn__product-details-menu-3 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600;
}

.ltn__product-details-menu-3 ul li:last-child {
    margin-right: 0;
}

.property-detail-info-list ul {
    padding: 30px 50px 40px;
    margin: 0;
    float: left;
    border-right: 1px solid;
    border-color: var(--border-color-7);
}

.property-detail-info-list ul:last-child {
    border-right: none;
}

.property-detail-info-list ul li {
    display: block;
}

.property-detail-info-list ul li label {
    margin-right: 5px;
    font-weight: 600;
    min-width: 110px;
    display: inline-block;
}

.property-detail-info-list ul li span {
    font-weight: 600;
    color: var(--ltn__heading-color);
}

.property-detail-feature-list {
    margin-top: 0;
}

.property-detail-feature-list ul {
    margin: 0;
    padding: 0;
}

.property-detail-feature-list ul li {
    display: inline-block;
    min-width: 170px;
    margin-right: 19px;
    margin-bottom: 15px;
}

.property-detail-feature-list .property-detail-feature-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
}

.property-detail-feature-list .property-detail-feature-list-item i {
    margin-right: 12px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    line-height: 49px;
    background-color: var(--section-bg-5);
    text-align: center;
    font-size: 22px;
    color: var(--ltn__secondary-color);
}

.property-detail-feature-list .property-detail-feature-list-item h6 {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 14px;
    font-family: var(--ltn__heading-font);
    font-weight: 500;
}

.property-details-google-map {
    height: 360px;
}

.product-details-apartments-plan .apartments-plan-info {
    padding: 0;
}

.product-details-apartments-info-list {
    padding: 20px 40px;
}

.ltn__page-details-inner .ltn__product-details-review-inner {
    margin-top: 0;
}

.ltn__page-details-inner .ltn__product-details-review-inner h1,
.ltn__page-details-inner .ltn__product-details-review-inner h2,
.ltn__page-details-inner .ltn__product-details-review-inner h3,
.ltn__page-details-inner .ltn__product-details-review-inner h4,
.ltn__page-details-inner .ltn__product-details-review-inner h5,
.ltn__page-details-inner .ltn__product-details-review-inner h6,
.ltn__page-details-inner .ltn__product-details-review-inner p {
    margin-top: 0;
}

@media (max-width: 767px) {
    .property-detail-info-list ul {
        padding: 20px 30px 20px;
        float: none;
        border: none;
    }
}

/* ----------------------------------------------------
    Product Options
---------------------------------------------------- */
.nice-select .option {
    margin-top: 0;
    white-space: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.8;
}

.nice-select .list {
    min-width: 100%;
}

.ltn__shop-options {
    margin-bottom: 50px;
}

.ltn__shop-options>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    margin: 0;
    padding: 0;
}

.ltn__shop-options>ul>li {
    list-style: none;
    margin-top: 0;
    line-height: 50px;
    margin-right: 30px;
}

.ltn__shop-options>ul>li:last-child {
    margin-right: 0;
}

.ltn__shop-options .short-by .nice-select {
    border-radius: 0;
    border: 2px solid #ededed;
    height: 50px;
    line-height: 46px;
    min-width: 190px;
}

.ltn__shop-options .short-by .nice-select .option {
    width: 100%;
    padding-left: 10px;
    padding-right: 5px;
}

button.theme-btn-1.btn.btn-effect-1.filter-button {
    padding: 5px 10px;
    margin: 0 5px;
}

.ltn__shop-options .short-by .nice-select .current {}

.ltn__grid-list-tab-menu a {
    font-size: 30px;
    margin-right: 20px;
}

.ltn__grid-list-tab-menu a:last-child {
    margin-right: 0px;
}

.ltn__grid-list-tab-menu .active {
    color: var(--ltn__secondary-color);
}

.showing-product-number span {
    font-size: 15px;
}

.ltn__product-list-view .product-title {
    font-size: 22px;
    margin-bottom: 10px;
}

.ltn__product-list-view .ltn__product-item:after {
    display: block;
    clear: both;
    content: "";
}

.ltn__product-list-view .ltn__product-item .product-img {
    max-width: 40%;
    float: left;
}

.ltn__product-list-view .ltn__product-item .product-info {
    overflow: hidden;
    padding: 0 0 0 30px;
}

.ltn__product-list-view .ltn__product-item-3 .product-info {
    overflow: hidden;
    padding: 25px 25px 20px 30px;
}

.ltn__product-list-view .product-hover-action {
    position: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    text-align: left;
    opacity: 1;
    visibility: visible;
    margin-top: 15px;
}

/* Bootstrap Tab with Slider Issue Fix Start */
.tab-content {
    width: 100%;
}

.tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
}

.tab-content .tab-pane.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: visible;
}

/* Bootstrap Tab with Slider Issue Fix End */
@media (max-width: 1400px) {
    .shop-details-info .product-price {
        font-size: 36px;
    }

    .shop-details-info .cart-plus-minus {
        width: 130px;
    }

    .shop-details-info .ltn__product-details-menu-2 .btn {
        padding: 17px 15px;
    }
}

@media (max-width: 991px) {
    .ltn__product-item-3 .product-info {
        padding: 25px 15px 15px;
    }

    .ltn__product-item-3 .product-price {
        font-size: 16px;
    }

    .ltn__product-item-3 .product-price del {
        font-size: 14px;
    }

    .ltn__shop-details-img-gallery {
        margin-bottom: 75px;
    }

    .ltn__product-item-4 .product-title {
        font-size: 20px;
    }

    .ltn__product-item-4 .product-info {
        padding: 30px 20px 1px;
    }

    .ltn__product-item-4 .product-img-location-gallery {
        padding: 0 15px 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: wrap-reverse;
        flex-flow: wrap-reverse;
    }

    .ltn__product-item-4 .product-img-location-gallery ul li {
        font-size: 13px;
        margin-top: 5px;
    }

    .ltn__product-item-4 .product-img-location-gallery .product-img-gallery {
        margin-left: 0;
    }

    .ltn__product-item-4 .product-img-location-gallery .product-img-gallery ul li {
        width: inherit;
        background-color: transparent;
        margin-top: 0;
    }

    .ltn__product-item-4 .product-description p br {
        display: none;
    }

    .ltn__product-item-4 .product-info-bottom {
        padding: 20px 20px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: wrap-reverse;
        flex-flow: wrap-reverse;
    }

    .ltn__product-item-4 .real-estate-agent {
        margin-top: 20px;
    }

    .slick-slide .ltn__product-item-4 {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .ltn__shop-options>ul {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .ltn__shop-options ul li {
        margin: 5px 0;
    }

    .showing-product-number span {
        font-size: 16px;
    }

    .ltn__product-list-view .ltn__product-item .product-img {
        max-width: 100%;
    }

    .ltn__product-list-view .ltn__product-item .product-info {
        padding: 25px 0 0 1px;
    }

    .ltn__product-list-view .ltn__product-item-3 .product-info {
        padding: 25px 25px 20px 30px;
    }

    .modal-product-info h3 {
        font-size: 22px;
    }

    .modal-product-info .product-price {
        font-size: 34px;
    }

    .ltn__shop-details-tab-menu .nav a {
        padding: 15px 15px;
        font-size: 14px;
    }

    .ltn__shop-details-tab-content-inner {
        padding: 50px 20px 30px;
    }

    .ltn__product-item-4 .product-title {
        font-size: 18px;
    }

    .ltn__product-list-view .ltn__product-item-5 .product-info-bottom {
        padding: 0px 0px 0px 0px;
        border: 0;
    }
}

@media (max-width: 576px) {
    .product-hover-action li {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 13px;
    }

    .product-badge li {
        font-size: 12px;
        padding: 1px 10px;
        line-height: 20px;
    }

    .product-badge li::before {
        bottom: -6px;
    }

    .ltn__product-item-3 .product-title {
        font-size: 14px;
    }

    .ltn__product-item-3 .product-info {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ltn__product-item-3 .product-price {
        font-size: 14px;
    }

    .ltn__product-item-3 .product-price del {
        font-size: 13px;
    }

    .ltn__product-item-3 .product-info-brief ul li {
        font-size: 12px;
    }

    .ltn__product-item-2 .product-title {
        font-size: 14px;
    }
}

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ----------------------------------------------
  Gallery Area
---------------------------------------------- */
.ltn__gallery-item {
    margin-bottom: 30px;
}

.ltn__gallery-item:hover .ltn__gallery-item-img::before {
    visibility: visible;
}

.ltn__gallery-item:hover .ltn__gallery-item-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.ltn__gallery-item:hover .ltn__gallery-action-icon {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.ltn__gallery-item-inner {
    position: relative;
    overflow: hidden;
}

.ltn__gallery-item-inner h4 {
    margin-bottom: 5px;
}

.ltn__gallery-item-inner p {
    margin-bottom: 0;
    font-size: 14px;
}

.ltn__gallery-item-img {
    position: relative;
    overflow: hidden;
}

.ltn__gallery-item-img::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--ltn__primary-color);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
}

.ltn__gallery-item-img img {
    -webkit-transition: all 3.5s ease 0s;
    -o-transition: all 3.5s ease 0s;
    transition: all 3.5s ease 0s;
    height: 250px;
    object-fit: revert;
    width: 100%;
}

.ltn__gallery-action-icon {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 2;
}

.ltn__gallery-action-icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--white);
    color: var(--ltn__primary-color);
    border-radius: 100%;
    margin: 3px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__gallery-action-icon i:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__gallery-item-info {
    padding: 25px 30px;
    position: relative;
    z-index: 2;
}

/* Gallery Style 1 */
.ltn__gallery-style-1 .ltn__gallery-item-info {
    border: 1px solid var(--border-color-1);
    border: 0;
}

/* Gallery Style 2 */
.ltn__gallery-style-2 .ltn__gallery-item-info {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    background: var(--gradient-color-3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.ltn__gallery-style-2 h4,
.ltn__gallery-style-2 p {
    color: var(--white);
}

.ltn__gallery-style-2 .ltn__gallery-item:hover .ltn__gallery-item-info {
    bottom: 0px;
    opacity: 1;
    visibility: visible;
}

.ltn__gallery-style-2 .ltn__gallery-item:hover .ltn__gallery-action-icon {
    top: 35%;
}

.ltn__gallery-info-hide .ltn__gallery-item-info {
    display: none;
}

.ltn__gallery-info-hide .ltn__gallery-item:hover .ltn__gallery-action-icon {
    top: 50%;
}

/* Lightcase Default CSS */
.lightcase-error {
    color: var(--white);
}

#lightcase-info {
    color: var(--ltn__color-1);
}

#lightcase-caption {
    color: var(--white);
}

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ============================================================
>>> TABLE OF CONTENTS:
===============================================================
# Common CSS
# Section title
# Category Area
# Feature Area 
# Countdown Area
# Blog Area
# Blog Details
# Service Details
# Pagination
# Testimonial
# Banner Area
# Team Area
# CounterUp Area
# Contact Form Area
# Cart Table Area
# Cart plus minus
# Product Details
# Shoping Cart
# Custom Content
# Newsletter
# Faq Area
# 404 Area
# Coming Soon Area
# Screenshot Area
# Pricing List Area
# Checkbox
# Body Sidebar Icons
# About Us Area
# Why Choose Us Area
# Service Area
# Call To Action
# Elements Area
# Service Form 
# Get A Quote Form
# Car Dealer Form
# Video Area
# Brand Logo
# Progress Bar 
# Our Journey Area
# Google Map Locations Area
# Team Details
# Our History Area
# Appointment Form Area
# Checkout Page
# Myaccount Page
# Time Schedule Area

============================================================= */
/* ----------------------------------------------------
    Common CSS
---------------------------------------------------- */
.ltn__social-media ul {
    margin: 0;
    padding: 0;
}

.ltn__social-media ul li {
    list-style: none;
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 15px;
}

.ltn__social-media ul li:last-child {
    margin: 0;
}

.referanslar {
    width: 100%;
    height: 100px;
    object-fit: contain;
}

.ltn__social-media-2 ul {
    margin: 0;
    padding: 0;
}

.ltn__social-media-2 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.ltn__social-media-2 ul li a {
    background-color: var(--section-bg-1);
    color: var(--ltn__paragraph-color);
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.ltn__social-media-2 ul li a i {
    color: inherit;
}

.ltn__social-media-2 ul li:last-child {
    margin-right: 0;
}

.ltn__social-media-2 ul li:hover a {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__social-media-3 ul {
    margin: 0;
    padding: 0;
}

.ltn__social-media-3 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.ltn__social-media-3 ul li a {
    background-color: var(--white);
    color: var(--ltn__paragraph-color);
    border: 2px solid var(--border-color-11);
    display: block;
    width: 50px;
    height: 50px;
    line-height: 46px;
    text-align: center;
}

.ltn__social-media-3 ul li a i {
    color: inherit;
}

.ltn__social-media-3 ul li:last-child {
    margin-right: 0;
}

.ltn__social-media-3 ul li:hover a {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: var(--white);
}

.bg-image-top {
    background-size: auto;
    background-position: top center;
    background-repeat: no-repeat;
}

.bg-image-right-before {
    position: relative;
}

.bg-image-right-before::before {
    position: absolute;
    content: "";
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/bg/21.jpg);
    height: 100%;
    width: 48%;
    left: auto;
    right: 0;
    top: 0;
}

.bg-image-left-before {
    position: relative;
}

.bg-image-left-before::before {
    position: absolute;
    content: "";
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/others/1.png);
    height: 100%;
    width: 48%;
    left: 0;
    right: auto;
    top: 0;
}

.nice-select .option {
    font-weight: 400;
}

/* Responsive Device under :991px. */
@media (max-width: 991px) {
    .bg-image-top {
        background-size: inherit;
    }

    .bg-image-right-before::before,
    .bg-image-left-before::before {
        display: none;
    }
}

.ltn__social-media-4 ul {
    margin: 0;
    padding: 0;
}

.ltn__social-media-4 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.ltn__social-media-4 ul li a {
    background-color: var(--ltn__primary-color-3);
    color: var(--white);
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
}

.ltn__social-media-4 ul li:last-child {
    margin-right: 0;
}

.ltn__social-media-4 ul li:hover a {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

/* ----------------------------------------
  Section title
---------------------------------------- */
.section-title-area {
    margin-bottom: 50px;
}

.section-title-area p {
    margin-bottom: 0;
    max-width: 600px;
}

.section-title-area p+p {
    margin-top: 15px;
}

.section-title-area.text-right p {
    margin-left: auto;
}

.section-title-area.text-center p {
    margin-left: auto;
    margin-right: auto;
}

.section-title {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.3;
    padding: 20px 0 0 0;
}

.section-title::after {
    content: '';
    border-bottom: 3px solid #8ed200;
    width: 52px;
    display: block;
    margin: 5px auto;
    margin-bottom: 20px;
}

.section-title span {
    color: var(--ltn__secondary-color);
}

.section-title p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--ltn__paragraph-color);
    margin-top: 20px;
}

.section-title.white .section-title {
    color: var(--white);
}

.section-title.white p {
    color: rgba(var(--white), 0.7);
}

/* ltn__separate-line */
.ltn__separate-line {
    position: relative;
    display: inline-block;
    min-width: 200px;
    margin-bottom: 3px;
    text-align: center !important;
}

.ltn__separate-line::before {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#f28bc2), color-stop(50%, #d8b1f2));
    background: -webkit-linear-gradient(left, #f28bc2 0%, #d8b1f2 50%);
    background: -o-linear-gradient(left, #f28bc2 0%, #d8b1f2 50%);
    background: linear-gradient(90deg, #f28bc2 0%, #d8b1f2 50%);
}

.ltn__separate-line .separate-icon {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 0 15px;
}

.ltn__separate-line i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 -4px;
    color: var(--ltn__secondary-color);
}

/* Section Title 2 */
.ltn__section-title-2 {
    margin-bottom: 40px;
}

.ltn__section-title-2 .section-subtitle {
    margin-top: 0;
}

.ltn__section-title-2 .section-title {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 15px;
    line-height: 1.3;
}

.ltn__section-title-2 p {
    padding: 0 0 0 30px;
    border-width: 0 0 0 2px;
    border-style: solid;
    border-color: var(--ltn__secondary-color);
    max-width: 450px;
}

.ltn__section-title-2.text-right p {
    padding: 0 30px 0 0;
    border-width: 0 2px 0 0;
    margin-left: auto;
}

.ltn__section-title-2.text-center p {
    padding: 0 0 0 30px;
    border-width: 0 0 0 2px;
    margin-left: auto;
    margin-right: auto;
    text-align: left !important;
}

/* Section Title 3 */
.section-title-style-3 {
    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;
}

.section-title-style-3 .section-brief-in p {
    padding: 0 30px 0 0;
    border-width: 0 2px 0 0;
    margin-left: auto;
    margin-right: 30px;
    text-align: right;
}

/* title-2 */
.title-2 {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
    border-left: 2px solid;
    border-color: var(--ltn__secondary-color);
    padding-left: 10px;
}

.section-subtitle {
    font-weight: 600;
    font-family: var(--ltn__body-font);
}

.section-subtitle-2 {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 25px;
    position: relative;
}

.section-subtitle-2::before {
    position: absolute;
    content: "";
    background-color: var(--ltn__secondary-color);
    width: 100%;
    height: 100%;
    top: 50%;
    right: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    -ms-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    border-radius: 25px;
    opacity: 0.1;
}

@media (max-width: 1599px) {
    .ltn__section-title-2 .section-title {
        font-size: 60px;
    }
}

@media (max-width: 1399px) {
    .ltn__section-title-2 .section-title {
        font-size: 56px;
    }

    .section-title-style-3 .section-title {
        min-width: 320px;
    }
}

@media (max-width: 1199px) {
    .section-title {
        font-size: 30px;
    }

    .ltn__section-title-2 .section-title {
        font-size: 50px;
    }
}

@media (max-width: 991px) {
    .section-title {
        font-size: 26px;
    }

    .ltn__section-title-2 .section-title {
        font-size: 40px;
    }

    .ltn__section-title-2 p {
        padding: 0 0 0 15px;
    }
}

@media (max-width: 767px) {
    .section-title {
        font-size: 30px;
    }

    .ltn__section-title-2 .section-title {
        font-size: 30px;
    }

    .ltn__section-title-2 p {
        padding: 0 0 0 15px;
    }

    .section-title-style-3 {
        display: block;
    }

    .section-title-style-3 .section-title {
        min-width: 100%;
    }

    .section-title-style-3 .section-brief-in p {
        padding: 0 0px 0 15px;
        border-width: 0 0px 0 2px;
        margin-left: 0;
        margin-right: 0;
        text-align: left;
        margin-bottom: 15px;
    }

    .title-2 {
        font-size: 22px;
    }
}

@media (max-width: 575px) {
    .section-title {
        font-size: 24px;
    }

    .ltn__section-title-2 .section-title {
        font-size: 24px;
    }
}

/* ----------------------------------------------------
    Category Area
---------------------------------------------------- */
.ltn__category-item {
    /* margin-top: 2px; */
    margin-bottom: 30px;
    padding: 15px 0 0 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* border: 1px solid var(--border-color-7); */
/* background-color: var(--white); }

.ltn__category-item-img {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.ltn__category-item-name {
  padding: 15px 20px 5px; }

.ltn__category-item:hover {
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow: var(--ltn__box-shadow-3); }

/* ltn__category-item-2 */
.ltn__category-item-2 {
    padding: 20px 15px 15px;
}

.ltn__category-item-2 .ltn__category-item-img {
    float: left;
    width: 35%;
}

.ltn__category-item-2 .ltn__category-item-name {
    overflow: hidden;
}

.ltn__category-item-2 .ltn__category-item-name ul {
    padding: 0;
    margin: 0;
}

.ltn__category-item-2 .ltn__category-item-name ul li {
    list-style: circle;
    margin-top: 5px;
    font-size: 14px;
}

.ltn__category-item-2 .ltn__category-item-name ul li a {
    display: block;
}

.ltn__category-item-2 h4 {
    margin-bottom: 5px;
}

.ltn__category-item-2 .category-btn {
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: underline;
}

/* ltn__category-item-3 */
.ltn__category-item-3 {
    padding: 50px 0 25px;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ltn__category-item-3::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 4px;
    background-color: var(--ltn__secondary-color);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.ltn__category-item-3:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ltn__category-item-3:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.ltn__category-item-3:hover h5 {
    color: var(--ltn__secondary-color);
}

.ltn__category-item-4 {
    padding: 40px 30px 30px;
    position: relative;
    border: none;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    border-radius: 10px;
}

.ltn__category-item-4 .ltn__category-item-img {
    width: 100px;
    height: 100px;
    line-height: 115px;
    font-size: 45px;
    border-radius: 100%;
    background-color: var(--section-bg-5);
    color: var(--ltn__secondary-color);
    text-align: center;
    margin-right: 0;
    margin-left: auto;
}

.ltn__category-item-4 .ltn__category-item-name {
    padding: 25px 0px 15px;
}

.ltn__category-item-4 .ltn__category-item-name h4 {
    font-weight: 600;
}

.ltn__category-item-4 .ltn__category-item-name p {
    margin-bottom: 0;
}

.ltn__category-item-4 .ltn__category-item-btn {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -20px;
}

.ltn__category-item-4 .ltn__category-item-btn a {
    width: 45px;
    height: 45px;
    line-height: 50px;
    background-color: var(--white);
    display: block;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-2);
    border: 1px solid var(--border-color-8);
}

.ltn__category-item-4.text-center .ltn__category-item-img {
    margin-left: auto;
    margin-right: auto;
}

.ltn__category-item-4.text-center .ltn__category-item-btn a {
    margin-left: auto;
    margin-right: auto;
}

.ltn__category-item-4:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
}

.ltn__category-item-5 {
    border: none;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    border-radius: 10px;
    margin-bottom: 50px;
}

.ltn__category-item-5 a {
    padding: 40px 30px 35px;
    display: block;
    position: relative;
}

.ltn__category-item-5 a span {
    display: block;
}

.ltn__category-item-5 a .category-icon {
    width: 100px;
    height: 100px;
    line-height: 115px;
    font-size: 45px;
    border-radius: 100%;
    background-color: var(--section-bg-5);
    color: var(--ltn__secondary-color);
    text-align: center;
    margin-bottom: 20px;
}

.ltn__category-item-5 a .category-title {
    font-size: 22px;
    font-weight: 600;
    font-family: var(--ltn__heading-font);
    color: var(--ltn__heading-color);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 10px;
}

.ltn__category-item-5 a .category-btn {
    width: 45px;
    height: 45px;
    line-height: 50px;
    background-color: var(--white);
    display: block;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-2);
    border: 1px solid var(--border-color-8);
    position: absolute;
    bottom: -20px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.ltn__category-item-5.text-center .category-icon {
    margin-left: auto;
    margin-right: auto;
}

.ltn__category-item-5.text-center .category-btn {
    margin-left: auto;
    margin-right: auto;
}

.ltn__category-item-5:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__category-item-5:hover .category-title {
    color: var(--white);
}

.ltn__category-item-5-2 a .category-icon {
    margin-right: 0;
    margin-left: auto;
}

.ltn__category-item-5-2 a .category-number {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--ltn__body-font);
    color: var(--ltn__secondary-color);
}

.ltn__category-item-5-2 a .category-brief {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__category-item-5-2:hover {
    background-color: var(--ltn__secondary-color);
}

.ltn__category-item-5-2:hover .category-number,
.ltn__category-item-5-2:hover .category-brief {
    color: var(--white);
}

.ltn__category-item-6 {
    border: 0;
}

.ltn__category-item-6 .ltn__category-item-img {
    height: 60px;
}

.ltn__category-item-6 .ltn__category-item-name {
    padding: 15px 5px 5px;
}

.ltn__category-item-6:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #dff3b6;
    border-radius: 10px;
}

.ltn__category-item-6:hover i,
.ltn__category-item-6:hover h5,
.ltn__category-item-6:hover h6 {
    color: #000;
}

.ltn__about-us-area {
    background-color: #eeeeee;
}

@media (max-width: 1200px) {
    .ltn__category-item-5 a {
        padding: 40px 20px 35px;
    }

    .ltn__category-item-5 a .category-icon {
        width: 80px;
        height: 80px;
        line-height: 90px;
        font-size: 30px;
    }

    .ltn__category-item-5 a .category-title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .ltn__category-item-2 .ltn__category-item-img {
        display: none;
    }

    .ltn__category-item-3 {
        padding: 30px 0 5px;
    }

    .ltn__category-item-5 a {
        padding: 40px 15px 35px;
    }

    .ltn__category-item-5 a .category-icon {
        width: 60px;
        height: 60px;
        line-height: 70px;
        font-size: 25px;
    }

    .ltn__category-item-5 a .category-title {
        font-size: 13px;
    }
}

/* ----------------------------------------------------
    Feature Area 
---------------------------------------------------- */
.ltn__feature-item {
    padding: 40px 25px 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
}

.ltn__feature-icon {
    margin-bottom: 20px;
    font-size: 60px;
    line-height: 1;
}

/* feature-item-2 */
.ltn__feature-item-2 {
    padding: 40px 25px 10px;
}

.ltn__feature-item-2 .ltn__feature-icon {
    margin-bottom: 20px;
}

.ltn__feature-item-2 .ltn__feature-icon span {
    background: transparent;
    height: 100px;
    width: 100px;
    line-height: 109px;
    border-radius: 100%;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: inline-block;
    text-align: center;
}

.ltn__feature-item-2 .ltn__feature-icon span::before,
.ltn__feature-item-2 .ltn__feature-icon span::after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 100%;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.ltn__feature-item-2 .ltn__feature-icon span:before {
    height: 0%;
    width: 0%;
    background: transparent;
}

.ltn__feature-item-2 .ltn__feature-icon span:after {
    height: 100%;
    width: 100%;
    border: 1px solid;
    border-color: var(--ltn__heading-color);
}

.ltn__feature-item-2 .ltn__feature-icon i {
    font-size: 26px;
    color: var(--ltn__heading-color);
    line-height: 1;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 1;
    position: relative;
}

.ltn__feature-item-2.active-feature .ltn__feature-icon span,
.ltn__feature-item-2:hover .ltn__feature-icon span {
    color: var(--white);
    border-color: transparent;
}

.ltn__feature-item-2.active-feature .ltn__feature-icon span:before,
.ltn__feature-item-2:hover .ltn__feature-icon span:before {
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#ee91cb), color-stop(50%, #d9b0f1));
    background: -webkit-linear-gradient(left, #ee91cb 0%, #d9b0f1 50%);
    background: -o-linear-gradient(left, #ee91cb 0%, #d9b0f1 50%);
    background: linear-gradient(90deg, #ee91cb 0%, #d9b0f1 50%);
}

.ltn__feature-item-2.active-feature .ltn__feature-icon span:after,
.ltn__feature-item-2:hover .ltn__feature-icon span:after {
    border-color: var(--white);
    height: 80%;
    width: 80%;
}

.ltn__feature-item-2.active-feature .ltn__feature-icon i,
.ltn__feature-item-2:hover .ltn__feature-icon i {
    color: var(--white);
}

.ltn__feature-item-2.active-feature .ltn__feature-info h6,
.ltn__feature-item-2:hover .ltn__feature-info h6 {
    color: var(--ltn__secondary-color);
}

/* feature-item-3 */
.ltn__feature-item-3 {
    padding: 25px 22px 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 2px solid;
    border-color: #f4faff;
    margin-bottom: 20px;
    position: relative;
}

.ltn__feature-item-3 h1,
.ltn__feature-item-3 h2,
.ltn__feature-item-3 h3,
.ltn__feature-item-3 h4,
.ltn__feature-item-3 h5,
.ltn__feature-item-3 h6 {
    margin-bottom: 5px;
}

.ltn__feature-item-3 .ltn__feature-icon {
    margin: 0px 20px 0 0;
    font-size: 50px;
    color: var(--ltn__secondary-color);
    line-height: 1.5;
}

.ltn__feature-item-3::before {
    position: absolute;
    content: "";
    left: -2px;
    top: 50%;
    width: 4px;
    height: 0%;
    background-color: var(--ltn__secondary-color);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ltn__feature-item-3:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__feature-item-3:hover::before {
    height: 80%;
    opacity: 1;
    visibility: visible;
}

.ltn__feature-item-3.text-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.ltn__feature-item-3.text-right .ltn__feature-icon {
    margin: 0px 0 0 20px;
}

.ltn__feature-item-3.text-right::before {
    right: -2px;
    left: auto;
}

/* feature-item-4 */
.ltn__feature-item-4 {
    padding: 50px 20px 15px;
    background-color: var(--white);
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
}

.ltn__feature-item-4:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

/* feature-item-5 */
.ltn__feature-item-5 {
    padding: 70px 30px 25px;
    margin-bottom: 30px;
}

.ltn__feature-item-5 .ltn__feature-icon {
    margin-bottom: 25px;
    font-size: 80px;
    line-height: 1;
}

.ltn__feature-item-5 .ltn__feature-icon img {
    max-width: 200px;
}

.ltn__feature-item-5 .ltn__feature-icon span {
    position: relative;
}

.ltn__feature-item-5 .ltn__feature-icon span::before {
    position: absolute;
    content: "\e942";
    font-family: 'icomoon';
    right: -10px;
    top: -10px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background-color: var(--ltn__primary-color);
    color: var(--white);
    font-size: 14px;
    border-radius: 100%;
}

.ltn__feature-item-5 .btn-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.ltn__feature-item-5 .btn-wrapper a {
    min-height: 60px;
}

.ltn__feature-item-5:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__feature-item-5:hover .btn-wrapper {
    bottom: -60px;
    opacity: 1;
    visibility: visible;
}

.ltn__feature-item-5.section-bg-2 .ltn__feature-icon {
    color: var(--ltn__secondary-color);
}

.ltn__feature-item-5.section-bg-2 .ltn__feature-icon i {
    color: var(--ltn__secondary-color);
}

.ltn__feature-item-5.section-bg-2 .ltn__feature-icon span::before {
    background-color: var(--white);
    color: var(--ltn__primary-color);
}

.ltn__feature-item-5.white-bg .ltn__feature-icon span::before {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.feature-btn a {
    display: block;
    padding: 15px 20px;
    background-color: #fff;
    text-align: center;
}

/* feature-item-6 */
.ltn__feature-item-6 {
    border: 1px solid var(--border-color-8);
    margin-bottom: 30px;
    padding: 40px 30px 35px;
}

.ltn__feature-item-6::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 4px;
    background-color: var(--ltn__secondary-color);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.ltn__feature-item-6 .ltn__feature-icon {
    color: var(--ltn__secondary-color);
}

.ltn__feature-item-6 .ltn__feature-icon i {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__feature-item-6 .ltn__feature-info p {
    font-size: 14px;
    margin-bottom: 0;
}

.ltn__feature-item-6 .ltn__feature-info p+p {
    margin-top: 15px;
}

.ltn__feature-item-6 .ltn__feature-info .ltn__service-btn {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: var(--ltn__color-1);
    font-weight: 700;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 25px;
}

.ltn__feature-item-6 .ltn__feature-info .ltn__service-btn i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ltn__feature-item-6.active,
.ltn__feature-item-6:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__feature-item-6.active::before,
.ltn__feature-item-6:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.ltn__feature-item-6.active .ltn__feature-info .ltn__service-btn,
.ltn__feature-item-6.active .ltn__feature-icon,
.ltn__feature-item-6:hover .ltn__feature-info .ltn__service-btn,
.ltn__feature-item-6:hover .ltn__feature-icon {
    color: var(--ltn__secondary-color);
}

/* feature-item-7 */
.ltn__feature-item-7 {
    background-color: var(--white);
    padding: 38px 30px 10px;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
    margin-bottom: 30px;
}

.ltn__feature-item-7 .ltn__feature-icon-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.ltn__feature-item-7 .ltn__feature-icon {
    margin-bottom: 0;
    margin-right: 20px;
    color: var(--ltn__secondary-color);
}

.ltn__feature-item-7 h3 {
    margin-bottom: 0;
}

.ltn__feature-item-7-color-white {
    background-color: transparent;
    border: 1px solid #203336;
}

.ltn__feature-item-7-color-white h3,
.ltn__feature-item-7-color-white p {
    color: var(--white);
}

/* feature-item-8 */
.ltn__feature-item-8 {
    padding: 40px 30px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ltn__feature-item-8 .ltn__feature-icon {
    margin-right: 20px;
    font-size: 40px;
    width: 50px;
}

.ltn__feature-item-8 .ltn__feature-info h4 {
    margin-bottom: 5px;
}

.ltn__feature-item-8 .ltn__feature-info p {
    font-size: 15px;
}

.ltn__feature-item-box-wrap {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__feature-item-box-wrap-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ltn__feature-item-box-wrap-2 .ltn__feature-item-8 {
    min-width: 280px;
}

.ltn__border-between-column [class*='col']::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50%;
    width: 1px;
    background-color: var(--border-color-1);
}

.ltn__border-between-column [class*='col']:first-child::before {
    display: none;
}

/* feature-item-9 */
.ltn__feature-item-9 {
    padding: 30px 25px 5px;
    border: 1px solid;
}

.ltn__feature-item-9 .ltn__feature-icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
    border-radius: 100%;
    margin-bottom: 0;
    margin-right: 20px;
    text-align: center;
    float: left;
    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;
    font-size: 36px;
}

.ltn__feature-item-9 .ltn__feature-icon span {
    line-height: 1;
}

.ltn__feature-item-9 .ltn__feature-info {
    overflow: hidden;
}

.ltn__feature-item-9 h2 {
    margin-bottom: 5px;
}

.ltn__feature-item-9:hover {
    background-color: var(--ltn__secondary-color);
}

/* small mobile :320px. */
@media (max-width: 767px) {
    .ltn__feature-item-5+.btn-wrapper {
        margin-bottom: 30px;
    }

    .ltn__feature-item-7 {
        padding: 38px 20px 10px;
    }
}

/* ----------------------------------------------------
    Countdown Area
---------------------------------------------------- */
.ltn__countdown {
    margin-top: 30px;
    display: inline-block;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    padding: 25px 40px 5px;
}

.ltn__countdown .single {
    display: inline-block;
    margin-right: 30px;
}

.ltn__countdown .single:last-child {
    margin-right: 0;
}

.ltn__countdown-2 {
    margin-top: 0;
    padding: 20px 30px 1px;
}

.ltn__countdown-2 .single {
    margin-right: 20px;
}

.ltn__countdown-2 .single h1 {
    font-size: 22px;
    margin-bottom: 5px;
}

.ltn__countdown-2 .single p {
    font-size: 14px;
}

.ltn__countdown-3 {
    margin-top: 0;
    padding: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ltn__countdown-3 .single {
    margin-right: 20px;
}

.ltn__countdown-3 .single h1 {
    font-size: 24px;
    margin-bottom: 5px;
    height: 50px;
    width: 60px;
    line-height: 50px;
    background-color: var(--white);
    color: var(--ltn__secondary-color);
    text-align: center;
    font-family: var(--ltn__body-font);
}

.ltn__countdown-3 .single p {
    font-size: 18px;
    text-align: center;
    font-family: var(--ltn__heading-font);
}

.ltn__countdown-3 .btn-wrapper {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .ltn__countdown-3 .single h1 {
        font-size: 20px;
        height: 50px;
        width: 50px;
        line-height: 50px;
    }

    .ltn__countdown-3 .single p {
        font-size: 14px;
    }
}

@media (min-width: 767px) {
    .ltn__countdown-1 {
        min-width: 380px;
    }
}

/* ----------------------------------------------------
    Blog Area
---------------------------------------------------- */
.ltn__blog-item {
    position: relative;
    margin-bottom: 30px;
}

.ltn__blog-img {
    position: relative;
}

.ltn__blog-img img {
    margin-bottom: 0;
}

.ltn__blog-likes {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.ltn__blog-likes ul {
    margin: 0;
    padding: 0;
}

.ltn__blog-likes li {
    list-style: none;
}

.ltn__blog-likes li a {
    height: 70px;
    width: 70px;
    font-size: 16px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--white);
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    color: var(--ltn__heading-color);
}

.ltn__blog-likes li a i {
    font-size: 18px;
    margin-bottom: 5px;
}

.ltn__blog-likes li a span {
    display: inline-block;
    line-height: 1;
    font-size: 12px;
}

.ltn__blog-brief {
    padding: 30px 0 30px;
}

.ltn__blog-title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    min-height: 70px;
}

.ltn__blog-meta {
    margin-bottom: 20px;
}

.ltn__blog-meta ul {
    padding: 0;
    margin: 0;
}

.ltn__blog-meta li {
    font-weight: 600;
    display: inline-block;
    margin-right: 25px;
    position: relative;
    font-size: 14px;
    margin-top: 0;
}

.ltn__blog-meta li:last-child {
    margin-right: 0;
}

.ltn__blog-meta li i {
    color: var(--ltn__secondary-color);
    margin-right: 5px;
}

.ltn__blog-meta li img {
    margin-bottom: 0;
}

.ltn__blog-tags a {
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

.ltn__blog-tags a::before {
    position: absolute;
    content: ",";
    right: -3px;
}

.ltn__blog-tags a:last-child::before {
    display: none;
}

.ltn__blog-author img {
    border-radius: 100%;
    margin-right: 10px;
    max-width: 30px;
    display: inline-block;
}

.ltn__blog-btn {
    color: var(--ltn__heading-color);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__blog-category a {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
    padding: 5px 15px 2px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline-block;
    text-transform: uppercase;
}

.ltn__blog-category a:last-child {
    margin-right: 0;
}

.ltn__blog-category a:hover {
    background-color: var(--ltn__primary-color);
    color: var(--white);
}

.ltn__blog-meta-btn {
    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;
}

.ltn__blog-meta-btn .ltn__blog-meta {
    margin-bottom: 0;
}

/* ltn__blog-item-1 */
.ltn__blog-item-1 .ltn__blog-img img {
    border-radius: 0px 0px 0px 35px;
}

.ltn__blog-item-1 .ltn__blog-meta ul li {
    position: relative;
}

.ltn__blog-item-1 .ltn__blog-meta ul li::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 10px;
    top: 50%;
    background-color: var(--ltn__primary-color);
    right: -15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.2;
}

.ltn__blog-item-1 .ltn__blog-meta ul li:last-child::before {
    display: none;
}

/* ltn__blog-item-2 */
.ltn__blog-item-2 {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__blog-item-2 .ltn__blog-brief {
    padding: 30px 20px 30px;
}

.ltn__blog-item-2 .ltn__blog-meta li:before {
    height: 15px;
    width: 2px;
    top: 50%;
}

.ltn__blog-item-2 .ltn__blog-meta li:before::before {
    position: absolute;
    content: "";
    right: -15px;
    height: 15px;
    width: 2px;
    background-color: var(--ltn__heading-color);
    top: 50%;
    bottom: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.6;
}

.ltn__blog-item-2 .ltn__blog-meta li:before:last-child::before {
    display: none;
}

.ltn__blog-item-2 .ltn__blog-btn {
    opacity: 0;
    visibility: hidden;
    margin-top: -20px;
}

.ltn__blog-item-2:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__blog-item-2:hover .ltn__blog-btn {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

/* ltn__blog-item-3 */
/* ltn__blog-item-4 */
.ltn__blog-item-3 .ltn__blog-brief,
.ltn__blog-item-4 .ltn__blog-brief {
    margin-left: auto;
    margin-right: auto;
    background-color: var(--white);
    position: relative;
}

.ltn__blog-item-3 .ltn__blog-meta,
.ltn__blog-item-4 .ltn__blog-meta {
    margin-bottom: 15px;
}

.ltn__blog-item-3 .ltn__blog-meta-btn,
.ltn__blog-item-4 .ltn__blog-meta-btn {
    border-top: 1px solid;
    border-color: var(--border-color-1);
    padding-top: 20px;
}

.ltn__blog-item-3 .ltn__blog-meta-btn .ltn__blog-meta,
.ltn__blog-item-4 .ltn__blog-meta-btn .ltn__blog-meta {
    margin-bottom: 0;
}

.etrafli {
    color: #8ed200;
    font-weight: 600;
    padding: 10px 0 0;
}

.ltn__testimonial-item-4 a:hover {}

.ltn__blog-item-3 .ltn__blog-btn,
.ltn__blog-item-4 .ltn__blog-btn {
    font-size: 14px;
    font-weight: 600;
    color: var(--ltn__secondary-color);
    text-transform: uppercase;
}

/* ltn__blog-item-3 */
.ltn__blog-item-3 .ltn__blog-brief {
    width: calc(100% - 30px);
}

.ltn__blog-item-3 .ltn__blog-img+.ltn__blog-brief {
    margin-top: -50px;
}

.ltn__blog-item-3-normal .ltn__blog-item-3 {
    margin-bottom: 50px;
}

.ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-brief {
    width: calc(100%);
}

.ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-img+.ltn__blog-brief {
    margin-top: 0px;
}

.ltn__blog-item-3 .ltn__blog-img {
    overflow: hidden;
}

.ltn__blog-item-3 .ltn__blog-img img {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.ltn__blog-item-3:hover .ltn__blog-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* ltn__blog-item-4 */
.ltn__blog-item-4 {
    border: 2px solid var(--white-9);
    margin-top: 1px;
}

.ltn__blog-item-4 .ltn__blog-brief {
    margin-top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__blog-item-4 p {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__blog-item-4::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background-color: var(--ltn__primary-color);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__blog-item-4:hover::before {
    width: 100%;
    height: 100%;
    opacity: 0.9;
    visibility: visible;
}

.ltn__blog-item-4:hover .ltn__blog-brief {
    background-color: transparent;
}

.ltn__blog-item-4:hover .ltn__blog-meta,
.ltn__blog-item-4:hover .ltn__blog-title,
.ltn__blog-item-4:hover p {
    color: var(--white);
}

/* ltn__blog-item-5 */
.ltn__blog-item-5 {
    border: 2px solid var(--border-color-11);
}

.ltn__blog-item-5 .ltn__blog-brief {
    padding: 40px 30px 40px 30px;
}

.ltn__blog-item-5 .ltn__blog-meta-btn {
    padding-top: 10px;
}

.ltn__blog-item-5 .ltn__blog-author {
    font-size: 16px;
}

.ltn__blog-item-5 .ltn__blog-author img {
    max-width: 40px;
}

.ltn__blog-item-5 .ltn__blog-btn {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--ltn__body-font);
}

/* blog-item-audio */
.ltn__blog-item-audio iframe {
    width: 100%;
    min-height: 300px;
}

/* blog-item-quote */
.ltn__blog-item-quote {
    border: 0;
}

.ltn__blog-item-quote .ltn__blog-meta li {
    color: var(--white);
}

.ltn__blog-item-quote .ltn__blog-meta li i {
    color: var(--white);
}

.ltn__blog-item-quote .ltn__blog-meta li:hover a {
    color: var(--white-3);
}

.ltn__blog-item-quote blockquote {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    background-color: transparent;
    font-style: normal;
    border-left: 0;
    border-color: var(--ltn__heading-color);
    padding: 60px 0 0;
    margin: 0px 0 30px 0px;
    color: var(--white);
    text-align: left;
}

.ltn__blog-item-quote blockquote::before {
    position: absolute;
    content: "\e94d";
    font-family: 'icomoon';
    font-size: 30px;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__blog-item-quote blockquote a:hover,
.ltn__blog-item-quote blockquote:hover {
    color: var(--white-3);
}

/* blog-item-6 */
.ltn__blog-item-6 {
    -webkit-box-shadow: var(--ltn__box-shadow-5);
    box-shadow: var(--ltn__box-shadow-5);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__blog-item-6:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__blog-item-6 .ltn__blog-brief {
    padding: 35px 30px 15px 35px;
}

.ltn__blog-item-6 .ltn__blog-title {
    font-size: 20px;
}

.ltn__blog-item-6 p {
    font-size: 14px;
}

/* blog-item-7 */
.ltn__blog-item-7 {
    -webkit-box-shadow: var(--ltn__box-shadow-5);
    box-shadow: var(--ltn__box-shadow-5);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__blog-item-7:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__blog-item-7 .ltn__blog-meta li {
    color: var(--ltn__secondary-color);
}

.ltn__blog-item-7 .ltn__blog-brief {
    padding: 30px 30px 30px 35px;
}

.ltn__blog-item-7 .ltn__blog-title {
    font-size: 18px;
    text-transform: uppercase;
}

.ltn__blog-item-7 p {
    font-size: 18px;
    line-height: 28px;
}

.ltn__blog-item-7 .ltn__blog-btn {
    font-size: 15px;
}

/* blog-list-wrap */
.ltn__blog-list-wrap .ltn__blog-item {
    margin-bottom: 40px;
}

.ltn__blog-list-wrap .ltn__blog-title {
    font-size: 30px;
    line-height: 1.2;
}

.ltn__blog-list-wrap .ltn__blog-item-5 .ltn__blog-brief {
    padding: 50px 40px 50px 45px;
}

.ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
    padding-left: 100px;
}

.ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
    font-size: 35px;
    line-height: 1.2;
    padding: 0 0 0 100px;
}

.ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
    font-size: 80px;
    left: 0;
}

.ltn__blog-list-wrap .ltn__blog-item-quote blockquote a:hover,
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote:hover {
    color: var(--white-3);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ltn__blog-list-wrap .ltn__blog-title {
        font-size: 26px;
    }

    .ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
        font-size: 24px;
        padding: 0 0 0 80px;
    }

    .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
        font-size: 50px;
    }

    .ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
        padding-left: 80px;
    }

    .ltn__blog-item-6 .ltn__blog-title {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .ltn__blog-title {
        font-size: 20px;
    }

    .ltn__blog-item-3 .ltn__blog-brief {
        width: calc(100% - 30px);
    }

    .ltn__blog-list-wrap .ltn__blog-title {
        font-size: 26px;
    }

    .ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
        font-size: 24px;
        padding: 0 0 0 0px;
    }

    .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
        font-size: 30px;
        display: block;
        position: relative;
        margin-bottom: 10px;
    }

    .ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .ltn__blog-title {
        font-size: 16px;
    }

    .ltn__blog-meta li {
        margin-right: 10px;
        font-size: 12px;
    }

    .ltn__blog-list-wrap .ltn__blog-title {
        font-size: 22px;
    }

    .ltn__blog-list-wrap .ltn__blog-item-5 .ltn__blog-brief {
        padding: 40px 20px 35px 20px;
    }

    .ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
        font-size: 20px;
        padding: 0 0 0 0px;
    }

    .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
        font-size: 30px;
        display: block;
        position: relative;
        margin-bottom: 10px;
    }

    .ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
        padding-left: 0;
    }

    .ltn__blog-item-3 .ltn__blog-btn,
    .ltn__blog-item-4 .ltn__blog-btn {
        font-size: 12px;
    }

    .ltn__blog-item-6 .ltn__blog-title {
        font-size: 20px;
    }

    .ltn__blog-item-6 .ltn__blog-brief {
        padding: 35px 20px 15px 20px;
    }
}

/* ----------------------------------------------------
    Blog Details
---------------------------------------------------- */
.ltn__page-details-inner h1,
.ltn__page-details-inner h2,
.ltn__page-details-inner h3,
.ltn__page-details-inner h4,
.ltn__page-details-inner h5,
.ltn__page-details-inner h6 {
    margin-top: 30px;
}

.ltn__page-details-inner p {
    margin-top: 1.5em;
}

.ltn__page-details-inner .ltn__blog-title {
    margin-top: 0;
    font-size: 30px;
}

.ltn__page-details-inner .ltn__blog-img {
    margin-bottom: 40px;
}

.ltn__page-details-inner .img-radius img {
    border-radius: 0px 0px 0px 35px;
}

.ltn__page-details-inner label {
    font-size: 14px;
}

/* blog-details-wrap */
.ltn__blog-details-wrap {
    border: 2px solid var(--border-color-11);
    padding: 50px;
}

blockquote {
    font-size: 18px;
    font-family: var(--ltn__heading-font);
    line-height: 1.6;
    font-weight: 700;
    background-color: var(--section-bg-1);
    padding: 60px 50px 60px 60px;
    margin: 50px 0 50px 0px;
    font-style: normal;
    text-align: center;
    border-left: 0;
    position: relative;
    z-index: 1;
}

blockquote::before {
    position: absolute;
    content: "\e94d";
    font-family: 'icomoon';
    font-size: 150px;
    right: 45px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--white);
    z-index: -1;
}

.ltn__comment-item {
    position: relative;
}

.ltn__comment-item p {
    font-size: 14px;
}

.ltn__commenter-img {
    float: left;
    margin-right: 30px;
    max-width: 100px;
}

.ltn__commenter-img img {
    border-radius: 100%;
}

.ltn__commenter-comment {
    overflow: hidden;
}

.ltn__commenter-comment h6 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
}

.ltn__commenter-comment .comment-date {
    margin-bottom: 10px;
    display: block;
    font-size: 13px;
    font-weight: 700;
    font-family: var(--ltn__heading-font);
    color: var(--ltn__secondary-color);
}

.ltn__comment-inner ul {
    margin: 0;
    padding: 0;
}

.ltn__comment-inner li {
    list-style: none;
    border-top: 1px solid var(--border-color-12);
    padding-top: 30px;
    margin-top: 8px;
}

.ltn__comment-inner>ul>li:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

.ltn__comment-inner ul ul {
    margin: 0 0 0 70px;
    padding: 0;
}

.ltn__comment-reply-btn {
    position: absolute;
    padding: 0 25px 0;
    border: 2px solid var(--border-color-11);
    display: inline-block;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 36px;
    top: 0;
    right: 0;
}

.ltn__comment-reply-btn i {
    margin-right: 5px;
}

.ltn__comment-reply-btn:hover {
    border-color: var(--ltn__secondary-color);
}

.ltn__comment-reply-area form {
    padding: 50px;
    background-color: var(--white-5);
}

.ltn__comment-reply-area form input[type="text"],
.ltn__comment-reply-area form input[type="email"],
.ltn__comment-reply-area form input[type="password"],
.ltn__comment-reply-area form input[type="submit"],
.ltn__comment-reply-area form textarea {
    border-color: var(--white-5);
}

.ltn__comment-inner .product-ratting ul {
    padding: 0;
    margin: 0;
}

.ltn__comment-inner .product-ratting ul li {
    padding: 0;
    border: 0;
}

.ltn__first-letter {
    font-size: 70px;
    font-weight: 700;
    float: left;
    background-color: var(--ltn__secondary-color);
    color: var(--white);
    margin-right: 30px;
    line-height: 1;
    text-transform: uppercase;
    width: 100px;
    height: 100px;
    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;
}

.ltn__blog-tags-social-media .ltn__social-media ul li {
    color: var(--ltn__color-1);
}

.ltn__slider-area.ltn__slider-3.section-bg-1 {
    border-bottom: 4px solid #8ed200;
}

.ltn__prev-next-btn {
    position: relative;
}

.ltn__prev-next-btn::before {
    position: absolute;
    content: "\e958";
    font-family: 'icomoon';
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 30px;
    color: var(--ltn__secondary-color);
}

.ltn__prev-next-btn h6 {
    color: var(--ltn__secondary-color);
}

.ltn__prev-next-btn .ltn__blog-title {
    font-size: 24px;
    margin-bottom: 0;
}

.ltn-author-introducing {
    padding: 40px;
    border: 2px solid var(--border-color-11);
    margin-bottom: 50px;
}

.ltn-author-introducing .author-img {
    float: left;
    max-width: 180px;
    margin-right: 40px;
}

.ltn-author-introducing .author-info {
    overflow: hidden;
}

.ltn-author-introducing .author-info h6 {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--ltn__secondary-color);
}

.ltn-author-introducing .author-info h1,
.ltn-author-introducing .author-info h2,
.ltn-author-introducing .author-info h3 {
    margin-bottom: 10px;
}

.ltn-author-introducing .author-info p {
    font-size: 14px;
    margin-bottom: 0;
}

.ltn-author-introducing .author-info p+p {
    margin-top: 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ltn-author-introducing .author-img {
        max-width: 120px;
        margin-right: 30px;
    }
}

@media (max-width: 991px) {
    .ltn__blog-tags-social-media .ltn__social-media {
        text-align: left !important;
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .ltn__page-details-inner .ltn__blog-title {
        margin-top: 0;
        font-size: 24px;
    }

    .ltn__page-details-inner .ltn__blog-img {
        margin-bottom: 40px;
    }

    .ltn__blog-details-wrap {
        padding: 50px 20px;
    }

    blockquote {
        font-size: 16px;
        padding: 70px 20px 40px 20px;
    }

    blockquote::before {
        position: initial;
        font-size: 60px;
        display: block;
        line-height: 1;
    }

    .ltn__prev-next-btn .ltn__blog-title {
        font-size: 18px;
    }

    .blog-prev {
        margin-bottom: 40px;
    }

    .blog-next {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .ltn-author-introducing {
        padding: 40px 20px;
    }

    .ltn-author-introducing .author-img {
        max-width: 100px;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .ltn-author-introducing .author-info {
        overflow: inherit;
    }

    .ltn__commenter-img {
        float: inherit;
        margin-right: 0;
        max-width: 80px;
        margin-bottom: 20px;
    }

    .ltn__commenter-comment h6 {
        font-size: 18px;
    }

    .ltn__comment-reply-btn {
        position: inherit;
        font-size: 12px;
    }

    .ltn__comment-inner ul ul {
        margin: 0px;
    }

    .ltn__comment-inner li {
        margin-top: 30px;
    }

    .ltn__comment-reply-area form {
        padding: 50px 20px;
    }

    .ltn__first-letter {
        font-size: 40px;
        margin-right: 20px;
        width: 60px;
        height: 60px;
    }
}

/* ----------------------------------------------------
    Service Details
---------------------------------------------------- */
.ltn__service-list-menu ul {
    padding: 0;
}

.ltn__service-list-menu ul li {
    display: block;
    border-top: 2px solid #f6f6f6;
    padding: 18px 0;
    margin: 0;
    font-weight: 700;
    font-family: var(--ltn__heading-font);
}

.ltn__service-list-menu ul li:last-child {
    border-bottom: 2px solid #f6f6f6;
}

.ltn__service-list-menu ul li i {
    margin-right: 5px;
    color: var(--ltn__secondary-color);
}

.ltn__service-list-menu ul li .service-price {
    float: right;
    text-transform: capitalize;
    font-weight: 400;
    font-family: var(--ltn__body-font);
}

@media (max-width: 767px) {
    .ltn__service-list-menu ul li .service-price {
        float: none;
        display: block;
    }
}

/* ----------------------------------------------------
    Pagination
---------------------------------------------------- */
/* ltn__pagination-3 */
.ltn__pagination ul {
    margin: 0;
    padding: 0;
}

.ltn__pagination ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.ltn__pagination ul li:last-child {
    margin-right: 0px;
}

.ltn__pagination ul li a {
    height: 50px;
    width: 50px;
    line-height: 46px;
    border: 2px solid var(--border-color-11);
    text-align: center;
    display: block;
    font-weight: 700;
    border-radius: 100%;
}

.ltn__pagination ul li:hover a,
.ltn__pagination ul li.active a {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: var(--white);
}

@media (max-width: 767px) {
    .ltn__pagination ul li {
        margin-right: 5px;
        font-size: 14px;
    }

    .ltn__pagination ul li a {
        height: 40px;
        width: 40px;
        line-height: 36px;
    }
}

/* ----------------------------------------------------
    Testimonial ( 1, 2, 3, 4, 5, 6 )
---------------------------------------------------- */
.ltn__testimonial-item {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    margin-bottom: 50px;
}

.ltn__testimonial-item .ltn__testimoni-img img {
    border-radius: 100%;
}

.ltn__testimonial-item.text-center .ltn__testimoni-img {
    margin-left: auto;
    margin-right: auto;
}

.ltn__testimonial-item.text-right .ltn__testimoni-img {
    margin-left: auto;
    margin-right: 0;
}

.ltn__testimoni-img {
    margin-bottom: 30px;
}

.ltn__testimoni-img img {
    border-radius: 0;
}

.ltn__testimoni-img i {
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid;
    border-radius: 100%;
    font-size: 18px;
}

/* testimonial-item-2 */
.ltn__testimonial-item-2 {
    max-width: 60%;
}

.ltn__testimonial-item-2 .ltn__testimoni-img {
    max-width: 85px;
    outline: 8px solid;
    outline-color: var(--white);
    margin-top: 8px;
    position: relative;
}

.ltn__testimonial-item-2 .ltn__testimoni-img img {
    border-radius: 0;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
}

.ltn__testimonial-item-2 p {
    font-size: 24px;
}

.ltn__testimonial-item-2 .ltn__testimoni-info h4 {
    font-size: 30px;
    margin-bottom: 5px;
}

.ltn__testimonial-item-2 .ltn__testimoni-info h6 {
    color: var(--ltn__secondary-color);
}

/* testimonial-item-3 */
.ltn__testimonial-item-3 {
    max-width: 100%;
    margin-bottom: 20px;
}

.ltn__testimonial-item-3 .ltn__testimoni-info {
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    width: calc(100% - 40px);
    margin: -60px auto 0;
    background-color: var(--white);
    padding: 25px 30px 30px;
    position: relative;
    z-index: 9;
}

.ltn__testimonial-item-3 .ltn__testimoni-info p {
    margin-top: 0;
}

.ltn__testimonial-item-3 .ltn__testimoni-info h4 {
    margin-bottom: 5px;
    margin-top: 0;
}

.ltn__testimonial-item-3 .ltn__testimoni-info h6 {
    margin-bottom: 5px;
    margin-top: 0;
    color: var(--ltn__secondary-color);
}

.ltn__testimonial-item-3 .ltn__testimoni-info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ltn__testimonial-item-3 .ltn__testimoni-img {
    max-width: 60px;
    margin-bottom: 0;
    margin-right: 15px;
}

.ltn__testimonial-item-3 .ltn__testimoni-img img {
    border-radius: 0;
}

.ltn__testimoni-bg-icon {
    position: absolute;
    right: 15px;
    bottom: 5px;
    z-index: -1;
    opacity: 0.1;
}

.ltn__testimoni-bg-icon i {
    font-size: 110px;
    line-height: 1;
    color: var(--ltn__color-1);
}

/* testimonial-item-4 */
.ltn__testimonial-item-4 {
    max-width: 100%;
    position: relative;
    padding: 20px;
}

.ltn__testimonial-item-4:hover {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__testimonial-item-4 .ltn__testimoni-img {}

.ltn__testimonial-item-4 .ltn__testimoni-img img {
    border-radius: 0;
    height: 263px;
    object-fit: cover;
    width: 100%;
}

.ltn__testimonial-item-4 .ltn__testimoni-info {
    overflow: hidden;
}

.ltn__testimonial-item-4 .ltn__testimoni-info p {
    margin-bottom: 15px;
}

.ltn__testimonial-item-4 .ltn__testimoni-info h4 {
    margin-bottom: 5px;
}

.ltn__testimonial-item-4 .ltn__testimoni-info h6 {
    margin-bottom: 5px;
    color: var(--ltn__secondary-color);
}

/* testimonial-item-5 */
.ltn__testimonial-slider-4 {
    max-width: 45%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ltn__testimonial-item-5 .ltn__quote-icon {
    font-size: 240px;
    position: absolute;
    top: -15px;
    line-height: 1;
    color: var(--white-7);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.ltn__testimonial-item-5 .ltn__testimonial-image {
    max-width: 85px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.ltn__testimonial-item-5 .ltn__testimonial-image img {
    outline: 8px solid #fff;
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__testimonial-item-5 .ltn__testimonial-info {
    margin-top: 30px;
}

.ltn__testimonial-item-5 .ltn__testimonial-info p {
    font-size: 24px;
}

.ltn__testimonial-item-5 .ltn__testimonial-info h4 {
    font-size: 30px;
    margin-bottom: 5px;
}

.ltn__testimonial-item-5 .ltn__testimonial-info h6 {
    color: var(--ltn__secondary-color);
}

.ltn__testimonial-quote-menu {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.ltn__testimonial-quote-menu li {
    list-style: none;
}

.ltn__testimonial-quote-menu li img {
    position: absolute;
}

.ltn__testimonial-quote-menu li:nth-child(1) img {
    width: 105px;
    top: -15%;
    left: 0;
}

.ltn__testimonial-quote-menu li:nth-child(2) img {
    width: 65px;
    top: 0;
    left: auto;
    right: 3%;
}

.ltn__testimonial-quote-menu li:nth-child(3) img {
    width: 65px;
    top: 70%;
    left: 10%;
}

.ltn__testimonial-quote-menu li:nth-child(4) img {
    width: 125px;
    top: 60%;
    left: auto;
    right: 10%;
}

.ltn__testimonial-quote-menu li:nth-child(5) img {
    width: 75px;
    top: 40%;
    left: 3%;
}

.ltn__testimonial-quote-menu li:nth-child(6) img {
    width: 75px;
    top: 25%;
    left: auto;
    right: 15%;
}

.ltn__testimonial-quote-menu li:nth-child(7) img {
    width: 55px;
    top: 20%;
    left: 15%;
}

.ltn__testimonial-quote-menu li:nth-child(8) img {
    width: 55px;
    top: 40%;
    left: auto;
    right: 3%;
}

/* testimonial-item-6 */
.ltn__testimonial-item-6 {
    padding-top: 50px;
    margin-bottom: 0;
}

.ltn__testimonial-item-6 .ltn__testimoni-img i {
    border: 0;
    color: var(--ltn__secondary-color);
}

.ltn__testimonial-item-6 p {
    font-size: 28px;
}

/* testimonial-item-7 */
.ltn__testimonial-item-7 {
    background-color: var(--white);
    padding: 30px 35px 40px;
    max-width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    border: 1px solid;
    border-color: var(--border-color-13);
    position: relative;
}

.ltn__testimonial-item-7 .ltn__testimonial-img {
    margin-bottom: 30px;
}

.ltn__testimonial-item-7 .ltn__testimoni-info p {
    font-size: 18px;
}

.ltn__testimonial-item-7 .ltn__testimoni-info p i {
    font-size: 30px;
    position: relative;
    top: 8px;
    margin-right: 2px;
    line-height: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__testimonial-item-7 .ltn__testimoni-info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ltn__testimonial-item-7 .ltn__testimoni-info-inner .ltn__testimoni-img {
    max-width: 60px;
    margin-right: 15px;
    margin-bottom: 0;
}

.ltn__testimonial-item-7 .ltn__testimoni-info-inner .ltn__testimoni-name-designation h5 {
    font-weight: 600;
    margin-bottom: 0;
}

.ltn__testimonial-item-7 .ltn__testimoni-info-inner .ltn__testimoni-name-designation label {
    font-size: 14px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.ltn__testimonial-item-7::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 4px;
    background-color: var(--ltn__secondary-color);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.ltn__testimonial-item-7:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.ltn__testimonial-item-7:hover .ltn__testimoni-info p i {
    color: var(--ltn__secondary-color);
}

/* testimonial-item-8 */
.ltn__testimonial-item-8 {
    padding: 35px 35px 35px;
}

.ltn__testimonial-item-8 .ltn__testimoni-info p {
    margin-bottom: 0;
}

.ltn__testimonial-item-8 .ltn__testimoni-info p+p {
    margin-top: 15px;
}

.ltn__testimoni-author-ratting {
    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;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .ltn__testimonial-item-2 {
        max-width: 70%;
    }

    .ltn__testimonial-item-2 p {
        font-size: 20px;
    }

    .ltn__testimonial-item-2 .ltn__testimoni-info h4 {
        font-size: 24px;
    }

    .ltn__testimonial-slider-4 {
        max-width: 70%;
    }

    .ltn__testimonial-item-5 .ltn__testimonial-info p {
        font-size: 20px;
    }

    .quote-animated-image {
        display: none !important;
    }

    .ltn__testimoni-author-ratting {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }

    .ltn__testimonial-item-7 .ltn__testimoni-info p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .ltn__testimonial-item-2 {
        max-width: 95%;
    }

    .ltn__testimonial-item-2 p {
        font-size: 16px;
    }

    .ltn__testimonial-item-2 .ltn__testimoni-info h4 {
        font-size: 20px;
    }

    .ltn__testimonial-item-3 .ltn__testimoni-info {
        width: calc(100% - 20px);
        padding: 25px 20px 30px;
    }

    .ltn__testimonial-item-3 .ltn__testimoni-info-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .ltn__testimonial-item-3 .ltn__testimoni-img {
        margin-bottom: 10px;
    }

    .ltn__testimonial-item-4 .ltn__testimoni-img {
        float: none;
    }

    .ltn__testimonial-slider-4 {
        max-width: 95%;
    }

    .ltn__testimonial-item-5 .ltn__testimonial-info p {
        font-size: 16px;
    }

    .ltn__testimonial-item-7 .ltn__testimoni-info p {
        font-size: 14px;
    }

    .ltn__testimonial-item-7 .ltn__testimoni-info-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .ltn__testimonial-item-7 .ltn__testimoni-info-inner .ltn__testimoni-img {
        margin-bottom: 10px;
    }
}

/* ----------------------------------------------------
    Banner Area ( style: 2, 3 )
---------------------------------------------------- */
.ltn__banner-item {
    margin-bottom: 30px;
    position: relative;
}

.ltn__banner-img {
    overflow: hidden;
}

.ltn__banner-img img {
    -webkit-transition: all 3.5s ease 0s;
    -o-transition: all 3.5s ease 0s;
    transition: all 3.5s ease 0s;
}

.ltn__banner-img:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.ltn__banner-info h4 {
    margin-bottom: 10px;
}

.ltn__banner-style-2 .ltn__banner-info {
    padding: 20px 30px;
    border: 1px solid;
    border-color: var(--border-color-1);
}

.ltn__banner-style-3 .ltn__banner-info {
    position: absolute;
    left: 35px;
    top: 30px;
}

.ltn__banner-style-3 .banner-button {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.ltn__banner-style-3 .banner-button a {
    color: var(--ltn__color-1);
    padding: 12px 25px;
    background-color: rgba(255, 255, 255, 0.1);
    display: inline-block;
}

.ltn__banner-style-3 .banner-button a:hover {
    color: var(--white);
}

.ltn__banner-style-4 {
    position: relative;
    height: 350px;
    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;
    text-align: center;
}

.ltn__banner-style-4 .ltn__banner-info {
    position: relative;
    padding: 30px 30px;
}

.ltn__banner-style-4 .ltn__banner-info h3 {
    margin-bottom: 10px;
}

.ltn__banner-style-4 .ltn__banner-info p {
    margin-bottom: 12px;
}

.ltn__banner-style-4 .ltn__banner-info mark {
    background-color: var(--ltn__secondary-color);
}

.ltn__banner-style-4::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    background-color: var(--ltn__primary-color);
    opacity: 0.3;
}

.ltn__banner-style-4:hover::before {
    opacity: 0.15;
}

/* ----------------------------------------------------
    Team Area
---------------------------------------------------- */
.ltn__team-item {
    margin-bottom: 30px;
    border: 1px solid #f1f1f1;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.ltn__team-item:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.team-info {
    padding: 25px 15px;
}

/* team-item-2 */
.ltn__team-item-2 {
    position: relative;
}

.ltn__team-item-2:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-color-1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__team-item-2 .team-info {
    position: absolute;
    width: 100%;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__team-item-2:hover:before {
    opacity: 0.7;
    visibility: visible;
}

.ltn__team-item-2:hover .team-info {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

/* team-item-3 */
.ltn__team-item-3 {
    padding: 45px 20px 25px;
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
    border: 0;
    position: relative;
}

.ltn__team-item-3 .team-img {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
}

.ltn__team-item-3 .team-img img {
    border-radius: 100%;
}

.ltn__team-item-3 h6 {
    text-transform: uppercase;
}

.ltn__team-item-3 .team-info {
    padding: 0;
    margin-top: 30px;
}

.ltn__team-item-3 .ltn__social-media {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: currentColor;
    width: 100%;
    padding: 10px 20px 20px;
    opacity: 0;
    visibility: hidden;
    border-bottom: 3px solid transparent;
}

.ltn__team-item-3:hover {
    background-color: var(--ltn__primary-color);
}

.ltn__team-item-3:hover h6,
.ltn__team-item-3:hover h4,
.ltn__team-item-3:hover .ltn__social-media ul li {
    color: var(--white);
}

.ltn__team-item-3:hover .ltn__social-media {
    bottom: -25px;
    opacity: 1;
    visibility: visible;
    z-index: 999;
    border-bottom-color: var(--ltn__secondary-color);
}

@media (max-width: 767px) {
    .ltn__team-item-3 {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ----------------------------------------------------
    CounterUp Area
---------------------------------------------------- */
.ltn__counterup-item {
    margin-bottom: 50px;
    text-align: center;
}

.ltn__counterup-item .counter-icon {
    margin-bottom: 25px;
}

.ltn__counterup-item .counter-icon i {
    font-size: 65px;
    line-height: 1;
    color: var(--ltn__secondary-color);
}

.ltn__counterup-item h1 {
    font-weight: 700;
    font-size: 42px;
}

.ltn__counterup-item h6 {
    color: var(--ltn__color-5);
    font-family: var(--ltn__body-font);
}

/* counterup-item-2 */
.ltn__counterup-item-2 {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ltn__counterup-item-2 .counter-icon {
    margin-bottom: 0;
    margin-right: 30px;
    text-align: center;
}

.ltn__counterup-item-2 .counter-icon i {
    font-size: 35px;
    height: 65px;
    width: 65px;
    line-height: 65px;
    border: 1px solid;
    border-radius: 5px;
    color: var(--ltn__color-1);
}

.ltn__counterup-item-2 h1,
.ltn__counterup-item-2 h6 {
    font-weight: 600;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
}

.ltn__counterup-item-2 h6 {
    font-size: 20px;
}

/* counterup-item-3 */
.ltn__counterup-item-3 {
    margin-bottom: 50px;
}

.ltn__counterup-item-3 .counter-icon {
    color: var(--ltn__color-1);
}

.ltn__counterup-item-3 h1 {
    font-size: 72px;
    line-height: 1;
    margin-bottom: 5px;
}

.ltn__counterup-item-3 .counterUp-icon {
    font-size: 30px;
}

.ltn__counterup-item-3 h6 {
    font-family: var(--ltn__body-font);
}

@media (max-width: 1199px) {
    .ltn__counterup-item-3 h1 {
        font-size: 56px;
    }
}

@media (max-width: 991px) {
    .ltn__counterup-item h1 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .ltn__counterup-area .ltn__section-title-2 {
        text-align: center;
    }

    .ltn__counterup-item h1 {
        font-size: 30px;
    }

    .ltn__counterup-item-3 {
        text-align: center;
    }

    .ltn__counterup-item-3 h1 {
        font-size: 56px;
    }
}

/* ----------------------------------------------------
    Contact Form Area
---------------------------------------------------- */
.ltn__contact-address-item {
    text-align: center;
    margin-bottom: 30px;
}

.ltn__contact-address-item i {
    background-color: transparent;
    color: var(--ltn__heading-color);
    height: 60px;
    width: 60px;
    line-height: 60px;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
    text-align: center;
    border-radius: 100%;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__contact-address-item:hover i {
    background-color: var(--ltn__primary-color);
    color: var(--white);
}

.ltn__contact-address-item-2 {
    padding: 30px 0 10px;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ltn__contact-address-item-2+.ltn__contact-address-item-2 {
    border-top: 1px solid;
}

.contact-form-box {}

.contact-form-box input::-webkit-input-placeholder {
    color: var(--ltn__color-1);
}

.contact-form-box input::-moz-placeholder {
    color: var(--ltn__color-1);
}

.contact-form-box input:-ms-input-placeholder {
    color: var(--ltn__color-1);
}

.contact-form-box input:-moz-placeholder {
    color: var(--ltn__color-1);
}

.contact-form-box-2 input,
.contact-form-box-2 textarea {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
}

.google-map {
    height: 800px;
}

.ltn__contact-address-item-3 {}

.ltn__contact-address-item-3 i {
    font-size: 50px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ltn__contact-address-item-3 .ltn__contact-address-icon {
    margin-bottom: 35px;
}

.ltn__contact-address-item-3 .ltn__contact-address-icon img {
    max-width: 80px;
    background-color: #8ed200;
    padding: 20px;
    border-radius: 100px;
}

.ltn__contact-address-item-3:hover i {
    background-color: transparent;
    color: var(--ltn__secondary-color);
}

.form-messege .error {
    color: var(--red);
}

.form-messege .success {
    color: var(--green);
}

@media (max-width: 767px) {
    .contact-form-box {
        padding: 40px 25px 50px;
    }
}

/* ----------------------------------------------------
    Cart Table Area
---------------------------------------------------- */
.table-1 table {
    border: 0;
    text-transform: uppercase;
    font-size: 13px;
    width: 100%;
}

.table-1 table tr:first-child {
    font-weight: 700;
    text-transform: uppercase;
    background-color: #e5e5e6;
}

.table-1 table tr:nth-child(odd) {
    background-color: #e5e5e6;
}

.table-1 table tr:nth-of-type(even) {
    background: #f9f9f9;
}

.table-1 table tr th {
    font-weight: 700;
    text-transform: uppercase;
    background-color: #e5e5e6;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 10px 0;
    display: table-cell;
    line-height: 18px;
    text-align: center;
    width: 12%;
}

.table-1 table tr td {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 10px 0;
    display: table-cell;
    line-height: 18px;
    text-align: center;
}

.mobile-show {
    display: none;
}

@media only screen and (max-width: 767px) {
    .mobile-none {
        display: none;
    }

    .mobile-show {
        display: block;
    }
}

/* ----------------------------------------------------
    Cart plus minus
---------------------------------------------------- */
.cart-plus-minus {
    border: 2px solid;
    height: 63px;
    line-height: 56px;
    width: 140px;
    text-align: center;
}

.qtybutton {
    height: 100%;
    width: 30%;
}

.dec.qtybutton {
    float: left;
    border-right: 2px solid;
}

.inc.qtybutton {
    float: right;
    border-left: 2px solid;
}

.cart-plus-minus,
.dec.qtybutton,
.inc.qtybutton {
    background-color: var(--white);
    border-color: var(--border-color-11);
    font-size: 20px;
    font-weight: 700;
}

input.cart-plus-minus-box {
    background: transparent none repeat scroll 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 100%;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    width: 40%;
    font-weight: 700;
}

/* ----------------------------------------------------
    Product Details
---------------------------------------------------- */
.product-details-content .product-title {
    font-size: 36px;
    font-weight: 700;
}

.product-details-content .product-price {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product-details-content .product-excerpt {
    margin-bottom: 30px;
}

.product-details-content .cart-plus-minus {
    display: inline-block;
    margin-right: 20px;
}

.product-details-content .product-details-cart-btn {
    display: inline-block;
    margin-top: 0;
}

.product-details-content .product-details-buy-btn .theme-btn-1 {
    padding: 10px 100px 9px;
}

/* ----------------------------------------------------
    Shoping Cart
---------------------------------------------------- */
.table tr:nth-child(odd) {
    background-color: #f7f8fa;
}

.table tr:nth-child(even) {
    background-color: #fafafa;
}

.shoping-cart-table tbody {
    border-bottom: 1px solid #dee2e6;
}

.shoping-cart-table thead th {
    vertical-align: middle;
    border-bottom: 0;
    background-color: #f7f8fa;
}

.shoping-cart-table .table tr {
    background-color: transparent;
    display: table;
    width: 100%;
}

.shoping-cart-table td {
    padding: 20px 25px;
    vertical-align: middle;
}

.cart-product-image img {
    max-width: 100px;
}

.cart-product-remove {
    cursor: pointer;
}

.cart-product-remove:hover {
    color: var(--ltn__secondary-color);
}

.cart-product-subtotal {
    font-weight: 700;
}

.cart-coupon-row {
    background-color: #f7f8fa;
    text-align: right;
}

.cart-coupon {
    text-align: left;
}

.cart-coupon input {
    max-width: 250px;
    margin-bottom: 0;
}

.submit-button-1 {
    padding: 10px 30px;
    background-color: var(--ltn__primary-color);
    color: var(--white);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.submit-button-1:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.btn.disabled {
    cursor: not-allowed;
}

.shoping-cart-total {
    float: right;
    max-width: 450px;
    width: 100%;
}

.shoping-cart-total .table {
    margin-bottom: 0;
}

.shoping-cart-total .btn-wrapper {
    margin-top: 0;
}

.shoping-cart-total .btn-wrapper .theme-btn-1 {
    display: block;
}

@media (min-width: 768px) and (max-width: 991px) {
    .shoping-cart-table td {
        padding: 20px 10px;
    }

    .cart-product-image img {
        max-width: 80px;
    }

    .cart-product-info h4 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .shoping-cart-table thead th {
        display: none;
    }

    .shoping-cart-table .table tr {
        display: block;
        text-align: center;
    }

    .shoping-cart-table td {
        display: block;
        padding: 20px 15px;
    }

    .cart-product-image {
        max-width: 100%;
    }

    .shoping-cart-table .cart-plus-minus {
        margin-left: auto;
        margin-right: auto;
    }

    .cart-coupon input {
        margin-bottom: 20px;
    }

    .shoping-cart-table .table tr:nth-child(even) {
        background-color: var(--section-bg-1);
    }
}

/* ----------------------------------------------------
    Custom Content
---------------------------------------------------- */
.custom-content-brief h1 {
    margin-bottom: 30px;
}

.custom-content-brief .btn-wrapper {
    margin-top: 40px;
}

/* ----------------------------------------------------
    Newsletter
---------------------------------------------------- */
.ltn__newsletter-inner .ltn__form-box {
    position: relative;
    margin-top: 30px;
}

.ltn__newsletter-inner .ltn__form-box input {
    margin-bottom: 0;
    padding-right: 140px;
}

.ltn__newsletter-inner .ltn__form-box button {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    height: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ltn__newsletter-inner-2 .ltn__form-box input {
    border-width: 0px 0px 1px 0px;
    padding-right: 140px;
}

.ltn__newsletter-inner-3 .ltn__form-box input {
    border-radius: 50px;
    padding-left: 30px;
}

/* ----------------------------------------------------
    Faq Area
---------------------------------------------------- */
.ltn__faq-inner .card {
    border: none;
    border-radius: 0;
    margin-bottom: 35px;
}

.ltn__faq-inner .card:last-child {
    margin-bottom: 0;
}

.ltn__faq-inner .card .ltn__card-title {
    background-color: var(--section-bg-1);
    padding: 22px 15px 22px 40px;
    cursor: pointer;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 18px;
    margin-bottom: 0;
}

.ltn__faq-inner .card .ltn__card-title::before {
    position: absolute;
    content: "\e903";
    font-family: 'icomoon';
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
}

.ltn__faq-inner .card .ltn__card-title[aria-expanded="true"] {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__faq-inner .card .ltn__card-title[aria-expanded="true"]:before {
    content: "\e904";
}

.ltn__faq-inner .card .card-body {
    padding: 20px 0 0 0;
}

/* ltn__faq-inner-2 */
.ltn__faq-inner-2 .card {
    margin: 0 0 -2px 0;
    border: 2px solid;
    border-color: var(--border-color-10);
}

.ltn__faq-inner-2 .card .ltn__card-title {
    background-color: transparent;
    padding: 20px 60px 20px 40px;
}

.ltn__faq-inner-2 .card .ltn__card-title::before {
    background-color: var(--section-bg-1);
    color: var(--ltn__primary-color);
    font-size: 16px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
}

.ltn__faq-inner-2 .card .ltn__card-title[aria-expanded="true"] {
    background-color: transparent;
    color: var(--ltn__primary-color);
}

.ltn__faq-inner-2 .card .ltn__card-title[aria-expanded="true"]:before {
    color: var(--ltn__secondary-color);
}

.ltn__faq-inner-2 .card .card-body {
    padding: 15px 40px 25px;
}

.ltn__faq-inner-3 .card {
    background-color: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.ltn__faq-inner-3 .card .ltn__card-title {
    padding: 20px 60px 20px 5px;
    font-weight: 600;
}

.ltn__faq-inner-3 .card .ltn__card-title i {
    width: 50px;
    height: 50px;
    line-height: 55px;
    background-color: var(--ltn__secondary-color);
    color: var(--white);
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    font-size: 26px;
}

@media (max-width: 767px) {
    .ltn__faq-inner-2 .card .ltn__card-title {
        padding: 20px 60px 20px 20px;
        font-size: 16px;
    }

    .ltn__faq-inner-2 .card .card-body {
        padding: 15px 20px 25px;
    }

    .ltn__faq-inner-3 .card .ltn__card-title {
        font-size: 14px;
    }

    .ltn__faq-inner-3 .card .ltn__card-title i {
        width: 40px;
        height: 40px;
        line-height: 45px;
        font-size: 20px;
    }
}

/* ----------------------------------------------------
    404 Area
---------------------------------------------------- */
.error-404-inner .btn-wrapper {
    margin-top: 50px;
}

.error-404-title {
    font-size: 120px;
    line-height: 1;
    margin-bottom: 40px;
}

/* 404 area 1 */
.ltn__404-area-1 .error-404-title {
    font-size: 400px;
    line-height: 1;
    color: var(--ltn__secondary-color);
    margin-bottom: 0;
}

.ltn__404-area-1 h2 {
    font-size: 60px;
}

/* 404 area 2 */
.ltn__404-area-2 {
    min-height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ltn__404-area-2 .error-404-inner {
    padding: 150px 0 170px;
}

@media (max-width: 1199px) {
    .ltn__404-area-1 .error-404-title {
        font-size: 200px;
    }

    .ltn__404-area-1 h2 {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .ltn__404-area-2 .error-404-inner {
        padding: 80px 0 110px;
    }

    .error-404-inner p br {
        display: none;
    }

    .error-404-title {
        font-size: 80px;
    }

    .ltn__404-area-1 .error-404-title {
        font-size: 100px;
    }

    .ltn__404-area-1 h2 {
        font-size: 20px;
    }
}

/* ----------------------------------------------------
    Coming Soon Area
---------------------------------------------------- */
.ltn__coming-soon-area {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.coming-soon-inner {
    padding: 120px 0 100px;
}

.coming-soon-inner .ltn__countdown {
    margin-top: 0;
}

.coming-soon-inner .ltn__countdown .single {
    border: 1px solid var(--border-color-3);
    margin-right: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    min-width: 120px;
    padding-top: 15px;
}

.coming-soon-inner .btn-wrapper {
    margin-top: 50px;
}

.coming-soon-inner p {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
}

.coming-soon-inner .ltn__form-box {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.coming-soon-inner .ltn__form-box input {
    background-color: transparent;
    color: var(--white);
    border: 1px solid var(--border-color-3);
}

.coming-soon-inner .ltn__form-box input[type="text"]::-webkit-input-placeholder,
.coming-soon-inner .ltn__form-box input[type="email"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--white);
}

@media (min-width: 767px) and (max-width: 991px) {
    .coming-soon-inner .ltn__countdown .single {
        min-width: 110px;
    }
}

@media (max-width: 991px) {
    .coming-soon-inner {
        padding: 80px 0 110px;
    }

    .coming-soon-inner p br {
        display: none;
    }
}

@media (max-width: 767px) {
    .coming-soon-inner .ltn__countdown {
        padding: 25px 20px 5px;
    }

    .coming-soon-inner .ltn__countdown .single {
        margin-right: 20px;
        min-width: 90px;
    }
}

/* ----------------------------------------------------
    Screenshot Area
---------------------------------------------------- */
/* img-slide-item-1 */
.ltn__img-slide-item-1 {
    margin: 10px 0 20px 0;
    padding: 0 0;
}

.slick-current .ltn__img-slide-item-1 {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

/* img-slide-item-2 */
.ltn__img-slide-item-2 {
    margin-bottom: 30px;
}

/* img-slide-item-3 */
.ltn__img-slide-item-3 {
    position: relative;
    margin-bottom: 85px;
}

.ltn__img-slide-item-3 .ltn__img-slide-info {
    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: 30px 35px;
    background-color: white;
    position: absolute;
    bottom: 0;
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
}

.ltn__img-slide-item-3 .ltn__img-slide-info-brief {
    padding-right: 20px;
}

.ltn__img-slide-item-3 h6 {
    margin-bottom: 5px;
    color: var(--ltn__secondary-color);
}

.ltn__img-slide-item-3 h1 {
    margin-bottom: 0;
    font-size: 30px;
}

.ltn__img-slide-item-3 .btn-wrapper {
    margin-top: 0;
}

.ltn__img-slide-item-3 .btn-wrapper .btn {
    padding: 15px 20px 13px;
}

.ltn__img-slide-item-3:hover .ltn__img-slide-info {
    bottom: -65px;
    opacity: 1;
    visibility: visible;
}

.slick-current .ltn__img-slide-item-3 .ltn__img-slide-info {
    bottom: -65px;
    opacity: 1;
    visibility: visible;
}

.ltn__img-slide-item-4 {
    position: relative;
    margin-bottom: 30px;
}

.ltn__img-slide-item-4 .ltn__img-slide-info {
    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: 30px 35px;
    position: absolute;
    bottom: 5px;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: var(--gradient-color-3);
    opacity: 0;
    visibility: hidden;
}

.ltn__img-slide-item-4 .ltn__img-slide-info-brief {
    padding-right: 20px;
}

.ltn__img-slide-item-4 h6 {
    margin-bottom: 5px;
    color: var(--white);
    font-weight: 400;
}

.ltn__img-slide-item-4 h1 {
    margin-bottom: 0;
    font-size: 26px;
    color: var(--white);
    font-weight: 500;
}

.ltn__img-slide-item-4 .btn-wrapper {
    margin-top: 0;
}

.ltn__img-slide-item-4 .btn-wrapper .btn {
    padding: 15px 20px 13px;
}

.ltn__img-slide-item-4:hover .ltn__img-slide-info {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1399px) {
    .ltn__img-slide-item-3 .ltn__img-slide-info {
        padding: 30px 20px;
        width: calc(100% - 30px);
    }

    .ltn__img-slide-item-3 .ltn__img-slide-info-brief {
        padding-right: 15px;
    }

    .ltn__img-slide-item-3 h1 {
        font-size: 18px;
    }

    .ltn__img-slide-item-3 .btn-wrapper .btn {
        padding: 10px 10px 8px;
    }

    .ltn__img-slide-item-4 .ltn__img-slide-info {
        padding: 30px 20px;
    }

    .ltn__img-slide-item-4 h1 {
        font-size: 18px;
    }

    .ltn__img-slide-item-4 .btn-wrapper .btn {
        padding: 10px 10px 8px;
    }
}

/* ----------------------------------------------------
    Pricing List Area
---------------------------------------------------- */
.ltn__pricing-plan-item {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    overflow: hidden;
}

.ltn__pricing-plan-item .pricing-badge {
    color: var(--white);
    background-color: var(--ltn__secondary-color);
    padding: 4px 20px;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    display: table;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 18px;
    position: absolute;
    right: -28px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.ltn__pricing-plan-item .pricing-title {
    margin: 0;
    height: 100px;
    line-height: 100px;
}

.ltn__pricing-plan-item .pricing-price {
    background-color: var(--section-bg-1);
    height: 85px;
    line-height: 85px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__pricing-plan-item .pricing-price h2 {
    margin-bottom: 0;
    line-height: inherit;
    font-size: 48px;
}

.ltn__pricing-plan-item .pricing-price sup,
.ltn__pricing-plan-item .pricing-price sub {
    font-size: 24px;
}

.ltn__pricing-plan-item .pricing-price sup {
    top: -.9em;
}

.ltn__pricing-plan-item .pricing-price sub {
    bottom: -.2em;
}

.ltn__pricing-plan-item ul {
    margin: 35px 0;
    padding: 0;
}

.ltn__pricing-plan-item ul li {
    list-style: none;
    font-size: 18px;
}

.ltn__pricing-plan-item .btn-wrapper {
    padding-bottom: 50px;
}

.ltn__pricing-plan-item.active-price,
.ltn__pricing-plan-item.active {
    -webkit-box-shadow: var(--ltn__box-shadow-6);
    box-shadow: var(--ltn__box-shadow-6);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    overflow: hidden;
    position: relative;
}

.ltn__pricing-plan-item.active-price .pricing-price h2,
.ltn__pricing-plan-item.active .pricing-price h2 {
    color: var(--ltn__secondary-color);
}

.ltn__pricing-plan-item.active-price .btn,
.ltn__pricing-plan-item.active .btn {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

@media (max-width: 767px) {

    .ltn__pricing-plan-item.active-price,
    .ltn__pricing-plan-item.active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/* ----------------------------------------------------
    Checkbox
---------------------------------------------------- */
/* checkbox-item */
.checkbox-item {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-item input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkbox-item .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: var(--white);
    border: 1px solid;
    border-color: #93959E;
}

/* On mouse-over, add a grey background color */
.checkbox-item:hover input~.checkmark {
    background-color: var(--ltn__secondary-color);
}

/* When the checkbox is checked, add a blue background */
.checkbox-item input:checked~.checkmark {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-item .checkmark:after {
    position: absolute;
    content: "";
    display: none;
}

/* Show the checkmark when checked */
.checkbox-item input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-item .checkmark:after {
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ----------------------------------------------------
    Body Sidebar Icons
---------------------------------------------------- */
.body-sidebar-icons {
    position: fixed;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 9;
    -webkit-transition: -webkit-transform .3s ease 1s;
    transition: -webkit-transform .3s ease 1s;
    -o-transition: transform .3s ease 1s;
    transition: transform .3s ease 1s;
    transition: transform .3s ease 1s, -webkit-transform .3s ease 1s;
    transition: transform .3s ease 1s, -webkit-transform .3s ease 1s;
    right: 0;
    -webkit-transform: translate3d(100%, -50%, 0);
    transform: translate3d(100%, -50%, 0);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.body-sidebar-icons a {
    background-color: #ddd;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto;
    height: 40px;
    min-width: 40px;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.body-sidebar-icons a i {
    width: 40px;
    line-height: 40px;
    font-size: 14px;
    vertical-align: middle;
}

.body-sidebar-icons a .icon-name {
    white-space: nowrap;
    max-width: 0;
    padding: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: padding 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15), max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition: padding 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15), max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition: padding 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15), max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.body-sidebar-icons a.facebook-icon {
    background-color: var(--facebook);
}

.body-sidebar-icons a.twitter-icon {
    background-color: var(--twitter);
}

.body-sidebar-icons a.pinterest-icon {
    background-color: var(--pinterest);
}

.body-sidebar-icons a.instagram-icon {
    background-color: var(--instagram);
}

.body-sidebar-icons a.dribbble-icon {
    background-color: var(--dribbble);
}

.body-sidebar-icons a.behance-icon {
    background-color: var(--behance);
}

.body-sidebar-icons a.google-plus-icon {
    background-color: var(--google-plus);
}

.body-sidebar-icons a.linkedin-icon {
    background-color: var(--linkedin);
}

.body-sidebar-icons a.youtube-icon {
    background-color: var(--youtube);
}

.body-sidebar-icons a.vk-icon {
    background-color: var(--vk);
}

.body-sidebar-icons a.wechat-icon {
    background-color: var(--wechat);
}

.body-sidebar-icons a.email-icon {
    background-color: var(--email);
}

.body-sidebar-icons a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.body-sidebar-icons a:hover .icon-name {
    padding-left: 15px;
    max-width: 220px;
}

.body-sidebar-icons.left-side {
    left: 0;
    right: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.body-sidebar-icons.left-side a {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
}

.body-sidebar-icons.left-side a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.body-sidebar-icons.left-side a:hover .icon-name {
    padding-right: 15px;
    padding-left: 0;
}

/* ----------------------------------------------------
    About Us Area
---------------------------------------------------- */
.about-us-img-wrap {
    position: relative;
}

.about-us-img-wrap img {
    margin: 0;
    height: 350px;
    object-fit: cover;
    width: 100%;
}

.about-us-img-info {
    width: 310px;
    height: 310px;
    background-color: var(--white);
    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;
    text-align: center;
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
}

.about-us-img-info h1 {
    margin: 0;
    font-size: 120px;
    line-height: 0.8;
    color: var(--ltn__secondary-color);
}

.about-us-img-info h1 .counter {
    font-size: 120px;
    line-height: 0.8;
    color: var(--ltn__secondary-color);
}

.about-us-img-info h1 span {
    font-size: 20px;
    color: var(--ltn__heading-color);
}

.about-us-img-info h6 {
    margin: 0;
}

.about-us-img-info h6 span {
    font-size: 20px;
    color: var(--ltn__secondary-color);
}

.about-us-img-info .btn-wrapper {
    margin-top: 50px;
}

.about-us-img-info .dots-bottom {
    height: 25px;
    width: 25px;
    background-color: var(--ltn__secondary-color);
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 12px;
}

.about-us-img-info-2 {
    width: 190px;
    height: 190px;
    background-color: var(--ltn__secondary-color);
    border: 15px solid;
    border-color: var(--white);
    bottom: 0;
    top: auto;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    margin-right: 0;
}

.about-us-img-info-2 h1 {
    font-size: 50px;
    color: var(--white);
}

.about-us-img-info-2 h1 .counter {
    font-size: 50px;
    color: var(--white);
}

.about-us-img-info-2 h1 span {
    font-size: 20px;
    color: var(--white);
}

.about-us-img-info-2 h6 {
    color: var(--white);
}

.about-us-img-info-3 {
    right: auto;
    left: 10px;
    border: 0;
    height: inherit;
    width: inherit;
    max-width: 300px;
    bottom: 70px;
    background-color: transparent;
}

.about-us-img-info-3 .ltn__video-img::before {
    opacity: 0.1;
}

.about-us-info-wrap {
    position: relative;
}

.about-us-info-wrap .btn-wrapper {
    margin-top: 40px;
}

.about-us-info-wrap hr {
    margin-top: 40px;
    margin-bottom: 40px;
}

.about-us-info-wrap .ltn__video-play-btn {
    width: 80px;
    height: 80px;
    line-height: 84px;
    font-size: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -100px;
}

.about-us-info-devide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-us-info-devide .list-item-with-icon {
    margin-left: 30px;
    margin-bottom: 30px;
}

.list-item-with-icon {
    min-width: 300px;
}

.about-us-img-info-inner {
    width: 100%;
    height: 100%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.list-item-with-icon-2 ul,
.list-item-with-icon ul {
    padding: 0;
    margin: 0;
}

.list-item-with-icon-2 ul li,
.list-item-with-icon ul li {
    position: relative;
    list-style: none;
    padding-left: 60px;
    font-weight: 700;
    margin-bottom: 25px;
}

.list-item-with-icon-2 ul li:last-child,
.list-item-with-icon ul li:last-child {
    margin-bottom: 0;
}

.list-item-with-icon-2 ul li::before,
.list-item-with-icon ul li::before {
    position: absolute;
    content: "\f00c";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    left: 0;
    top: -5px;
    background-color: var(--section-bg-1);
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: var(--ltn__secondary-color);
}

.list-item-with-icon-2 ul li {
    padding-left: 30px;
    font-weight: 400;
    margin-bottom: 0;
}

.list-item-with-icon-2 ul li::before {
    height: inherit;
    line-height: inherit;
    width: inherit;
    background-color: transparent;
    color: var(--ltn__heading-color);
    top: 5px;
}

.about-img-left {
    margin-right: 30px;
}

.about-img-right {
    margin-left: 30px;
}

.ltn__img-shape-left,
.ltn__img-shape-right {
    position: relative;
}

.ltn__img-shape-left::before,
.ltn__img-shape-right::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 85%;
    width: 30px;
    background-color: var(--ltn__secondary-color);
}

.ltn__img-shape-left {
    padding-left: 30px;
}

.ltn__img-shape-left::before {
    left: 0;
}

.ltn__img-shape-right {
    padding-right: 30px;
}

.ltn__img-shape-right::before {
    left: auto;
    right: 0;
}

.about-call-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-call-us .call-us-icon {
    font-size: 50px;
    margin-right: 20px;
    color: var(--ltn__secondary-color);
    line-height: 1;
}

.about-call-us .call-us-info p {
    margin-bottom: 10px;
}

.about-call-us .call-us-info h2 {
    margin-bottom: 0px;
}

.ltn__list-item-half {
    margin-top: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.ltn__list-item-half li {
    width: 50%;
    float: left;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px;
}

.ltn__list-item-half li img {
    max-width: 50px;
    margin-right: 10px;
}

.ltn__list-item-half li i {
    font-size: 20px;
    color: var(--white);
    margin-right: 15px;
    height: 45px;
    width: 45px;
    line-height: 45px;
    background-color: var(--ltn__secondary-color);
    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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    border-radius: 100%;
}

.ltn__list-item-half-2 li i {
    font-size: 14px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
}

.ltn__list-item-1 {
    padding-left: 0;
}

.ltn__list-item-1 li {
    list-style: none;
}

.ltn__list-item-1 li i {
    margin-right: 10px;
    color: var(--ltn__secondary-color);
    font-size: 26px;
    float: left;
}

.ltn__list-item-1-before {
    padding-left: 30px;
}

.ltn__list-item-1-before li {
    position: relative;
}

.ltn__list-item-1-before li::before {
    position: absolute;
    content: "";
    left: -30px;
    width: 15px;
    height: 1px;
    background-color: var(--ltn__secondary-color);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ltn__list-item-2 {
    padding-left: 0;
}

.ltn__list-item-2 li {
    list-style: none;
    display: inline-block;
    position: relative;
    margin-right: 30px;
    max-width: 160px;
    font-size: 14px;
}

.ltn__list-item-2 li span {
    display: block;
    font-weight: 700;
}

.ltn__list-item-2 li:last-child {
    margin-right: 0;
}

.ltn__list-item-2-before li {
    position: relative;
}

.ltn__list-item-2-before li::before {
    position: absolute;
    content: "";
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: var(--ltn__primary-color);
    opacity: 0.2;
}

.ltn__list-item-2-before li:last-child::before {
    display: none;
}

.ltn__list-item-2-img li {
    margin-right: 10px;
    width: 30%;
}

.ltn__callout {
    padding: 20px;
    margin: 25px 0;
    border-left: 4px solid;
    border-color: var(--ltn__secondary-color);
}

.ltn__callout p {
    margin-bottom: 0;
}

.ltn__callout p+p {
    margin-top: 20px;
}

.list-item-margin li {
    margin-top: 30px;
}

.about-author-info-2 ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.about-author-info-2 ul li {
    list-style: none;
    margin-right: 45px;
    position: relative;
}

.about-author-info-2 ul li::before {
    position: absolute;
    content: "";
    top: 50%;
    right: -22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: var(--ltn__primary-color);
    opacity: 0.2;
}

.about-author-info-2 ul li:last-child {
    margin-right: 0;
}

.about-author-info-2 ul li:last-child::before {
    display: none;
}

.about-author-info-2 .about-author-info-2-brief img {
    max-width: 40px;
    border-radius: 100%;
    margin-right: 15px;
}

.about-author-info-2 .about-author-info-2-contact {
    padding: 10px 20px;
    background-color: var(--section-bg-1);
}

.about-author-info-2 .about-author-info-2-contact i {
    font-size: 25px;
    margin-right: 15px;
    color: var(--ltn__secondary-color);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .about-us-info-devide {
        display: block;
    }

    .about-us-info-devide .list-item-with-icon {
        margin-left: 0;
    }

    .list-item-with-icon {
        margin-top: 30px;
        margin-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .about-img-left {
        margin-right: 0;
        margin-bottom: 40px;
    }

    .about-img-right {
        margin-left: 0;
        margin-bottom: 40px;
    }

    .about-us-info-wrap .ltn__video-play-btn {
        position: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }
}

@media (max-width: 767px) {
    .custom-content-brief {
        margin-bottom: 30px;
    }

    .about-us-img-info {
        height: 200px;
        width: 220px;
    }

    .about-us-img-info h1 .counter {
        font-size: 80px;
    }

    .about-us-img-info-2 {
        width: 150px;
        height: 150px;
    }

    .about-us-img-info-2 h1 .counter {
        font-size: 30px;
    }

    .about-us-info-devide {
        display: block;
    }

    .about-us-info-devide .list-item-with-icon {
        margin-left: 0;
    }

    .list-item-with-icon {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .list-item-with-icon {
        min-width: 275px;
    }

    .ltn__list-item-half li {
        width: 100%;
        padding-right: 0px;
    }

    .ltn__flat-info li {
        margin-right: 20px;
    }

    .ltn__list-item-2-before li::before {
        right: -12px;
    }
}

/* ----------------------------------------------------
    Why Choose Us Area
---------------------------------------------------- */
.why-choose-us-feature-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    max-width: 480px;
}

.why-choose-us-feature-item .why-choose-us-feature-icon {
    margin-right: 20px;
    font-size: 70px;
    line-height: 1.2;
    color: var(--ltn__secondary-color);
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.why-choose-us-feature-item .why-choose-us-feature-brief h3 {
    margin-bottom: 5px;
}

.why-choose-us-img-wrap img {
    max-width: 65%;
}

.why-choose-us-img-2 {
    margin-top: -15%;
}

.why-choose-us-img-2 img {
    border: 15px solid var(--white);
}

/* ----------------------------------------------------
    Service Area
---------------------------------------------------- */
.ltn__service-item-1 {
    background-color: var(--white);
    margin-bottom: 50px;
}

.ltn__service-item-1 .service-item-img {
    position: relative;
    overflow: hidden;
}

.ltn__service-item-1 .service-item-img img {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.ltn__service-item-1 .service-item-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    background-color: white;
    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;
    font-size: 40px;
    color: var(--ltn__secondary-color);
}

.ltn__service-item-1 .service-item-brief {
    padding: 32px 40px 10px;
}

.ltn__service-item-1 .service-item-brief h3 {
    margin-bottom: 5px;
}

.ltn__service-item-1:hover .service-item-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.ltn__service-item-2 {
    padding: 0px 45px 30px;
    margin-bottom: 50px;
    margin-top: 35px;
}

.ltn__service-item-2 .service-item-icon {
    font-size: 80px;
    line-height: 1;
    top: -35px;
    position: relative;
    color: var(--ltn__secondary-color);
}

.ltn__service-item-2 .service-item-brief {
    padding-top: 50px;
}

.ltn__service-item-2 .service-item-icon+.service-item-brief {
    padding-top: 0;
}

.ltn__service-item-2 ul {
    margin-bottom: 10px;
    padding: 0;
}

.ltn__service-item-2 ul li {
    list-style: none;
    margin-top: 10px;
}

.ltn__service-item-2 ul li span {
    color: var(--ltn__color-1);
}

.ltn__service-item-2 hr {
    margin-top: 25px;
    margin-bottom: 25px;
}

@media (max-width: 1199px) {
    .ltn__service-item-2 {
        padding: 0px 30px 30px;
    }
}

@media (max-width: 767px) {
    .ltn__service-item-1 .service-item-brief {
        padding: 30px 22px 10px;
    }
}

/* ----------------------------------------------------
    Call To Action 1, 2, 3, 4, 5
---------------------------------------------------- */
/* call-to-action-2 */
.call-to-action-2 {
    background-color: var(--white-3);
}

.call-to-action-inner-2 {
    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;
}

.call-to-action-inner-2 h2 {
    margin: 0;
}

.call-to-action-inner-2 .btn-wrapper {
    margin-top: 0;
}

/* call-to-action-3 */
.get-a-free-service-margin {
    margin-bottom: -180px;
}

.get-a-free-service-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
    padding-right: 80px;
    padding-left: 30px;
}

.get-a-free-service-inner .call-to-img img {
    max-width: 350px;
    position: absolute;
    left: 35px;
    bottom: 0;
    z-index: 2;
}

.get-a-free-service-inner .call-to-action-inner-content {
    position: relative;
    z-index: 3;
}

.call-to-circle-1,
.call-to-circle-2 {
    height: 265px;
    width: 265px;
    display: inline-block;
    background-color: var(--ltn__secondary-color);
    position: absolute;
    left: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%;
    z-index: 1;
}

.call-to-circle-2 {
    height: 80px;
    width: 80px;
    left: 300px;
    top: 10%;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-animation: wave 8s 0.1s infinite linear;
    animation: wave 8s 0.1s infinite linear;
}

.call-to-bg-icon {
    position: absolute;
    font-size: 220px;
    right: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    color: var(--ltn__color-1);
    opacity: 0.1;
}

.get-a-free-service-inner .call-to-circle-2 {
    -webkit-animation: wave 8s 0.1s infinite linear;
    animation: wave 8s 0.1s infinite linear;
}

/* call-to-action-4 */
.ltn__call-to-action-4 {
    position: relative;
}

.ltn__call-to-action-4 .call-to-action-inner-4 {
    position: relative;
    z-index: 99;
}

.ltn__call-to-action-4 .call-to-action-inner-4 h2 {
    font-style: italic;
}

.ltn__call-to-action-4 .call-to-action-inner-4 .h1 {
    font-size: 50px;
}

.ltn__call-to-action-4 .call-to-action-inner-4 p {
    font-size: 18px;
}

.ltn__call-to-4-img-1 {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 34%;
}

.ltn__call-to-4-img-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 27%;
}

/* call-to-action-5 */
.call-to-action-inner-5 a:hover {
    text-decoration: underline;
    color: var(--white);
}

/* call-to-action-6 */
.call-to-action-inner-6 {
    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: 50px 60px;
}

.call-to-action-inner-6 .coll-to-info p {
    margin-bottom: 0;
}

.call-to-action-inner-6 .coll-to-info p+p {
    margin-top: 15px;
}

.call-to-action-inner-6 .btn-wrapper {
    margin-top: 0;
}

/* Device :991px. */
@media (max-width: 991px) {

    .ltn__call-to-4-img-1,
    .ltn__call-to-4-img-2 {
        display: none;
    }

    .ltn__call-to-action-4 .call-to-action-inner-4 .h1 {
        font-size: 30px;
    }

    .ltn__call-to-action-4 .call-to-action-inner-4 p {
        font-size: 14px;
    }

    .call-to-action-inner-6 {
        padding: 50px 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .call-to-action-inner-6 .btn {
        margin-top: 30px;
    }
}

/* small mobile :320px. */
@media (max-width: 767px) {
    .call-to-action-inner-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .call-to-action-inner-2 .btn-wrapper {
        margin-top: 15px;
    }

    .get-a-free-service-inner {
        display: block;
        padding-right: 0;
        padding-left: 0px;
    }

    .get-a-free-service-inner .call-to-img {
        margin-bottom: 40px;
    }

    .get-a-free-service-inner .call-to-img img {
        max-width: 100%;
        position: relative;
        left: 0;
    }

    .call-to-circle-1,
    .call-to-circle-2 {
        display: none;
    }

    .ltn__call-to-action-4 .call-to-action-inner-4 .h1 {
        font-size: 24px;
    }
}

/* small mobile :320px. */
@media (max-width: 580px) {

    .call-to-action-inner-6 h1 br,
    .call-to-action-inner-6 h2 br,
    .call-to-action-inner-6 h3 br {
        display: none;
    }
}

/* ----------------------------------------------------
    Elements Area
---------------------------------------------------- */
.ltn__elements-area {
    background-color: var(--section-bg-1);
    padding: 50px 0;
    margin: 50px 0;
}

.elements-title-area {
    text-align: center;
}

.elements-title-inner {
    background-color: var(--white-3);
    display: inline-block;
    padding: 10px 30px;
    outline: 10px solid;
    outline-offset: 10px;
    outline-color: var(--white-3);
    margin: 20px;
}

.elements-title-inner p {
    margin-bottom: 0;
    padding-top: 5px;
    border-top: 1px solid #ddd;
    margin-top: 5px;
}

.elements-title {
    display: inline-block;
    margin: 0;
}

/* ----------------------------------------------------
    Service Form 
---------------------------------------------------- */
.ltn__service-form-box {
    margin: 0;
    padding: 0 30px;
}

.ltn__service-form-box>ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ltn__service-form-box>ul>li {
    display: inline-block;
    margin-right: 20px;
    list-style: none;
}

.ltn__service-form-box .nice-select {
    margin: 0;
    height: 60px;
    line-height: 58px;
    padding-right: 40px;
    padding-left: 20px;
    border-radius: 0;
    min-width: 200px;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--ltn__heading-font);
}

.ltn__service-form-box .nice-select:after {
    right: 20px;
}

.ltn__service-form-box .nice-select UL li {
    display: block;
}

.ltn__service-form-box input {
    margin: 0;
}

.ltn__service-form-box input[type="date"] {
    margin: 0;
    height: 60px;
    padding: 0 20px;
    border: 1px solid;
    font-weight: 700;
    font-family: var(--ltn__heading-font);
    text-transform: uppercase;
}

.ltn__service-form-box .btn-wrapper {
    margin: 0;
}

.ltn__service-form-color-white .ltn__service-form-box .nice-select {
    background-color: transparent;
    border: 2px solid;
    border-color: var(--border-color-3);
}

.ltn__service-form-color-white .ltn__service-form-box .nice-select .current {
    color: var(--white);
    text-transform: uppercase;
}

.ltn__service-form-color-white .ltn__service-form-box .nice-select::after {
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: var(--border-color-3);
}

.ltn__service-form-color-white .ltn__service-form-box input {
    background-color: transparent;
    color: var(--white);
    border-color: var(--border-color-3);
    font-weight: 700;
    height: 60px;
}

.ltn__service-form-color-white .ltn__service-form-box input[type="date"] {
    background-color: transparent;
    color: var(--white);
}

.ltn__service-form-color-white .ltn__service-form-box input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.ltn__service-form-color-white .ltn__service-form-box input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--white);
}

.ltn__service-form-color-white .ltn__service-form-box input::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--white);
}

.ltn__service-form-color-white .ltn__service-form-box input:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--white);
}

.ltn__service-form-color-white .ltn__service-form-box input:-moz-placeholder {
    /* Firefox 18- */
    color: var(--white);
}

.ltn__service-form-color-white .input-item-date.ltn__custom-icon::before {
    color: var(--white);
    top: 50%;
}

.input-item-date {
    margin-bottom: 30px;
}

.input-item-date input[type="date"] {
    background-color: transparent;
    border: 2px solid var(--border-color-1);
    height: 65px;
    width: 100%;
    padding: 0 20px;
}

.input-item-date input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-filter: invert(0%);
    filter: invert(0%);
}

.ltn__service-form-1 .ltn__service-form-brief {
    padding-left: 100px;
}

.ltn__service-form-margin {
    margin-top: -160px;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .ltn__service-form-box {
        padding: 0;
    }

    .ltn__service-form-box .input-item {
        max-width: 200px;
    }
}

@media (max-width: 1199px) {
    .ltn__service-form-box>ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .ltn__service-form-box>ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
}

@media (max-width: 575px) {
    .ltn__service-form-1 .ltn__service-form-brief {
        padding-left: 20px;
    }
}

/* ----------------------------------------------------
    Get A Quote Form
---------------------------------------------------- */
.get-a-quote-wrap {
    padding: 40px 50px 50px;
    border: 2px solid;
    border-color: var(--border-color-1);
}

.get-a-quote-form {
    margin: 0;
}

.get-a-quote-form .btn-wrapper {
    padding: 0 40px;
}

.get-a-quote-form .btn {
    width: 100%;
}

.get-a-quote-form input::-webkit-input-placeholder {
    color: var(--ltn__color-1);
}

.get-a-quote-form input::-moz-placeholder {
    color: var(--ltn__color-1);
}

.get-a-quote-form input:-ms-input-placeholder {
    color: var(--ltn__color-1);
}

.get-a-quote-form input:-moz-placeholder {
    color: var(--ltn__color-1);
}

.input-item .nice-select {
    border: 2px solid;
    border-color: var(--border-color-1);
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    height: 65px;
    line-height: 60px;
    width: 100%;
    margin-bottom: 30px;
}

.input-item .nice-select .current {
    font-weight: 700;
}

.input-item .nice-select::after {
    display: none;
}

.input-item .nice-select::before {
    content: "\f063";
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: var(--ltn__secondary-color);
}

.input-item::after {
    display: block;
    clear: both;
    content: "";
}

@media (max-width: 1199px) {
    .get-a-quote-form .btn-wrapper {
        padding: 0 0px;
    }
}

@media (max-width: 767px) {
    .get-a-quote-wrap {
        padding: 40px 30px 50px;
    }
}

/* ----------------------------------------------------
    Car Dealer Form
---------------------------------------------------- */
.ltn__car-dealer-form-tab .ltn__tab-menu {
    margin-bottom: 0;
}

.ltn__car-dealer-form-tab .ltn__tab-menu .active {
    border-color: var(--ltn__secondary-color);
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__car-dealer-form-tab .tab-content {
    padding: 40px;
    background-color: var(--section-bg-1);
}

.ltn__car-dealer-form-box .ltn__car-dealer-form-item {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
}

.ltn__car-dealer-form-box .nice-select {
    margin: 0;
    height: 60px;
    line-height: 58px;
    padding-right: 40px;
    padding-left: 20px;
    border-radius: 0;
    min-width: 200px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--ltn__heading-font);
    width: 100%;
}

.ltn__car-dealer-form-box .nice-select .list {
    width: 100%;
    z-index: 99;
}

.ltn__car-dealer-form-box .ltn__custom-icon::before {
    display: none;
}

.ltn__car-dealer-form-box .ltn__custom-icon .nice-select::before {
    content: "\f063";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 10px;
    color: var(--ltn__secondary-color);
}

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-calendar .nice-select::before {
    content: "\f073";
}

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-car .nice-select::before {
    content: "\f1b9";
}

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-meter .nice-select::before {
    content: "\f3fd";
}

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-ring .nice-select::before {
    content: "\f1cd";
}

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-cog .nice-select::before {
    content: "\f013";
}

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-transgender .nice-select::before {
    content: "\f225";
}

.car-price-filter-range .price_filter .ui-widget-content {
    height: 8px;
    background-color: var(--white);
    margin-top: 20px;
}

.car-price-filter-range .price_filter .ui-state-default:last-child::before {
    position: absolute;
}

.car-price-filter-range .price_filter .ui-state-default:last-child::after {
    position: absolute;
    content: "";
    top: -30px;
    left: -5px;
    background-image: url(../img/icons/car.png);
    z-index: 99;
    width: 125px;
    height: 50px;
    background-repeat: no-repeat;
}

.car-price-filter-range .price_slider_amount>input[type="text"],
.car-price-filter-range .price_slider_amount>input[type="submit"] {
    font-weight: 700;
}

@media (max-width: 767px) {
    .ltn__car-dealer-form-tab .tab-content {
        padding: 40px 25px;
    }
}

/* ----------------------------------------------------
    Video Area
---------------------------------------------------- */
/* car home 3 */
.ltn__video-popup-margin {
    margin-bottom: -180px;
}

/* Service page */
.ltn__video-popup-margin-2 {
    margin-top: -295px;
}

/* ----------------------------------------------------
    Brand Logo
---------------------------------------------------- */
.ltn__brand-logo-item {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin: 10px 0;
}

.ltn__brand-logo-item img {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ltn__brand-logo-item:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.ltn__brand-logo-item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* ----------------------------------------------------
    Progress Bar 
---------------------------------------------------- */
.ltn__progress-bar-wrap {
    margin-bottom: 50px;
}

.ltn__progress-bar-item {
    overflow: hidden;
    margin-bottom: 10px;
}

.ltn__progress-bar-item>p {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.ltn__progress-bar-item .progress {
    background: #ebeeee none repeat scroll 0 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
    height: 3px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 12px;
    overflow: visible;
    text-transform: uppercase;
    position: relative;
}

.ltn__progress-bar-item .progress-bar {
    background-color: var(--ltn__secondary-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--ltn__secondary-color);
    font-size: 11px;
    overflow: visible;
    height: 7px;
    margin-top: -2px;
    text-align: left;
    position: relative;
}

.ltn__progress-bar-item .progress-bar span {
    border-radius: 15px;
    display: inline-block;
    height: 25px;
    letter-spacing: 0;
    line-height: 24px;
    min-width: 25px;
    padding: 0 3px;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* progress-bar-item-2 */
.ltn__progress-bar-item-2 {
    margin-bottom: 50px;
}

.ltn__progress-bar-item-2 .progress {
    width: 160px;
    height: 160px;
    background: none;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.ltn__progress-bar-item-2 .progress::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 10px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.ltn__progress-bar-item-2 .progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.ltn__progress-bar-item-2 .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: var(--ltn__secondary-color) !important;
}

.ltn__progress-bar-item-2 .progress .progress-left {
    left: 0;
}

.ltn__progress-bar-item-2 .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

.ltn__progress-bar-item-2 .progress .progress-right {
    right: 0;
}

.ltn__progress-bar-item-2 .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
}

.ltn__progress-bar-item-2 .progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    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;
}

.ltn__progress-bar-item-2 .progress .progress-count {
    font-size: 50px;
    font-weight: 700;
}

.ltn__progress-bar-item-2 .progress .progress-count sup,
.ltn__progress-bar-item-2 .progress .progress-count sub {
    font-weight: 400;
    font-size: 20px;
    color: var(--ltn__secondary-color);
}

.ltn__progress-bar-item-2 .ltn__progress-info {
    margin-top: 25px;
}

.ltn__progress-bar-item-2 .ltn__progress-info h3 {
    margin-bottom: 5px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .ltn__progress-bar-item>p {
        font-size: 14px;
    }
}

/* ----------------------------------------------------
    Our Journey Area
---------------------------------------------------- */
.ltn__our-journey-wrap ul {
    margin-left: 0;
    padding-left: 0;
}

.ltn__our-journey-wrap>ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
}

.ltn__our-journey-wrap>ul::before {
    position: absolute;
    content: "";
    background-color: #d13724;
    height: 4px;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ltn__our-journey-wrap>ul li {
    list-style: none;
    margin: 0;
}

.ltn__our-journey-wrap>ul>li {
    display: inline-block;
    position: relative;
    margin: 0 10px;
}

.ltn__our-journey-wrap>ul>li:nth-last-child(1) ul,
.ltn__our-journey-wrap>ul>li:nth-last-child(2) ul {
    left: auto;
    right: 0;
}

.ltn__our-journey-wrap>ul>li::before {
    position: absolute;
    content: "";
    top: 15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.ltn__our-journey-wrap>ul>li ul {
    position: absolute;
    bottom: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.ltn__our-journey-wrap>ul>li.active .ltn__journey-icon,
.ltn__our-journey-wrap>ul>li:hover .ltn__journey-icon {
    background-color: var(--white);
    color: var(--ltn__secondary-color);
}

.ltn__our-journey-wrap>ul>li.active ul,
.ltn__our-journey-wrap>ul>li:hover ul {
    opacity: 1;
    visibility: visible;
}

.ltn__our-journey-wrap>ul>li.active::before,
.ltn__our-journey-wrap>ul>li:hover::before {
    opacity: 1;
    visibility: visible;
}

.ltn__our-journey-wrap .ltn__journey-icon {
    font-size: 20px;
    font-weight: 700;
    padding: 40px;
    background-color: var(--ltn__primary-color);
    color: var(--white);
    display: block;
    margin: 30px 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
    text-align: center;
}

.ltn__our-journey-wrap .dropdown-menu {
    padding: 0;
}

.ltn__journey-history-item-info {
    background-color: var(--white);
    padding: 20px;
    display: block;
    width: 550px;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
    position: relative;
}

.ltn__journey-history-item-info .ltn__journey-history-img {
    float: left;
    margin-right: 20px;
    max-width: 150px;
}

.ltn__journey-history-item-info .ltn__journey-history-info {
    overflow: hidden;
}

.ltn__journey-history-item-info h3 {
    margin-bottom: 5px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ltn__journey-history-item-info {
        width: 500px;
    }
}

@media (max-width: 1199px) {
    .ltn__our-journey-wrap .ltn__journey-icon {
        font-size: 18px;
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .ltn__journey-history-item-info {
        width: 350px;
    }

    .ltn__journey-history-item-info .ltn__journey-history-img {
        float: none;
        margin-bottom: 20px;
        max-width: 100px;
    }
}

@media (max-width: 767px) {
    .ltn__our-journey-wrap>ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .ltn__our-journey-wrap>ul>li ul {
        left: 30px;
    }

    .ltn__our-journey-wrap>ul>li:nth-last-child(1) ul,
    .ltn__our-journey-wrap>ul>li:nth-last-child(2) ul {
        left: 30px;
        right: auto;
    }
}

@media (max-width: 575px) {
    .ltn__journey-history-item-info {
        width: 250px;
    }

    .ltn__journey-history-item-info .ltn__journey-history-img {
        float: none;
        margin-bottom: 20px;
    }
}

/* ----------------------------------------------------
    Google Map Locations Area
---------------------------------------------------- */
.ltn__google-map-locations-area #gmap {
    height: 90vh;
}

.ltn__google-map-locations-area #gmap .gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
}

.ltn__google-map-locations-area #gmap .gm-style .gm-style-iw-c {
    padding: 25px 8px 5px 25px !important;
    border-radius: 0;
}

.ltn__map-item {
    padding: 30px 25px 35px;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
}

.ltn__map-item .ltn__location-name {
    border-bottom: 2px solid var(--border-color-1);
    margin-bottom: 25px;
    color: var(--ltn__secondary-color);
    font-size: 20px;
}

.ltn__map-item .ltn__location-single-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}

.ltn__map-item .ltn__location-single-info i {
    margin-right: 10px;
    background: var(--ltn__secondary-color);
    color: var(--white);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.ltn__map-item .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ltn__map-item .btn {
    padding: 10px 10px;
    font-size: 13px;
    margin-right: 10px;
}

.ltn__google-map-locations-list-area .ltn__map-item {
    margin-bottom: 50px;
}

.ltn__location-search h3 {
    float: left;
    margin-right: 30px;
    margin-bottom: 0;
    line-height: 63px;
    color: var(--white);
}

.ltn__location-search .input-item {
    float: left;
    width: 300px;
}

.ltn__location-search form {
    padding: 50px 50px 20px;
    background-color: var(--ltn__secondary-color);
}

.ltn__state-location-title {
    padding: 15px 30px;
    background-color: var(--ltn__secondary-color);
    color: var(--white);
    margin: 50px 0;
}

.ltn__map-product-item {
    max-width: 260px;
}

.ltn__map-product-item img {
    max-width: 100%;
    margin-bottom: 25px;
}

.ltn__map-product-item .ltn__map-product-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
}

.ltn__map-product-item .ltn__map-product-price {
    color: var(--ltn__secondary-color);
}

.ltn__map-product-item .ltn__map-product-location {
    font-weight: 500;
}

.ltn__map-product-item .ltn__map-product-location i {
    color: var(--ltn__secondary-color);
    margin-right: 2px;
}

.ltn__map-product-item .ltn__map-product-info {
    font-weight: 500;
}

.ltn__map-product-item .ltn__map-product-info span {
    margin-right: 10px;
}

/* ----------------------------------------------------
    Team Details
---------------------------------------------------- */
.ltn__team-details-member-info .team-details-img {
    margin-bottom: 30px;
    max-width: 350px;
}

.ltn__team-details-member-info.text-right .team-details-img {
    margin-left: auto;
    margin-right: 0;
}

.ltn__team-details-member-info.text-center .team-details-img {
    margin-left: auto;
    margin-right: auto;
}

.ltn__team-details-member-about ul {
    margin: 0;
}

.ltn__team-details-member-about ul li {
    list-style: none;
    display: block;
}

.ltn__team-details-member-about ul li strong {
    min-width: 120px;
    display: inline-block;
}

.ltn__team-details-member-about>ul {
    padding: 0;
}

/* ----------------------------------------------------
    Our History Area
---------------------------------------------------- */
.ltn__our-history-inner .ltn__tab-menu .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.ltn__our-history-inner .ltn__tab-menu .nav::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: var(--white-6);
    z-index: -1;
}

.ltn__our-history-inner .ltn__tab-menu a {
    background-color: var(--white);
    border: 2px solid var(--white-6);
}

.ltn__our-history-inner .ltn__tab-menu .active {
    border-color: var(--ltn__secondary-color);
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.ltn__history-icon {
    position: absolute;
    bottom: 40px;
    right: 0;
    font-size: 160px;
    line-height: 1;
    color: var(--ltn__secondary-color);
}

.ltn__history-icon i {
    margin: 0;
}

.ltn__our-history-inner .about-img-left {
    padding-right: 70px;
}

.ltn__our-history-inner .about-img-right {
    padding-left: 70px;
}

.ltn__our-history-inner-2 .ltn__tab-menu {
    margin-bottom: 20px;
}

.ltn__our-history-inner-2 .ltn__tab-menu .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}

.ltn__our-history-inner-2 .ltn__tab-menu .nav::before {
    display: none;
}

.ltn__our-history-inner-2 .ltn__tab-menu a {
    background-color: transparent;
    border: 2px solid transparent;
    font-size: 22px;
    padding: 5px 20px;
}

.ltn__our-history-inner-2 .ltn__tab-menu .active {
    border-color: transparent;
    background-color: transparent;
    color: var(--ltn__secondary-color);
}

@media (max-width: 767px) {
    .ltn__history-icon {
        bottom: 10px;
        right: 10px;
        font-size: 80px;
    }

    .ltn__our-history-inner .about-img-left {
        padding-right: 0px;
    }

    .ltn__our-history-inner .about-img-right {
        padding-left: 0px;
    }
}

/* ----------------------------------------------------
    Appointment Form Area
---------------------------------------------------- */
.ltn__appointment-inner .alert {
    border-radius: 0;
    padding: 20px 30px;
    margin-bottom: 30px;
}

.ltn__appointment-inner .alert-danger {
    font-weight: 600;
    font-size: 14px;
}

/* ----------------------------------------------------
    Checkout Page
---------------------------------------------------- */
.ltn__checkout-single-content {
    margin-bottom: 30px;
}

.ltn__checkout-single-content h5 {
    background-color: var(--section-bg-1);
    padding: 20px 30px;
}

.ltn__checkout-single-content-info {
    padding: 30px;
    border: 1px solid var(--border-color-1);
}

.ltn__checkout-payment-method .card {
    padding: 20px;
    border-radius: 0;
}

.ltn__checkout-payment-method .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.ltn__checkout-payment-method .card-body {
    padding: 15px 30px;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    margin-top: 15px;
    position: relative;
}

.ltn__checkout-payment-method .card-body::before {
    position: absolute;
    top: -3px;
    left: 25px;
    width: 10px;
    height: 10px;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
}

.ltn__checkout-payment-method .ltn__card-title {
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
}

.ltn__checkout-payment-method .ltn__card-title::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    content: "";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #333;
    border-radius: 50%;
}

.ltn__checkout-payment-method .ltn__card-title::after {
    position: absolute;
    top: 50%;
    left: 2px;
    width: 11px;
    height: 11px;
    margin-top: 2px;
    content: "";
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    border-radius: 50%;
    background-color: #333;
}

.ltn__checkout-payment-method .ltn__card-title img {
    height: 45px;
    margin-left: 10px;
}

.ltn__checkout-payment-method .ltn__card-title[aria-expanded="true"]::after {
    opacity: 1;
}

.ltn__checkout-payment-method p {
    font-size: 14px;
}

.ltn__checkout-payment-method p:last-child {
    margin-bottom: 0;
}

/* ----------------------------------------------------
    Myaccount Page
---------------------------------------------------- */
.ltn__tab-menu-list .nav {
    display: block;
    margin-right: 30px;
    border: 1px solid #eee;
}

.ltn__tab-menu-list .nav a {
    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: 15px 20px;
    border-bottom: 1px solid var(--border-color-1);
}

.ltn__tab-menu-list .nav a:last-child {
    border-bottom: 0;
}

.ltn__tab-menu-list .nav a i {
    font-size: 14px;
}

.ltn__tab-menu-list .nav a.active {
    background-color: var(--section-bg-2);
    color: var(--white);
}

.ltn__myaccount-tab-content-inner>p {
    padding: 20px;
    background-color: var(--section-bg-1);
}

/* ----------------------------------------------------
    Time Schedule Area
---------------------------------------------------- */
.ltn__time-schedule-widget {
    padding: 50px 40px;
    margin-top: -10px;
}

.ltn__time-schedule-widget h3 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.ltn__time-schedule-widget ul {
    padding: 0;
    margin: 0;
}

.ltn__time-schedule-widget ul li {
    display: block;
}

.ltn__time-schedule-widget ul li span {
    float: right;
}

/* ----------------------------------------------------
    Contact Feature
---------------------------------------------------- */
.ltn__contact-feature-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 30px 20px;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    margin-bottom: 30px;
    background-color: var(--white);
}

.ltn__contact-feature-icon {
    font-size: 50px;
    margin-right: 20px;
    color: var(--ltn__secondary-color);
    line-height: 1;
    max-width: 50px;
}

.ltn__contact-feature-info .h6,
.ltn__contact-feature-info .h2 {
    font-family: var(--ltn__body-font);
}

.ltn__contact-feature-info .h6 {
    color: var(--ltn__color-3);
}

@media (max-width: 1400px) {
    .ltn__contact-feature-icon {
        font-size: 40px;
        margin-right: 15px;
    }

    .ltn__contact-feature-info .h6 {
        font-size: 14px;
    }

    .ltn__contact-feature-info .h2 {
        font-size: 18px;
    }
}

/* ----------------------------------------------------
    Image Slide (Screenshot)
---------------------------------------------------- */
.ltn__img-slide-item-4>a,
.ltn__img-slide-item-3>a,
.ltn__img-slide-item-2>a {
    display: block;
    overflow: hidden;
}

.ltn__img-slide-item-4 img,
.ltn__img-slide-item-3 img,
.ltn__img-slide-item-2 img {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.ltn__img-slide-item-4:hover img,
.ltn__img-slide-item-3:hover img,
.ltn__img-slide-item-2:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* ----------------------------------------------------
    Background Video
---------------------------------------------------- */
/* Video From Local (src="myFolderName/videoName.mp4") */
/*
#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
}

*/
#myVideo {
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}

/* Video From Link (src="website.com/videoUrl") */
.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.ltn__video-play-btn {
    margin-top: 0;
    width: 60px;
    height: 60px;
    line-height: 65px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
}

/* YouTube Video */
.ltn__youtube-video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

/* ----------------------------------------------------
    Newsletter Popup 2
---------------------------------------------------- */
.ltn__newsletter-popup-2 .modal-header .close {
    background-color: var(--section-bg-1);
    color: var(--ltn__heading-color);
    border-radius: 0px 0px 0px 20px;
}

.ltn__newsletter-popup-2 .modal-body {
    padding: 0;
}

.ltn__newsletter-popup-2 .ltn__newsletter-popup-info {
    padding: 30px;
}

/* ----------------------------------------------------
    Newsletter Popup
---------------------------------------------------- */
.ltn__newletter-popup-active {
    max-width: 850px;
    background: #fff;
    top: 50% !important;
    margin-top: -179px;
    position: fixed !important;
    display: none;
}

.ltn__newletter-popup {
    position: relative;
    padding: 30px;
}

.ltn__newletter-popup p {
    font-size: 14px;
}

.ltn__newletter-popup .subscribe-bottom {
    font-size: 14px;
}

.ltn__newsletter-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    z-index: 999;
}

.ltn__newsletter-close:hover {
    color: var(--ltn__secondary-color);
}

.ltn__newsletter-close-btn-left {
    right: auto;
    left: 0;
}

.ltn__newsletter-popup-info {
    padding: 15px;
}

.text-center .ltn__newsletter-popup-info input[type="email"] {
    text-align: center;
}

.ltn__newletter-popup-3 {
    padding: 0;
}

.ltn__newletter-popup-3 .ltn__newsletter-popup-info {
    padding: 30px;
}

.ltn__newletter-popup-4 {
    padding: 0;
}

.ltn__newletter-popup-4 .ltn__newsletter-popup-info {
    padding: 30px 30px 30px 10px;
}

@media (max-width: 991px) {
    .ltn__newletter-popup-active {
        max-width: 400px;
        max-height: 450px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .ltn__newsletter-popup-img {
        display: none;
    }
}

@media (max-width: 768px) {
    .ltn__newletter-popup-active {
        max-width: 300px;
    }
}

/* ----------------------------------------------------
    Apartments Plan Area
---------------------------------------------------- */
.apartments-plan-info {
    padding: 70px;
}

.apartments-plan-info,
.apartments-plan-img {
    margin-bottom: 50px;
}

.apartments-info-list>ul {
    padding: 0;
    margin: 0;
}

.apartments-info-list>ul li {
    list-style: none;
    margin-top: 10px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.apartments-info-list>ul li::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px dashed;
    border-color: var(--section-bg-5);
    z-index: 1;
}

.apartments-info-list>ul li a {
    display: block;
}

.apartments-info-list>ul li a span {
    float: right;
}

.apartments-info-list>ul li label {
    padding-right: 10px;
    background-color: var(--white);
    position: relative;
    z-index: 2;
}

.apartments-info-list>ul li span {
    float: right;
    padding-left: 10px;
    background-color: var(--white);
    position: relative;
    z-index: 2;
}

.apartments-info-list-color>ul li::before {
    border-color: var(--section-bg-5);
}

.apartments-info-list-color>ul li label {
    background-color: var(--ltn__secondary-color);
}

.apartments-info-list-color>ul li span {
    background-color: var(--ltn__secondary-color);
}

.section-bg-1 .apartments-info-list-color>ul li::before {
    border-color: var(--ltn__color-1);
}

.section-bg-1 .apartments-info-list-color>ul li label {
    background-color: var(--section-bg-1);
}

.section-bg-1 .apartments-info-list-color>ul li span {
    background-color: var(--section-bg-1);
}

@media (max-width: 767px) {
    .apartments-plan-info {
        padding: 30px;
    }

    .apartments-info-list ul li {
        font-size: 14px;
    }
}

/* ----------------------------------------------------
    Upcoming Project Area
---------------------------------------------------- */
.ltn__upcoming-project-item {
    padding: 30px 45px 30px 30px;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    margin-top: 10px;
    margin-bottom: 50px;
    background-color: var(--white);
}

.ltn__upcoming-project-item .ltn__upcoming-project-img {
    margin-top: 0;
}

.ltn__upcoming-project-item .ltn__upcoming-project-info {
    padding: 50px 20px;
}

@media (max-width: 991px) {
    .ltn__upcoming-project-item {
        padding: 30px 30px 30px 30px;
    }

    .ltn__upcoming-project-item .ltn__upcoming-project-img {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .ltn__upcoming-project-item .ltn__upcoming-project-info {
        padding: 50px 0px;
    }
}

/* ----------------------------------------------------
    Search By Place Area
---------------------------------------------------- */
.ltn__search-by-place-item {
    padding: 15px;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    background-color: var(--white);
    margin-bottom: 50px;
}

.ltn__search-by-place-item .search-by-place-img {
    position: relative;
}

.ltn__search-by-place-item .search-by-place-img .search-by-place-badge {
    position: absolute;
    top: 0;
    left: 10px;
}

.ltn__search-by-place-item .search-by-place-img .search-by-place-badge ul {
    padding: 0;
    margin: 0;
}

.ltn__search-by-place-item .search-by-place-img .search-by-place-badge ul li {
    display: inline-block;
    background-color: var(--white);
    padding: 6px 15px 2px;
    border-radius: 25px;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

.ltn__search-by-place-item .search-by-place-info {
    padding: 30px 5px 10px;
}

.ltn__search-by-place-item .search-by-place-info h6 {
    font-family: var(--ltn__body-font);
    color: var(--ltn__color-5);
    font-weight: 400;
}

.ltn__search-by-place-item .search-by-place-info h4 {
    font-weight: 600;
}

.ltn__search-by-place-item .search-by-place-info .search-by-place-btn a {
    color: var(--ltn__secondary-color);
}

.ltn__search-by-place-item .search-by-place-brief {
    font-size: 14px;
    margin-top: 10px;
}

/* ----------------------------------------------------
    Select Availability Table Area
---------------------------------------------------- */
.ltn__select-availability-table-wrap .tower-name {
    text-transform: uppercase;
}

.ltn__select-availability-table ul {
    padding: 0 0 15px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ltn__select-availability-table ul li {
    list-style: none;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.ltn__select-availability-table .ltn__select-availability-table-head {
    border-bottom: 2px solid;
    border-color: var(--border-color-1);
}

.ltn__select-availability-table .ltn__select-availability-table-row:nth-child(odd) {
    background-color: var(--section-bg-1);
}

.ltn__select-availability-table-responsive .ltn__select-availability-table-row-responsive-item {
    padding: 10px 0 25px;
    margin: 0;
    text-align: center;
}

.ltn__select-availability-table-responsive .ltn__select-availability-table-row-responsive-item:nth-child(odd) {
    background-color: var(--section-bg-1);
}

.ltn__select-availability-table-responsive .ltn__select-availability-table-row-responsive-item li {
    display: block;
    list-style: none;
}

.ltn__select-availability-table-responsive .ltn__select-availability-table-row-responsive-item li::after {
    display: block;
    clear: both;
    content: "";
}

.ltn__select-availability-table-responsive .ltn__select-availability-table-row-responsive-item li span {
    width: 50%;
    float: left;
}

/* ----------------------------------------------------
    Neighbour Area
---------------------------------------------------- */
.ltn__neighbour-tab-wrap {
    position: relative;
}

.ltn__neighbour-tab-wrap .ltn__tab-menu-4 {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    left: 20px;
}

@media (max-width: 991px) {
    .ltn__neighbour-tab-wrap .ltn__tab-menu-4 {
        position: inherit;
        margin-bottom: 30px;
        left: inherit;
        bottom: inherit;
    }

    .ltn__neighbour-tab-wrap .ltn__tab-menu-4 a img {
        max-width: 70px;
    }
}

/* ----------------------------------------------------
    LightCase
---------------------------------------------------- */
#lightcase-overlay {
    z-index: 9999;
    background: var(--section-bg-2);
}

#lightcase-case {
    z-index: 99999;
}

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ----------------------------------------------------
    Footer Default Style
---------------------------------------------------- */
.footer-widget .footer-title {
    font-size: 18px;
}

/* footer-2 */
.ltn__footer-2 .footer-widget .footer-title {
    font-size: 24px;
}

.ltn__footer-2 .footer-widget p,
.ltn__footer-2 .footer-widget li {
    font-size: 16px;
}

.ltn__footer-2 .footer-about-widget .footer-logo {
    position: relative;
    top: -20px;
    margin-bottom: 10px;
}

.ltn__footer-2 .footer-menu ul li {
    margin-bottom: 30px;
    font-weight: 600;
}

.ltn__footer-2 .footer-widget .ltn__blog-meta li,
.footer-widget .ltn__blog-meta li {
    font-size: 14px;
}

/* footer-color-1 */
.ltn__footer-color-1 p {
    color: var(--ltn__color-2);
}

.ltn__footer-color-1 p a {
    color: var(--white);
}

.ltn__footer-color-1 .ltn__footer-timeline-widget-1 li span {
    color: var(--ltn__color-1);
}

.ltn__footer-color-1 .ltn__footer-timeline-widget-1 li:last-child span {
    color: var(--white);
}

.ltn__footer-color-1 .footer-menu ul li {
    color: var(--ltn__color-2);
}

.ltn__footer-color-1 .ltn__footer-blog-item {
    border-color: var(--border-color-6);
}

.ltn__footer-color-1 .ltn__footer-blog-item .ltn__blog-meta li {
    color: var(--ltn__color-2);
}

.ltn__footer-color-1 .ltn__copyright-area {
    background-color: var(--ltn__primary-color-2);
}

.ltn__footer-color-1 .get-support-info h6 {
    color: var(--ltn__color-4);
}

.ltn__footer-color-1 .get-support-info h4 {
    color: var(--white);
}

.ltn__footer-color-1 .ltn__copyright-menu ul li {
    color: var(--white);
}

/* footer-color-2 */
.ltn__footer-color-2 .ltn__footer-timeline-widget-1 {
    background-color: var(--white);
}

.ltn__footer-color-2 .ltn__footer-timeline-widget-1 li {
    border-color: transparent;
}

.ltn__footer-color-2 .ltn__footer-timeline-widget-1 li:last-child span {
    color: var(--ltn__secondary-color);
}

.ltn__footer-color-2 .ltn__footer-blog-item {
    border-color: var(--border-color-7);
}

.ltn__footer-color-2 .ltn__copyright-area {
    background-color: var(--white-4);
}

/*-------------------------
    Footer Area
-------------------------*/
.footer-top-area {
    padding-top: 92px;
    padding-bottom: 20px;
}

.footer-widget {
    margin-bottom: 60px;
}

.footer-logo {
    position: relative;
    top: -10px;
    margin-bottom: 10px;
}

.footer-title {
    font-size: 20px;
    margin-bottom: 25px;
}

/* ----------------------------------------------------
    Footer About Widget
---------------------------------------------------- */
/* footer-address */
.footer-address ul {
    margin: 0;
    padding: 0;
}

.footer-address ul li {
    list-style: none;
    display: block;
    margin-top: 8px;
}

.footer-address ul li:after {
    display: block;
    clear: both;
    content: "";
}

.footer-address ul li .footer-address-icon {
    float: left;
    color: #8ed200;
    font-weight: bold !important;
    margin-right: 15px;
}

.footer-address ul li .footer-address-info {
    overflow: hidden;
}

.footer-address ul li .footer-address-info p {
    margin-bottom: 0;
}

/* ----------------------------------------------------
    Footer Menu Widget
---------------------------------------------------- */
/* footer-menu */
.footer-menu ul {
    margin: 0;
    padding: 0;
}

.footer-menu ul li {
    list-style: none;
    margin-top: 0px;
    position: relative;
    font-weight: 500;
}

.footer-menu ul li a {
    position: relative;
}

.footer-menu ul li:hover a {}

.footer-menu ul li:hover a::before {
    opacity: 1;
    visibility: visible;
    margin-left: 0;
}

.footer-menu ul ul {
    margin-left: 15px;
}

/* footer-menu-widget-2-column */
.footer-menu-widget-2-column {
    padding-left: 30px;
}

.footer-menu-widget-2-column .footer-menu {
    width: 50%;
    float: left;
}

.footer-menu-widget-2-column .footer-menu:nth-child(odd) {
    padding-left: 20px;
}

.footer-menu-widget-2-column ul {
    margin: 0;
}

.footer-menu-widget-2-column ul li {
    font-weight: 600;
}

/* ----------------------------------------------------
    Footer Newsletter Widget
---------------------------------------------------- */
.footer-newsletter form {
    position: relative;
}

.footer-newsletter input[type="email"] {
    margin: 0;
    padding-right: 50px;
}

.footer-newsletter .btn-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    height: 100%;
}

.footer-newsletter .btn-wrapper .btn {
    padding: 0 18px;
    height: 100%;
}

/* ----------------------------------------------------
    Footer Timeline Widget
---------------------------------------------------- */
.ltn__footer-timeline-widget {
    padding: 50px 50px 40px;
    border-bottom: 5px solid;
    border-color: var(--border-color-5);
    margin-top: -92px;
}

.ltn__footer-timeline-widget .footer-title {
    font-size: 36px;
}

.ltn__footer-timeline-widget ul {
    margin: 0;
    padding: 0;
}

.ltn__footer-timeline-widget ul li {
    list-style: none;
    font-family: var(--ltn__heading-font);
    font-weight: 700;
    border-bottom: 1px solid;
    border-color: var(--border-color-6);
    padding-bottom: 10px;
    margin-top: 10px;
}

.ltn__footer-timeline-widget ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.ltn__footer-timeline-widget ul li:last-child span {
    font-weight: 700;
}

.ltn__footer-timeline-widget ul li span {
    float: right;
    font-weight: 600;
}

/* ----------------------------------------------------
    Footer Blog Widget
---------------------------------------------------- */
.ltn__footer-blog-item {
    border-bottom: 1px solid;
    border-color: var(--border-color-6);
    margin-bottom: 20px;
}

.ltn__footer-blog-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.ltn__footer-blog-item .ltn__blog-meta {
    margin-bottom: 5px;
}

.ltn__footer-blog-item .ltn__blog-meta i {
    color: var(--ltn__secondary-color);
    margin-right: 5px;
}

.ltn__footer-blog-item .ltn__blog-title {
    font-size: 20px;
}

/* ----------------------------------------------------
    Copyright Area
---------------------------------------------------- */
.ltn__copyright-area {
    padding-top: 25px;
    padding-bottom: 25px;
}

.ltn__copyright-area .payment-method {
    text-align: right;
}

.ltn__copyright-design h6,
.ltn__copyright-design h4 {
    font-size: 14px;
    font-family: var(--ltn__body-font);
    font-weight: 700;
}

.ltn__copyright-design p {
    margin-bottom: 0;
}

.ltn__copyright-menu ul {
    margin: 0;
    padding: 0;
}

.ltn__copyright-menu ul li {
    list-style: none;
    display: inline-block;
    margin-top: 0;
    margin-right: 20px;
    font-size: 14px;
    font-family: var(--ltn__heading-font);
    font-weight: 600;
}

.ltn__copyright-menu ul li:last-child {
    margin-right: 0;
}

.ltn__copyright-menu ul li a {
    margin: 0;
}

/* ----------------------------------------------------
    Responsive
---------------------------------------------------- */
@media (max-width: 991px) {
    .ltn__footer-timeline-widget {
        padding: 50px 25px 40px;
    }

    .ltn__copyright-area {
        text-align: center;
    }

    .ltn__copyright-area .payment-method {
        text-align: center;
        margin-top: 15px;
    }

    .ltn__copyright-area .site-logo-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .ltn__copyright-area .ltn__copyright-menu {
        text-align: center !important;
    }

    #scrollUp {
        font-size: 16px;
        height: 30px;
        width: 30px;
        bottom: 50px;
    }

    #scrollUp i {
        line-height: 30px;
    }
}

@media (max-width: 767px) {
    .ltn__footer-timeline-widget {
        padding: 50px 25px 40px;
    }

    .footer-menu-widget-2-column {
        padding-left: 0;
    }

    .ltn__copyright-menu {
        margin-top: 25px;
    }

    .ltn__footer-2 .footer-widget p,
    .ltn__footer-2 .footer-widget li {
        font-size: 14px;
    }

    .ltn__footer-2 .footer-widget .ltn__blog-meta li,
    .footer-widget .ltn__blog-meta li {
        font-size: 12px;
    }

    .ltn__footer-2 .footer-menu ul li {
        margin-bottom: 20px;
    }

    .ltn__footer-blog-item .ltn__blog-title {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .ltn__footer-timeline-widget {
        padding: 50px 25px 40px;
    }

    .footer-menu-widget-2-column .footer-menu {
        width: 100%;
    }

    .footer-menu-widget-2-column .footer-menu:nth-child(odd) {
        padding-left: 0px;
    }

    .ltn__copyright-menu {
        margin-top: 25px;
    }
}

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* -------------------------
    ## Preloader Css
--------------------------- */
.pre-wrap {
    position: fixed;
    content: '';
    -webkit-transform: translate(-100%, -240%);
    -ms-transform: translate(-100%, -240%);
    transform: translate(-100%, -240%);
    font-size: 62px;
}

.preloader-inner {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
    background-color: #071c1f;
    width: 100%;
    height: 100%;
    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;
}

.preloader-inner .cancel-preloader {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.preloader-inner .cancel-preloader a {
    background-color: var(--white);
    font-weight: 600;
    text-transform: capitalize;
    color: var(--ltn__primary-color);
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 30px;
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.preloader-inner .cancel-preloader a:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.spinner {
    margin: 120px auto;
    width: 60px;
    height: 60px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.dot1,
.dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: var(--ltn__secondary-color);
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

/*----------------------------------------
  Search Popup
----------------------------------------*/
/* ---------------------------------------
    ## Button
--------------------------------------- */
.btn-wrapper {
    display: block;
    margin-top: 30px;
}

.btn {
    border-radius: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 17px 35px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    margin-right: 15px;
}

.btn:last-child {
    margin-right: 0;
}

.theme-btn-1 {
    background-color: #8ed200;
    color: var(--white);
}

.theme-btn-1:hover {
    background-color: var(--ltn__primary-color);
    color: var(--white);
}

.theme-btn-2 {
    background-color: var(--ltn__primary-color);
    color: var(--white);
}

.theme-btn-2:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.theme-btn-3 {
    background-color: transparent;
    border: 2px solid var(--border-color-9);
}

.theme-btn-3:hover {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: var(--white);
}

.reverse-color {
    background-color: var(--ltn__secondary-color);
}

.reverse-color:hover {
    background-color: var(--ltn__primary-color);
}

.btn-white {
    background-color: var(--white);
    color: var(--ltn__primary-color);
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
}

.btn-white:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.btn-black {
    background-color: var(--black);
    color: var(--white);
}

.btn-black:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.btn-transparent {
    background-color: transparent;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    border-color: #ddd;
}

.btn-transparent:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white);
}

.btn-round {
    border-radius: 50px;
}

.btn-opacity-6 {
    opacity: 0.6;
}

.btn-opacity-6:hover {
    opacity: 1;
}

.btn-opacity-7 {
    opacity: 0.7;
}

.btn-opacity-7:hover {
    opacity: 1;
}

.btn-opacity-8 {
    opacity: 0.8;
}

.btn-opacity-8:hover {
    opacity: 1;
}

.btn-opacity-9 {
    opacity: 0.9;
}

.btn-opacity-9:hover {
    opacity: 1;
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-effect-1:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--white);
}

.btn-effect-1:hover {
    color: var(--ltn__heading-color);
}

.btn-effect-1:hover::after {
    width: 100%;
}

.btn-effect-2:after {
    width: 0%;
    height: 100%;
    top: 0;
    right: 0;
    background: var(--white);
}

.btn-effect-2:hover {
    color: var(--ltn__heading-color);
}

.btn-effect-2:hover::after {
    width: 100%;
}

.btn-effect-3:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--ltn__primary-color);
}

.btn-effect-3:hover {
    color: var(--white);
}

.btn-effect-3:hover::after {
    width: 100%;
}

.btn-effect-4:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--ltn__secondary-color);
}

.btn-effect-4:hover {
    color: var(--white);
}

.btn-effect-4:hover::after {
    width: 100%;
}

.btn-full-width {
    display: block;
}

.btn-full-width-2 {
    display: block;
    width: 100%;
}

.btn-border {
    border: 2px solid var(--border-color-10);
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn {
        padding: 12px 25px;
    }

    [type="submit"].btn {
        padding: 15px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    [type="submit"].btn {
        padding: 12px 30px;
    }
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    left: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.float2 {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    left: 120px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}

/* ----------------------------------------------------
    END
---------------------------------------------------- */

/*# sourceMappingURL=style.css.map */