/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

a,
a:hover {
    color: #000
}

dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin-top: 0
}

address,
dl,
ol,
p,
pre,
ul {
    margin-bottom: 1rem
}

img,
svg {
    vertical-align: middle
}

body,
caption {
    text-align: left
}

dd,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    margin-bottom: .5rem
}

pre,
textarea {
    overflow: auto
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
legend,
main,
nav,
section {
    display: block
}

address,
legend {
    line-height: inherit
}

progress,
sub,
sup {
    vertical-align: baseline
}

label,
output {
    display: inline-block
}

button,
hr,
input {
    overflow: visible
}

.card,
code {
    word-wrap: break-word
}

.dropdown-menu,
.nav,
.navbar-nav {
    list-style: none
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1440px;
    --main-font-family: Cabin, sans-serif;
}

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

html {
    font-family: var(--main-font-family);
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    scroll-behavior: inherit !important
}

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

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

.btn:hover,
a,
a:hover {
    text-decoration: none
}

.btn,
summary {
    cursor: pointer
}

address {
    font-style: normal
}

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    background-color: transparent
}

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

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

code,
kbd,
pre,
samp {
    font-family: var(--main-font-family);
    font-size: 1em
}

img {
    border-style: none
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    caption-side: bottom
}

th {
    text-align: inherit
}

button {
    border-radius: 0
}

    button:focus {
        outline: dotted 1px;
        outline: -webkit-focus-ring-color auto 5px
    }

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

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

[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
    }

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

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

legend {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal
}

.badge,
.dropdown-header,
.dropdown-item,
.dropdown-toggle,
.input-group-text,
.navbar-brand,
.progress-bar {
    white-space: nowrap
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

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

.display-1,
.display-2,
.display-3,
.display-4 {
    line-height: 1.2
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

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

.blockquote,
hr {
    margin-bottom: 1rem
}

.display-1,
.display-2,
.display-3,
.display-4,
.lead {
    font-weight: 300
}

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

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

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

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

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

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

.lead {
    font-size: 1.25rem
}

.display-1 {
    font-size: 6rem
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-4 {
    font-size: 3.5rem
}

hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

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

.small,
small {
    font-size: 80%;
    font-weight: 400
}

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

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

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

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

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "\2014\00A0"
    }

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem
}

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code,
kbd {
    font-size: 87.5%
}

a > code,
pre code {
    color: inherit
}

code {
    color: #e83e8c
}

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

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.multifunction-banner .bottom {
    padding-right: 8px;
    padding-left: 8px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.btn,
.btn-link,
.custom-select,
.dropdown-item,
.form-control,
.input-group-text {
    font-weight: 400
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

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

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

@media (min-width:768px) {
    .container,
    .multifunction-banner .bottom {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .multifunction-banner .bottom {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .multifunction-banner .bottom {
        max-width: 1184px
    }
}

@media (min-width:1440px) {
    .container,
    .multifunction-banner .bottom {
        max-width: 1440px
    }
}

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

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

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

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

@media (min-width:1440px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl,
    .multifunction-banner .bottom {
        max-width: 1440px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col,
    .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-13,
.col-14,
.col-15,
.col-16,
.col-17,
.col-18,
.col-19,
.col-2,
.col-20,
.col-21,
.col-22,
.col-23,
.col-24,
.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-13,
.col-lg-14,
.col-lg-15,
.col-lg-16,
.col-lg-17,
.col-lg-18,
.col-lg-19,
.col-lg-2,
.col-lg-20,
.col-lg-21,
.col-lg-22,
.col-lg-23,
.col-lg-24,
.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-13,
.col-md-14,
.col-md-15,
.col-md-16,
.col-md-17,
.col-md-18,
.col-md-19,
.col-md-2,
.col-md-20,
.col-md-21,
.col-md-22,
.col-md-23,
.col-md-24,
.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-13,
.col-sm-14,
.col-sm-15,
.col-sm-16,
.col-sm-17,
.col-sm-18,
.col-sm-19,
.col-sm-2,
.col-sm-20,
.col-sm-21,
.col-sm-22,
.col-sm-23,
.col-sm-24,
.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-13,
.col-xl-14,
.col-xl-15,
.col-xl-16,
.col-xl-17,
.col-xl-18,
.col-xl-19,
.col-xl-2,
.col-xl-20,
.col-xl-21,
.col-xl-22,
.col-xl-23,
.col-xl-24,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-13,
.col-xxl-14,
.col-xxl-15,
.col-xxl-16,
.col-xxl-17,
.col-xxl-18,
.col-xxl-19,
.col-xxl-2,
.col-xxl-20,
.col-xxl-21,
.col-xxl-22,
.col-xxl-23,
.col-xxl-24,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

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

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

.row-cols-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

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

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

.row-cols-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

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

.col-1 {
    flex: 0 0 4.16667%;
    max-width: 4.16667%
}

.col-2 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.col-4 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-5 {
    flex: 0 0 20.83333%;
    max-width: 20.83333%
}

.col-6 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-7 {
    flex: 0 0 29.16667%;
    max-width: 29.16667%
}

.col-8 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.col-10 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-11 {
    flex: 0 0 45.83333%;
    max-width: 45.83333%
}

.col-12 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-13 {
    flex: 0 0 54.16667%;
    max-width: 54.16667%
}

.col-14 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.col-16 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-17 {
    flex: 0 0 70.83333%;
    max-width: 70.83333%
}

.col-18 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-19 {
    flex: 0 0 79.16667%;
    max-width: 79.16667%
}

.col-20 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.col-22 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-23 {
    flex: 0 0 95.83333%;
    max-width: 95.83333%
}

.col-24 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 25
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.order-13 {
    order: 13
}

.order-14 {
    order: 14
}

.order-15 {
    order: 15
}

.order-16 {
    order: 16
}

.order-17 {
    order: 17
}

.order-18 {
    order: 18
}

.order-19 {
    order: 19
}

.order-20 {
    order: 20
}

.order-21 {
    order: 21
}

.order-22 {
    order: 22
}

.order-23 {
    order: 23
}

.order-24 {
    order: 24
}

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

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

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

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

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

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

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

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

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

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

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

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

.offset-13 {
    margin-left: 54.16667%
}

.offset-14 {
    margin-left: 58.33333%
}

.offset-15 {
    margin-left: 62.5%
}

.offset-16 {
    margin-left: 66.66667%
}

.offset-17 {
    margin-left: 70.83333%
}

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

.offset-19 {
    margin-left: 79.16667%
}

.offset-20 {
    margin-left: 83.33333%
}

.offset-21 {
    margin-left: 87.5%
}

.offset-22 {
    margin-left: 91.66667%
}

.offset-23 {
    margin-left: 95.83333%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

    .col-sm-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-sm-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-sm-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-sm-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-sm-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-sm-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-sm-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-sm-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-sm-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-sm-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-sm-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-sm-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-sm-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 25
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .order-sm-13 {
        order: 13
    }

    .order-sm-14 {
        order: 14
    }

    .order-sm-15 {
        order: 15
    }

    .order-sm-16 {
        order: 16
    }

    .order-sm-17 {
        order: 17
    }

    .order-sm-18 {
        order: 18
    }

    .order-sm-19 {
        order: 19
    }

    .order-sm-20 {
        order: 20
    }

    .order-sm-21 {
        order: 21
    }

    .order-sm-22 {
        order: 22
    }

    .order-sm-23 {
        order: 23
    }

    .order-sm-24 {
        order: 24
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-13 {
        margin-left: 54.16667%
    }

    .offset-sm-14 {
        margin-left: 58.33333%
    }

    .offset-sm-15 {
        margin-left: 62.5%
    }

    .offset-sm-16 {
        margin-left: 66.66667%
    }

    .offset-sm-17 {
        margin-left: 70.83333%
    }

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

    .offset-sm-19 {
        margin-left: 79.16667%
    }

    .offset-sm-20 {
        margin-left: 83.33333%
    }

    .offset-sm-21 {
        margin-left: 87.5%
    }

    .offset-sm-22 {
        margin-left: 91.66667%
    }

    .offset-sm-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

    .col-md-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-md-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-md-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-md-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-md-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-md-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-md-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-md-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-md-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-md-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-md-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-md-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-md-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 25
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .order-md-13 {
        order: 13
    }

    .order-md-14 {
        order: 14
    }

    .order-md-15 {
        order: 15
    }

    .order-md-16 {
        order: 16
    }

    .order-md-17 {
        order: 17
    }

    .order-md-18 {
        order: 18
    }

    .order-md-19 {
        order: 19
    }

    .order-md-20 {
        order: 20
    }

    .order-md-21 {
        order: 21
    }

    .order-md-22 {
        order: 22
    }

    .order-md-23 {
        order: 23
    }

    .order-md-24 {
        order: 24
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-13 {
        margin-left: 54.16667%
    }

    .offset-md-14 {
        margin-left: 58.33333%
    }

    .offset-md-15 {
        margin-left: 62.5%
    }

    .offset-md-16 {
        margin-left: 66.66667%
    }

    .offset-md-17 {
        margin-left: 70.83333%
    }

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

    .offset-md-19 {
        margin-left: 79.16667%
    }

    .offset-md-20 {
        margin-left: 83.33333%
    }

    .offset-md-21 {
        margin-left: 87.5%
    }

    .offset-md-22 {
        margin-left: 91.66667%
    }

    .offset-md-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

    .col-lg-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-lg-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-lg-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-lg-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-lg-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-lg-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-lg-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-lg-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-lg-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-lg-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-lg-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-lg-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-lg-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 25
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .order-lg-13 {
        order: 13
    }

    .order-lg-14 {
        order: 14
    }

    .order-lg-15 {
        order: 15
    }

    .order-lg-16 {
        order: 16
    }

    .order-lg-17 {
        order: 17
    }

    .order-lg-18 {
        order: 18
    }

    .order-lg-19 {
        order: 19
    }

    .order-lg-20 {
        order: 20
    }

    .order-lg-21 {
        order: 21
    }

    .order-lg-22 {
        order: 22
    }

    .order-lg-23 {
        order: 23
    }

    .order-lg-24 {
        order: 24
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-13 {
        margin-left: 54.16667%
    }

    .offset-lg-14 {
        margin-left: 58.33333%
    }

    .offset-lg-15 {
        margin-left: 62.5%
    }

    .offset-lg-16 {
        margin-left: 66.66667%
    }

    .offset-lg-17 {
        margin-left: 70.83333%
    }

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

    .offset-lg-19 {
        margin-left: 79.16667%
    }

    .offset-lg-20 {
        margin-left: 83.33333%
    }

    .offset-lg-21 {
        margin-left: 87.5%
    }

    .offset-lg-22 {
        margin-left: 91.66667%
    }

    .offset-lg-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

    .col-xl-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-xl-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-xl-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-xl-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-xl-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-xl-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-xl-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-xl-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-xl-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-xl-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-xl-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-xl-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-xl-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 25
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .order-xl-13 {
        order: 13
    }

    .order-xl-14 {
        order: 14
    }

    .order-xl-15 {
        order: 15
    }

    .order-xl-16 {
        order: 16
    }

    .order-xl-17 {
        order: 17
    }

    .order-xl-18 {
        order: 18
    }

    .order-xl-19 {
        order: 19
    }

    .order-xl-20 {
        order: 20
    }

    .order-xl-21 {
        order: 21
    }

    .order-xl-22 {
        order: 22
    }

    .order-xl-23 {
        order: 23
    }

    .order-xl-24 {
        order: 24
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xl-13 {
        margin-left: 54.16667%
    }

    .offset-xl-14 {
        margin-left: 58.33333%
    }

    .offset-xl-15 {
        margin-left: 62.5%
    }

    .offset-xl-16 {
        margin-left: 66.66667%
    }

    .offset-xl-17 {
        margin-left: 70.83333%
    }

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

    .offset-xl-19 {
        margin-left: 79.16667%
    }

    .offset-xl-20 {
        margin-left: 83.33333%
    }

    .offset-xl-21 {
        margin-left: 87.5%
    }

    .offset-xl-22 {
        margin-left: 91.66667%
    }

    .offset-xl-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:1440px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

    .col-xxl-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-xxl-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-xxl-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-xxl-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-xxl-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-xxl-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-xxl-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-xxl-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-xxl-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-xxl-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-xxl-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-xxl-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-xxl-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        order: -1
    }

    .order-xxl-last {
        order: 25
    }

    .order-xxl-0 {
        order: 0
    }

    .order-xxl-1 {
        order: 1
    }

    .order-xxl-2 {
        order: 2
    }

    .order-xxl-3 {
        order: 3
    }

    .order-xxl-4 {
        order: 4
    }

    .order-xxl-5 {
        order: 5
    }

    .order-xxl-6 {
        order: 6
    }

    .order-xxl-7 {
        order: 7
    }

    .order-xxl-8 {
        order: 8
    }

    .order-xxl-9 {
        order: 9
    }

    .order-xxl-10 {
        order: 10
    }

    .order-xxl-11 {
        order: 11
    }

    .order-xxl-12 {
        order: 12
    }

    .order-xxl-13 {
        order: 13
    }

    .order-xxl-14 {
        order: 14
    }

    .order-xxl-15 {
        order: 15
    }

    .order-xxl-16 {
        order: 16
    }

    .order-xxl-17 {
        order: 17
    }

    .order-xxl-18 {
        order: 18
    }

    .order-xxl-19 {
        order: 19
    }

    .order-xxl-20 {
        order: 20
    }

    .order-xxl-21 {
        order: 21
    }

    .order-xxl-22 {
        order: 22
    }

    .order-xxl-23 {
        order: 23
    }

    .order-xxl-24 {
        order: 24
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xxl-13 {
        margin-left: 54.16667%
    }

    .offset-xxl-14 {
        margin-left: 58.33333%
    }

    .offset-xxl-15 {
        margin-left: 62.5%
    }

    .offset-xxl-16 {
        margin-left: 66.66667%
    }

    .offset-xxl-17 {
        margin-left: 70.83333%
    }

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

    .offset-xxl-19 {
        margin-left: 79.16667%
    }

    .offset-xxl-20 {
        margin-left: 83.33333%
    }

    .offset-xxl-21 {
        margin-left: 87.5%
    }

    .offset-xxl-22 {
        margin-left: 91.66667%
    }

    .offset-xxl-23 {
        margin-left: 95.83333%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

    .table td,
    .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

    .table-bordered thead td,
    .table-bordered thead th {
        border-bottom-width: 2px
    }

.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0,0,0,.075)
}

.table-primary,
.table-primary > td,
.table-primary > th {
    background-color: #b8daff
}

    .table-primary tbody + tbody,
    .table-primary td,
    .table-primary th,
    .table-primary thead th {
        border-color: #7abaff
    }

.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary > td,
.table-secondary > th {
    background-color: #d6d8db
}

    .table-secondary tbody + tbody,
    .table-secondary td,
    .table-secondary th,
    .table-secondary thead th {
        border-color: #b3b7bb
    }

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #c8cbcf
}

.table-success,
.table-success > td,
.table-success > th {
    background-color: #c3e6cb
}

    .table-success tbody + tbody,
    .table-success td,
    .table-success th,
    .table-success thead th {
        border-color: #8fd19e
    }

.table-hover .table-success:hover,
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #b1dfbb
}

.table-info,
.table-info > td,
.table-info > th {
    background-color: #bee5eb
}

    .table-info tbody + tbody,
    .table-info td,
    .table-info th,
    .table-info thead th {
        border-color: #86cfda
    }

.table-hover .table-info:hover,
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #abdde5
}

.table-warning,
.table-warning > td,
.table-warning > th {
    background-color: #ffeeba
}

    .table-warning tbody + tbody,
    .table-warning td,
    .table-warning th,
    .table-warning thead th {
        border-color: #ffdf7e
    }

.table-hover .table-warning:hover,
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger > td,
.table-danger > th {
    background-color: #f5c6cb
}

    .table-danger tbody + tbody,
    .table-danger td,
    .table-danger th,
    .table-danger thead th {
        border-color: #ed969e
    }

.table-hover .table-danger:hover,
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f1b0b7
}

.table-light,
.table-light > td,
.table-light > th {
    background-color: #fdfdfe
}

    .table-light tbody + tbody,
    .table-light td,
    .table-light th,
    .table-light thead th {
        border-color: #fbfcfc
    }

.table-hover .table-light:hover,
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6
}

.table-dark,
.table-dark > td,
.table-dark > th {
    background-color: #c6c8ca
}

    .table-dark tbody + tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #95999c
    }

.table-hover .table-dark:hover,
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.table-active,
.table-active > td,
.table-active > th,
.table-hover .table-active:hover,
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0,0,0,.075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #454d55
    }

    .table-dark.table-bordered,
    .table-responsive > .table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05)
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255,255,255,.075)
    }

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

        .table-responsive-sm > .table-bordered {
            border: 0
        }
}

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

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

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

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

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

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

@media (max-width:1439.98px) {
    .table-responsive-xxl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-xxl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.accordion > .card,
.collapsing,
.modal-open,
.progress,
.progress-bar,
.toast {
    overflow: hidden
}

.form-control {
    display: block;
    width: 100%;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::placeholder {
    opacity: 1
}

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

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.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;
    line-height: 1.5
}

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    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 {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col,
    .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label,
    .form-check-input[disabled] ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.invalid-tooltip,
.valid-tooltip {
    position: absolute;
    z-index: 5;
    max-width: 100%;
    border-radius: .25rem;
    top: 100%;
    line-height: 1.5
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    display: none;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(40,167,69,.9)
}

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

.custom-control-input.is-valid ~ .custom-control-label,
.form-check-input.is-valid ~ .form-check-label,
.was-validated .custom-control-input:valid ~ .custom-control-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.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)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff
}

    .custom-select.is-valid:focus,
    .was-validated .custom-select:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
    }

.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

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

.invalid-tooltip {
    display: none;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220,53,69,.9)
}

.collapsing,
.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

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

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

.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' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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 .2rem 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)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff
}

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

.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.btn {
    display: inline-block;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    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
}

.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    vertical-align: .255em;
    content: ""
}

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

.btn:hover {
    color: #212529
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary:hover {
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

    .btn-primary:not(:disabled):not(.disabled).active:focus,
    .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
    }

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

    .btn-secondary.focus,
    .btn-secondary:focus,
    .btn-secondary:hover {
        background-color: #5a6268;
        border-color: #545b62;
        color: #fff
    }

    .btn-secondary.focus,
    .btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
    }

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

    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .btn-secondary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
        }

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

    .btn-success.focus,
    .btn-success:focus,
    .btn-success:hover {
        background-color: #218838;
        border-color: #1e7e34;
        color: #fff
    }

    .btn-success.focus,
    .btn-success:focus {
        box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
    }

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

    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success:not(:disabled):not(.disabled).active:focus,
        .btn-success:not(:disabled):not(.disabled):active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info.focus,
    .btn-info:focus,
    .btn-info:hover {
        background-color: #138496;
        border-color: #117a8b;
        color: #fff
    }

    .btn-info.focus,
    .btn-info:focus {
        box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
    }

    .btn-info.disabled,
    .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled).active,
    .btn-info:not(:disabled):not(.disabled):active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

        .btn-info:not(:disabled):not(.disabled).active:focus,
        .btn-info:not(:disabled):not(.disabled):active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
        }

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

    .btn-warning.focus,
    .btn-warning:focus,
    .btn-warning:hover {
        background-color: #e0a800;
        border-color: #d39e00;
        color: #212529
    }

    .btn-warning.focus,
    .btn-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
    }

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

    .btn-warning:not(:disabled):not(.disabled).active,
    .btn-warning:not(:disabled):not(.disabled):active,
    .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled).active:focus,
        .btn-warning:not(:disabled):not(.disabled):active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
        }

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

    .btn-danger.focus,
    .btn-danger:focus,
    .btn-danger:hover {
        background-color: #c82333;
        border-color: #bd2130;
        color: #fff
    }

    .btn-danger.focus,
    .btn-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
    }

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

    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:not(:disabled):not(.disabled):active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus,
        .btn-danger:not(:disabled):not(.disabled):active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
        }

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

    .btn-light.focus,
    .btn-light:focus,
    .btn-light:hover {
        background-color: #e2e6ea;
        border-color: #dae0e5;
        color: #212529
    }

    .btn-light.focus,
    .btn-light:focus {
        box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
    }

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

    .btn-light:not(:disabled):not(.disabled).active,
    .btn-light:not(:disabled):not(.disabled):active,
    .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled).active:focus,
        .btn-light:not(:disabled):not(.disabled):active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
        }

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

    .btn-dark.focus,
    .btn-dark:focus,
    .btn-dark:hover {
        background-color: #23272b;
        border-color: #1d2124;
        color: #fff
    }

    .btn-dark.focus,
    .btn-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
    }

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

    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:not(:disabled):not(.disabled):active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus,
        .btn-dark:not(:disabled):not(.disabled):active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
        }

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary.focus,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
    }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
        }

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

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

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

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

    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
        }

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

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

    .btn-outline-success.focus,
    .btn-outline-success:focus {
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
    }

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

    .btn-outline-success:not(:disabled):not(.disabled).active,
    .btn-outline-success:not(:disabled):not(.disabled):active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .btn-outline-success:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
        }

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info.focus,
    .btn-outline-info:focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
    }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled).active,
    .btn-outline-info:not(:disabled):not(.disabled):active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .btn-outline-info:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
        }

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

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

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

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

    .btn-outline-warning:not(:disabled):not(.disabled).active,
    .btn-outline-warning:not(:disabled):not(.disabled):active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
        }

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

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

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

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

    .btn-outline-danger:not(:disabled):not(.disabled).active,
    .btn-outline-danger:not(:disabled):not(.disabled):active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
        }

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

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

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

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

    .btn-outline-light:not(:disabled):not(.disabled).active,
    .btn-outline-light:not(:disabled):not(.disabled):active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .btn-outline-light:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
        }

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

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

    .btn-outline-dark.focus,
    .btn-outline-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
    }

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

    .btn-outline-dark:not(:disabled):not(.disabled).active,
    .btn-outline-dark:not(:disabled):not(.disabled):active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

.btn-link,
.btn-link:hover {
    color: #000;
    text-decoration: none
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: none;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

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

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

.btn-block {
    display: block
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

.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;
    transition: height .35s ease
}

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

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

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

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

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1440px) {
    .dropdown-menu-xxl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

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

.dropleft .dropdown-toggle::before,
.dropright .dropdown-toggle::after {
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent
}

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

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-right: 0;
    border-left: .3em solid;
    vertical-align: 0
}

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

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    border-right: .3em solid;
    vertical-align: 0
}

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

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn,
.custom-control-label,
.custom-file,
.dropdown-header,
.input-group-text,
.nav {
    margin-bottom: 0
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    background-color: transparent;
    border: 0
}

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

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

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

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    font-size: .875rem;
    color: #6c757d
}

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

.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.active,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:hover,
        .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:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

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

.input-group-append,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text,
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {
    margin-left: -1px
}

.dropleft .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:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

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

    .input-group > .custom-file,
    .input-group > .custom-select,
    .input-group > .form-control,
    .input-group > .form-control-plaintext {
        position: relative;
        flex: 1 1 0%;
        min-width: 0;
        margin-bottom: 0
    }

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

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4
        }

        .input-group > .custom-select:not(:last-child),
        .input-group > .form-control:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .custom-select:not(:first-child),
        .input-group > .form-control:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label,
        .input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

.input-group-append,
.input-group-prepend {
    display: flex
}

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

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

.input-group-prepend {
    margin-right: -1px
}

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

.nav,
.navbar {
    flex-wrap: wrap
}

.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
    margin-top: 0
}

.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

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

.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

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

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem
}

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

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #80bdff
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff
    }

    .custom-control-input:disabled ~ .custom-control-label,
    .custom-control-input[disabled] ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before,
        .custom-control-input[disabled] ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    position: relative;
    vertical-align: top
}

    .custom-control-label::after,
    .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: ""
    }

    .custom-control-label::before {
        pointer-events: none;
        background-color: #fff;
        border: 1px solid #adb5bd
    }

    .custom-control-label::after {
        background: 50%/50% 50% no-repeat
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-switch {
    padding-left: 2.25rem
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem
    }

.modal-dialog,
.nav-link.disabled,
a.close.disabled {
    pointer-events: none
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .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) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none
}

    .custom-file-input:focus ~ .custom-file-label,
    .custom-select:focus {
        border-color: #80bdff;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .custom-select:focus {
        outline: 0
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

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

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        display: none
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057
    }

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file,
.custom-file-input,
.custom-file-label {
    height: calc(1.5em + .75rem + 2px)
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    opacity: 0
}

.custom-file-label,
.custom-file-label::after {
    position: absolute;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    top: 0;
    right: 0
}

.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    left: 0;
    z-index: 1;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .custom-file-label::after {
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + .75rem);
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 .25rem .25rem 0
    }

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

    .custom-range:focus {
        outline: 0
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
        }

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

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

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

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

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

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

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

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

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

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

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

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

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

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    padding-left: 0
}

.nav-link,
.navbar {
    padding: .5rem 1rem
}

.nav-link {
    display: block
}

    .nav-link:focus,
    .nav-link:hover {
        text-decoration: none
    }

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

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

    .nav-tabs .nav-item {
        margin-bottom: -1px
    }

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

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

        .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 {
    border-radius: .25rem
}

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

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

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

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

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

.navbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

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

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit
}

    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none
    }

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

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

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    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
}

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

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

@media (max-width:575.98px) {
    .multifunction-banner .navbar-expand-sm > .bottom,
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-xl,
    .navbar-expand-sm > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row 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
            }

        .multifunction-banner .navbar-expand-sm > .bottom,
        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid,
        .navbar-expand-sm > .container-lg,
        .navbar-expand-sm > .container-md,
        .navbar-expand-sm > .container-sm,
        .navbar-expand-sm > .container-xl,
        .navbar-expand-sm > .container-xxl {
            flex-wrap: nowrap
        }

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

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

@media (max-width:767.98px) {
    .multifunction-banner .navbar-expand-md > .bottom,
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-xl,
    .navbar-expand-md > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row 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
            }

        .multifunction-banner .navbar-expand-md > .bottom,
        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid,
        .navbar-expand-md > .container-lg,
        .navbar-expand-md > .container-md,
        .navbar-expand-md > .container-sm,
        .navbar-expand-md > .container-xl,
        .navbar-expand-md > .container-xxl {
            flex-wrap: nowrap
        }

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

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

@media (max-width:991.98px) {
    .multifunction-banner .navbar-expand-lg > .bottom,
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-xl,
    .navbar-expand-lg > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row 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
            }

        .multifunction-banner .navbar-expand-lg > .bottom,
        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid,
        .navbar-expand-lg > .container-lg,
        .navbar-expand-lg > .container-md,
        .navbar-expand-lg > .container-sm,
        .navbar-expand-lg > .container-xl,
        .navbar-expand-lg > .container-xxl {
            flex-wrap: nowrap
        }

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

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

@media (max-width:1199.98px) {
    .multifunction-banner .navbar-expand-xl > .bottom,
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-xl,
    .navbar-expand-xl > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row 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
            }

        .multifunction-banner .navbar-expand-xl > .bottom,
        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid,
        .navbar-expand-xl > .container-lg,
        .navbar-expand-xl > .container-md,
        .navbar-expand-xl > .container-sm,
        .navbar-expand-xl > .container-xl,
        .navbar-expand-xl > .container-xxl {
            flex-wrap: nowrap
        }

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

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

@media (max-width:1439.98px) {
    .multifunction-banner .navbar-expand-xxl > .bottom,
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid,
    .navbar-expand-xxl > .container-lg,
    .navbar-expand-xxl > .container-md,
    .navbar-expand-xxl > .container-sm,
    .navbar-expand-xxl > .container-xl,
    .navbar-expand-xxl > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1440px) {
    .navbar-expand-xxl {
        flex-flow: row 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
            }

        .multifunction-banner .navbar-expand-xxl > .bottom,
        .navbar-expand-xxl > .container,
        .navbar-expand-xxl > .container-fluid,
        .navbar-expand-xxl > .container-lg,
        .navbar-expand-xxl > .container-md,
        .navbar-expand-xxl > .container-sm,
        .navbar-expand-xxl > .container-xl,
        .navbar-expand-xxl > .container-xxl {
            flex-wrap: nowrap
        }

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

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

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

    .multifunction-banner .navbar-expand > .bottom,
    .navbar-expand > .container,
    .navbar-expand > .container-fluid,
    .navbar-expand > .container-lg,
    .navbar-expand > .container-md,
    .navbar-expand > .container-sm,
    .navbar-expand > .container-xl,
    .navbar-expand > .container-xxl {
        padding-right: 0;
        padding-left: 0
    }

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

    .multifunction-banner .navbar-expand > .bottom,
    .navbar-expand > .container,
    .navbar-expand > .container-fluid,
    .navbar-expand > .container-lg,
    .navbar-expand > .container-md,
    .navbar-expand > .container-sm,
    .navbar-expand > .container-xl,
    .navbar-expand > .container-xxl {
        flex-wrap: nowrap
    }

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

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

.navbar-light .navbar-brand,
.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,.5)
}

    .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 .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    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' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' 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,.5)
}

    .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,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

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

    .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 .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    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' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' 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,.5)
}

    .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;
    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:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

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

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-footer,
.card-header {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03)
}

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

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

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

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

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

.card-header-pills,
.card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-header {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.125)
}

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

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    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-bottom: -.75rem;
    border-bottom: 0
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.alert,
.btn .badge,
.page-link {
    position: relative
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    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-deck .card {
    margin-bottom: 8px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -8px;
        margin-left: -8px
    }

        .card-deck .card {
            flex: 1 0 0%;
            margin-right: 8px;
            margin-bottom: 0;
            margin-left: 8px
        }
}

.card-group > .card {
    margin-bottom: 8px
}

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

    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.card-columns .card {
    margin-bottom: .75rem
}

.accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion > .card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb,
.pagination {
    border-radius: .25rem;
    list-style: none
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    background-color: #e9ecef
}

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

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

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

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

.page-link {
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #000;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #000;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

.page-item:first-child .page-link {
    margin-left: 0;
    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
}

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

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

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

.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;
    line-height: 1.5
}

.badge,
.close {
    font-weight: 700;
    line-height: 1
}

.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: .25em .4em;
    font-size: 75%;
    text-align: center;
    vertical-align: baseline;
    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) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

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

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

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

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

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

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

    .alert-primary hr {
        border-top-color: #9fcdff
    }

    .alert-primary .alert-link {
        color: #002752
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

    .alert-success hr {
        border-top-color: #b1dfbb
    }

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

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

    .alert-info hr {
        border-top-color: #abdde5
    }

    .alert-info .alert-link {
        color: #062c33
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

    .alert-warning hr {
        border-top-color: #ffe8a1
    }

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

    .alert-danger hr {
        border-top-color: #f1b0b7
    }

    .alert-danger .alert-link {
        color: #491217
    }

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

    .alert-light hr {
        border-top-color: #ececf6
    }

    .alert-light .alert-link {
        color: #686868
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

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

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

    to {
        background-position: 0 0
    }
}

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

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease
}

.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 {
    animation: progress-bar-stripes 1s linear infinite
}

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

    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

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

.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: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

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

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

    .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: #007bff;
        border-color: #007bff
    }

    .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:1440px) {
    .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 .list-group-item {
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0
}

    .list-group-flush .list-group-item:first-child {
        border-top-width: 0
    }

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

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

    .list-group-item-primary.list-group-item-action:focus,
    .list-group-item-primary.list-group-item-action:hover {
        color: #004085;
        background-color: #9fcdff
    }

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

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:focus,
    .list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf
    }

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

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

    .list-group-item-success.list-group-item-action:focus,
    .list-group-item-success.list-group-item-action:hover {
        color: #155724;
        background-color: #b1dfbb
    }

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

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        color: #0c5460;
        background-color: #abdde5
    }

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

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:focus,
    .list-group-item-warning.list-group-item-action:hover {
        color: #856404;
        background-color: #ffe8a1
    }

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

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        color: #721c24;
        background-color: #f1b0b7
    }

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

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

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

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

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:focus,
    .list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe
    }

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

.close {
    float: right;
    font-size: 1.5rem;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.popover,
.tooltip {
    font-family:inherit;
    font-style: normal;
    font-weight: 400;
    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;
    text-decoration: none
}

.modal-title,
.popover,
.tooltip {
    line-height: 1.5
}

.popover,
.text-hide,
.tooltip {
    text-shadow: none
}

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

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none
}

.toast,
.toast-header {
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box
}

.toast {
    max-width: 350px;
    font-size: .875rem;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

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

    .toast.showing {
        opacity: 1
    }

    .toast.show {
        display: block;
        opacity: 1
    }

    .toast.hide {
        display: none
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.toast-body {
    padding: .75rem
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

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

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

.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 {
    display: flex;
    max-height: calc(100% - 1rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-footer,
    .modal-dialog-scrollable .modal-header {
        flex-shrink: 0
    }

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

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

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none
        }

.carousel-inner::after,
.clearfix::after,
.embed-responsive::before,
.popover .arrow::after,
.popover .arrow::before,
.stretched-link::after,
.tooltip .arrow::before {
    content: ""
}

.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;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

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

.modal-title {
    margin-bottom: 0
}

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

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    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)
}

.popover,
.popover .arrow,
.popover .arrow::after,
.popover .arrow::before,
.tooltip,
.tooltip .arrow {
    position: absolute;
    display: block
}

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

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

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

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

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }

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

        .modal-dialog-centered::before {
            height: calc(100vh - 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
    }
}

.tooltip {
    z-index: 1070;
    margin: 0;
    text-align: left;
    text-align: start;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        width: .8rem;
        height: .4rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

        .bs-tooltip-auto[x-placement^=left] .arrow::before,
        .bs-tooltip-left .arrow::before {
            left: 0;
            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 {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    text-align: left;
    text-align: start;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

    .popover .arrow {
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow::after,
        .popover .arrow::before {
            border-color: transparent;
            border-style: solid
        }

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

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

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

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

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

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

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

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

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

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

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

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

    .bs-popover-auto[x-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 #f7f7f7
    }

.carousel,
.carousel-inner,
.carousel-item {
    position: relative
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

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

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

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

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    width: 100%;
    overflow: hidden
}

    .carousel-inner::after {
        display: block;
        clear: both
    }

.carousel-item {
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    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-right,
    .carousel-item-next:not(.carousel-item-left) {
        transform: translateX(100%)
    }

    .active.carousel-item-left,
    .carousel-item-prev:not(.carousel-item-right) {
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right,
    .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        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%;
    color: #fff;
    text-align: center;
    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: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.spinner-border,
.spinner-grow {
    display: inline-block;
    vertical-align: text-bottom
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    width: 2rem;
    height: 2rem;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite
}

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

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

    50% {
        opacity: 1
    }
}

.spinner-grow {
    width: 2rem;
    height: 2rem;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

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

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

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

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

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

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

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

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

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

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

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

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

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem !important
}

.rounded-left,
.rounded-top {
    border-top-left-radius: .25rem !important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !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
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !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
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !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
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !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
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !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
    }
}

@media (min-width:1440px) {
    .d-xxl-none {
        display: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !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
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !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
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.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-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !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
}

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

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

@media (min-width:576px) {
    .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-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !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
    }

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

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

@media (min-width:768px) {
    .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-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !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
    }

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

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

@media (min-width:992px) {
    .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-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !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
    }

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

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

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    z-index: 1030;
    left: 0;
    right: 0
}

.fixed-top {
    top: 0
}

.fixed-bottom {
    bottom: 0
}

@supports (position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !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
}

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

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    background-color: rgba(0,0,0,0)
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .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-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !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
    }

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

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

    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

@media (min-width:1440px) {
    .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-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !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
    }

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

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

    .float-xxl-left {
        float: left !important
    }

    .float-xxl-right {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: .25rem !important
    }

    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: .25rem !important
    }

    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: .5rem !important
    }

    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: .5rem !important
    }

    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 1rem !important
    }

    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 1rem !important
    }

    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 3rem !important
    }

    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 3rem !important
    }

    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 3rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: .25rem !important
    }

    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: .25rem !important
    }

    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: .5rem !important
    }

    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: .5rem !important
    }

    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 1rem !important
    }

    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 1rem !important
    }

    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 3rem !important
    }

    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 3rem !important
    }

    .m-xxl-n1 {
        margin: -.25rem !important
    }

    .mt-xxl-n1,
    .my-xxl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xxl-n1,
    .mx-xxl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xxl-n1,
    .my-xxl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xxl-n1,
    .mx-xxl-n1 {
        margin-left: -.25rem !important
    }

    .m-xxl-n2 {
        margin: -.5rem !important
    }

    .mt-xxl-n2,
    .my-xxl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xxl-n2,
    .mx-xxl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xxl-n2,
    .my-xxl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xxl-n2,
    .mx-xxl-n2 {
        margin-left: -.5rem !important
    }

    .m-xxl-n3 {
        margin: -1rem !important
    }

    .mt-xxl-n3,
    .my-xxl-n3 {
        margin-top: -1rem !important
    }

    .mr-xxl-n3,
    .mx-xxl-n3 {
        margin-right: -1rem !important
    }

    .mb-xxl-n3,
    .my-xxl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xxl-n3,
    .mx-xxl-n3 {
        margin-left: -1rem !important
    }

    .m-xxl-n4 {
        margin: -1.5rem !important
    }

    .mt-xxl-n4,
    .my-xxl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xxl-n4,
    .mx-xxl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xxl-n4,
    .my-xxl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xxl-n4,
    .mx-xxl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xxl-n5 {
        margin: -3rem !important
    }

    .mt-xxl-n5,
    .my-xxl-n5 {
        margin-top: -3rem !important
    }

    .mr-xxl-n5,
    .mx-xxl-n5 {
        margin-right: -3rem !important
    }

    .mb-xxl-n5,
    .my-xxl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xxl-n5,
    .mx-xxl-n5 {
        margin-left: -3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mt-xxl-auto,
    .my-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto,
    .my-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important
    }
}

body.promotion-page-active,
ul {
    padding: 0
}

.text-monospace {
    font-family: var(--main-font-family) !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }

    .img-grayscale {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        transition: all ease .3s
    }

        .img-grayscale:hover {
            -webkit-filter: grayscale(0);
            filter: grayscale(0)
        }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1440px) {
    .text-xxl-left {
        text-align: left !important
    }

    .text-xxl-right {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !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-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #adb5bd
    }

    thead {
        display: table-header-group
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    .container,
    .multifunction-banner .bottom,
    body {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td,
        .table th {
            background-color: #fff !important
        }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

        .table-dark tbody + tbody,
        .table-dark td,
        .table-dark th,
        .table-dark thead th {
            border-color: #dee2e6
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

body {
    font-family: var(--main-font-family);
    overflow: visible !important;
}

    .family-cards-open,
    .primary-side,
    .site-ads-active,
    .site-filter-active,
    .site-notifications-active,
    .site-profile-active,
    .site-quickView-active,
    .site-station-active,
    body.modal-open,
    body.onboard-active {
        overflow: hidden !important
    }

@media (max-width:991px) {
    body {
        padding-top: 64px
    }
}

ul {
    list-style: none;
    margin: 0
}

.icon {
    font-family: var(--main-font-family) !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-bar:before {
    content: "\e900"
}

.icon-close:before {
    content: "\e91a"
}

.icon-arrow-left:before {
    content: "\e914"
}

.icon-arrow-right:before {
    content: "\e901"
}

.icon-arrow-up:before {
    content: "\e916"
}

.icon-arrow-down:before {
    content: "\e915"
}

.icon-chevron-up:before {
    content: "\e942"
}

.icon-chevron-down:before {
    content: "\e943"
}

.icon-chevron-left:before {
    content: "\e944"
}

.icon-chevron-right:before {
    content: "\e945"
}

.icon-search:before {
    content: "\e904"
}

.icon-notification:before {
    content: "\e902"
}

.icon-identity:before {
    content: "\e911"
}

.icon-heart-fill:before {
    content: "\e910"
}

.icon-send:before {
    content: "\e905"
}

.icon-check:before {
    content: "\e90b"
}

.icon-shape:before {
    content: "\e906"
}

.icon-share:before {
    content: "\e907"
}

.icon-android:before {
    content: "\e908"
}

.icon-facebook:before {
    content: "\e90f"
}

.icon-instagram:before {
    content: "\e913"
}

.icon-discount:before {
    content: "\e90e"
}

.icon-inbox:before {
    content: "\e912"
}

.icon-star-fill:before {
    content: "\e90d"
}

.icon-circle-close:before {
    content: "\e90c"
}

.icon-documents:before {
    content: "\e90a"
}

.icon-apple:before {
    content: "\e909"
}

.icon-call-center:before {
    content: "\e91b"
}

.icon-address:before {
    content: "\e91c"
}

.icon-list:before {
    content: "\e91d"
}

.icon-smartphone:before {
    content: "\e91f"
}

.icon-bank:before {
    content: "\e920"
}

.icon-box:before {
    content: "\e921"
}

.icon-door:before {
    content: "\e922"
}

.icon-headphone:before {
    content: "\e923"
}

.icon-wheel:before {
    content: "\e924"
}

.icon-cabinet:before {
    content: "\e925"
}

.icon-bottle:before {
    content: "\e926"
}

.icon-internet:before {
    content: "\e91e"
}

.icon-plus:before {
    content: "\e927"
}

.icon-add-photo:before {
    content: "\e928"
}

.icon-trash:before {
    content: "\e92a"
}

.icon-star:before {
    content: "\e929"
}

.icon-info:before {
    content: "\e92b"
}

.icon-filled-star:before {
    content: "\e92c"
}

.icon-member:before {
    content: "\e92d"
}

.icon-login:before {
    content: "\e92e"
}

.icon-chevron-down-secondary:before {
    content: "\e92f"
}

.icon-invite:before {
    content: "\e930"
}

.icon-pencil:before {
    content: "\e931"
}

.icon-paper:before {
    content: "\e932"
}

.icon-clothes:before {
    content: "\e933"
}

.icon-education:before {
    content: "\e934"
}

.icon-culture-art:before {
    content: "\e935"
}

.icon-home-product:before {
    content: "\e936"
}

.icon-food-market:before {
    content: "\e937"
}

.icon-online-shopping:before {
    content: "\e938"
}

.icon-automotive:before {
    content: "\e939"
}

.icon-health:before {
    content: "\e93a"
}

.icon-service:before {
    content: "\e93b"
}

.icon-travel:before {
    content: "\e93c"
}

.icon-fitness:before {
    content: "\e93d"
}

.icon-time-out:before {
    content: "\e93e"
}

.icon-in-city:before {
    content: "\e93f"
}

.icon-food-beverage:before {
    content: "\e940"
}

.icon-all-brands:before {
    content: "\e941"
}

.icon-question-mark:before {
    content: "\e903"
}

.icon-heart:before {
    content: "\e917"
}

.icon-location:before {
    content: "\e918"
}

.icon-edit:before {
    content: "\e919"
}

.icon-delete:before {
    content: "\e946"
}

.icon-logo-facebook:before {
    content: "\e947"
}

.icon-logo-twitter:before {
    content: "\e948"
}

.icon-letter:before {
    content: "\e949"
}

.icon-url:before {
    content: "\e94a"
}

.icon-moon-stars:before {
    content: "\e94b"
}

.icon-check1:before {
    content: "\e94c"
}

.icon-minus:before {
    content: "\e94d"
}

.icon-filter:before {
    content: "\e94e"
}

.icon-phone-call:before {
    content: "\e94f"
}

.icon-direction:before {
    content: "\e950"
}

.icon-pin:before {
    content: "\e951"
}

.icon-radar:before {
    content: "\e952"
}

.info-card-wrap [class*=col-] {
    display: flex
}

@media (max-width:767px) {
    body {
        padding-top: 104px
    }

    .info-card-wrap [class*=col-] + [class*=col-] {
        margin-top: 6px
    }
}

.pano-list-wrapper {
    padding-bottom: 50px
}

@media (min-width:768px) {
    .pano-list-wrapper {
        padding-bottom: 90px
    }
}

.site-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    transition: all ease .3s
}

.family-cards-open .site-backdrop,
.header .user-nav .navbar-nav .nav-item .nav-link.active:before,
.primary-side .site-backdrop,
.site-ads-active .site-backdrop,
.site-filter-active .site-backdrop,
.site-filter-active .type-filter,
.site-notifications-active .primary-notifications,
.site-notifications-active .site-backdrop,
.site-profile-active .site-backdrop,
.site-quickView-active .primary-quick-view,
.site-quickView-active .site-backdrop,
.site-station-active .site-backdrop {
    opacity: 1;
    visibility: visible
}

.family-cards-open .site-backdrop {
    z-index: 6
}

.primary-form .custom-form-group.error .primary-select,
.primary-form .custom-form-group.error input,
.primary-form .custom-form-group.error textarea {
    border-color: #FF4920
}

.primary-form .custom-form-group .error-text {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    color: #FF4920
}

.or-text {
    margin-top: 24px;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #acbdbf
}

    .or-text:after {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        height: 1px;
        background-color: #c9dfe1
    }

    .or-text span {
        padding: 0 15px;
        background-color: #fff;
        z-index: 2;
        position: relative
    }

.primary-side header,
.site-ads-active header,
.site-filter-active header,
.site-notifications-active header,
.site-profile-active header,
.site-quickView-active header,
.site-station-active header {
    z-index: 5
}

.dark-mode .or-text span {
    background-color: #121212;
    color: #898989
}

.dark-mode .or-text:after {
    background-color: #373737
}

main .survey-answer-group {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    margin: 0 -4px
}

    main .survey-answer-group .item {
        max-width: 50%;
        flex-basis: 50%;
        padding: 0 4px;
        margin-bottom: 8px
    }

    main .survey-answer-group .btn {
        margin: 0;
        width: 100%
    }

        main .survey-answer-group .btn input[type=radio],
        main .survey-answer-group .btn input[type=checkbox] {
            position: absolute;
            clip: rect(0,0,0,0);
            pointer-events: none
        }

main .quick-nav {
    margin: 0 -8px 20px
}

@media (min-width:576px) {
    main .quick-nav {
        margin: 0 0 20px
    }
}

@media (min-width:768px) {
    main .quick-nav {
        margin: 0
    }
}

main .quick-nav .nav-item {
    border-top: 1px solid #E4EEEF
}

    main .quick-nav .nav-item:last-child {
        border-bottom: 1px solid #E4EEEF
    }

    main .quick-nav .nav-item .nav-link {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.75;
        color: #19B3CB;
        padding: 12px 20px 11px
    }

        main .quick-nav .nav-item .nav-link .text {
            display: flex;
            flex-flow: row;
            align-items: center;
            justify-content: space-between
        }

            main .quick-nav .nav-item .nav-link .text .icon {
                margin-right: 16px
            }

        main .quick-nav .nav-item .nav-link .icon {
            font-size: 16px;
            flex: 0 0 auto
        }

.site-ads-active .primary-side:not(.type-filter),
.site-station-active .primary-side:not(.type-filter) {
    right: 0;
    visibility: visible;
    opacity: 1
}

.primary-side .primary-profile,
.site-profile-active .primary-profile {
    right: 0;
    visibility: visible;
    opacity: 1
}

.site-notifications-active .primary-notifications {
    right: 0
}

.site-filter-active .type-filter {
    right: 0
}

.dark-mode .primary-side .content-area {
    background-color: #1e1e1e
}

    .dark-mode .primary-side .content-area .content-head {
        border-color: #373737
    }

        .dark-mode .primary-side .content-area .content-head .top .btn .icon {
            color: #e6e6e6
        }

        .dark-mode .primary-side .content-area .content-head .title {
            color: #adadad
        }

    .dark-mode .primary-side .content-area .content-body .form-elems .desc {
        color: #898989
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .radio-content .iradio_primary {
        background-color: transparent;
        border-color: #e6e6e6
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .custom-form-group .primary-select,
    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .media-upload-content {
        border-color: #373737
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .custom-form-group input,
    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .custom-form-group textarea {
        background-color: transparent;
        border-color: #373737;
        color: #898989
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .custom-form-group .primary-select:before {
        color: #e6e6e6
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .custom-form-group .primary-select .css-yk16xz-control {
        background-color: transparent
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .media-upload-content .icon-add-photo {
        color: #898989
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .media-upload-content .title {
        color: #adadad
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .media-upload-content .desc {
        color: #898989
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .media-upload-content .button-wrap .btn-bordered {
        background-color: transparent;
        border-color: #e6e6e6;
        color: #e6e6e6
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .photo-content .photo-slider-wrapper {
        background-color: #323232
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .photo-content .owl-carousel .owl-nav .owl-next,
    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .photo-content .owl-carousel .owl-nav .owl-prev {
        background-color: #121212
    }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .gallery-slider .owl-stage-outer .owl-stage .gallery-card {
        border-color: #373737
    }

        .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .gallery-slider .owl-stage-outer .owl-stage .gallery-card .card-footer {
            background-color: #1e1e1e
        }

            .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .gallery-slider .owl-stage-outer .owl-stage .gallery-card .card-footer .icon-filled-star,
            .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .gallery-slider .owl-stage-outer .owl-stage .gallery-card .card-footer .icon-star {
                color: #e6e6e6
            }

            .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .gallery-slider .owl-stage-outer .owl-stage .gallery-card .card-footer .icon-trash {
                color: #898989
            }

    .dark-mode .primary-side .content-area .content-body .form-elems .form-step .primary-form .form-contunation .warning-card {
        background-color: rgba(228,146,72,.1)
    }

    .dark-mode .primary-side .content-area .content-body .success-content .item .title {
        color: #adadad
    }

    .dark-mode .primary-side .content-area .content-body .success-content .button-content .btn-bordered {
        border-color: #e6e6e6;
        color: #e6e6e6;
        background-color: transparent
    }

.dark-mode .quick-nav .nav-item {
    border-color: #373737
}

    .dark-mode .quick-nav .nav-item .nav-link .icon,
    .dark-mode .quick-nav .nav-item .nav-link .text {
        color: #e6e6e6
    }

    .dark-mode .quick-nav .nav-item:last-child {
        border-color: #373737
    }

@media (min-width:992px) {
    .secondary-section-wrapper .secondary-section {
        padding: 50px 0 10px
    }

        .secondary-section-wrapper .secondary-section .inner .survey-img.smaller {
            height: 250px
        }

    .header.sticky .navbar-brand img {
        max-width: 76px
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 6;
    color: #474E4F;
    padding: 10px 0 9px;
    background-color: #fff
}

@media (min-width:576px) {
    .header {
        padding: 12px 0
    }
}

.header.clone {
    position: static
}

.header .navbar-brand {
    margin: 0;
    padding: 0
}

@media (max-width:991px) {
    .header .navbar-brand {
        max-width: 56px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

@media (max-width:767px) {
    .header .navbar-brand {
        position: static;
        max-width: 44px;
        transform: translate(0,0);
        margin-left: 20px
    }
}

.header .navbar-brand img {
    transition: all ease .3s
}

.header .header-nav-wrap {
    position: relative;
    display: flex;
    flex-flow: row;
    align-items: center
}

    .header .header-nav-wrap .header-item:not(.site-nav):not(.user-nav) {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        max-width: 40%;
        flex-basis: 40%
    }

@media (min-width:992px) {
    .header .header-nav-wrap .header-item:not(.site-nav):not(.user-nav) {
        max-width: 20%;
        flex-basis: 20%
    }
}

@media (min-width:1200px) {
    .secondary-section-wrapper .secondary-section .inner .survey-img.smaller {
        height: 315px
    }

    .header .header-nav-wrap .header-item:not(.site-nav):not(.user-nav) {
        max-width: 25%;
        flex-basis: 25%
    }
}

@media (min-width:992px) {
    .header .header-nav-wrap .header-item.site-nav {
        max-width: 50%;
        flex-basis: 50%
    }
}

.header .header-nav-wrap .header-item.user-nav {
    max-width: 60%;
    flex-basis: 60%
}

@media (min-width:992px) {
    .header .header-nav-wrap .header-item.user-nav {
        max-width: 30%;
        flex-basis: 30%
    }
}

@media (min-width:1200px) {
    .header .header-nav-wrap .header-item.user-nav {
        max-width: 25%;
        flex-basis: 25%
    }
}

@media (max-width:991px) {
    .header .site-nav {
        position: fixed;
        top: 0;
        left: -100%;
        bottom: 0;
        z-index: 10;
        max-width: 480px;
        width: 100%;
        background-color: #fff;
        transition: all ease .3s
    }
}

@media (max-width:575px) {
    .header .site-nav {
        max-width: calc(100% - 52px)
    }
}

.header .site-nav .navbar-nav {
    margin-bottom: 20px;
    border-bottom: 1px solid #E4EEEF
}

@media (min-width:576px) {
    .header .site-nav .navbar-nav {
        margin-bottom: 24px
    }
}

.header .site-nav .navbar-nav .nav-item {
    outline: 0;
    cursor: pointer
}

@media (min-width:992px) {
    .header .site-nav .navbar-nav {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        margin: 0 -8px;
        border-bottom: none
    }

        .header .site-nav .navbar-nav .nav-item {
            padding: 0 8px
        }
}

.header .site-nav .navbar-nav .nav-item:hover .nav-link {
    color: #19B3CB
}

.header .site-nav .navbar-nav .nav-item.selected .nav-link {
    color: #19B3CB;
    cursor: default
}

.header .site-nav .navbar-nav .nav-item .nav-link {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.57;
    color: #474E4F;
    padding: 13px 20px;
    outline: 0;
    border-radius: 0;
    border-top: 1px solid #E4EEEF;
    background-color: transparent;
    transition: all ease .3s
}

@media (min-width:576px) {
    .header .site-nav .navbar-nav .nav-item .nav-link {
        line-height: 1.75;
        padding: 19px 24px 16px
    }
}

@media (min-width:992px) {
    .header .site-nav .navbar-nav .nav-item .nav-link {
        display: block;
        line-height: 1.75;
        padding: 4px 10px;
        border: none
    }

        .header .site-nav .navbar-nav .nav-item .nav-link:after {
            display: none
        }
}

@media (min-width:1200px) {
    .header .site-nav .navbar-nav .nav-item .nav-link {
        padding: 4px 15px
    }
}

.header .site-nav .navbar-nav .nav-item .nav-link:after {
    content: '\e945';
    flex: 0 0 auto;
    font-family: var(--main-font-family);
    font-size: 12px;
    color: #19B3CB;
    margin-left: 10px
}

.header .site-nav .site-nav-header {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    padding: 26px 10px
}

    .header .site-nav .site-nav-header .logo {
        max-width: 48px
    }

@media (min-width:576px) {
    .header .site-nav .site-nav-header {
        padding: 32px 10px
    }

        .header .site-nav .site-nav-header .logo {
            max-width: 64px
        }
}

.header .site-nav .site-nav-footer {
    padding: 0 20px
}

@media (min-width:992px) {
    .header .site-nav .site-nav-footer,
    .header .site-nav .site-nav-header {
        display: none
    }
}

@media (min-width:576px) {
    .header .site-nav .site-nav-footer {
        padding: 0 24px
    }

        .header .site-nav .site-nav-footer .btn {
            font-size: 16px;
            line-height: 1.75;
            padding: 17px 10px
        }
}

.header .site-nav .btn-close {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    font-size: 12px;
    color: #fff;
    border-radius: 0;
    background-color: #19B3CB;
    position: absolute;
    top: 0;
    right: -52px
}

@media (min-width:576px) {
    .header .site-nav .btn-close {
        width: 64px;
        height: 64px;
        font-size: 20px;
        right: -64px
    }
}

@media (min-width:992px) {
    .header .site-nav .btn-close {
        display: none
    }
}

.header .user-nav {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: flex-end
}

    .header .user-nav .btn {
        min-width: 120px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
        padding: 9px 10px;
        margin-right: 15px
    }

@media (min-width:1200px) {
    .header .user-nav .btn {
        margin-right: 24px
    }
}

.header .user-nav .navbar-nav {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -8px
}

    .header .user-nav .navbar-nav .nav-item {
        padding: 0 8px
    }

        .header .user-nav .navbar-nav .nav-item .nav-link {
            position: relative;
            font-size: 16px;
            line-height: 1;
            padding: 0 3px;
            color: #474E4F;
            outline: 0;
            border-radius: 0;
            border: none;
            background-color: transparent;
            cursor: pointer
        }

            .header .user-nav .navbar-nav .nav-item .nav-link:before {
                content: '';
                display: block;
                width: 12px;
                height: 12px;
                border-radius: 100%;
                background-color: red;
                border: 2px solid #fff;
                position: absolute;
                top: -3px;
                right: 0;
                opacity: 0;
                visibility: hidden;
                transition: all ease .3s
            }

@media (min-width:576px) {
    .header .user-nav .navbar-nav .nav-item .nav-link {
        padding: 0 6px
    }

        .header .user-nav .navbar-nav .nav-item .nav-link:before {
            right: 3px
        }
}

@media (min-width:992px) {
    .header .user-nav .navbar-nav .nav-item .nav-link {
        padding: 0 3px
    }

        .header .user-nav .navbar-nav .nav-item .nav-link:before {
            right: 0
        }
}

.header .user-nav .navbar-nav .nav-item .nav-link .icon-notification {
    font-size: 20px
}

.header .user-nav .navbar-nav .nav-item .user-link {
    display: block;
    padding: 0;
    cursor: pointer
}

    .header .user-nav .navbar-nav .nav-item .user-link img {
        width: 32px;
        height: 32px;
        border-radius: 50%
    }

.header .navbar-toggler {
    font-size: 20px;
    color: #474E4F;
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    outline: 0
}

.dark-mode {
    background-color: #121212
}

    .dark-mode .header,
    .dark-mode .site-nav {
        background-color: #1e1e1e
    }

        .dark-mode .header .nav-link {
            color: #e6e6e6 !important
        }

        .dark-mode .site-nav .navbar-nav .nav-item .nav-link {
            color: #e6e6e6
        }

.footer .footer-main {
    padding: 32px 0;
    border-top: 1px solid #E4EEEF
}

@media (min-width:768px) {
    .footer .footer-main {
        padding: 48px 0
    }
}

@media (min-width:992px) {
    .header .navbar-toggler {
        display: none
    }

    .footer .footer-main {
        padding: 40px 0
    }
}

.footer .footer-main .btn {
    font-size: 14px
}

@media (max-width:991px) {
    .site-nav-open {
        overflow: hidden !important
    }

        .site-nav-open .site-nav {
            left: 0
        }

        .site-nav-open .site-backdrop {
            opacity: 1;
            visibility: visible
        }

    .footer .footer-main .btn {
        padding: 13px 10px
    }
}

.footer .footer-main .footer-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.57;
    color: #474E4F;
    margin: 0 0 12px
}

@media (min-width:768px) {
    .footer .footer-main .footer-title {
        margin-bottom: 16px
    }
}

@media (min-width:992px) {
    .footer .footer-main .footer-title {
        margin-bottom: 13px
    }
}

.footer .footer-main .footer-nav {
    flex-flow: column;
    margin: 0 0 32px
}

@media (min-width:768px) {
    .footer .footer-main .footer-nav {
        flex-flow: wrap;
        margin: 0 -16px 34px
    }
}

@media (min-width:992px) {
    .footer .footer-main .footer-nav {
        margin-bottom: 22px
    }
}

.footer .footer-main .footer-nav .nav-item {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .footer .footer-main .footer-nav .nav-item {
        padding: 0 16px;
        margin-bottom: 17px
    }
}

@media (min-width:992px) {
    .footer .footer-main .footer-nav .nav-item {
        margin-bottom: 12px
    }
}

.footer .footer-main .footer-nav .nav-item:last-child {
    margin-bottom: 0
}

.footer .footer-main .footer-nav .nav-item .nav-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
    color: #89A5A8;
    padding: 0;
    cursor: pointer
}

@media (max-width:991px) {
    .footer .footer-main .footer-nav .nav-item .nav-link {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: space-between
    }
}

.footer .footer-main .footer-nav .nav-item .nav-link:after {
    content: '\e903';
    flex: 0 0 auto;
    font-family: var(--main-font-family);
    font-size: 12px;
    color: #ACBDBF;
    margin-left: 10px
}

.footer .footer-main .btn-list-wrap {
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 0 32px
}

@media (min-width:768px) {
    .footer .footer-main .footer-nav .nav-item .nav-link:after {
        display: none
    }

    .footer .footer-main .btn-list-wrap {
        margin: 15px 0 8px
    }
}

.footer .footer-main .btn-list-wrap .list-item {
    padding: 0
}

@media (min-width:992px) {
    .footer .footer-main .btn-list-wrap {
        margin: 15px -4px 8px
    }

        .footer .footer-main .btn-list-wrap .list-item {
            padding: 0 4px
        }
}

.footer .footer-main .btn-list-wrap .list-item + .list-item {
    margin-top: 7px
}

@media (max-width:767px) {
    .footer .footer-main .social-media-list {
        margin-bottom: 32px
    }
}

@media (min-width:576px) {
    .header .user-nav .navbar-nav .nav-item .user-link img {
        width: 40px;
        height: 40px
    }

    .footer .footer-main .footer-info {
        max-width: 225px;
        width: 100%;
        margin-left: auto
    }
}

@media (min-width:992px) {
    .footer .footer-main .btn-list-wrap .list-item + .list-item {
        margin-top: 0
    }

    .footer .footer-main .footer-info {
        max-width: 250px
    }
}

@media (min-width:1440px) {
    .footer .footer-main .footer-info {
        max-width: 300px
    }
}

.footer .footer-main .footer-info .title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
    text-align: center;
    color: #474e4f;
    margin: 0 0 4px
}

.footer .footer-main .footer-info .btn-link {
    display: table;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    color: #474e4f;
    margin: 0 auto
}

.footer .footer-main .footer-info .desc,
.footer .footer-main .footer-info .separator {
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #89A5A8
}

.footer .footer-main .footer-info .separator {
    display: block;
    position: relative;
    margin: 16px 0 11px
}

    .footer .footer-main .footer-info .separator:before {
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        background-color: #E4EEEF;
        z-index: -1
    }

    .footer .footer-main .footer-info .separator span {
        display: table;
        padding: 0 8px;
        margin: 0 auto;
        background-color: #fff
    }

.footer .footer-main .footer-info .desc {
    max-width: 210px;
    margin: 0 auto
}

    .footer .footer-main .footer-info .desc p {
        margin-bottom: 10px
    }

        .footer .footer-main .footer-info .desc p:last-child {
            margin-bottom: 0
        }

.footer .footer-bottom {
    padding: 24px 0;
    background-color: #EBF2F3
}

    .footer .footer-bottom .copyright {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.57;
        text-align: center;
        color: #89A5A8;
        margin: 0
    }

@media (min-width:992px) and (max-width:1199px) {
    .footer .footer-bottom .copyright {
        font-size: 12px
    }
}

.footer .footer-bottom .footer-nav {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C9DFE1
}

@media (min-width:576px) {
    .footer .footer-bottom .footer-nav {
        justify-content: center;
        padding-bottom: 24px;
        margin-bottom: 24px
    }
}

@media (min-width:992px) {
    .footer .footer-bottom .copyright {
        text-align: left
    }

    .footer .footer-bottom .footer-nav {
        justify-content: center;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none
    }
}

@media (max-width:575px) {
    .footer .footer-bottom .footer-nav {
        flex-direction: column;
        align-items: center
    }
}

.footer .footer-bottom .footer-nav .nav-item {
    margin-bottom: 6px
}

@media (min-width:576px) {
    .footer .footer-bottom .footer-nav .nav-item {
        padding: 2px 20px 0;
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .footer .footer-bottom .footer-nav .nav-item {
        padding: 0 16px
    }
}

.footer .footer-bottom .footer-nav .nav-item .nav-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
    color: #89A5A8;
    padding: 8px 5px
}

.dark-mode .footer .footer-main .footer-title,
.dark-mode .footer .social-media-list .list-item .nav-link {
    color: #e6e6e6
}

@media (min-width:576px) {
    .footer .footer-bottom .footer-nav .nav-item .nav-link {
        padding: 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .footer .footer-bottom .footer-nav .nav-item .nav-link {
        font-size: 12px
    }
}

.footer .footer-bottom .brands-logo {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px
}

.dark-mode .footer .footer-main {
    border-color: #1e1e1e
}

    .dark-mode .footer .footer-main .footer-nav .nav-item .nav-link {
        color: #898989
    }

    .dark-mode .footer .footer-main .btn {
        background-color: #12889B;
        border-color: transparent;
        color: #fff
    }

        .dark-mode .footer .footer-main .btn:hover {
            background-color: #fff;
            border-color: transparent;
            color: #12889B
        }

    .dark-mode .footer .footer-main .footer-info .btn-link,
    .dark-mode .footer .footer-main .footer-info .title {
        color: #e6e6e6
    }

    .dark-mode .footer .footer-main .footer-info .desc {
        color: #898989
    }

    .dark-mode .footer .footer-main .footer-info .separator:before {
        background-color: #373737
    }

    .dark-mode .footer .footer-main .footer-info .separator span {
        color: #898989;
        background-color: #121212
    }

.dark-mode .footer .footer-bottom {
    background-color: #1e1e1e
}

    .dark-mode .footer .footer-bottom .copyright,
    .dark-mode .footer .footer-bottom .footer-nav .nav-item .nav-link {
        color: #e6e6e6
    }

.form-control {
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #c9dfe1;
    height: 52px;
    padding: 0 16px
}

    .form-control::-webkit-input-placeholder {
        color: #acbdbf
    }

    .form-control:-ms-input-placeholder {
        color: #acbdbf
    }

    .form-control::placeholder {
        color: #acbdbf
    }

.form-group.error .form-control {
    border-color: red
}

.error-msg {
    font-size: 12px;
    color: red;
    margin-top: 5px
}

.primary-banner {
    padding: 40px 0 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:576px) {
    .primary-banner {
        padding: 65px 0 30px
    }
}

@media (min-width:1200px) {
    .primary-banner {
        padding: 70px 0 40px
    }
}

.primary-banner.theme-overlay {
    position: relative;
    padding: 38px 0 22px
}

@media (min-width:576px) {
    .primary-banner.theme-overlay {
        padding: 42px 0 45px
    }
}

.primary-banner.theme-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left,rgba(18,136,155,0),#12889B)
}

.primary-banner.theme-overlay .desc,
.primary-banner.theme-overlay .title {
    position: relative
}

.primary-banner.theme-overlay .title {
    font-size: 20px !important;
    font-weight: 600
}

@media (min-width:992px) {
    .footer .footer-bottom .brands-logo {
        margin-right: inherit;
        margin-bottom: 0
    }

    .primary-banner.theme-overlay {
        padding: 52px 0 55px
    }

        .primary-banner.theme-overlay .title {
            font-size: 28px
        }
}

.primary-banner .desc {
    color: #fff;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.3
}

@media (min-width:576px) {
    .primary-banner .desc {
        font-size: 14px;
        line-height: 1.7
    }
}

@media (min-width:992px) {
    .primary-banner .desc {
        font-size: 16px;
        margin-top: 12px
    }

    .multifunction-banner .banner-media:before {
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        background-color: rgba(25,179,203,.65)
    }
}

.primary-banner .desc p {
    margin-bottom: 0
}

.primary-banner .title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0
}

.multifunction-banner .banner-media {
    position: relative;
    min-height: 50vh;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%
}

@media (max-width:1199px) {
    .multifunction-banner .banner-media {
        min-height: 37vh
    }
}

@media (max-width:991px) {
    .multifunction-banner .banner-media {
        min-height: inherit;
        background-image: none !important
    }

        .multifunction-banner .banner-media .bottom,
        .multifunction-banner .banner-media .container {
            padding: 0
        }
}

.multifunction-banner .banner-media:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%
}

.multifunction-banner .banner-media .primary-image {
    position: relative;
    max-width: 100%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width:992px) {
    .multifunction-banner .banner-media .primary-image {
        position: absolute;
        max-width: 550px;
        bottom: -10%
    }
}

@media (min-width:1200px) {
    .multifunction-banner .banner-media .primary-image {
        max-width: 700px
    }
}

@media (min-width:1440px) {
    .multifunction-banner .banner-media .primary-image {
        max-width: 800px
    }
}

.multifunction-banner .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(50%)
}

    .multifunction-banner .bottom .brands-media {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        max-width: 120px;
        width: 100%;
        height: 48px;
        padding: 2px;
        border-radius: 24px;
        border: 1px solid #E4EEEF;
        background-color: #fff;
        overflow: hidden
    }

@media (min-width:576px) {
    .primary-banner .title {
        font-size: 28px
    }

    .multifunction-banner .bottom .brands-media {
        max-width: 160px;
        height: 64px;
        border-radius: 33px
    }
}

.multifunction-banner .bottom .brands-media img {
    width: auto;
    max-height: 100%
}

.multifunction-banner .bottom .operation-wrapper {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end
}

    .multifunction-banner .bottom .operation-wrapper .operation-button {
        background-color: transparent;
        padding: 0
    }

        .multifunction-banner .bottom .operation-wrapper .operation-button:after {
            display: none
        }

        .multifunction-banner .bottom .operation-wrapper .operation-button:focus {
            outline: 0;
            box-shadow: none
        }

@media (max-width:991px) {
    .multifunction-banner .bottom .brands-media img {
        max-width: 95px
    }

    .multifunction-banner .bottom .operation-wrapper .operation-button:not(.favorite) .icon {
        padding: 14px;
        font-size: 17px;
        margin-left: 4px
    }
}

@media (max-width:767px) {
    .multifunction-banner .bottom .operation-wrapper .operation-button:not(.favorite) .icon {
        padding: 11px
    }
}

.multifunction-banner .bottom .operation-wrapper .operation-button .icon {
    font-size: 16px
}

@media (min-width:576px) {
    .multifunction-banner .bottom .operation-wrapper .operation-button .icon {
        margin-right: 8px;
        font-size: 21px;
        padding: 21px
    }
}

.multifunction-banner .bottom .operation-wrapper .operation-button .total {
    padding: 4px 12px
}

@media (min-width:576px) {
    .multifunction-banner .bottom .operation-wrapper .operation-button .total {
        padding: 6px 15px
    }
}

@media (min-width:992px) {
    .multifunction-banner .bottom .operation-wrapper .operation-button .total {
        padding: 5px 16px;
        margin-right: -5px
    }
}

@media (min-width:576px) {
    .multifunction-banner .bottom .operation-wrapper .operation-button .share-btn {
        padding: 15px;
        font-size: 16px;
        margin: 0
    }
}

.section.type-slider {
    overflow: hidden
}

.section.aqua-haze {
    background-color: #EBF2F3
}

.section.polar {
    background-color: #DDF4F7
}

.section .section-header {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 8px
}

@media (min-width:768px) {
    .section .section-header {
        margin-bottom: 12px
    }
}

@media (min-width:1200px) {
    .section .section-header {
        margin-bottom: 16px
    }
}

.section .section-header.has-dot .custom-dots-container {
    display: none
}

@media (min-width:992px) {
    .section .section-header.has-dot .custom-dots-container {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center
    }
}

.section .section-header.has-dot .custom-dots-container .owl-dot {
    padding: 0 4px
}

    .section .section-header.has-dot .custom-dots-container .owl-dot.active span {
        background-color: #19B3CB
    }

    .section .section-header.has-dot .custom-dots-container .owl-dot span {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: #C9DFE1
    }

@media (max-width:767px) {
    .section .section-header.secondary {
        margin: 0 0 12px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .section .section-header.secondary .section-title {
        font-size: 16px
    }
}

.section .section-header .section-title {
    margin-bottom: 0
}

.section .section-header .btn-link {
    display: flex;
    flex-flow: row;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    color: #19B3CB
}

@media (min-width:992px) {
    .section .section-header .btn-link {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5
    }
}

.section .section-header .btn-link .icon {
    flex: 0 0 auto;
    font-size: 12px;
    margin-left: 6px
}

@media (min-width:992px) {
    .section .section-header .btn-link .icon {
        font-size: 16px
    }
}

.section .section-header .item.has-multiple {
    display: flex;
    flex-flow: row;
    align-items: center
}

@media (max-width:991px) {
    .section .section-header .item.has-multiple {
        display: none
    }
}

.section .section-header .item .other-info {
    font-size: 14px;
    line-height: 1.6;
    margin-right: 15px;
    color: #ACBDBF;
    position: relative
}

    .section .section-header .item .other-info:before {
        content: '.';
        position: absolute;
        right: -9px;
        top: 35%;
        transform: translateY(-50%)
    }

.section .section-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #474E4F;
    margin: 0 0 8px
}

@media (min-width:768px) {
    .section .section-title {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 12px
    }
}

@media (min-width:1200px) {
    .section .section-title {
        margin-bottom: 16px
    }
}

.section .section-title.type-big {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 14px
}

@media (min-width:768px) {
    .section .section-title.type-big {
        font-size: 20px;
        margin-bottom: 4px
    }
}

@media (min-width:1200px) {
    .section .section-title.type-big {
        margin-bottom: 12px;
        font-size: 24px
    }
}

.section .section-title.type-small {
    font-size: 14px
}

@media (min-width:992px) {
    .section .section-title.type-small {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .section .section-title.type-medium {
        font-size: 20px
    }
}

.section .desc {
    font-size: 14px;
    line-height: 1.7;
    color: #89A5A8
}

    .section .desc p {
        margin-bottom: 0
    }

    .section .desc strong {
        color: #474E4F
    }

.section.mrg-btm {
    margin-bottom: 48px
}

.section .no-result-found {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    color: #89a5a8;
    font-family: var(--main-font-family);
}

.main-slider-section {
    position: relative;
    margin-bottom: 12px
}

    .main-slider-section .slider-bg {
        display: none
    }

@media (min-width:768px) {
    .main-slider-section {
        padding: 16px 0;
        margin-bottom: 0
    }

        .main-slider-section .slider-bg {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: -1;
            width: 100%;
            height: calc(100% - 94px);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: bottom center;
            transition: all ease .3s
        }
}

@media (min-width:992px) {
    .section .desc {
        font-size: 16px
    }

    .main-slider-section {
        padding: 24px 0;
        margin-bottom: 24px
    }

        .main-slider-section .slider-bg {
            height: calc(100% - 120px)
        }
}

@media (min-width:1440px) {
    .main-slider-section .slider-bg {
        height: calc(100% - 180px)
    }
}

.main-slider-section .slider-bg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(25,179,203,.75)
}

.main-slider-section .main-slider-wrap {
    display: flex;
    flex-flow: column
}

    .main-slider-section .main-slider-wrap .user-suggestions {
        align-items: center
    }

@media (min-width:768px) {
    .main-slider-section .main-slider-wrap .user-suggestions {
        margin-bottom: 16px
    }
}

@media (min-width:992px) {
    .main-slider-section .main-slider-wrap .user-suggestions {
        margin-bottom: 24px
    }
}

.main-slider-section .main-slider-wrap .user-suggestions .user-short-info .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    color: #fff;
    margin: 0 0 4px
}

.main-slider-section .main-slider-wrap .user-suggestions .user-short-info .desc {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
    color: #fff
}

    .main-slider-section .main-slider-wrap .user-suggestions .user-short-info .desc p {
        margin-bottom: 10px
    }

        .main-slider-section .main-slider-wrap .user-suggestions .user-short-info .desc p:last-child {
            margin-bottom: 0
        }

.main-slider-section .main-slider-wrap .user-suggestions .card-suggestions-wrap {
    justify-content: flex-end
}

    .main-slider-section .main-slider-wrap .user-suggestions .card-suggestions-wrap [class*=col-] {
        display: flex
    }

        .main-slider-section .main-slider-wrap .user-suggestions .card-suggestions-wrap [class*=col-] + [class*=col-] {
            margin-top: 6px
        }

.general-section {
    padding: 12px 0
}

@media (min-width:768px) {
    .main-slider-section .main-slider-wrap .user-suggestions .card-suggestions-wrap [class*=col-] + [class*=col-] {
        margin-top: 0
    }

    .general-section {
        padding: 24px 0
    }
}

@media (min-width:1200px) {
    .general-section {
        padding: 36px 0
    }
}

.general-section.mb-bigger {
    padding-bottom: 64px
}

.general-section .location-card {
    margin: 20px 0
}

@media (min-width:576px) {
    .general-section.mb-bigger {
        padding-bottom: 95px
    }

    .general-section .location-card {
        margin: 30px 0 0
    }
}

@media (min-width:992px) {
    .general-section.mb-bigger {
        padding-bottom: 125px
    }

    .general-section .location-card {
        margin: 35px 0 0
    }
}

.general-section .giveaways {
    padding-bottom: 20px
}

@media (min-width:576px) {
    .general-section .giveaways {
        padding-bottom: 40px
    }
}

@media (min-width:992px) {
    .general-section .giveaways {
        padding-bottom: 70px
    }
}

.primary-section {
    padding: 20px 0 30px
}

@media (min-width:768px) {
    .primary-section {
        padding: 50px 0 95px
    }
}

@media (min-width:992px) {
    .primary-section {
        padding: 50px 0 60px
    }
}

@media (min-width:1440px) {
    .primary-section {
        padding: 65px 0 125px
    }
}

.primary-section .promotion-card {
    margin: 35px 0
}

@media (min-width:576px) {
    .primary-section .promotion-card {
        margin: 40px 0
    }
}

@media (min-width:1200px) {
    .primary-section .promotion-card {
        margin: 60px 0 45px
    }
}

.primary-section.type-family-register .primary-form {
    margin-top: 18px
}

@media (min-width:576px) {
    .primary-section.type-family-register .primary-form {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .primary-section.type-family-register .primary-form {
        margin-top: 48px
    }
}

.primary-section.type-family-register .primary-form .warning-card {
    background-color: #fff;
    padding: 5px 0 20px
}

@media (min-width:576px) {
    .primary-section.type-family-register .primary-form .warning-card {
        padding: 8px 0 25px
    }
}

.primary-section.type-family-register .primary-form .warning-card .icon {
    margin-right: 8px
}

.primary-section.type-family-register .primary-form .warning-card .desc {
    font-size: 12px
}

@media (max-width:767px) {
    .primary-section.type-family-register .family-card-wrapper {
        display: none;
        background-color: #ffff;
        padding: 8px 20px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        min-height: 445px;
        max-height: 100vh;
        overflow-y: scroll
    }
}

.primary-section.type-family-register .family-card-wrapper.is-active {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000
}

.primary-section.type-family-register .family-card-wrapper .top-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .primary-section.type-family-register .family-card-wrapper .top-content {
        display: none
    }
}

.primary-section.type-family-register .family-card-wrapper .top-content .icon {
    font-size: 27px;
    color: #C9DFE1
}

.primary-section.type-family-register .family-card-wrapper .family-card:not(:last-child) {
    margin-bottom: 8px
}

.primary-section.type-family-register .family-card-wrapper .sub-title {
    font-size: 14px;
    color: #474E4F;
    display: block;
    margin-bottom: 8px;
    font-weight: 600
}

@media (min-width:768px) {
    .primary-section.type-family-register .family-card-wrapper .sub-title {
        display: none
    }
}

.primary-section.type-family-register .mobile-button {
    background-color: transparent;
    border: 1px solid #E4EEEF;
    padding: 17px 16px;
    color: #19B3CB !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin-bottom: 20px
}

    .primary-section.type-family-register .mobile-button:focus,
    .primary-section.type-family-register .mobile-button:hover {
        outline: 0;
        box-shadow: none !important;
        border-color: #E4EEEF
    }

    .detail-section .photo-slider-wrapper .operation-wrapper .operation-button:focus,
    .primary-section.type-family-register .mobile-button:active {
        box-shadow: none
    }

    .primary-section.type-family-register .mobile-button:hover {
        background-color: transparent
    }

    .primary-section.type-family-register .mobile-button .icon {
        font-size: 12px
    }

.primary-section.type-family-register .primary-router {
    margin: 20px 0 22px
}

@media (min-width:576px) {
    .primary-section.type-family-register .primary-router {
        margin: 24px 0 32px
    }
}

@media (min-width:992px) {
    .primary-section.type-family-register .primary-router {
        margin: 40px 0
    }
}

.primary-section.type-family-register .step-screens.secondary .section-title {
    margin-bottom: 4px
}

@media (min-width:576px) {
    .primary-section.type-family-register .step-screens.secondary .section-title {
        margin-bottom: 0
    }
}

@media (max-width:991px) {
    .primary-section.type-family-register .step-screens.secondary .section-title:not(.type-big) {
        font-size: 16px
    }

    .primary-section.type-family-register .step-screens.secondary .section-title.type-small {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .primary-section.type-family-register .step-screens.secondary .section-title:not(.type-big) {
        font-size: 14px
    }

    .filter-section .filter-slider {
        overflow: hidden
    }
}

.primary-section.type-family-register .step-screens.secondary .section-title.type-small {
    margin-top: 2px
}

.primary-section.type-family-register .step-screens.secondary .desc {
    margin-bottom: 33px
}

@media (min-width:576px) {
    .primary-section.type-family-register .step-screens.secondary .desc {
        margin-bottom: 25px
    }
}

@media (min-width:992px) {
    .primary-section.type-family-register .step-screens.secondary .desc {
        margin-bottom: 40px
    }
}

@media (max-width:991px) {
    .primary-section.type-family-register .step-screens.secondary .btn-bordered {
        font-size: 12px;
        padding: 11px
    }
}

.primary-section.type-family-register .user-info-content {
    margin: 16px 0 8px
}

@media (min-width:576px) {
    .primary-section.type-family-register .user-info-content {
        margin: 24px 0 12px
    }
}

@media (min-width:992px) {
    .primary-section.type-family-register .user-info-content {
        margin: 24px 0
    }
}

.primary-section.type-family-register .user-info-content .user-info {
    margin-bottom: 12px
}

    .primary-section.type-family-register .user-info-content .user-info .info-txt {
        font-weight: 100
    }

.primary-section .kvkk-text.error {
    color: red
}

.secondary-section {
    padding: 16px 0
}

@media (min-width:768px) {
    .primary-section.type-family-register .mobile-button {
        display: none
    }

    .secondary-section {
        padding: 35px 0
    }
}

@media (min-width:1200px) {
    .secondary-section {
        padding: 65px 0
    }
}

.filter-section {
    padding: 5px 0 15px;
    border-bottom: 1px solid #E4EEEF
}

@media (min-width:576px) {
    .filter-section {
        padding: 25px 0 40px;
        border-top: 1px solid #E4EEEF
    }
}

.filter-section .row {
    flex-flow: column;
    position: relative
}

@media (min-width:768px) {
    .filter-section .row {
        flex-flow: row-reverse
    }
}

.filter-section .btn-addon {
    border: 0;
    font-size: 14px;
    font-weight: 400
}

@media (min-width:992px) {
    .primary-section.type-family-register .user-info-content .user-info {
        margin-bottom: 16px
    }

    .filter-section .row {
        flex-flow: row
    }

    .filter-section .btn-addon {
        padding: 13px 10px
    }
}

@media (min-width:1200px) {
    .filter-section .btn-addon {
        padding: 15px 10px
    }
}

@media (min-width:1440px) {
    .filter-section .btn-addon {
        padding: 13px 10px
    }
}

.filter-section .btn-addon .icon {
    font-size: 16px;
    margin-right: 12px
}

@media (min-width:992px) {
    .filter-section .btn-addon .icon {
        font-size: 10px;
        margin-right: 10px
    }
}

@media (min-width:1200px) {
    .filter-section .btn-addon .icon {
        font-size: 16px;
        margin-right: 8px
    }
}

.filter-section .button-wrapper {
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 160px;
    transform: none;
    margin: 15px 10px 0 auto
}

@media (min-width:576px) {
    .filter-section .button-wrapper {
        position: absolute;
        transform: translateY(100%);
        bottom: -20px;
        margin: 0;
        right: -7px
    }
}

.detail-section .warning-area {
    background-color: #E49248;
    padding: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px
}

    .detail-section .warning-area p {
        margin-bottom: 0
    }

.detail-section .gallery-slider-wrapper {
    margin-top: 25px
}

.detail-section .photo-slider-wrapper {
    position: relative
}

    .detail-section .photo-slider-wrapper .operation-wrapper {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        position: absolute;
        bottom: -25px;
        right: 8px;
        z-index: 2
    }

        .detail-section .photo-slider-wrapper .operation-wrapper .operation-button {
            padding: 0;
            background-color: transparent
        }

            .detail-section .photo-slider-wrapper .operation-wrapper .operation-button:after {
                display: none
            }

            .detail-section .photo-slider-wrapper .operation-wrapper .operation-button .icon {
                padding: 17px
            }

@media (max-width:767px) {
    .detail-section .photo-slider-wrapper .operation-wrapper .operation-button .icon {
        padding: 15px
    }
}

.detail-section .photo-slider-wrapper .operation-wrapper .operation-button .total {
    padding: 8px 18px;
    margin-right: -5px
}

@media (max-width:767px) {
    .detail-section .photo-slider-wrapper .operation-wrapper .operation-button .total {
        padding: 6px 18px
    }
}

@media (max-width:991px) {
    .detail-section .container,
    .detail-section .multifunction-banner .bottom,
    .multifunction-banner .detail-section .bottom {
        max-width: 100%
    }

    .detail-section .photo-slider-wrapper .operation-wrapper .operation-button .share-btn {
        padding: 13px;
        margin-left: 4px
    }

    .detail-section .photo-slider-wrapper .photo-slider {
        width: auto !important;
        margin: 0 -8px
    }
}

@media (max-width:767px) {
    .detail-section .photo-slider-wrapper .operation-wrapper .operation-button .share-btn {
        padding: 11px
    }
}

@media (min-width:992px) {
    .detail-section .photo-slider-wrapper .operation-wrapper {
        display: none
    }

    .detail-section .photo-slider-wrapper .photo-slider .image-card img {
        border-radius: 4px
    }

    .detail-section .primary-article .top-area .item:first-child {
        max-width: 400px
    }
}

.detail-section .photo-slider-wrapper .photo-slider .owl-dots {
    margin-top: 12px
}

@media (max-width:991px) {
    .detail-section .photo-slider-wrapper .photo-slider .image-card {
        max-height: 410px
    }

    .detail-section .photo-slider-wrapper .photo-slider .owl-dots {
        justify-content: flex-start;
        padding-left: 8px;
        margin-top: 9px
    }

    .detail-section .primary-article .top-area {
        margin-bottom: 10px
    }
}

.detail-section .photo-slider-wrapper .photo-slider .owl-dots .owl-dot {
    padding: 0 3px
}

.detail-section .primary-article .top-area {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    justify-content: space-between
}

    .detail-section .primary-article .top-area .item {
        display: flex;
        flex-flow: column
    }

@media (min-width:576px) {
    .detail-section .primary-article .top-area .item .title {
        font-size: 24px
    }
}

@media (max-width:991px) {
    .detail-section .primary-article .top-area .item .price {
        margin-top: 7px
    }

    .detail-section .primary-article .top-area .item:last-child {
        display: none
    }
}

.detail-section .primary-article .top-area .item:last-child {
    align-items: flex-end;
    margin-top: -17px
}

    .detail-section .primary-article .top-area .item:last-child .operation-button {
        background-color: transparent;
        padding: 0;
        margin-bottom: 4px
    }

        .detail-section .primary-article .top-area .item:last-child .operation-button:after {
            display: none
        }

        .detail-section .primary-article .top-area .item:last-child .operation-button:focus {
            box-shadow: none !important
        }

        .detail-section .primary-article .top-area .item:last-child .operation-button.favorite .icon {
            font-size: 22px;
            padding: 21px
        }

        .detail-section .primary-article .top-area .item:last-child .operation-button .total {
            padding: 4px 15px
        }

.detail-section .primary-article .top-area .item .title {
    line-height: 1.7;
    margin-bottom: 0
}

.detail-section .primary-article .top-area .item .general-dropdown .operation-button {
    margin-right: 4px
}

.detail-section .primary-article .location-card {
    padding: 18px 16px;
    flex-flow: row
}

@media (min-width:576px) {
    .detail-section .primary-article .location-card {
        padding: 24px 44px
    }
}

@media (min-width:992px) {
    .detail-section .primary-article .location-card {
        padding: 10px 15px
    }
}

@media (min-width:1200px) {
    .detail-section .primary-article .location-card {
        padding: 22px 58px 22px 36px
    }
}

@media (max-width:767px) {
    .detail-section .primary-article .location-card .item {
        align-items: center
    }
}

.detail-section .primary-article .location-card .item .article-content {
    padding-left: 18px
}

    .detail-section .primary-article .location-card .item .article-content .title {
        font-size: 16px;
        margin-bottom: 0
    }

    .detail-section .primary-article .location-card .item .article-content .desc {
        margin-bottom: 0;
        font-size: 12px
    }

.detail-section .primary-article .location-card .item:last-child {
    max-width: 50%;
    flex-flow: column;
    margin-top: 0;
    align-items: flex-end
}

@media (min-width:768px) {
    .detail-section .primary-article .location-card .item:last-child {
        flex-flow: row;
        align-items: flex-start
    }
}

@media (min-width:992px) {
    .detail-section .primary-article .location-card .item .article-content {
        padding-left: 15px
    }

    .detail-section .primary-article .location-card .item:last-child {
        max-width: 196px;
        flex-flow: column;
        align-items: center
    }
}

.detail-section .primary-article .location-card .item:last-child .btn-primary {
    padding: 9px 17px
}

.detail-section .primary-article .location-card .item:last-child .btn-bordered {
    width: auto;
    margin-bottom: 8px;
    padding: 5px 49px
}

@media (min-width:576px) {
    .detail-section .primary-article .location-card .item:last-child .btn-bordered {
        padding: 9px 55px;
        margin-right: 8px
    }
}

@media (min-width:768px) {
    .detail-section .primary-article .location-card .item:last-child .btn-bordered {
        margin-bottom: 0
    }
}

.detail-section .primary-breadcrumb {
    padding: 25px 0 19px;
    font-size: 14px
}

@media (min-width:576px) {
    .detail-section .primary-breadcrumb {
        padding: 25px 0 24px
    }
}

@media (min-width:992px) {
    .detail-section .primary-breadcrumb {
        padding: 18px 0
    }
}

.detail-section.type-other {
    padding: 28px 0 65px
}

@media (min-width:576px) {
    .detail-section.type-other {
        padding: 35px 0 90px
    }
}

@media (max-width:767px) {
    .detail-section.type-other .section-header {
        margin-bottom: 12px
    }
}

.detail-section.type-other .section-header .item .section-title {
    font-size: 16px
}

@media (min-width:992px) {
    .detail-section.type-other {
        padding: 50px 0 130px
    }

        .detail-section.type-other .section-header .item .section-title {
            font-size: 20px
        }
}

@media (max-width:991px) {
    .detail-section.type-other .section-header .item.has-multiple {
        display: flex
    }

    .detail-section .giveaway-item {
        margin-bottom: 10px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .detail-section.type-other .section-header .item.has-multiple .btn-link {
        font-size: 14px;
        text-decoration: underline;
        font-weight: 600
    }

        .detail-section.type-other .section-header .item.has-multiple .btn-link .icon {
            display: none
        }
}

.detail-section.type-other .thumbnail-card .card-footer .item.total {
    color: #19B3CB
}

.detail-section .profile-card {
    margin: 20px 0 25px;
    border-radius: 4px
}

.draw-section {
    padding: 10px 0 20px
}

@media (min-width:768px) {
    .draw-section {
        padding: 35px 0;
        border-top: 1px solid #E4EEEF
    }

        .draw-section .desc {
            font-size: 14px
        }
}

@media (min-width:1200px) {
    .draw-section {
        padding: 57px 0 0
    }

        .draw-section .desc {
            font-size: 16px
        }
}

.draw-section .top {
    display: flex;
    align-items: center;
    margin: 15px 0
}

@media (min-width:992px) {
    .draw-section .top {
        margin: 0 0 8px
    }
}

.draw-section .top .operation-button {
    margin-left: 24px
}

    .draw-section .top .operation-button:focus {
        box-shadow: none
    }

@media (max-width:991px) {
    .draw-section .top .operation-button .icon {
        padding: 12px
    }
}

.draw-section .top .section-title {
    margin: 0
}

.draw-section .desc {
    margin: 20px 0;
    color: #474E4F;
    line-height: 1.5
}

.draw-section .btn-bordered,
.draw-section .btn-general {
    max-width: 250px;
    width: 100%;
    margin-bottom: 23px
}

@media (min-width:768px) {
    .draw-section .btn-bordered,
    .draw-section .btn-general {
        padding: 10px;
        max-width: 300px
    }
}

@media (min-width:1200px) {
    .draw-section .btn-bordered,
    .draw-section .btn-general {
        padding: 15px 10px;
        max-width: 350px
    }
}

.draw-section .btn-general,
.draw-section .btn-general:hover {
    color: #fff
}

.draw-section .btn-bordered {
    color: #19B3CB
}

    .draw-section .btn-bordered:hover {
        color: #fff
    }

.draw-section .tag-wrapper {
    display: flex
}

    .draw-section .tag-wrapper .primary-tag {
        margin-right: 8px
    }

.draw-section .cover-photo {
    border-radius: 4.8px
}

.draw-section .primary-tab .nav-item {
    font-size: 14px;
    padding: 10px
}

@media (min-width:992px) {
    .draw-section .primary-tab .nav-item {
        font-size: 16px
    }
}

.draw-section .primary-tabContent {
    padding: 24px 0 0
}

    .draw-section .primary-tabContent p {
        line-height: 1.5;
        font-size: 13px
    }

        .draw-section .primary-tabContent p:not(:last-child) {
            margin-bottom: 10px
        }

@media (min-width:992px) {
    .draw-section .primary-tabContent p {
        font-size: 14px
    }

        .draw-section .primary-tabContent p:not(:last-child) {
            margin-bottom: 25px
        }
}

.draw-section .card-wrapper {
    margin: 40px 0 10px
}

@media (min-width:768px) {
    .draw-section .card-wrapper {
        margin: 40px 0 20px
    }
}

@media (min-width:1200px) {
    .draw-section .card-wrapper {
        margin: 72px 0 20px
    }
}

.draw-section .card-wrapper .location-card:not(:last-child) {
    margin-bottom: 12px
}

.draw-section .card-wrapper .location-card .btn-general {
    margin-bottom: 0
}

.draw-section .operation-button {
    background-color: transparent;
    padding: 0
}

    .draw-section .operation-button:after {
        display: none
    }

    .draw-section .operation-button:active,
    .draw-section .operation-button:focus,
    .draw-section .operation-button:hover {
        outline: 0;
        box-shadow: none !important;
        background-color: transparent !important
    }

@media (max-width:767px) {
    .draw-section .section-title {
        font-size: 20px !important
    }
}

.category-section {
    border-top: 1px solid #E4EEEF;
    border-bottom: 1px solid #E4EEEF;
    padding: 20px 0
}

    .category-section .category-list-wrapper {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        max-width: 1100px;
        width: 100%;
        margin: 20px auto 0
    }

@media (min-width:992px) {
    .category-section {
        padding: 24px 0
    }

        .category-section .category-list-wrapper {
            margin: 24px auto 0
        }
}

@media (min-width:1440px) {
    .category-section .category-list-wrapper {
        max-width: 1300px
    }
}

.category-section .category-list-wrapper .filter-card {
    padding: 11px 16px
}

    .category-section .category-list-wrapper .filter-card .icon {
        font-size: 16px
    }

@media (min-width:992px) {
    .category-section .category-list-wrapper .filter-card.selected {
        padding: 11px 35px 11px 16px
    }

    .category-section .category-list-wrapper .filter-card .icon {
        font-size: 17px
    }
}

.category-section .category-list-wrapper .filter-card:not(:first-child) {
    margin-left: 8px
}

.category-section .top-selection {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:767px) {
    .category-section .top-selection {
        margin-left: -14px
    }

    .privilege-section .belong-privileges:before {
        display: none
    }
}

.category-section .top-selection .title {
    color: #474E4F;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
    transition: all ease .3s
}

@media (min-width:576px) {
    .category-section .category-list-wrapper .filter-card {
        margin-bottom: 8px
    }

        .category-section .category-list-wrapper .filter-card .icon {
            margin-right: 8px
        }

    .category-section .top-selection .title {
        font-size: 16px
    }
}

.category-section .top-selection .title.active {
    color: #19B3CB;
    cursor: pointer
}

.category-section .top-selection .btn-switch {
    margin: 0 12px
}

.brands-section {
    padding: 10px 0 50px
}

@media (min-width:576px) {
    .category-section .top-selection .btn-switch {
        margin: 0 16px
    }

    .brands-section {
        padding: 20px 0 80px
    }

    .privilege-section .category-section-wrapper {
        min-height: 315px
    }
}

@media (min-width:992px) {
    .brands-section {
        padding: 30px 0 100px
    }
}

@media (max-width:991px) {
    .brands-section .section-title {
        margin-bottom: 12px;
        font-size: 16px
    }

    .privilege-section .brands .category-section-wrapper {
        min-height: inherit
    }
}

.privilege-section {
    padding: 20px 0 44px
}

    .privilege-section .brands .pano-slider,
    .privilege-section .privilege .pano-slider {
        margin-bottom: 20px
    }

@media (min-width:768px) {
    .privilege-section {
        padding: 40px 0 37px
    }

        .privilege-section .brands .pano-slider,
        .privilege-section .privilege .pano-slider {
            margin-bottom: 40px
        }
}

@media (min-width:992px) {
    .privilege-section {
        padding: 64px 0
    }

        .privilege-section .brands .pano-slider,
        .privilege-section .privilege .pano-slider {
            margin-bottom: 64px
        }

            .privilege-section .brands .pano-slider.only-desktop-overflow .owl-stage-outer,
            .privilege-section .privilege .pano-slider.only-desktop-overflow .owl-stage-outer {
                overflow: inherit !important;
                overflow-y: visible !important;
                overflow-x: hidden !important
            }
}

.privilege-section .brands .pano-slider .thumbnail-card .card-media img,
.privilege-section .privilege .pano-slider .thumbnail-card .card-media img {
    max-height: 150px
}

.privilege-section .filtered-brands .brands-card,
.privilege-section .filtered-brands .thumbnail-card,
.privilege-section .filtered-privileges .brands-card,
.privilege-section .filtered-privileges .thumbnail-card {
    margin-bottom: 8px
}

    .privilege-section .filtered-brands .thumbnail-card .card-media img,
    .privilege-section .filtered-privileges .thumbnail-card .card-media img {
        max-height: 85px;
        width: 100%
    }

@media (min-width:576px) {
    .privilege-section .filtered-brands .brands-card,
    .privilege-section .filtered-brands .thumbnail-card,
    .privilege-section .filtered-privileges .brands-card,
    .privilege-section .filtered-privileges .thumbnail-card {
        margin-bottom: 12px
    }

        .privilege-section .filtered-brands .thumbnail-card .card-media img,
        .privilege-section .filtered-privileges .thumbnail-card .card-media img {
            max-height: 105px
        }
}

@media (min-width:992px) {
    .privilege-section .filtered-brands .brands-card,
    .privilege-section .filtered-brands .thumbnail-card,
    .privilege-section .filtered-privileges .brands-card,
    .privilege-section .filtered-privileges .thumbnail-card {
        margin-bottom: 16px
    }

        .privilege-section .filtered-brands .thumbnail-card .card-media img,
        .privilege-section .filtered-privileges .thumbnail-card .card-media img {
            max-height: 150px
        }
}

.privilege-section .belong-privileges {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    max-height: 480px;
    height: 100%;
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 0 -1px 10px 0 rgba(0,0,0,.3);
    z-index: 100
}

@media (min-width:768px) {
    .privilege-section .belong-privileges {
        z-index: 1;
        background-color: #EBF2F3;
        max-height: inherit;
        position: relative;
        margin-top: -20px;
        margin-bottom: 64px;
        padding: 32px 0 48px;
        box-shadow: none
    }
}

.privilege-section .belong-privileges:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: -100%;
    right: -100%;
    background-color: #EBF2F3;
    z-index: -1
}

.privilege-section .belong-privileges .icon {
    position: absolute;
    top: 16px;
    transform: translateX(100%);
    right: 10px;
    font-size: 24px;
    color: #19B3CB;
    cursor: pointer;
    display: none
}

@media (min-width:992px) {
    .privilege-section .belong-privileges {
        margin-top: -45px;
        padding: 40px 0 56px
    }

        .privilege-section .belong-privileges .icon {
            font-size: 32px;
            top: 24px;
            right: -27px
        }
}

.privilege-section .belong-privileges .bracket {
    height: 4px;
    width: 40px;
    margin: 0 auto 20px;
    border-radius: 1.5px;
    background-color: #C9DFE1;
    display: block
}

@media (min-width:768px) {
    .privilege-section .belong-privileges .icon {
        display: block
    }

    .privilege-section .belong-privileges .bracket {
        display: none
    }
}

.privilege-section .belong-privileges .thumbnail-card {
    margin-bottom: 20px
}

    .privilege-section .belong-privileges .thumbnail-card .card-media img {
        width: 100%
    }

.privilege-section .belong-privileges .section-title {
    font-size: 14px;
    margin-bottom: 13px
}

.privilege-section .belong-privileges .scrollable-content {
    height: 100%;
    overflow-y: auto
}

@media (max-width:767px) {
    .privilege-section .belong-privileges .scrollable-content {
        padding-bottom: 55px
    }

    .privilege-detail-section > * .desc {
        color: #474E4F
    }
}

.privilege-detail-section {
    padding: 44px 0 64px
}

@media (min-width:576px) {
    .privilege-section .belong-privileges .section-title {
        font-size: 16px;
        margin-bottom: 12px
    }

    .privilege-detail-section {
        padding: 64px 0 96px
    }
}

@media (min-width:992px) {
    .privilege-section .belong-privileges .section-title {
        font-size: 20px;
        margin-bottom: 16px
    }

    .privilege-detail-section {
        padding: 72px 0 128px
    }
}

.privilege-detail-section .primary-breadcrumb {
    padding: 0;
    margin-bottom: 10px
}

@media (min-width:576px) {
    .privilege-detail-section .primary-breadcrumb {
        margin-bottom: 18px
    }
}

.privilege-detail-section .section-title.type-big {
    margin-bottom: 14px;
    font-size: 20px
}

.privilege-detail-section .primary-accordion {
    margin-top: 40px
}

@media (min-width:992px) {
    .privilege-detail-section .section-title.type-big {
        margin-bottom: 18px
    }

    .privilege-detail-section .primary-accordion {
        margin-top: 64px
    }
}

.privilege-detail-section .section-header {
    margin-top: 38px
}

@media (min-width:768px) and (max-width:991px) {
    .privilege-detail-section .section-header .section-title {
        font-size: 16px
    }
}

.privilege-detail-section .pano-slider .owl-stage-outer .owl-stage .owl-item .thumbnail-card .card-media img {
    max-height: 82px
}

@media (min-width:576px) {
    .privilege-detail-section .section-header {
        margin-top: 40px
    }

    .privilege-detail-section .pano-slider .owl-stage-outer .owl-stage .owl-item .thumbnail-card .card-media img {
        max-height: 105px
    }
}

@media (min-width:992px) {
    .privilege-detail-section .section-header {
        margin-top: 64px
    }

    .privilege-detail-section .pano-slider .owl-stage-outer .owl-stage .owl-item .thumbnail-card .card-media img {
        max-height: 150px
    }
}

.filter-list-section {
    padding: 20px 0 110px
}

    .filter-list-section .filter-types {
        margin: 25px 0 48px;
        display: flex;
        flex-flow: wrap;
        align-items: flex-start;
        justify-content: space-between
    }

        .filter-list-section .filter-types .general-dropdown {
            max-width: 49%;
            width: 100%;
            margin: 0 0 10px
        }

@media (min-width:768px) {
    .filter-list-section .filter-types {
        flex-flow: row;
        justify-content: flex-start;
        align-items: center
    }

        .filter-list-section .filter-types .general-dropdown {
            max-width: 150px;
            margin: 0 12px 0 0
        }
}

@media (min-width:1200px) {
    .filter-list-section .filter-types .general-dropdown {
        max-width: 250px;
        margin: 0 12px 0 0
    }
}

.filter-list-section .thumbnail-card {
    margin-bottom: 12px
}

    .filter-list-section .thumbnail-card .card-media img {
        width: 100%;
        max-height: 162px
    }

@media (max-width:767px) {
    .filter-list-section .filter-types .theme-botticelli {
        max-width: 49%;
        width: 100%
    }

    .filter-list-section .thumbnail-card .card-body {
        padding: 8px 12px
    }
}

.filter-list-section .thumbnail-card .card-footer {
    padding: 0 12px 8px
}

@media (min-width:768px) {
    .filter-list-section .thumbnail-card .card-footer {
        padding: 0 15px 18px
    }
}

.filter-list-section .section-header .section-title {
    font-size: 16px
}

@media (min-width:576px) {
    .filter-list-section .thumbnail-card {
        margin-bottom: 16px
    }

    .filter-list-section .section-header .section-title {
        font-size: 20px
    }
}

@media (min-width:992px) {
    .filter-list-section .thumbnail-card .card-footer {
        padding: 0 20px 18px
    }

    .filter-list-section .section-header .section-title {
        font-size: 24px
    }
}

.filter-list-section .section-header .pano-count-text {
    font-size: 16px;
    line-height: 1.7;
    color: #89A5A8
}

.promotion-section {
    background-image: url(../img/promotion-background-mobile.png);
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh
}

    .multifunction-banner .promotion-section .bottom,
    .promotion-section .container,
    .promotion-section .multifunction-banner .bottom {
        height: 100%;
        display: flex;
        align-items: center
    }

@media (max-width:767px) {
    .multifunction-banner .promotion-section .bottom,
    .promotion-section .container,
    .promotion-section .multifunction-banner .bottom {
        justify-content: center;
        align-items: flex-start;
        padding-top: 120px
    }

        .multifunction-banner .promotion-section .bottom .content-area,
        .promotion-section .container .content-area,
        .promotion-section .multifunction-banner .bottom .content-area {
            max-width: 275px;
            padding: 0 20px
        }
}

@media (max-width:991px) {
    .filter-list-section .thumbnail-card .card-media img {
        max-height: 90px
    }

    .multifunction-banner .promotion-section .bottom,
    .promotion-section .container,
    .promotion-section .multifunction-banner .bottom {
        justify-content: flex-start
    }
}

.multifunction-banner .promotion-section .bottom .row,
.promotion-section .container .row,
.promotion-section .multifunction-banner .bottom .row {
    width: 100%
}

.multifunction-banner .promotion-section .bottom .content-area .title,
.promotion-section .container .content-area .title,
.promotion-section .multifunction-banner .bottom .content-area .title {
    font-size: 25px;
    font-weight: 700;
    color: #fff
}

@media (min-width:576px) {
    .promotion-section {
        background-image: url(../img/promotion-background.png)
    }

        .multifunction-banner .promotion-section .bottom .content-area .title,
        .promotion-section .container .content-area .title,
        .promotion-section .multifunction-banner .bottom .content-area .title {
            font-size: 30px
        }
}

@media (min-width:992px) {
    .multifunction-banner .promotion-section .bottom .content-area .title,
    .promotion-section .container .content-area .title,
    .promotion-section .multifunction-banner .bottom .content-area .title {
        font-size: 40px
    }
}

@media (min-width:1440px) {
    .multifunction-banner .promotion-section .bottom .content-area .title,
    .promotion-section .container .content-area .title,
    .promotion-section .multifunction-banner .bottom .content-area .title {
        font-size: 50px
    }
}

.multifunction-banner .promotion-section .bottom .content-area .store-wrapper,
.promotion-section .container .content-area .store-wrapper,
.promotion-section .multifunction-banner .bottom .content-area .store-wrapper {
    margin-top: 20px;
    display: flex;
    flex-flow: row;
    align-items: center;
    width: 100%
}

    .multifunction-banner .promotion-section .bottom .content-area .store-wrapper .item:first-child,
    .promotion-section .container .content-area .store-wrapper .item:first-child,
    .promotion-section .multifunction-banner .bottom .content-area .store-wrapper .item:first-child {
        margin-right: 25px
    }

.multifunction-banner .promotion-section .bottom .content-area .qr-img,
.promotion-section .container .content-area .qr-img,
.promotion-section .multifunction-banner .bottom .content-area .qr-img {
    width: 175px;
    height: 175px;
    margin: 25px 0 0 100px
}

@media (max-width:991px) {
    .multifunction-banner .promotion-section .bottom .content-area .qr-img,
    .promotion-section .container .content-area .qr-img,
    .promotion-section .multifunction-banner .bottom .content-area .qr-img {
        display: none
    }
}

.promotion-section .header-logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 55;
    padding: 10px
}

.promotion-section .footer-logo {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px
}

@media (max-width:767px) {
    .multifunction-banner .promotion-section .bottom .content-area .store-wrapper,
    .promotion-section .container .content-area .store-wrapper,
    .promotion-section .multifunction-banner .bottom .content-area .store-wrapper {
        justify-content: space-between
    }

    .promotion-section .header-logo {
        max-width: 100px;
        width: auto
    }

    .promotion-section .footer-logo {
        max-width: 200px;
        width: auto;
        padding: 20px;
        bottom: inherit;
        left: inherit;
        top: 0;
        right: 0
    }
}

.dark-mode .section .section-header .btn-link {
    color: #e6e6e6
}

.dark-mode .section.aqua-haze {
    background-color: #1e1e1e
}

.dark-mode .section .share-btn {
    background-color: #1e1e1e;
    border-color: #373737;
    color: #e6e6e6
}

.dark-mode .section .desc {
    color: #adadad
}

    .dark-mode .section .desc strong {
        color: #e6e6e6
    }

    .dark-mode .section .desc span {
        color: #adadad !important
    }

.dark-mode .section-title {
    color: #adadad
}

.dark-mode .main-slider .item .slider-content {
    background-image: linear-gradient(to left,rgba(18,18,18,.2),#212121),linear-gradient(to bottom,rgba(18,18,18,.2),rgba(18,18,18,.2))
}

    .dark-mode .main-slider .item .slider-content .title {
        color: #fff
    }

.dark-mode .main-slider .main-slider .owl-nav,
.dark-mode .main-slider .owl-nav .owl-next {
    background-color: #373737
}

.dark-mode .main-slider .owl-dots .owl-dot.active span {
    background-color: #898989
}

.dark-mode .main-slider-section .slider-bg::before {
    background-color: rgba(18,18,18,.75)
}

.dark-mode .category-section {
    border-color: #373737
}

    .dark-mode .category-section .top-selection .title {
        color: #898989
    }

        .dark-mode .category-section .top-selection .title.active {
            color: #e6e6e6
        }

    .dark-mode .category-section .category-list-wrapper .filter-card {
        background-color: #373737
    }

        .dark-mode .category-section .category-list-wrapper .filter-card .icon,
        .dark-mode .category-section .category-list-wrapper .filter-card .text {
            color: #898989
        }

        .dark-mode .category-section .category-list-wrapper .filter-card.selected .icon,
        .dark-mode .category-section .category-list-wrapper .filter-card.selected .text,
        .dark-mode .privilege-section .belong-privileges .icon {
            color: #e6e6e6
        }

        .dark-mode .category-section .category-list-wrapper .filter-card.selected {
            background-color: #12889B
        }

.dark-mode .privilege-section .belong-privileges:before {
    background-color: #323232
}

.dark-mode .filter-section {
    border-color: #373737
}

    .dark-mode .filter-section .filter-card {
        background-color: #373737
    }

        .dark-mode .filter-section .filter-card .icon,
        .dark-mode .filter-section .filter-card .text {
            color: #898989
        }

        .dark-mode .filter-section .filter-card.selected {
            background-color: #CBD2E6
        }

            .dark-mode .filter-section .filter-card.selected .icon,
            .dark-mode .filter-section .filter-card.selected .text,
            .dark-mode .filter-section .filter-card.selected:before {
                color: #474E4F
            }

    .dark-mode .filter-section .btn-general {
        background-color: #12889B
    }

.dark-mode .general-section .location-card {
    background-color: #373737
}

    .dark-mode .general-section .location-card .item .icon-address {
        color: #e6e6e6
    }

    .dark-mode .general-section .location-card .item .article-content .title {
        color: #adadad
    }

    .dark-mode .general-section .location-card .item .article-content .desc {
        color: #898989
    }

.dark-mode .general-section .giveaway-tabs {
    border-color: #373737
}

    .dark-mode .general-section .giveaway-tabs .tab-item {
        border-color: #373737;
        color: #898989
    }

        .dark-mode .general-section .giveaway-tabs .tab-item.active {
            color: #e6e6e6
        }

.dark-mode .filter-list-section .filter-types .btn-filter {
    background-color: #373737;
    color: #898989
}

    .dark-mode .filter-list-section .filter-types .btn-filter.active {
        background-color: #12889B;
        color: #e6e6e6
    }

.dark-mode .draw-section {
    border-color: #373737
}

    .dark-mode .draw-section .tag-wrapper .primary-tag.theme-aqua {
        background-color: #252d2f;
        color: #1a9aae
    }

    .dark-mode .draw-section .desc {
        color: #adadad
    }

    .dark-mode .draw-section .primary-tab {
        border-color: #373737
    }

        .dark-mode .draw-section .primary-tab .nav-item {
            color: #898989
        }

            .dark-mode .draw-section .primary-tab .nav-item.active {
                color: #e6e6e6
            }

                .dark-mode .draw-section .primary-tab .nav-item.active:before {
                    background-color: #e6e6e6
                }

    .dark-mode .draw-section .tab-content .desc-area {
        color: #898989
    }

        .dark-mode .draw-section .tab-content .desc-area:before {
            background-image: linear-gradient(to bottom,rgba(18,18,18,0) 0,#121212)
        }

    .dark-mode .draw-section .tab-content .expanding-txt {
        color: #e6e6e6
    }

    .dark-mode .draw-section .card-wrapper .location-card {
        border-color: #373737
    }

        .dark-mode .draw-section .card-wrapper .location-card .item .article-content .title {
            color: #adadad
        }

        .dark-mode .detail-section .primary-article .sub-title,
        .dark-mode .detail-section .primary-breadcrumb li,
        .dark-mode .detail-section .primary-breadcrumb li .category-selector .dropdown-toggle,
        .dark-mode .draw-section .card-wrapper .location-card .item .article-content .desc {
            color: #898989
        }

.dark-mode .detail-section .warning-area {
    background-color: #b2753d
}

.dark-mode .detail-section .primary-article .top-area .item .price,
.dark-mode .detail-section .primary-article .top-area .item .title {
    color: #adadad
}

.dark-mode .detail-section .primary-article .top-area .item .operation-button .total {
    background-color: #e6e6e6;
    color: #030303
}

.dark-mode .detail-section .primary-article .top-area .item .operation-button .icon-heart,
.dark-mode .detail-section .primary-article .top-area .item .operation-button .icon-heart-fill {
    background-color: #1e1e1e;
    border-color: #373737
}

    .dark-mode .detail-section .primary-article .top-area .item .operation-button .icon-heart-fill:before,
    .dark-mode .detail-section .primary-article .top-area .item .operation-button .icon-heart:before {
        color: #e6e6e6
    }

.dark-mode .detail-section .primary-article .desc,
.dark-mode .detail-section .primary-article .location-card .item .article-content .title {
    color: #adadad
}

.dark-mode .detail-section .primary-article .location-card {
    background-color: #373737
}

    .dark-mode .detail-section .primary-article .location-card .item .article-content .desc {
        color: #898989
    }

    .dark-mode .detail-section .primary-article .location-card .item .tel-txt {
        color: #adadad
    }

    .dark-mode .detail-section .primary-article .location-card .item .link-txt,
    .dark-mode .detail-section .primary-article .location-card .item .link-txt .icon {
        color: #e6e6e6
    }

.dark-mode .step-screens .desc {
    color: #898989
}

.dark-mode .step-screens .primary-form .custom-form-group input,
.dark-mode .step-screens .primary-form .custom-form-group textarea {
    background-color: #1e1e1e;
    border-color: #373737;
    color: #adadad
}

.dark-mode .step-screens .primary-form .warning-card {
    background-color: transparent
}

.dark-mode .step-screens .primary-form .note-txt {
    color: #898989
}

.dark-mode .family-card-wrapper .family-card {
    background-color: #1e1e1e;
    border-color: #373737
}

    .dark-mode .family-card-wrapper .family-card .item .title {
        color: #adadad
    }

    .dark-mode .family-card-wrapper .family-card .item .desc {
        color: #898989
    }

    .dark-mode .family-card-wrapper .family-card.is-active .item .title {
        color: #e6e6e6
    }

.dark-mode .family-card-wrapper .general-dropdown .btn-bordered {
    border-color: #e6e6e6;
    color: #e6e6e6
}

    .dark-mode .family-card-wrapper .general-dropdown .btn-bordered:hover,
    .dark-mode .primary-router .router-list:before {
        background-color: #898989
    }

.dark-mode .primary-router .router-list .step-item .icon {
    background-color: #adadad
}

    .dark-mode .primary-router .router-list .step-item .icon:before {
        color: #373737
    }

.dark-mode .primary-router .router-list .step-item span,
.dark-mode .user-info-content .user-info .title {
    color: #898989
}

.dark-mode .primary-router .router-list .step-item.completed .icon {
    background-color: #1ECD9B
}

.dark-mode .user-info-content .user-info {
    border-color: #373737
}

    .dark-mode .user-info-content .user-info .info-txt {
        color: #adadad
    }

.dark-mode .operation-wrapper .operation-button .total {
    background-color: #e6e6e6;
    color: #030303
}

.dark-mode .operation-wrapper .operation-button .icon-heart,
.dark-mode .operation-wrapper .operation-button .icon-heart-fill,
.dark-mode .operation-wrapper .type-share .operation-button .icon-share {
    background-color: #1e1e1e;
    color: #e6e6e6;
    border-color: #373737
}

.dark-mode .primary-section .primary-article .note-card,
.dark-mode .primary-section .primary-article .static-content .vertical-table .line-item .item:first-child {
    background-color: #232323
}

.dark-mode .privilege-detail-section .primary-breadcrumb li {
    color: #898989
}

    .dark-mode .privilege-detail-section .primary-breadcrumb li:last-child {
        color: #e6e6e6
    }

.dark-mode .privilege-detail-section .primary-breadcrumb .category-selector .dropdown-toggle {
    border-color: #373737;
    color: #898989
}

.dark-mode .primary-section .primary-article .title {
    color: #898989
}

.dark-mode .primary-section .primary-article .static-content p,
.dark-mode .primary-section .primary-article .static-content span {
    color: #adadad
}

.dark-mode .primary-section .primary-article .static-content a,
.dark-mode .primary-section .primary-article .static-content strong {
    color: #e6e6e6
}

.dark-mode .primary-section .primary-article .static-content .contact-list li {
    color: #adadad
}

.dark-mode .primary-section .primary-article .note-card .card-header .title,
.dark-mode .primary-section .primary-article .static-content .vertical-table .line-item .item .title {
    color: #898989
}

.dark-mode .primary-section .primary-article .static-content .primary-table thead {
    border-color: #373737
}

    .dark-mode .primary-section .primary-article .static-content .primary-table thead tr {
        background-color: #232323;
        border-color: #373737;
        color: #898989
    }

    .dark-mode .primary-section .primary-article .static-content .primary-table tbody,
    .dark-mode .primary-section .primary-article .static-content .primary-table tbody td,
    .dark-mode .primary-section .primary-article .static-content .primary-table tbody th,
    .dark-mode .primary-section .primary-article .static-content .primary-table tbody tr,
    .dark-mode .primary-section .primary-article .static-content .primary-table thead th,
    .dark-mode .primary-section .primary-article .static-content .vertical-table,
    .dark-mode .primary-section .primary-article .static-content .vertical-table .line-item,
    .dark-mode .primary-section .primary-article .static-content .vertical-table .line-item .item {
        border-color: #373737
    }

.dark-mode .primary-section .primary-article .note-card .card-header {
    border-color: #373737
}

.dark-mode .primary-section .primary-article .note-card .card-body p {
    color: #adadad
}

.dark-mode .primary-section .primary-page-links .title {
    color: #898989
}

.dark-mode .primary-section .primary-page-links .link-list li .link-item {
    color: #adadad
}

    .dark-mode .primary-section .primary-page-links .link-list li .link-item .icon {
        color: #e6e6e6
    }

.primary-form .title {
    font-size: 20px;
    font-weight: 700;
    color: #474E4F;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .primary-form .title {
        font-size: 24px;
        margin-bottom: 20px
    }
}

.primary-form .sub-title {
    display: block;
    margin-top: 24px;
    font-size: 14px;
    color: #474E4F;
    font-weight: 600
}

@media (min-width:576px) {
    .primary-form .title {
        margin-bottom: 20px
    }

    .primary-form .sub-title {
        margin-top: 32px
    }
}

.primary-form .custom-form-group {
    position: relative
}

    .primary-form .custom-form-group input,
    .primary-form .custom-form-group textarea {
        width: 100%;
        border-radius: 4px;
        border: 1px solid #e4eeef;
        font-size: 14px;
        color: #474E4F;
        padding: 17px 16px
    }

        .primary-form .custom-form-group input:focus,
        .primary-form .custom-form-group textarea:focus {
            outline: 0
        }

        .primary-form .custom-form-group input::placeholder,
        .primary-form .custom-form-group textarea::placeholder {
            color: #89A5A8
        }

        .primary-form .custom-form-group input:-ms-input-placeholder,
        .primary-form .custom-form-group textarea:-ms-input-placeholder {
            color: #89A5A8
        }

        .primary-form .custom-form-group input::-ms-input-placeholder,
        .primary-form .custom-form-group textarea::-ms-input-placeholder {
            color: #89A5A8
        }

    .primary-form .custom-form-group textarea {
        height: 170px;
        margin-top: 5px;
        max-height: 170px
    }

@media (min-width:576px) {
    .primary-form .custom-form-group textarea {
        height: 225px;
        max-height: 225px;
        margin: 0
    }
}

.primary-form .custom-form-group.has-connectionBtn {
    margin-bottom: 8px
}

@media (max-width:767px) {
    .primary-form .custom-form-group.has-connectionBtn {
        margin-bottom: 5px
    }
}

.primary-form .custom-form-group .connection-btn {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #19B3CB;
    cursor: pointer
}

.primary-form .custom-form-group:not(:first-child) {
    margin-top: 5px
}

.primary-form .custom-form-group .moving-placeholder,
.primary-form .custom-form-group input::placeholder,
.primary-form .custom-form-group textarea::placeholder {
    color: #89A5A8
}

.primary-form .custom-form-group.has-moving-label .currency {
    opacity: 0;
    visibility: hidden;
    transition: all ease .3s
}

.primary-form .custom-form-group.has-moving-label.label-active input {
    color: #474E4F;
    padding: 24px 16px 6px
}

.primary-form .custom-form-group.has-moving-label.label-active label {
    font-size: 12px;
    top: 7px;
    transform: none;
    color: #89A5A8
}

@media (min-width:576px) {
    .primary-form .custom-form-group:not(:first-child) {
        margin-top: 8px
    }

    .primary-form .custom-form-group.has-moving-label.label-active input {
        padding: 30px 16px 3px
    }

    .primary-form .custom-form-group.has-moving-label.label-active label {
        top: 8px
    }
}

.primary-form .custom-form-group.has-moving-label.label-active .primary-select .css-107lb6w-singleValue,
.primary-form .custom-form-group.has-moving-label.label-active .primary-select .css-1uccc91-singleValue {
    top: inherit;
    bottom: -5px
}

.primary-form .custom-form-group.has-moving-label.label-active .primary-select .css-1uccc91-singleValue {
    color: #474E4F !important
}

.primary-form .custom-form-group.has-moving-label.label-active .primary-select .css-1fhf3k1-control {
    background-color: #EBF2F3;
    border: 0
}

.primary-form .custom-form-group.has-moving-label.label-active .currency {
    opacity: 1;
    visibility: visible;
    right: 15px;
    font-size: 14px;
    left: inherit;
    top: 50%;
    transform: translateY(-50%)
}

.general-slider-nav .owl-nav .owl-next.disabled,
.general-slider-nav .owl-nav .owl-prev.disabled,
.main-slider .owl-nav .owl-next.disabled,
.main-slider .owl-nav .owl-prev.disabled {
    visibility: hidden;
    opacity: 0
}

.primary-form .custom-form-group.has-moving-label label {
    position: absolute;
    top: 50%;
    font-size: 14px;
    left: 16px;
    transform: translateY(-50%);
    margin-bottom: 0;
    color: #89A5A8;
    transition: all ease .3s;
    z-index: 1
}

.primary-form .custom-form-group.has-moving-label .primary-select .css-1wa3eu0-placeholder {
    display: none
}

.primary-form .custom-form-group .primary-select .css-1uccc91-singleValue {
    color: #474E4F !important
}

.primary-form .custom-form-group .checkbox-wrapper.error label {
    color: #FF4920
}

.primary-form .custom-form-group .checkbox-wrapper label {
    margin-bottom: 0;
    font-size: 14px;
    color: #474E4F;
    cursor: pointer
}

.primary-form .btn-primary {
    margin-top: 15px
}

.primary-form .twice-group {
    margin-top: 8px
}

.primary-form .checkbox-wrapper .checkbox-item:first-child {
    margin-top: 12px
}

.primary-form .checkbox-wrapper .checkbox-item:not(:last-child) {
    margin-bottom: 12px
}

.primary-form .radio-content {
    display: flex;
    flex-flow: column;
    margin: 12px 0 20px
}

@media (min-width:576px) {
    .primary-form .radio-content {
        margin: 20px 0 30px
    }
}

.primary-form .radio-content label {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

    .primary-form .radio-content label:not(:last-child) {
        margin-bottom: 17px
    }

    .primary-form .radio-content label .iradio_primary {
        margin-right: 4px;
        border-color: #19B3CB;
        width: 20px;
        height: 20px
    }

        .primary-form .radio-content label .iradio_primary.checked:before {
            width: 12px;
            height: 12px
        }

    .primary-form .radio-content label span {
        color: #474E4F;
        font-size: 14px
    }

@media (min-width:576px) {
    .primary-form .radio-content label .iradio_primary {
        margin-right: 12px
    }

    .primary-form .radio-content label span {
        font-size: 16px
    }
}

.primary-form .radio-content.type-horizontal {
    margin: 5px 0 0;
    flex-flow: row;
    align-items: center
}

@media (min-width:576px) {
    .primary-form .radio-content.type-horizontal {
        margin: 20px 0 0
    }
}

@media (min-width:992px) {
    .primary-form .radio-content.type-horizontal {
        margin: 10px 0
    }
}

.primary-form .radio-content.type-horizontal label {
    margin-bottom: 0
}

    .primary-form .radio-content.type-horizontal label:not(:first-child) {
        padding-left: 15px
    }

@media (min-width:576px) {
    .primary-form .radio-content.type-horizontal label:not(:first-child) {
        padding-left: 33px
    }
}

.primary-form .note-txt {
    font-size: 12px;
    line-height: 1.5;
    color: #474E4F;
    display: block
}

.primary-form.has-padding .primary-select .css-1hwfws3,
.primary-form.has-padding .primary-select .css-g1d714-ValueContainer {
    padding: 13px
}

.dark-mode .primary-form .radio-content label .iradio_primary {
    background-color: transparent;
    border-color: #e6e6e6
}

.dark-mode .iradio_primary.checked:before {
    background: #e6e6e6
}

.btn-primary,
.btn-primary:hover {
    background-color: #19B3CB;
    color: #fff
}

.btn.btn-min-size {
    min-width: 140px
}

@media (min-width:576px) {
    .btn.btn-min-size {
        min-width: 160px
    }
}

.btn-primary {
    font-size: 12px;
    font-weight: 700;
    padding: 10px;
    width: 100%;
    border-radius: 4px;
    border: none
}

.btn-bordered,
.btn-general {
    font-weight: 700;
    line-height: 1.4;
    border-radius: 4px
}

@media (min-width:992px) {
    .btn.btn-min-size {
        min-width: 250px
    }

    .btn-primary {
        font-size: 14px;
        padding: 15px
    }
}

.btn-primary:focus {
    outline: 0
}

.btn-primary.theme-warning {
    background-color: #ff4920
}

    .btn-primary.theme-warning:active,
    .btn-primary.theme-warning:hover {
        background-color: #ff4920 !important
    }

    .btn-primary.theme-warning:focus {
        outline: 0;
        box-shadow: none
    }

.btn-general {
    font-size: 12px;
    padding: 11px 10px;
    color: #fff;
    background-color: #19B3CB;
    border-color: #19B3CB
}

    .btn-general.focus,
    .btn-general:focus,
    .btn-general:hover {
        background-color: #1595a9;
        border-color: #138b9e;
        color: #fff
    }

    .btn-general.focus,
    .btn-general:focus {
        box-shadow: 0 0 0 .2rem rgba(60,190,211,.5)
    }

    .btn-general.disabled,
    .btn-general:disabled {
        color: #fff;
        background-color: #19B3CB;
        border-color: #19B3CB
    }

    .btn-general:not(:disabled):not(.disabled).active,
    .btn-general:not(:disabled):not(.disabled):active,
    .show > .btn-general.dropdown-toggle {
        color: #fff;
        background-color: #138b9e;
        border-color: #128192
    }

        .btn-general:not(:disabled):not(.disabled).active:focus,
        .btn-general:not(:disabled):not(.disabled):active:focus,
        .show > .btn-general.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(60,190,211,.5)
        }

    .btn-general.btn-white {
        background-color: #fff;
        border-color: #fff;
        color: #19B3CB !important
    }

        .btn-general.btn-white.focus,
        .btn-general.btn-white:focus,
        .btn-general.btn-white:hover {
            background-color: #ececec;
            border-color: #e6e6e6;
            color: #212529
        }

        .btn-general.btn-white.focus,
        .btn-general.btn-white:focus {
            box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
        }

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

        .btn-general.btn-white:not(:disabled):not(.disabled).active,
        .btn-general.btn-white:not(:disabled):not(.disabled):active,
        .show > .btn-general.btn-white.dropdown-toggle {
            color: #212529;
            background-color: #e6e6e6;
            border-color: #dfdfdf
        }

            .btn-general.btn-white:not(:disabled):not(.disabled).active:focus,
            .btn-general.btn-white:not(:disabled):not(.disabled):active:focus,
            .show > .btn-general.btn-white.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
            }

    .btn-general.disabled {
        opacity: .5
    }

@media (min-width:992px) {
    .btn-general {
        font-size: 14px;
        padding: 15px 10px
    }
}

.btn-bordered {
    font-size: 14px;
    text-align: center;
    padding: 15px 10px;
    color: #19B3CB;
    border-color: #19B3CB
}

    .btn-bordered:hover {
        color: #fff;
        background-color: #19B3CB;
        border-color: #19B3CB
    }

    .btn-bordered.focus,
    .btn-bordered:focus {
        box-shadow: 0 0 0 .2rem rgba(25,179,203,.5)
    }

    .btn-bordered.disabled,
    .btn-bordered:disabled {
        color: #19B3CB;
        background-color: transparent
    }

    .btn-bordered:not(:disabled):not(.disabled).active,
    .btn-bordered:not(:disabled):not(.disabled):active,
    .show > .btn-bordered.dropdown-toggle {
        color: #fff;
        background-color: #19B3CB;
        border-color: #19B3CB
    }

        .btn-bordered:not(:disabled):not(.disabled).active:focus,
        .btn-bordered:not(:disabled):not(.disabled):active:focus,
        .show > .btn-bordered.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(25,179,203,.5)
        }

    .btn-bordered.theme-warning {
        background-color: transparent;
        border: 1px solid #ff4920;
        color: #ff4920
    }

        .btn-bordered.theme-warning:hover {
            color: #fff;
            background-color: #ff4920;
            border-color: #ff4920
        }

        .btn-bordered.theme-warning.focus,
        .btn-bordered.theme-warning:focus {
            box-shadow: 0 0 0 .2rem rgba(255,73,32,.5)
        }

        .btn-bordered.theme-warning.disabled,
        .btn-bordered.theme-warning:disabled {
            color: #ff4920;
            background-color: transparent
        }

        .btn-bordered.theme-warning:not(:disabled):not(.disabled).active,
        .btn-bordered.theme-warning:not(:disabled):not(.disabled):active,
        .show > .btn-bordered.theme-warning.dropdown-toggle {
            color: #fff;
            background-color: #ff4920;
            border-color: #ff4920
        }

            .btn-bordered.theme-warning:not(:disabled):not(.disabled).active:focus,
            .btn-bordered.theme-warning:not(:disabled):not(.disabled):active:focus,
            .show > .btn-bordered.theme-warning.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(255,73,32,.5)
            }

    .btn-bordered.theme-danger {
        background-color: transparent;
        border: 1px solid #e6181d;
        color: #e6181d
    }

        .btn-bordered.theme-danger:hover {
            color: #fff;
            background-color: #e6181d;
            border-color: #e6181d
        }

        .btn-bordered.theme-danger.focus,
        .btn-bordered.theme-danger:focus {
            box-shadow: 0 0 0 .2rem rgba(230,24,29,.5)
        }

        .btn-bordered.theme-danger.disabled,
        .btn-bordered.theme-danger:disabled {
            color: #e6181d;
            background-color: transparent
        }

        .btn-bordered.theme-danger:not(:disabled):not(.disabled).active,
        .btn-bordered.theme-danger:not(:disabled):not(.disabled):active,
        .show > .btn-bordered.theme-danger.dropdown-toggle {
            color: #fff;
            background-color: #e6181d;
            border-color: #e6181d
        }

            .btn-bordered.theme-danger:not(:disabled):not(.disabled).active:focus,
            .btn-bordered.theme-danger:not(:disabled):not(.disabled):active:focus,
            .show > .btn-bordered.theme-danger.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(230,24,29,.5)
            }

.btn-switch:focus,
.operation-button:focus {
    box-shadow: none
}

.btn-bordered.theme-grey {
    color: #ACBDBF;
    border: 1px solid #ACBDBF
}

.btn-bordered.theme-botticelli {
    border: 1px solid #C9DFE1;
    color: #89A5A8 !important;
    background-color: transparent !important;
    padding: 11px;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    display: flex;
    align-items: center
}

@media (min-width:992px) {
    .btn-bordered.theme-botticelli {
        padding: 13px 16px;
        font-size: 14px
    }
}

.btn-bordered.theme-botticelli .icon {
    color: #89A5A8;
    margin-right: 8px;
    font-size: 16px
}

.btn-bordered.theme-botticelli:active,
.btn-bordered.theme-botticelli:focus {
    background-color: transparent !important;
    border-color: #C9DFE1 !important
}

.btn-addon {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center
}

    .btn-addon .icon {
        flex: 0 0 auto;
        font-size: 18px;
        margin-right: 8px
    }

    .btn-addon span {
        display: block
    }

.operation-button {
    display: flex;
    flex-flow: row;
    align-items: center
}

    .operation-button .icon {
        font-size: 16px;
        padding: 15px;
        background-color: #fff;
        border-radius: 100%;
        color: #19B3CB;
        border: 1px solid #E4EEEF;
        z-index: 1
    }

    .operation-button .total {
        background-color: #474E4F;
        color: #fff;
        padding: 4px 13px;
        border-top-left-radius: 14.1px;
        border-bottom-left-radius: 14.1px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.3;
        margin-right: -3px
    }

.btn-switch {
    width: 48px;
    height: 32px;
    border-radius: 16px;
    background-color: #19B3CB;
    position: relative
}

    .btn-switch:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #fff
    }

.primary-select,
.primary-select .css-1hb7zxy-IndicatorsContainer {
    position: relative
}

.btn-switch.active:before,
.btn-switch.privilege:before {
    left: 4px;
    right: inherit
}

.btn-switch.brands:before,
.btn-switch.disabled:before {
    left: inherit;
    right: 4px
}

.btn-switch.disabled {
    background-color: #89A5A8
}

.btn-filter {
    border-radius: 4px;
    background-color: #EBF2F3;
    color: #89A5A8;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    padding: 6px 10px;
    max-width: 107px
}

.btn-attention,
.btn-delete {
    font-weight: 700;
    line-height: 1.5
}

@media (min-width:576px) {
    .btn-filter {
        font-size: 14px;
        padding: 10px;
        max-width: 156px
    }
}

.btn-filter.active {
    background-color: #19B3CB !important;
    color: #fff
}

.btn-filter:focus {
    box-shadow: none !important
}

.btn-attention {
    background-color: #FF4920;
    border: 0 !important;
    padding: 6px;
    border-radius: 4px;
    color: #fff;
    margin: 0 auto;
    font-size: 13px;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .btn-attention {
        font-size: 14px;
        padding: 9px
    }
}

.btn-attention.theme-green {
    background-color: #1ECD9B
}

.btn-attention:hover {
    color: #fff
}

.dark-mode .btn-bordered {
    background-color: #12889B;
    color: #fff;
    border-color: #12889B
}

    .dark-mode .btn-bordered:hover {
        background-color: #fff;
        color: #12889B;
        border-color: #fff
    }

.btn-delete {
    border: 1px solid #FF4920;
    padding: 15px;
    font-size: 14px;
    border-radius: 4px;
    color: #FF4920;
    cursor: pointer
}

.primary-select {
    font-size: 14px;
    border: 1px solid #e4eeef;
    border-radius: 4px
}

    .primary-select:focus {
        outline: 0 !important;
        box-shadow: none !important
    }

    .primary-select .css-26l3qy-menu {
        z-index: 5
    }

    .primary-select .css-1pahdxg-control {
        border: 0 !important;
        box-shadow: none !important
    }

    .primary-select .css-yk16xz-control {
        border: 0
    }

    .primary-select .css-1hwfws3,
    .primary-select .css-g1d714-ValueContainer {
        padding: 0 13px
    }

        .primary-select .css-1hwfws3:focus,
        .primary-select .css-g1d714-ValueContainer:focus {
            outline: 0
        }

        .primary-select .css-1hwfws3 .css-1uccc91-singleValue,
        .primary-select .css-g1d714-ValueContainer .css-1uccc91-singleValue {
            color: #89A5A8
        }

        .primary-select .css-1hwfws3 .css-1g6gooi,
        .primary-select .css-1hwfws3 .css-b8ldur-Input,
        .primary-select .css-g1d714-ValueContainer .css-1g6gooi,
        .primary-select .css-g1d714-ValueContainer .css-b8ldur-Input {
            margin: 14px 2px -9px
        }

    .primary-select .css-1hb7zxy-IndicatorsContainer:before {
        position: absolute;
        content: '\e943';
        font-family: var(--main-font-family);
        font-size: 12px;
        color: #ACBDBF;
        top: 50%;
        line-height: 2.4;
        transform: translateY(-50%);
        right: 18px;
        bottom: 0;
        z-index: 1
    }

    .primary-select .css-1hb7zxy-IndicatorsContainer span,
    .primary-select .css-1hb7zxy-IndicatorsContainer svg,
    .primary-select .css-1wy0on6 span {
        display: none
    }

.general-dropdown.type-share .dropdown-menu {
    min-width: 320px;
    margin-top: 20px;
    z-index: 2;
    left: inherit !important;
    right: 0 !important;
    transform: translate3d(0,68px,0) !important
}

    .general-dropdown.type-share .dropdown-menu:before {
        left: initial;
        right: 6px;
        border-top-width: 7px;
        border-right-width: 9px;
        border-left-width: 9px
    }

    .general-dropdown.type-share .dropdown-menu .dropdown-item {
        padding: 10px;
        display: flex;
        align-items: center;
        font-size: 13px
    }

@media (min-width:576px) {
    .general-dropdown.type-share .dropdown-menu .dropdown-item {
        font-size: 14px;
        padding: 12px 20px
    }
}

@media (min-width:992px) {
    .btn-filter {
        max-width: 195px
    }

    .general-dropdown.type-share .dropdown-menu .dropdown-item {
        font-size: 16px;
        padding: 16px 32px
    }
}

.general-dropdown.type-share .dropdown-menu .dropdown-item .icon {
    border: 0;
    font-size: 24px;
    padding: 0 16px 0 0
}

.general-dropdown.type-share .dropdown-menu .dropdown-item:hover {
    text-decoration: none
}

.general-dropdown.type-share.secondary .dropdown-menu {
    min-width: 300px;
    left: 0 !important
}

@media (max-width:991px) {
    .general-dropdown.type-share.secondary .dropdown-menu {
        left: -85px !important;
        top: -15px !important
    }
}

.general-dropdown.type-share.secondary .dropdown-menu:before {
    left: 50%;
    right: initial
}

@media (min-width:992px) {
    .general-dropdown.type-share.secondary .dropdown-menu:before {
        left: 50px
    }
}

.general-dropdown.type-share.thirth .dropdown-menu {
    left: inherit;
    min-width: 265px
}

@media (max-width:767px) {
    .general-dropdown.type-share.thirth .dropdown-menu {
        transform: translate3d(0,60px,0) !important
    }
}

.general-dropdown.type-share.thirth .dropdown-menu .dropdown-item {
    font-size: 13px;
    padding: 0 5px
}

    .general-dropdown.type-share.thirth .dropdown-menu .dropdown-item span {
        padding: 5px 12px;
        display: flex;
        align-items: center
    }

@media (min-width:576px) {
    .general-dropdown.type-share.thirth .dropdown-menu .dropdown-item span {
        padding: 10px 12px
    }
}

@media (min-width:992px) {
    .general-dropdown.type-share.thirth .dropdown-menu .dropdown-item {
        font-size: 14px
    }

        .general-dropdown.type-share.thirth .dropdown-menu .dropdown-item span {
            padding: 12px
        }
}

.general-dropdown.type-share.thirth .dropdown-menu .dropdown-item .icon {
    font-size: 13px
}

@media (min-width:576px) {
    .general-dropdown.type-share.thirth .dropdown-menu .dropdown-item .icon {
        font-size: 16px
    }
}

.general-dropdown.type-filter .btn-bordered {
    border-color: #C9DFE1;
    color: #89A5A8;
    justify-content: space-between;
    font-weight: 600;
    background-color: transparent !important
}

    .general-dropdown.type-filter .btn-bordered:focus {
        background-color: transparent !important;
        box-shadow: none !important;
        border-color: #19B3CB;
        color: #19B3CB
    }

        .general-dropdown.type-filter .btn-bordered:focus .icon {
            color: #19B3CB
        }

@media (min-width:992px) {
    .general-dropdown.type-share.thirth .dropdown-menu .dropdown-item .icon {
        font-size: 20px
    }

    .general-dropdown.type-filter .btn-bordered {
        padding: 13px 16px
    }
}

.general-dropdown.type-filter .btn-bordered .icon {
    color: #89A5A8
}

.general-dropdown.type-filter .dropdown-menu {
    height: 205px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 8px
}

    .general-dropdown.type-filter .dropdown-menu::-webkit-scrollbar {
        display: none
    }

    .general-dropdown.type-filter .dropdown-menu:before {
        display: none
    }

    .general-dropdown.type-filter .dropdown-menu .dropdown-item {
        color: #474E4F;
        text-align: left;
        padding: 6px 10px;
        border-radius: 4px;
        font-size: 14px;
        transition: all ease .3s;
        margin-bottom: 2px
    }

@media (min-width:992px) {
    .general-dropdown.type-filter .dropdown-menu .dropdown-item {
        padding: 8px 12px;
        font-size: 16px;
        margin-bottom: 4px
    }
}

.general-dropdown.type-filter .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: none
}

.general-dropdown.type-filter .dropdown-menu .dropdown-item:hover {
    text-decoration: none;
    background-color: rgba(25,179,203,.1);
    color: #19B3CB
}

.general-dropdown .btn-bordered {
    background-color: transparent;
    border: 1px solid #19B3CB;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #19B3CB;
    font-size: 12px;
    padding: 11px
}

@media (min-width:992px) {
    .general-dropdown .btn-bordered {
        font-size: 14px;
        padding: 15px 10px
    }
}

.general-dropdown .btn-bordered:active {
    background-color: transparent
}

.general-dropdown .btn-bordered:focus {
    box-shadow: none
}

.general-dropdown .btn-bordered:after {
    display: none
}

.general-dropdown .btn-bordered[aria-expanded=true] .icon {
    transform: rotate(180deg)
}

.general-dropdown .btn-bordered .icon {
    margin-left: 6px;
    font-size: 12px;
    transition: all ease .3s
}

.general-dropdown .dropdown-menu {
    width: 100%;
    border: none;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
    border-radius: 4px;
    text-align: center;
    padding: 0;
    margin-top: 12px
}

    .general-dropdown .dropdown-menu:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%,-100%) rotate(180deg);
        border-style: solid;
        border-top-width: 5px;
        border-right-width: 7px;
        border-left-width: 7px;
        border-color: #fff transparent transparent
    }

    .general-dropdown .dropdown-menu .dropdown-item {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.7;
        color: #19B3CB;
        padding: 13px
    }

@media (min-width:992px) {
    .general-dropdown .dropdown-menu .dropdown-item {
        font-size: 16px;
        padding: 18px
    }
}

.general-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #E4EEEF
}

.general-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #fff;
    text-decoration: underline
}

.general-dropdown .dropdown-menu .dropdown-item .icon {
    font-size: 24px;
    color: #19B3CB;
    padding-right: 16px
}

.gain-dropdown .dropdown-toggle {
    background-color: transparent !important;
    border: 1px solid #E4EEEF;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 20px;
    border-radius: 4px
}

    .gain-dropdown .dropdown-toggle[aria-expanded=true] {
        background-color: #19B3CB !important
    }

        .gain-dropdown .dropdown-toggle[aria-expanded=true] .info,
        .gain-dropdown .dropdown-toggle[aria-expanded=true] .info .total,
        .gain-dropdown .dropdown-toggle[aria-expanded=true] .title,
        .gain-dropdown .dropdown-toggle[aria-expanded=true] .title .total {
            color: #fff
        }

        .gain-dropdown .dropdown-toggle[aria-expanded=true]:after {
            color: #fff;
            transform: rotate(180deg)
        }

    .gain-dropdown .dropdown-toggle:focus {
        box-shadow: none !important;
        border-color: #E4EEEF !important
    }

    .gain-dropdown .dropdown-toggle:active {
        border-color: #E4EEEF !important
    }

    .gain-dropdown .dropdown-toggle:after {
        content: '\e943';
        font-family: var(--main-font-family);
        line-height: 0;
        color: #ACBDBF;
        font-size: 12px;
        position: absolute;
        right: 22px;
        top: 50%;
        transform: translateY(-50%);
        border: 0;
        transition: all ease .3s
    }

    .gain-dropdown .dropdown-toggle .title {
        font-size: 14px;
        font-weight: 600;
        line-height: 2;
        color: #474E4F
    }

    .gain-dropdown .dropdown-toggle .info {
        font-size: 12px;
        line-height: 1.8;
        font-weight: 400;
        color: #89A5A8;
        margin-top: -2px
    }

        .gain-dropdown .dropdown-toggle .info .total {
            color: #19B3CB;
            font-weight: 700
        }

.gain-dropdown .dropdownmenu {
    position: absolute !important;
    width: 100%;
    padding: 0 0 13px 25px;
    border: 0;
    max-height: 200px
}

    .gain-dropdown .dropdownmenu:after,
    .gain-dropdown .dropdownmenu:before,
    .primary-banner-card:before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: ''
    }

    .gain-dropdown .dropdownmenu .wrapper {
        max-height: 200px;
        overflow-y: auto;
        padding-right: 25px
    }

    .gain-dropdown .dropdownmenu:before {
        top: 0;
        right: 0;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
        z-index: -1;
        border-radius: 4px
    }

    .gain-dropdown .dropdownmenu:after {
        right: 0;
        transform: translateY(100%);
        height: 20px;
        width: 100%;
        background-color: #EBF2F3;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        z-index: -2
    }

    .gain-dropdown .dropdownmenu .dropdown-item {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.5;
        color: #474E4F;
        padding: 15px 0
    }

        .gain-dropdown .dropdownmenu .dropdown-item:not(:last-child) {
            border-bottom: 1px solid #E4EEEF
        }

        .gain-dropdown .dropdownmenu .dropdown-item:hover {
            background-color: #fff
        }

.social-media-list {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 -8px
}

    .social-media-list .list-item {
        padding: 0 8px
    }

        .social-media-list .list-item .nav-link {
            display: block;
            font-size: 24px;
            line-height: 1;
            padding: 0;
            color: #ACBDBF
        }

.social-media-wrap {
    align-items: center;
    justify-content: center
}

@media (min-width:1440px) {
    .social-media-wrap {
        justify-content: space-between
    }
}

.social-media-wrap .social-media-content {
    display: flex;
    flex-flow: column;
    align-items: center;
    max-width: 295px;
    text-align: center;
    margin: 0 auto 32px
}

@media (min-width:576px) {
    .social-media-wrap .social-media-content {
        max-width: 320px;
        margin: 0 auto 48px
    }
}

@media (min-width:992px) {
    .social-media-wrap .social-media-content {
        align-items: baseline;
        max-width: initial;
        text-align: left;
        margin-bottom: 0
    }
}

.social-media-wrap .social-media-content .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
    color: #474E4F;
    margin: 0 0 19px
}

@media (min-width:576px) {
    .social-media-wrap .social-media-content .title {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 16px
    }
}

@media (min-width:992px) {
    .social-media-wrap .social-media-content .title {
        align-items: baseline;
        margin-bottom: 24px
    }
}

@media (max-width:991px) {
    .social-media-wrap .social-media-content .btn {
        min-width: 100%;
        height: 40px
    }
}

@media (max-width:575px) {
    .social-media-wrap .social-media-content .btn {
        min-width: 200px
    }
}

.social-media-wrap .list {
    display: flex;
    flex-flow: row;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 -3px
}

    .social-media-wrap .list .list-item {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0 3px
    }

@media (min-width:576px) {
    .social-media-wrap .list {
        margin: 0 -6px
    }

        .social-media-wrap .list .list-item {
            padding: 0 6px
        }
}

@media (min-width:992px) {
    .social-media-wrap .list {
        margin: 0 -8px
    }

        .social-media-wrap .list .list-item {
            padding: 0 8px
        }
}

.social-media-wrap .list .list-item img {
    width: 100%
}

.dark-mode .social-media-content .title {
    color: #e6e6e6
}

.contact-card-wrapper {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center
}

@media (max-width:991px) {
    .contact-card-wrapper {
        margin-top: 30px
    }
}

.contact-card-wrapper .contact-card {
    background-color: #EBF2F3;
    border-radius: 4px;
    padding: 20px;
    width: 100%;
    border: 0
}

@media (min-width:992px) {
    .contact-card-wrapper .contact-card {
        padding: 25px 30px 30px
    }
}

.contact-card-wrapper .contact-card:not(:first-child) {
    margin-top: 6px
}

@media (min-width:768px) {
    .contact-card-wrapper .contact-card:not(:first-child) {
        margin-top: 15px
    }

    .contact-card-wrapper .contact-card:first-child .button-content {
        display: none
    }
}

.contact-card-wrapper .contact-card .card-header {
    display: flex;
    align-items: center;
    padding: 0 0 15px;
    border-bottom: 1px solid #C9DFE1;
    background-color: transparent
}

    .contact-card-wrapper .contact-card .card-header .icon,
    .contact-card-wrapper .contact-card .card-header .title {
        color: #474E4F
    }

    .contact-card-wrapper .contact-card .card-header .icon {
        font-size: 16px;
        margin-right: 12px
    }

@media (min-width:992px) {
    .contact-card-wrapper .contact-card .card-header {
        padding: 0 0 20px
    }

        .contact-card-wrapper .contact-card .card-header .icon {
            font-size: 20px;
            margin-right: 16px
        }
}

.contact-card-wrapper .contact-card .card-header .title {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600
}

.contact-card-wrapper .contact-card .card-body {
    padding: 15px 0 0
}

@media (min-width:992px) {
    .contact-card-wrapper .contact-card .card-header .title {
        font-size: 16px
    }

    .contact-card-wrapper .contact-card .card-body {
        padding: 25px 0 0
    }
}

.contact-card-wrapper .contact-card .card-body .desc {
    font-size: 14px;
    color: #474E4F;
    line-height: 1.7
}

    .contact-card-wrapper .contact-card .card-body .desc p {
        margin-bottom: 0
    }

.contact-card-wrapper .contact-card .card-body .map-content {
    padding-top: 25px;
    display: block
}

@media (max-width:991px) {
    .contact-card-wrapper .contact-card .card-body .map-content {
        display: none
    }
}

.contact-card-wrapper .contact-card .card-body .map-content iframe {
    height: 250px;
    width: 100%
}

.contact-card-wrapper .contact-card .card-body .button-content {
    margin-top: 15px
}

@media (min-width:992px) {
    .contact-card-wrapper .contact-card .card-body .desc {
        font-size: 16px
    }

    .contact-card-wrapper .contact-card .card-body .button-content {
        display: none
    }
}

.contact-card-wrapper .contact-card .card-body .button-content .btn-bordered {
    font-size: 12px;
    padding: 11px
}

.primary-banner-card {
    flex-grow: 1;
    border-radius: 4px;
    border: none;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    overflow: hidden
}

@media (min-width:576px) {
    .primary-banner-card {
        background-size: contain
    }
}

.primary-banner-card.aqua-haze:before {
    background: -moz-linear-gradient(left,#ebf2f3 60%,rgba(235,242,243,0) 100%);
    background: -webkit-linear-gradient(left,#ebf2f3 60%,rgba(235,242,243,0) 100%);
    background: linear-gradient(to right,#ebf2f3 60%,rgba(235,242,243,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf2f3', endColorstr='#00ebf2f3', GradientType=1 )
}

.primary-banner-card.polar:before {
    background: -moz-linear-gradient(left,#ddf4f7 60%,rgba(221,244,247,0) 100%);
    background: -webkit-linear-gradient(left,#ddf4f7 60%,rgba(221,244,247,0) 100%);
    background: linear-gradient(to right,#ddf4f7 60%,rgba(221,244,247,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf4f7', endColorstr='#ddf4f7', GradientType=1 )
}

.primary-banner-card.full-text {
    background-size: cover
}

    .primary-banner-card.full-text .card-body {
        max-width: 67%
    }

@media (min-width:768px) {
    .primary-banner-card.full-text .card-body {
        max-width: 70%;
        padding: 36px 44px 44px
    }
}

@media (min-width:992px) {
    .primary-banner-card.full-text .card-body {
        padding: 40px 48px 48px
    }
}

.primary-banner-card.full-text .card-body .card-text {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .primary-banner-card.full-text .card-body .card-text {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 32px
    }
}

@media (min-width:1440px) {
    .primary-banner-card.full-text .card-body {
        max-width: 55%;
        padding: 48px 60px 60px
    }

        .primary-banner-card.full-text .card-body .card-text {
            margin-bottom: 37px
        }
}

.primary-banner-card.full-text .card-body .card-text p {
    margin-bottom: 10px
}

    .primary-banner-card.full-text .card-body .card-text p:last-child {
        margin-bottom: 0
    }

.primary-banner-card:before {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1
}

.primary-banner-card .card-body {
    position: relative;
    z-index: 2;
    max-width: 76%;
    padding: 20px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start
}

@media (min-width:768px) {
    .primary-banner-card .card-body {
        max-width: 75%;
        padding: 24px 32px 32px
    }
}

@media (min-width:992px) {
    .primary-banner-card.full-text .card-body .card-text {
        font-size: 16px;
        line-height: 1.75
    }

    .primary-banner-card .card-body {
        padding: 32px 40px 38px
    }
}

@media (min-width:1200px) {
    .primary-banner-card.full-text {
        background-size: contain
    }

    .primary-banner-card .card-body {
        max-width: 72%;
        padding: 36px 40px 40px
    }
}

.primary-banner-card .card-body .card-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.57;
    color: #474E4F;
    margin: 0 0 3px
}

@media (min-width:768px) {
    .primary-banner-card .card-body .card-title {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 5px
    }
}

@media (min-width:992px) {
    .primary-banner-card .card-body .card-title {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px
    }
}

@media (min-width:1440px) {
    .primary-banner-card .card-body .card-title {
        margin-bottom: 10px
    }
}

.primary-banner-card .card-body .card-text {
    font-size: 12px;
    line-height: 1.5;
    color: #474e4f;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .primary-banner-card .card-body .card-text {
        font-size: 14px;
        line-height: 1.57;
        margin-bottom: 32px
    }
}

@media (min-width:1440px) {
    .primary-banner-card .card-body .card-text {
        margin-bottom: 48px
    }
}

.primary-banner-card .card-body .card-text p {
    margin-bottom: 10px
}

    .primary-banner-card .card-body .card-text p:last-child {
        margin-bottom: 0
    }

.thumbnail-card {
    flex-grow: 1;
    border-radius: 4px;
    border: 1px solid #E4EEEF;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer
}

    .thumbnail-card .card-media {
        position: relative
    }

        .thumbnail-card .card-media .time-info {
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 9;
            background-color: #898989;
            color: #fff;
            display: flex;
            align-items: center;
            padding: 3px 5px;
            font-size: 12px;
            font-weight: 400;
            border-radius: 4px
        }

@media (min-width:992px) {
    .thumbnail-card .card-media .time-info {
        padding: 5px 10px;
        font-size: 14px
    }
}

.thumbnail-card .card-media .time-info .icon {
    padding-right: 5px;
    font-size: 13px
}

@media (min-width:992px) {
    .thumbnail-card .card-media .time-info .icon {
        padding-right: 10px;
        font-size: 15px
    }
}

.thumbnail-card .card-body {
    position: relative;
    padding: 25px 12px 16px
}

@media (min-width:576px) {
    .thumbnail-card .card-body {
        padding: 27px 12px 16px
    }
}

@media (min-width:992px) {
    .thumbnail-card .card-body {
        padding: 30px 20px 20px
    }
}

.thumbnail-card .card-body .brands-media {
    position: absolute;
    top: -16px;
    left: 12px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    max-width: 78px;
    width: auto;
    height: 32px;
    padding: 2px;
    border-radius: 16px;
    border: 1px solid #E4EEEF;
    background-color: #fff;
    overflow: hidden
}

@media (min-width:576px) {
    .thumbnail-card .card-body .brands-media {
        top: -18px;
        left: 12px;
        max-width: 88px;
        height: 36px;
        border-radius: 18px
    }
}

@media (min-width:992px) {
    .thumbnail-card .card-body .brands-media {
        top: -20px;
        left: 20px;
        max-width: 98px;
        height: 40px;
        border-radius: 33px
    }
}

.thumbnail-card .card-body .brands-media img {
    max-height: 100%;
    width: auto
}

@media (max-width:767px) {
    .thumbnail-card .card-body .brands-media img {
        max-width: 45px
    }
}

.thumbnail-card .card-body .card-text {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    color: #474E4F
}

@media (min-width:992px) {
    .thumbnail-card .card-body .card-text {
        font-size: 14px;
        line-height: 1.57
    }
}

.thumbnail-card .card-body .card-text p {
    margin-bottom: 10px
}

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

.thumbnail-card .card-body .card-text .sub-txt {
    font-size: 12px;
    line-height: 1.5;
    color: #89A5A8;
    display: block;
    margin-bottom: 3px
}

.thumbnail-card .card-body .card-text .total {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    color: #19B3CB;
    display: block;
    margin-top: 5px
}

.thumbnail-card .card-body .address-mobile {
    color: #ACBDBF;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .thumbnail-card .card-body .address-mobile {
        display: none
    }
}

.thumbnail-card .card-body .operation-button {
    position: absolute;
    right: 27px;
    top: 0;
    transform: translateY(-50%);
    cursor: pointer
}

.thumbnail-card .card-footer {
    background-color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px 8px
}

@media (min-width:576px) {
    .thumbnail-card .card-body .operation-button {
        right: 20px
    }

    .thumbnail-card .card-footer {
        padding: 15px
    }
}

@media (min-width:992px) {
    .thumbnail-card .card-footer {
        padding: 5px 10px 10px
    }
}

.thumbnail-card .card-footer .item.total {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    color: #19B3CB
}

@media (min-width:992px) {
    .thumbnail-card .card-footer .item.total {
        color: #474E4F
    }
}

@media (min-width:1440px) {
    .thumbnail-card .card-footer {
        padding: 5px 20px 10px
    }

        .thumbnail-card .card-footer .item.total {
            font-size: 20px
        }
}

.thumbnail-card .card-footer .item.address {
    color: #ACBDBF;
    font-size: 12px;
    line-height: 1.5
}

@media (max-width:991px) {
    .thumbnail-card .card-footer .item.address {
        display: none
    }
}

.thumbnail-card.type-favorite .card-media img {
    width: 100%
}

.thumbnail-card.type-favorite .card-body {
    padding: 40px 20px 24px
}

@media (min-width:576px) {
    .thumbnail-card.type-favorite .card-body {
        padding: 44px 20px
    }
}

.thumbnail-card.type-favorite .card-body.padding-md {
    padding: 24px 18px 18px
}

.thumbnail-card.type-favorite .card-body .card-text {
    font-size: 14px
}

.thumbnail-card.type-favorite .card-body .brands-media {
    top: -20px;
    left: 18px;
    max-width: 98px;
    height: 40px;
    border-radius: 24px
}

@media (min-width:576px) {
    .thumbnail-card.type-favorite .card-body .brands-media {
        max-width: 120px;
        height: 48px;
        top: -24px
    }
}

.horizontal-thumbnail-card {
    display: flex;
    flex-flow: row;
    padding: 8px
}

    .horizontal-thumbnail-card + .horizontal-thumbnail-card {
        margin-top: 12px
    }

    .horizontal-thumbnail-card .card-media {
        flex: 0 0 auto;
        max-width: 88px;
        width: 100%;
        margin-right: 12px;
        border-radius: 2px;
        border: 1px solid #E4EEEF;
        background-size: cover;
        background-position: center
    }

@media (min-width:992px) {
    .thumbnail-card.type-favorite .card-body .brands-media {
        left: 20px
    }

    .horizontal-thumbnail-card .card-media {
        max-width: 102px
    }
}

@media (min-width:1440px) {
    .horizontal-thumbnail-card .card-media {
        max-width: 112px
    }
}

.horizontal-thumbnail-card .card-media:before {
    content: '';
    display: block;
    padding-top: 100%
}

.horizontal-thumbnail-card .card-body {
    display: flex;
    flex-flow: column;
    max-width: 100%;
    flex-basis: 100%;
    padding: 0 4px 0 0
}

@media (min-width:992px) {
    .horizontal-thumbnail-card .card-body {
        padding: 8px 8px 4px 0
    }
}

.horizontal-thumbnail-card .card-body .title {
    max-width: 100%;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.57;
    color: #474E4F
}

.horizontal-thumbnail-card .card-body .card-footer {
    display: flex;
    flex-flow: row;
    align-items: baseline;
    justify-content: space-between;
    padding: 0;
    border: none;
    background-color: transparent
}

    .horizontal-thumbnail-card .card-body .card-footer .location {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
        color: #ACBDBF
    }

    .horizontal-thumbnail-card .card-body .card-footer .price {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.75;
        color: #19B3CB
    }

.info-card {
    max-width: 100%;
    flex-basis: 100%;
    padding: 17px 20px 20px;
    color: #474E4F;
    border-radius: 4px;
    border: none;
    background-color: #EBF2F3
}

@media (min-width:768px) {
    .info-card {
        padding: 40px 20px 48px
    }
}

@media (min-width:1200px) {
    .horizontal-thumbnail-card + .horizontal-thumbnail-card {
        margin-top: 16px
    }

    .info-card {
        padding: 56px 48px 64px
    }
}

.info-card .card-body {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 0
}

@media (min-width:768px) {
    .info-card .card-body {
        flex-flow: column
    }
}

.info-card .card-body .card-media {
    flex: 0 0 auto;
    max-width: 36px;
    margin-right: 16px
}

@media (min-width:768px) {
    .info-card .card-body .card-media {
        max-width: 40px;
        margin-right: 0;
        margin-bottom: 16px
    }

    .info-card .card-body .card-text {
        text-align: center
    }
}

.info-card .card-body .card-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
    margin: 0 0 1px
}

@media (min-width:992px) {
    .info-card .card-body .card-media {
        max-width: initial
    }

    .info-card .card-body .card-title {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 2px
    }
}

.info-card .card-body .card-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 100%
}

    .info-card .card-body .card-text p {
        margin-bottom: 10px
    }

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

.info-card .card-footer {
    padding: 0;
    margin-top: 20px;
    border-radius: 0;
    border: none;
    background-color: transparent
}

@media (min-width:768px) {
    .info-card .card-footer {
        margin-top: 26px
    }
}

@media (min-width:1440px) {
    .info-card .card-footer {
        margin-top: 63px
    }
}

.info-card .card-footer .btn-general {
    min-width: 100%;
    margin-bottom: 6px;
    color: #fff
}

.info-card .card-footer .btn-link {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57;
    color: #19B3CB
}

@media (min-width:992px) {
    .info-card .card-body .card-text {
        font-size: 14px;
        line-height: 1.57
    }

    .info-card .card-footer .btn-link {
        font-size: 16px;
        line-height: 1.75
    }
}

@media (max-width:767px) {
    .info-card .card-footer .btn-link {
        font-size: 12px;
        line-height: 1.5;
        text-align: center;
        height: 40px;
        border-radius: 4px;
        border: 1px solid #19B3CB
    }
}

.info-card .card-footer .btn-link .icon {
    display: none
}

@media (min-width:768px) {
    .info-card .card-footer .btn-link .icon {
        display: block;
        flex: 0 0 auto;
        font-size: 16px;
        margin-left: 6px
    }
}

.response-card {
    display: flex;
    align-items: center;
    background-color: rgba(30,205,155,.15);
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px
}

@media (min-width:576px) {
    .response-card {
        padding: 18px 25px;
        margin-bottom: 30px
    }
}

@media (min-width:992px) {
    .info-card .card-footer .btn-link .icon {
        margin-left: 12px
    }

    .response-card {
        padding: 28px 32px
    }
}

.response-card .icon {
    font-size: 16px;
    border-radius: 50%;
    color: #fff;
    padding: 8px;
    background-color: #1ecd9b
}

@media (min-width:992px) {
    .response-card .icon {
        font-size: 20px;
        padding: 10px
    }
}

.response-card .desc {
    color: #474E4F;
    font-size: 14px;
    line-height: 1.7;
    padding-left: 20px
}

@media (min-width:576px) {
    .response-card .desc {
        padding-left: 25px
    }
}

.response-card .desc p {
    margin-bottom: 0
}

.brands-card {
    border-radius: 4px;
    border-color: #E4EEEF;
    width: 100%
}

    .brands-card + .brands-card {
        margin-top: 12px
    }

    .brands-card.disabled {
        filter: grayscale(100%);
        opacity: .9
    }

    .brands-card.active:before {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 50%;
        border-style: solid;
        border-top-width: 12px;
        border-right-width: 12px;
        border-left-width: 12px;
        transform: translate(-50%,100%) rotate(180deg);
        display: none;
        border-color: #EBF2F3 transparent transparent
    }

@media (min-width:768px) {
    .brands-card.active:before {
        display: block
    }
}

@media (min-width:992px) {
    .response-card .desc {
        font-size: 16px;
        padding-left: 32px
    }

    .brands-card.active:before {
        bottom: -5px
    }
}

.brands-card .card-media {
    padding: 2px 7px 3px;
    position: relative;
    height: 80px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width:1200px) {
    .brands-card + .brands-card {
        margin-top: 16px
    }

    .brands-card .card-media {
        padding: 2px 7px 5px
    }
}

.brands-card .card-media img {
    max-width: 80px
}

.brands-card .card-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: #474E4F;
    margin: 0
}

@media (min-width:576px) {
    .brands-card .card-media {
        height: 100px
    }

        .brands-card .card-media img {
            max-width: 100px
        }

    .brands-card .card-title {
        font-size: 14px;
        line-height: 1.57
    }
}

.brands-card .short-info {
    display: table;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.27;
    color: #E49248;
    position: absolute;
    top: 5px;
    right: 7px;
    z-index: 1
}

@media (min-width:576px) {
    .brands-card .short-info {
        top: 9px;
        right: 11px
    }
}

@media (min-width:1200px) {
    .brands-card .short-info {
        top: 7px;
        right: 7px;
        padding: 6px 8px 5px;
        border-radius: 2px;
        background-color: #E49248;
        color: #fff
    }
}

.brands-card .card-footer {
    padding: 10px 10px 7px;
    border-top-color: #E4EEEF;
    background-color: transparent
}

@media (min-width:576px) {
    .brands-card .card-footer {
        padding: 13px 10px 11px
    }
}

@media (min-width:1200px) {
    .brands-card .card-footer {
        padding: 17px 10px 15px
    }
}

.category-card {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 0 16px;
    border-radius: 4px;
    border: none
}

    .category-card + .category-card {
        margin-top: 12px
    }

@media (min-width:1200px) {
    .category-card + .category-card {
        margin-top: 16px
    }
}

@media (min-width:576px) {
    .category-card {
        padding: 12px 12px 0 16px
    }
}

@media (min-width:992px) {
    .brands-card .card-media {
        height: 140px
    }

        .brands-card .card-media img {
            max-width: 135px
        }

    .category-card {
        flex-flow: column;
        justify-content: center;
        padding: 40px 10px 0
    }
}

.category-card.periwinkle-gray {
    background-color: #CBD2E6
}

.category-card.blizzard-blue {
    background-color: #A3E1EA
}

.category-card.moss-green {
    background-color: #C2E5BE
}

.category-card.your-pink {
    background-color: #FFC8BC
}

.category-card.botticelli {
    background-color: #C9DFE1
}

.category-card.champagne {
    background-color: #FAE9DA
}

.category-card .title {
    max-width: 102px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
    text-align: center;
    color: #474E4F;
    margin: 0
}

@media (min-width:992px) {
    .category-card .title {
        margin-bottom: 16px;
        max-width: 100%
    }
}

@media (min-width:1440px) {
    .category-card .title {
        margin-bottom: 50px
    }
}

.category-card .card-media {
    max-width: 96px
}

.primary-card {
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    padding: 12px 20px 14px;
    border-radius: 4px;
    border: none;
    background-color: #B9E8EF
}

@media (min-width:992px) {
    .category-card .card-media {
        max-width: 100%
    }

    .primary-card {
        padding: 12px 24px 14px
    }
}

.primary-card .card-media {
    margin-left: 15px
}

.primary-card .card-body {
    max-width: 60%;
    flex-basis: 60%;
    padding: 0
}

    .primary-card .card-body .title {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.57;
        color: #474E4F;
        margin: 0
    }

    .primary-card .card-body .desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
        color: #474E4F;
        margin-bottom: 6px
    }

        .primary-card .card-body .desc p {
            margin-bottom: 10px
        }

            .primary-card .card-body .desc p:last-child {
                margin-bottom: 0
            }

        .primary-card .card-body .desc table {
            width: 100%
        }

    .primary-card .card-body .btn-link {
        display: flex;
        flex-flow: row;
        align-items: center;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.5;
        color: #474E4F;
        padding: 0
    }

        .primary-card .card-body .btn-link .icon {
            flex: 0 0 auto;
            font-size: 10px;
            margin-left: 6px
        }

.user-suggestions .primary-card .card-media img {
    max-width: 102px
}

.note-card {
    background-color: #EBF2F3;
    border-radius: 4px;
    border: 0;
    padding: 15px 20px 25px
}

@media (min-width:576px) {
    .note-card {
        padding: 23px 30px 30px
    }
}

@media (min-width:992px) {
    .note-card {
        padding: 23px 40px 30px
    }
}

.note-card .card-header {
    padding: 0 0 15px;
    border-bottom: 1px solid #C9DFE1;
    background-color: transparent
}

    .note-card .card-header .title {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.7;
        color: #474E4F;
        margin: 0
    }

@media (min-width:576px) {
    .note-card .card-header {
        padding: 0 0 20px
    }

        .note-card .card-header .title {
            font-size: 16px
        }
}

.note-card .card-body {
    color: #89A5A8;
    font-size: 14px;
    line-height: 1.5;
    padding: 20px 0 0
}

@media (min-width:576px) {
    .note-card .card-body {
        padding: 25px 0 0
    }
}

.note-card .card-body p {
    margin: 0
}

    .note-card .card-body p:not(:last-child) {
        margin-bottom: 25px
    }

.promotion-card {
    border: 0;
    background-image: linear-gradient(99deg,#2c303b,#000307 100%);
    border-radius: 4px;
    padding: 17px 15px;
    position: relative
}

.quick-view-card .card-media,
.quick-view-card .card-media:before {
    background-image: linear-gradient(to right,rgba(0,0,0,.3),rgba(0,0,0,0))
}

@media (min-width:576px) {
    .promotion-card {
        padding: 18px 30px
    }
}

@media (min-width:992px) {
    .promotion-card {
        padding: 30px
    }
}

@media (min-width:1200px) {
    .promotion-card {
        padding: 32px 64px
    }
}

.promotion-card .card-body {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .promotion-card .card-body .item:last-child {
        position: absolute;
        right: 15px;
        max-width: 128px;
        top: -10%
    }

@media (min-width:576px) {
    .promotion-card .card-body .item:last-child {
        right: 30px
    }

    .promotion-card .card-body .item .btn-general {
        padding: 10px 40px
    }
}

.promotion-card .card-body .item .btn-general {
    padding: 10px 40px
}

@media (min-width:768px) {
    .promotion-card .card-body .item .btn-general {
        padding: 10px 70px
    }
}

@media (min-width:992px) {
    .promotion-card .card-body .item:last-child {
        max-width: 100%
    }

    .promotion-card .card-body .item .btn-general {
        padding: 11px 70px
    }
}

@media (min-width:1200px) {
    .promotion-card .card-body .item:last-child {
        right: 64px
    }

    .promotion-card .card-body .item .btn-general {
        padding: 15px 105px
    }
}

.filter-card {
    background-color: #EBF2F3;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 10px 0;
    justify-content: center;
    cursor: pointer;
    transition: all ease .3s
}

@media (min-width:768px) {
    .filter-card {
        padding: 12px 3px
    }
}

@media (min-width:992px) {
    .filter-card {
        padding: 13px 12px;
        justify-content: inherit
    }
}

@media (min-width:1200px) {
    .filter-card {
        padding: 16px 13px
    }
}

.filter-card .icon,
.filter-card .text {
    color: #89A5A8
}

.filter-card .text {
    font-size: 14px;
    font-weight: 700
}

.filter-card .icon {
    font-size: 12px;
    margin-right: 8px
}

@media (min-width:768px) {
    .filter-card .icon {
        margin-right: 7px;
        font-size: 13px
    }
}

@media (min-width:992px) {
    .filter-card .icon {
        margin-right: 10px;
        font-size: 15px
    }
}

@media (min-width:1440px) {
    .filter-card .icon {
        margin-right: 15px;
        font-size: 17px
    }
}

.filter-card.selected {
    background-color: #19B3CB;
    position: relative
}

@media (max-width:991px) {
    .filter-card.selected {
        padding: 11px 43px 11px 16px !important
    }
}

.filter-card.selected .icon,
.filter-card.selected .text {
    color: #fff
}

.filter-card.selected:before {
    content: '\e91a';
    font-family: var(--main-font-family);
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%)
}

.family-card.is-active:before,
.filter-slider:before,
.gallery-card .card-footer:before,
.gateway .app-title:before,
.gateway .banner:after,
.notification-card:before,
.quick-view-card .card-media:after,
.quick-view-card .card-media:before {
    content: ''
}

.location-card {
    background-color: #eff5f5;
    border-radius: 4px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 15px 20px
}

@media (min-width:576px) {
    .location-card {
        flex-flow: row;
        align-items: center;
        padding: 25px 40px
    }
}

@media (min-width:992px) {
    .location-card {
        padding: 30px 70px 30px 65px
    }
}

.location-card .item {
    display: flex;
    align-items: flex-start
}

    .location-card .item:last-child {
        width: 100%;
        margin-top: 12px
    }

        .location-card .item:last-child .btn-bordered {
            width: 100%;
            color: #19B3CB
        }

@media (max-width:767px) {
    .location-card .item:last-child .btn-bordered {
        padding: 10px
    }
}

.location-card .item:last-child .btn-bordered:hover {
    color: #fff
}

.location-card .item img {
    border-radius: 50%;
    width: 48px;
    height: 48px
}

.location-card .item .icon {
    font-size: 24px;
    color: #19B3CB;
    padding-top: 5px
}

@media (min-width:576px) {
    .location-card .item {
        align-items: center
    }

        .location-card .item:last-child {
            max-width: 170px;
            margin: 0
        }

        .location-card .item .icon {
            font-size: 32px;
            padding: 0
        }
}

.location-card .item .article-content {
    padding-left: 20px
}

    .location-card .item .article-content .title {
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.6;
        color: #474E4F
    }

@media (min-width:576px) {
    .location-card .item .article-content {
        padding-left: 30px
    }

        .location-card .item .article-content .title {
            font-size: 16px
        }
}

@media (min-width:992px) {
    .location-card .item img {
        width: 56px;
        height: 56px
    }

    .location-card .item .article-content {
        padding-left: 40px
    }

        .location-card .item .article-content .title {
            font-size: 20px;
            margin-bottom: 0
        }
}

.location-card .item .article-content .desc {
    font-size: 12px;
    line-height: 1.4;
    color: #89A5A8
}

@media (min-width:576px) {
    .location-card .item .article-content .desc {
        font-size: 14px;
        line-height: 1.5
    }
}

@media (min-width:992px) {
    .location-card .item .article-content .desc {
        line-height: 1.7;
        font-size: 16px
    }
}

.location-card .item .article-content .desc p {
    margin: 0
}

.location-card .item .link-txt {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #19B3CB;
    margin-top: 5px
}

@media (max-width:991px) {
    .location-card .item .link-txt {
        border-radius: 20px;
        border: 1px solid #19B3CB;
        padding: 9px 40px;
        margin-top: 0
    }
}

@media (max-width:767px) {
    .location-card .item .link-txt {
        border: 0;
        padding: 0;
        margin-right: 16px;
        font-size: 12px
    }
}

.location-card .item .link-txt .icon {
    padding-left: 5px;
    font-size: 12px
}

@media (min-width:576px) {
    .location-card .item .link-txt .icon {
        font-size: 16px;
        padding-left: 8px
    }
}

.location-card .item .tel-txt {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    text-align: center;
    color: #474E4F
}

.location-card .item .primary-tag {
    max-width: 120px;
    margin-top: 12px
}

.location-card.theme-bordered {
    background-color: transparent;
    border: 1px solid #C9DFE1;
    padding: 10px
}

@media (min-width:768px) {
    .location-card.theme-bordered {
        padding: 20px 40px
    }
}

.location-card.theme-bordered .item:last-child {
    max-width: 100%
}

@media (min-width:768px) {
    .location-card.theme-bordered .item:last-child {
        max-width: 200px
    }
}

@media (min-width:1440px) {
    .location-card.theme-bordered {
        padding: 32px 72px
    }

        .location-card.theme-bordered .item:last-child {
            max-width: 300px
        }
}

.location-card.theme-bordered .item .article-content {
    padding: 0
}

@media (min-width:992px) {
    .location-card .item .primary-tag {
        margin-top: 20px
    }

    .location-card.theme-bordered .item .article-content .title {
        font-size: 20px
    }
}

@media (min-width:1440px) {
    .location-card.theme-bordered .item .article-content .title {
        font-size: 24px;
        margin-bottom: 8px;
        line-height: 1.3
    }
}

.location-card.theme-bordered .item .article-content .desc,
.location-card.theme-bordered .item .btn-bordered {
    margin: 0
}

@media (max-width:767px) {
    .location-card.theme-bordered .item .btn {
        max-width: 100%;
        font-size: 14px
    }
}

.gallery-card {
    border-radius: 4px;
    border: 1px solid #e4eeef
}

    .gallery-card.type-video .card-footer {
        justify-content: center
    }

        .gallery-card.type-video .card-footer .icon-star,
        .gallery-card.type-video .card-footer:before {
            display: none
        }

    .gallery-card .card-media {
        height: 118px
    }

        .gallery-card .card-media img,
        .gallery-card .card-media video {
            border-radius: 4px;
            height: 100%
        }

            .gallery-card .card-media video:focus {
                outline: 0 !important
            }

    .gallery-card .card-footer {
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding: 8px 18px
    }

@media (min-width:992px) {
    .gallery-card .card-footer {
        padding: 8px 25px
    }
}

.gallery-card .card-footer:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #E4EEEF
}

.family-card.is-active,
.family-card.is-waiting {
    position: relative
}

@media (min-width:576px) {
    .gallery-card .card-footer:before {
        display: none
    }
}

.gallery-card .card-footer .icon {
    font-size: 15px;
    color: #19B3CB;
    cursor: pointer
}

    .gallery-card .card-footer .icon:last-child {
        font-size: 16px;
        color: #ACBDBF
    }

.warning-card {
    background-color: #fcf4ec;
    border-radius: 4px;
    border: 0;
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 10px 16px
}

    .warning-card .icon {
        color: #E49248;
        font-size: 16px;
        margin-right: 8px
    }

    .editer-card .content,
    .warning-card .desc {
        font-size: 14px;
        line-height: 1.5
    }

@media (min-width:576px) {
    .warning-card {
        padding: 8px 16px
    }

        .warning-card .icon {
            margin-right: 12px
        }
}

.warning-card .desc p {
    font-weight: 300;
    color: #E49248;
    margin-bottom: 0
}

.editer-card {
    background-color: #fff;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #f0f0f0
}

    .editer-card .content {
        margin-right: 20px;
        color: #474E4F;
        max-width: 260px
    }

        .editer-card .content .title {
            font-weight: 600;
            margin-bottom: 5px;
            display: block
        }

        .editer-card .content .desc p {
            margin-bottom: 0
        }

    .editer-card .btn {
        max-width: 95px;
        width: 100%;
        padding: 7px 25px;
        font-size: 12px
    }

.family-card {
    border-radius: 4px;
    border: 1px solid #E4EEEF;
    padding: 0 16px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

    .family-card.is-waiting .item .status {
        color: #89A5A8;
        border-color: #89A5A8
    }

    .family-card.is-active:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background-color: #19B3CB;
        width: 8px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .family-card.is-active .item {
        justify-content: flex-end;
        width: 100%
    }
}

.family-card.is-active .item .title {
    color: #19B3CB
}

.family-card.is-proccessing {
    position: relative
}

    .family-card.is-proccessing .item .status {
        color: #E49248;
        border-color: #E49248
    }

.family-card .item {
    display: flex;
    align-items: center
}

    .family-card .item:first-child {
        flex-flow: column;
        align-items: flex-start
    }

    .family-card .item .title {
        margin-bottom: 0;
        color: #474E4F;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.7
    }

@media (min-width:992px) {
    .family-card {
        padding: 0 24px
    }

        .family-card.is-proccessing .item .status,
        .family-card.is-waiting .item .status {
            padding: 4px 11px
        }

        .family-card .item .title {
            font-size: 16px
        }
}

.family-card .item .desc {
    font-size: 12px;
    line-height: 1.5;
    color: #89A5A8
}

@media (min-width:992px) {
    .family-card .item .desc {
        font-size: 14px
    }
}

.family-card .item .status {
    margin: 19px 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    color: #1ecd9b;
    border: 1px solid #1ecd9b;
    border-radius: 2px;
    padding: 3px 8px
}

@media (min-width:992px) {
    .family-card .item .status {
        margin: 21px 0;
        font-size: 12px;
        padding: 4px 10px
    }
}

.family-card .item .icon {
    font-size: 16px;
    color: #19B3CB;
    margin-right: 12px;
    transition: all ease .3s
}

@media (min-width:992px) {
    .family-card .item .icon {
        margin-right: 15px
    }
}

.family-card .item .icon:hover {
    color: #ff4920
}

.station-card {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 19px 28px 15px;
    background-color: #EBF2F3;
    border-radius: 4px
}

    .station-card .item {
        display: flex;
        flex-flow: column
    }

        .station-card .item:first-child {
            justify-content: center;
            align-items: center;
            margin-right: 28px
        }

        .station-card .item:last-child {
            width: 100%
        }

        .station-card .item .icon {
            font-size: 32px;
            margin-bottom: 4px;
            color: #19B3CB
        }

        .station-card .item .distance {
            font-size: 12px;
            font-weight: 600;
            line-height: 1.5;
            color: #19B3CB
        }

        .station-card .item .title {
            font-size: 14px;
            font-weight: 600;
            line-height: 1.5;
            color: #474e4f;
            margin-bottom: 4px
        }

        .station-card .item .short-text {
            font-size: 12px;
            line-height: 1.5;
            color: #89A5A8
        }

.quick-view-card {
    width: 100%;
    border: 0;
    border-radius: 0
}

    .quick-view-card .card-media {
        max-width: inherit;
        width: 100%;
        margin: 0 auto;
        position: relative
    }

        .quick-view-card .card-media:after,
        .quick-view-card .card-media:before {
            position: absolute;
            top: 0;
            bottom: 0;
            height: 100%;
            width: 44px;
            background-color: #acbdbf;
            display: none
        }

@media (min-width:576px) {
    .quick-view-card .card-media {
        max-width: 360px;
        max-height: 220px
    }

        .quick-view-card .card-media:after,
        .quick-view-card .card-media:before {
            width: 70px;
            display: block
        }
}

.quick-view-card .card-media:before {
    left: 0;
    transform: translateX(-100%)
}

.quick-view-card .card-media:after {
    right: 0;
    background-image: linear-gradient(to left,rgba(0,0,0,.3),rgba(0,0,0,0));
    transform: translateX(100%)
}

.quick-view-card .card-footer {
    display: flex;
    flex-flow: column;
    padding: 20px
}

    .quick-view-card .card-footer .short-title {
        font-size: 14px;
        line-height: 1.7;
        color: #ACBDBF;
        margin-bottom: 2px
    }

@media (min-width:576px) {
    .quick-view-card .card-footer {
        padding: 30px
    }

        .quick-view-card .card-footer .short-title {
            font-size: 15px
        }
}

@media (min-width:992px) {
    .quick-view-card .card-media {
        max-width: 530px;
        max-height: 320px
    }

        .quick-view-card .card-media:after,
        .quick-view-card .card-media:before {
            width: 88px
        }

    .quick-view-card .card-footer {
        padding: 32px 40px 40px
    }

        .quick-view-card .card-footer .short-title {
            font-size: 16px
        }
}

.quick-view-card .card-footer .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
    color: #474E4F;
    margin-bottom: 6px
}

@media (min-width:576px) {
    .quick-view-card .card-footer .title {
        font-size: 18px
    }
}

@media (min-width:992px) {
    .quick-view-card .card-footer .title {
        font-size: 20px
    }
}

.quick-view-card .card-footer .total {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
    color: #19B3CB;
    margin-bottom: 20px
}

@media (min-width:576px) {
    .quick-view-card .card-footer .total {
        font-size: 18px
    }
}

@media (min-width:992px) {
    .quick-view-card .card-footer .total {
        font-size: 20px;
        margin-bottom: 30px
    }
}

.quick-view-card .card-footer .btn-general {
    max-width: inherit;
    width: 100%;
    text-align: center
}

.notification-card {
    cursor: pointer;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding: 16px;
    align-items: center;
    position: relative;
    border-radius: 4px;
    background-color: #ebf2f3
}

@media (min-width:576px) {
    .notification-card {
        padding: 20px
    }
}

.notification-card.unread:before {
    background-color: #19B3CB
}

.notification-card:before {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #ACBDBF
}

.notification-card .article-area {
    padding-left: 30px;
    width: 100%
}

    .notification-card .article-area .card-title {
        color: #474E4F;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.5
    }

    .notification-card .article-area .date {
        color: #89A5A8;
        font-size: 12px
    }

.notification-card .icon {
    font-size: 12px;
    color: #19B3CB
}

.messages-card {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px 14px;
    background-color: #EBF2F3;
    border-radius: 4px
}

    .messages-card .item:first-child {
        display: flex;
        flex-flow: row;
        align-items: flex-start
    }

    .messages-card .item:last-child {
        display: flex;
        flex-flow: column;
        align-items: center
    }

        .messages-card .item:last-child .icon {
            font-size: 16px;
            color: #ACBDBF;
            cursor: pointer
        }

@media (min-width:576px) {
    .messages-card .item:last-child .icon {
        font-size: 20px
    }
}

.messages-card .item:last-child .icon.unread {
    color: #19B3CB
}

.messages-card .item:last-child .icon:last-child {
    font-size: 22px;
    margin-top: 13px
}

@media (min-width:576px) {
    .messages-card .item:last-child .icon:last-child {
        font-size: 24px;
        margin-top: 8px
    }
}

@media (min-width:992px) {
    .messages-card .item:last-child {
        flex-flow: row
    }

        .messages-card .item:last-child .icon:last-child {
            margin-top: 0;
            margin-left: 16px
        }
}

.messages-card .item .card-company-img {
    background-color: #fff;
    border-radius: 50%;
    padding: 8px;
    margin-top: 10px;
    max-width: 48px
}

.messages-card .item .article-wrapper {
    margin-left: 16px
}

    .messages-card .item .article-wrapper .desc,
    .messages-card .item .article-wrapper .title {
        color: #474E4F
    }

    .messages-card .item .article-wrapper .title {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.7;
        margin-bottom: 2px
    }

@media (min-width:576px) {
    .messages-card .item .article-wrapper .title {
        font-size: 16px
    }
}

.messages-card .item .article-wrapper .desc {
    font-size: 12px;
    line-height: 1.5
}

@media (min-width:992px) {
    .messages-card .item .card-company-img {
        margin-top: 5px
    }

    .messages-card .item .article-wrapper .desc {
        margin-bottom: 5px
    }
}

.messages-card .item .article-wrapper .desc p {
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px
}

@media (min-width:576px) {
    .messages-card .item .article-wrapper .desc {
        font-size: 14px
    }

        .messages-card .item .article-wrapper .desc p {
            width: 265px
        }
}

@media (min-width:992px) {
    .messages-card .item .article-wrapper .desc p {
        width: 295px
    }
}

.messages-card .item .article-wrapper .date {
    font-size: 12px;
    line-height: 1.5;
    color: #89A5A8
}

.messages-card .item .total {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    color: #474e4f
}

.messages-card .item.contact-messages {
    width: 100%
}

    .messages-card .item.contact-messages .contact-message-img {
        background-color: #fff;
        border-radius: 50%;
        padding: 8px;
        margin-top: 10px;
        max-width: 48px;
        height: 48px
    }

.messages-card.type-pano {
    padding: 16px 24px 16px 16px
}

@media (min-width:576px) {
    .messages-card .item .total {
        font-size: 16px
    }

    .messages-card.type-pano {
        padding: 12px 24px 12px 12px
    }
}

.messages-card.type-pano .item:first-child {
    align-items: stretch;
    width: 100%
}

    .messages-card.type-pano .item:first-child .name {
        display: block
    }

.messages-card.type-pano .item .card-company-img {
    max-width: 64px;
    height: 64px;
    background-color: #C9DFE1;
    width: 100%;
    margin-top: 0;
    border-radius: 4px;
    padding: 0
}

@media (min-width:992px) {
    .messages-card.type-pano .item .card-company-img {
        padding: 11px 0
    }
}

.messages-card.type-pano .item .article-wrapper {
    margin-left: 14px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 100%
}

@media (min-width:768px) and (max-width:991px) {
    .messages-card.type-pano .item .article-wrapper {
        margin-left: 12px;
        justify-content: center
    }
}

.messages-card.type-pano .item .article-wrapper .title {
    font-size: 12px
}

@media (min-width:576px) {
    .messages-card.type-pano .item .card-company-img {
        max-width: 88px;
        height: 88px
    }

    .messages-card.type-pano .item .article-wrapper .title {
        font-size: 14px;
        max-width: 200px
    }

    .messages-card.type-pano .item .article-wrapper .date {
        font-size: 14px
    }
}

@media (min-width:1200px) {
    .messages-card.type-pano .item .article-wrapper .title {
        max-width: inherit
    }
}

.messages-card.type-pano .item .article-wrapper .date .name {
    color: #474E4F;
    padding-right: 12px
}

@media (max-width:991px) {
    .messages-card.type-review {
        padding: 12px 16px 12px 12px
    }
}

@media (max-width:767px) {
    .messages-card.type-pano .item .article-wrapper .date .name {
        display: none
    }

    .messages-card.type-review {
        padding: 16px
    }
}

.messages-card.type-review .item:first-child {
    max-width: 300px;
    width: 100%
}

.messages-card.type-review .item .card-company-img {
    padding: 0
}

.messages-card.type-review .item .article-wrapper {
    justify-content: space-between
}

    .messages-card.type-review .item .article-wrapper .title {
        max-width: 175px;
        font-size: 12px
    }

@media (min-width:576px) {
    .messages-card.type-review .item .article-wrapper .title {
        font-size: 14px;
        max-width: 185px
    }
}

@media (min-width:992px) {
    .messages-card.type-review .item .article-wrapper {
        padding-top: 5px
    }

        .messages-card.type-review .item .article-wrapper .title {
            max-width: 305px
        }
}

.messages-card.type-review .item .article-wrapper .date {
    font-size: 12px;
    color: #ACBDBF
}

.dark-mode .brands-card .card-title,
.dark-mode .info-card .card-body .card-text,
.dark-mode .info-card .card-footer .btn-link,
.dark-mode .primary-card .desc,
.dark-mode .primary-card .title,
.dark-mode .primary-card span {
    color: #e6e6e6
}

@media (min-width:576px) {
    .messages-card.type-review .item .article-wrapper .date {
        font-size: 13px
    }
}

.messages-card.type-review .item .article-wrapper .date .category {
    position: relative;
    padding-right: 20px
}

    .messages-card.type-review .item .article-wrapper .date .category:before {
        content: '';
        position: absolute;
        right: 10px;
        top: 50%;
        background-color: #ACBDBF;
        transform: translate(100%,-50%);
        height: 4px;
        width: 4px;
        border-radius: 50%
    }

.dark-mode .primary-card {
    background-color: #121212
}

.dark-mode .info-card {
    background-color: #1e1e1e
}

.dark-mode .brands-card {
    border-color: #323232
}

.dark-mode .primary-banner-card .card-body .card-text,
.dark-mode .primary-banner-card .card-body .card-title,
.dark-mode .thumbnail-card .card-body .card-text {
    color: #adadad
}

.dark-mode .brands-card .card-footer {
    background-color: #323232
}

    .dark-mode .brands-card .card-footer:last-child {
        border-radius: 0
    }

.dark-mode .primary-banner-card.aqua-haze:before,
.dark-mode .primary-banner-card.polar:before {
    background: -moz-linear-gradient(left,#323232 60%,rgba(50,50,50,0) 100%);
    background: -webkit-linear-gradient(left,#323232 60%,rgba(50,50,50,0) 100%);
    background: linear-gradient(to right,#323232 60%,rgba(50,50,50,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#323232', GradientType=1 )
}

.dark-mode .thumbnail-card {
    background-color: #1e1e1e;
    border-color: #1e1e1e
}

    .dark-mode .thumbnail-card .card-footer {
        background-color: #1e1e1e
    }

        .dark-mode .thumbnail-card .card-footer .item.address {
            color: #898989
        }

        .dark-mode .thumbnail-card .card-footer .item.total {
            color: #e6e6e6 !important
        }

    .dark-mode .thumbnail-card .card-text .total {
        color: #e6e6e6
    }

.dark-mode .primary-quick-view .content-wrapper .btn-close {
    background-color: #323232;
    color: #e6e6e6
}

.dark-mode .quick-view-card .operation-wrapper .operation-button .total {
    background-color: #e6e6e6;
    color: #030303
}

.dark-mode .quick-view-card .operation-wrapper .operation-button .icon-heart,
.dark-mode .quick-view-card .operation-wrapper .type-share .operation-button .icon-share {
    background-color: #1e1e1e;
    color: #e6e6e6;
    border-color: #373737
}

.dark-mode .quick-view-card .card-footer {
    background-color: #1e1e1e;
    border-radius: 0
}

    .dark-mode .quick-view-card .card-footer .short-title {
        color: #898989
    }

    .dark-mode .quick-view-card .card-footer .title,
    .dark-mode .quick-view-card .card-footer .total {
        color: #adadad
    }

    .dark-mode .quick-view-card .card-footer .btn-general {
        background-color: #12889B
    }

.dark-mode .contact-card,
.dark-mode .horizontal-thumbnail-card {
    background-color: #232323
}

    .dark-mode .horizontal-thumbnail-card .card-media {
        border: none
    }

    .dark-mode .horizontal-thumbnail-card .card-body .title {
        color: #e6e6e6
    }

    .dark-mode .horizontal-thumbnail-card .card-body .card-footer .location {
        color: #898989
    }

    .dark-mode .horizontal-thumbnail-card .card-body .card-footer .price {
        color: #adadad
    }

    .dark-mode .contact-card .card-header {
        border-color: #373737
    }

        .dark-mode .contact-card .card-header .icon,
        .dark-mode .contact-card .card-header .title {
            color: #898989
        }

    .dark-mode .contact-card .card-body .desc,
    .dark-mode .station-card-wrapper .station-card .item .title {
        color: #adadad
    }

.dark-mode .station-card-wrapper .station-card {
    background-color: #323232
}

    .dark-mode .station-card-wrapper .station-card .item .short-text {
        color: #898989 !important
    }

    .dark-mode .station-card-wrapper .station-card .item .distance {
        color: #e6e6e6 !important
    }

.dark-mode .location-card .item .btn-bordered {
    color: #474E4F
}

    .dark-mode .location-card .item .btn-bordered:hover {
        border-color: #19B3CB;
        background-color: #19B3CB;
        color: #474E4F
    }

.features-card {
    padding: 20px 15px 20px 0;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E4EEEF;
    cursor: pointer
}

    .features-card.filled {
        padding-bottom: 12px
    }

    .features-card .article {
        display: flex;
        flex-flow: column
    }

        .features-card .article .title {
            font-size: 13px;
            font-weight: 600;
            line-height: 1.7;
            color: #474E4F
        }

@media (min-width:992px) {
    .features-card {
        margin-left: 32px;
        padding: 27px 32px 24px 0
    }

        .features-card .article .title {
            font-size: 16px
        }
}

.features-card .article .desc {
    font-size: 12px;
    line-height: 1.5;
    color: #E49248 !important
}

@media (min-width:992px) {
    .features-card .article .desc {
        font-size: 14px
    }
}

.features-card .icon {
    font-size: 12px;
    color: #ACBDBF
}

.profile-card {
    border-radius: 4px;
    border: 1px solid #C9DFE1;
    padding: 16px;
    display: flex;
    flex-flow: column
}

    .profile-card .item:first-child {
        display: flex;
        flex-flow: row;
        align-items: center
    }

        .profile-card .item:first-child .profile-img {
            border-radius: 50%;
            max-width: 48px
        }

@media (min-width:768px) {
    .profile-card {
        padding: 18px 20px
    }

        .profile-card .item:first-child .profile-img {
            max-width: 56px
        }
}

.profile-card .item:first-child .article {
    display: flex;
    flex-flow: column;
    margin-left: 15px
}

    .profile-card .item:first-child .article .title {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.7;
        color: #474E4F;
        margin-bottom: 0
    }

    .profile-card .item:first-child .article .business {
        font-size: 12px;
        line-height: 1.3;
        letter-spacing: normal;
        color: #89A5A8
    }

.profile-card .item:last-child {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin-top: 10px
}

    .profile-card .item:last-child button {
        width: 100%;
        border: 0
    }

@media (min-width:576px) {
    .profile-card .item:last-child {
        flex-flow: row;
        margin-top: 20px
    }
}

.profile-card .item:last-child .btn-bordered {
    border: 1px solid #19B3CB;
    font-size: 12px;
    padding: 8px;
    margin: 4px 0 0
}

@media (min-width:576px) {
    .profile-card .item:last-child .btn-bordered {
        margin: 0 0 0 8px;
        padding: 15px
    }
}

.profile-card .item:last-child .btn-bordered:hover {
    background-color: transparent;
    color: #19B3CB
}

.profile-card .item:last-child .btn-bordered a {
    color: #19B3CB
}

.profile-card .item:last-child span {
    cursor: pointer;
    max-width: inherit;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

    .profile-card .item:last-child span.btn-general {
        padding: 7px
    }

@media (min-width:576px) {
    .profile-card .item:last-child span.btn-general {
        padding: 10px
    }
}

.profile-card .item:last-child span.btn-general.disabled {
    opacity: .5
}

.profile-card .item:last-child a .icon,
.profile-card .item:last-child button .icon,
.profile-card .item:last-child span .icon {
    margin-right: 12px;
    font-size: 13px
}

.map-card {
    margin: 20px 0 25px;
    border-radius: 4px;
    border: 1px solid #e2eef0
}

    .map-card .top .map {
        width: 100%;
        height: 275px
    }

    .map-card .bottom {
        padding: 15px;
        display: flex;
        justify-content: space-between
    }

        .map-card .bottom .article {
            display: flex;
            align-items: center;
            margin-right: 10px
        }

@media (min-width:992px) {
    .map-card .bottom .article {
        margin-right: 40px
    }
}

.map-card .bottom .article .icon {
    font-size: 15px;
    color: #474E4F;
    margin-right: 11px
}

.map-card .bottom .article .address {
    font-size: 14px;
    line-height: 1.4;
    color: #474E4F
}

.map-card .bottom .direction {
    color: #19B3CB;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    min-width: 83px
}

    .map-card .bottom .direction .icon {
        color: #19B3CB;
        font-size: 15px;
        margin-right: 5px
    }

.general-slider-nav .owl-nav .owl-next,
.general-slider-nav .owl-nav .owl-prev {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease .3s
}

    .general-slider-nav .owl-nav .owl-next .icon,
    .general-slider-nav .owl-nav .owl-prev .icon {
        font-size: 12px;
        color: #ACBDBF
    }

.general-slider-nav .owl-nav .owl-next {
    right: -10px
}

@media (min-width:1440px) {
    .general-slider-nav .owl-nav .owl-next {
        right: -34px
    }
}

.general-slider-nav .owl-nav .owl-prev {
    left: -10px
}

@media (min-width:1440px) {
    .general-slider-nav .owl-nav .owl-prev {
        left: -34px
    }
}

@media (min-width:1400px) and (max-width:1510px) {
    .general-slider-nav .owl-nav .owl-next {
        right: 10px
    }

    .general-slider-nav .owl-nav .owl-prev {
        left: 10px
    }
}

@media (max-width:575px) {
    .main-slider,
    .main-slider img {
        width: auto !important
    }

    .main-slider {
        margin: 0 -8px
    }
}

.main-slider .item {
    display: block;
    position: relative
}

@media (min-width:768px) {
    .map-card .bottom {
        padding: 16px 24px
    }

    .main-slider .item {
        border-radius: 4px;
        overflow: hidden
    }
}

.main-slider .item .slider-content {
    padding: 8px 20px
}

    .main-slider .item .slider-content .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.75;
        color: #474E4F;
        margin: 0 0 4px
    }

@media (min-width:768px) {
    .main-slider .item .slider-content {
        display: flex;
        flex-flow: column;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        background-image: linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,.7)),linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.1))
    }

        .main-slider .item .slider-content .title {
            margin-bottom: 20px
        }
}

@media (min-width:992px) {
    .main-slider .item .slider-content .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.67;
        margin-bottom: 32px
    }
}

.main-slider .owl-nav .owl-next,
.main-slider .owl-nav .owl-prev {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: rgba(71,78,79,.15);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease .3s
}

.campaign-slider,
.filter-slider {
    position: relative
}

.main-slider .owl-nav .owl-next .icon,
.main-slider .owl-nav .owl-prev .icon {
    font-size: 12px;
    color: #fff
}

.main-slider .owl-nav .owl-next {
    right: 24px
}

.main-slider .owl-nav .owl-prev {
    left: 24px
}

.main-slider .owl-dots {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin: 12px 0
}

    .main-slider .owl-dots .owl-dot {
        padding: 0 4px
    }

        .main-slider .owl-dots .owl-dot.active span {
            background-color: #19B3CB
        }

        .main-slider .owl-dots .owl-dot span {
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background-color: #C9DFE1
        }

.primary-slider .owl-stage-outer {
    display: flex;
    overflow: inherit !important
}

    .primary-slider .owl-stage-outer .owl-stage {
        display: flex;
        flex-flow: row;
        flex-grow: 1;
        right: 33px
    }

@media (min-width:768px) {
    .main-slider .owl-dots {
        margin-right: -4px;
        margin-left: -4px;
        margin-bottom: 0
    }

    .primary-slider .owl-stage-outer .owl-stage {
        right: 128px
    }
}

@media (min-width:992px) {
    .main-slider .owl-dots {
        margin-top: 16px
    }

    .primary-slider .owl-stage-outer .owl-stage {
        right: 0
    }
}

.primary-slider .owl-stage-outer .owl-stage:after {
    display: none
}

.primary-slider .owl-stage-outer .owl-stage .owl-item {
    display: flex
}

.secondary-slider .owl-stage-outer {
    display: flex;
    overflow: inherit !important;
    flex-flow: column
}

    .secondary-slider .owl-stage-outer .owl-stage {
        display: flex;
        flex-flow: row;
        flex-grow: 1;
        right: 20px
    }

@media (min-width:768px) {
    .secondary-slider .owl-stage-outer .owl-stage {
        right: 170px
    }
}

@media (min-width:992px) {
    .secondary-slider .owl-stage-outer .owl-stage {
        right: 0
    }
}

.secondary-slider .owl-stage-outer .owl-stage:after {
    display: none
}

.secondary-slider .owl-stage-outer .owl-stage .owl-item {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1
}

    .secondary-slider .owl-stage-outer .owl-stage .owl-item .item {
        display: flex;
        flex-flow: column;
        flex-grow: 1;
        flex-shrink: 1
    }

.campaign-slider .owl-stage-outer {
    overflow: inherit !important
}

    .campaign-slider .owl-stage-outer .owl-stage {
        display: flex;
        flex-flow: row;
        flex-grow: 1;
        right: 11px
    }

@media (min-width:768px) {
    .campaign-slider .owl-stage-outer .owl-stage {
        right: 27px
    }
}

.campaign-slider .owl-stage-outer .owl-stage:after {
    display: none
}

.campaign-slider .owl-stage-outer .owl-stage .owl-item {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1
}

    .campaign-slider .owl-stage-outer .owl-stage .owl-item .card {
        max-width: 100%;
        flex-shrink: 0
    }

        .campaign-slider .owl-stage-outer .owl-stage .owl-item .card .card-media {
            flex: 0 0 auto
        }

@media (max-width:991px) {
    .campaign-slider .owl-stage-outer .owl-stage .owl-item .card .card-media {
        display: flex;
        flex-grow: 1
    }

    .campaign-slider .owl-stage-outer .owl-stage .owl-item .card .card-body .card-text {
        height: 36px;
        overflow: hidden
    }
}

.campaign-slider .owl-stage-outer .owl-stage .owl-item .card .card-media img {
    flex-shrink: 0;
    flex-grow: 1;
    max-height: 82px
}

@media (min-width:576px) {
    .campaign-slider .owl-stage-outer .owl-stage .owl-item .card .card-media img {
        max-height: 107px
    }
}

@media (min-width:992px) {
    .campaign-slider .owl-stage-outer .owl-stage {
        right: 0
    }

        .campaign-slider .owl-stage-outer .owl-stage .owl-item .card .card-media img {
            max-height: 150px
        }
}

.campaign-slider .owl-stage-outer .owl-stage .owl-item .card .card-body .brands-media {
    padding: 6px
}

.brands-slider .owl-stage-outer {
    display: flex;
    flex-flow: column
}

@media (max-width:767px) {
    .primary-slider .owl-stage-outer .owl-stage .owl-item .primary-banner-card .btn {
        min-width: 160px
    }

    .campaign-slider .owl-stage-outer .owl-stage .owl-item .card .card-body .brands-media img {
        max-width: 48px
    }

    .brands-slider .owl-stage-outer,
    .category-slider .owl-stage-outer {
        overflow: inherit !important
    }
}

.brands-slider .owl-stage-outer .owl-stage {
    display: flex;
    flex-flow: row;
    flex-grow: 1;
    right: 12px
}

@media (min-width:768px) {
    .brands-slider .owl-stage-outer .owl-stage {
        right: 0
    }
}

.brands-slider .owl-stage-outer .owl-stage:after {
    display: none
}

.brands-slider .owl-stage-outer .owl-stage .owl-item {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1
}

    .brands-slider .owl-stage-outer .owl-stage .owl-item .item {
        display: flex;
        flex-flow: column;
        flex-grow: 1;
        flex-shrink: 1
    }

        .brands-slider .owl-stage-outer .owl-stage .owl-item .item .brands-card .card-media {
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .brands-slider .owl-stage-outer .owl-stage .owl-item .item .brands-card .card-media img {
                max-width: 80px;
                width: auto;
                max-height: 100%
            }

@media (min-width:576px) {
    .brands-slider .owl-stage-outer .owl-stage .owl-item .item .brands-card .card-media {
        height: 105px
    }

        .brands-slider .owl-stage-outer .owl-stage .owl-item .item .brands-card .card-media img {
            max-width: 115px
        }
}

@media (min-width:992px) {
    .brands-slider .owl-stage-outer .owl-stage .owl-item .item .brands-card .card-media {
        height: 140px
    }

        .brands-slider .owl-stage-outer .owl-stage .owl-item .item .brands-card .card-media img {
            max-width: 140px;
            max-height: 135px
        }
}

.category-slider .owl-stage-outer {
    display: flex
}

    .category-slider .owl-stage-outer .owl-stage {
        display: flex;
        flex-flow: row;
        flex-grow: 1;
        right: 62px
    }

@media (min-width:768px) {
    .category-slider .owl-stage-outer .owl-stage {
        right: 0
    }
}

.category-slider .owl-stage-outer .owl-stage:after {
    display: none
}

.category-slider .owl-stage-outer .owl-stage .owl-item {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1
}

    .category-slider .owl-stage-outer .owl-stage .owl-item .item {
        display: flex;
        flex-flow: column;
        flex-grow: 1;
        flex-shrink: 1
    }

.filter-slider {
    overflow: visible
}

    .filter-slider:before {
        width: 40px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -8px;
        bottom: 0;
        z-index: 2;
        background: linear-gradient(to left,#fff,rgba(255,255,255,0) 80%)
    }

@media (min-width:576px) {
    .filter-slider {
        overflow: hidden
    }

        .filter-slider:before {
            display: block;
            right: 0
        }
}

@media (max-width:991px) {
    .filter-slider .owl-stage-outer {
        overflow: inherit !important
    }

        .filter-slider .owl-stage-outer .owl-stage {
            padding-left: 0 !important
        }
}

.pano-slider:not(.secondary) .thumbnail-card .card-body {
    padding: 8px 12px 0
}

@media (min-width:576px) {
    .pano-slider:not(.secondary) .thumbnail-card .card-body {
        padding: 15px 15px 0
    }
}

@media (min-width:992px) {
    .filter-slider:before {
        display: none
    }

    .pano-slider:not(.secondary) .thumbnail-card .card-body {
        padding: 20px 10px 0
    }
}

@media (min-width:1440px) {
    .pano-slider:not(.secondary) .thumbnail-card .card-body {
        padding: 20px 20px 0
    }
}

.pano-slider:not(.secondary) .thumbnail-card .card-media {
    max-height: 160px
}

    .pano-slider:not(.secondary) .thumbnail-card .card-media img {
        max-height: 95px
    }

@media (min-width:992px) {
    .pano-slider:not(.secondary) .thumbnail-card .card-media img {
        max-height: inherit
    }

    .pano-slider.only-desktop-overflow .owl-stage-outer {
        overflow: hidden !important
    }
}

.pano-slider .owl-stage-outer {
    overflow: inherit !important;
    display: flex;
    flex-flow: column
}

    .pano-slider .owl-stage-outer .owl-stage {
        display: flex;
        flex-flow: row;
        flex-grow: 1;
        padding-left: 0 !important
    }

        .pano-slider .owl-stage-outer .owl-stage:after {
            display: none
        }

        .pano-slider .owl-stage-outer .owl-stage .owl-item {
            display: flex;
            flex-grow: 1;
            flex-shrink: 1
        }

            .pano-slider .owl-stage-outer .owl-stage .owl-item .card {
                max-width: 100%;
                flex-shrink: 0
            }

                .pano-slider .owl-stage-outer .owl-stage .owl-item .card .card-media {
                    flex: 0 0 auto
                }

                    .pano-slider .owl-stage-outer .owl-stage .owl-item .card .card-media img {
                        flex-shrink: 0;
                        flex-grow: 1
                    }

@media (min-width:768px) and (max-width:991px) {
    .pano-slider .owl-stage-outer .owl-stage .owl-item .card .card-body .brands-media img {
        max-width: 50px
    }
}

.pano-slider .owl-nav .owl-next .icon,
.pano-slider .owl-nav .owl-prev .icon {
    color: #19B3CB
}

.gallery-slider .owl-nav .owl-next,
.gallery-slider .owl-nav .owl-prev,
.photo-slider .owl-nav .owl-next,
.photo-slider .owl-nav .owl-prev {
    width: 28px;
    height: 28px
}

@media (min-width:992px) {
    .gallery-slider .owl-nav .owl-next,
    .gallery-slider .owl-nav .owl-prev,
    .photo-slider .owl-nav .owl-next,
    .photo-slider .owl-nav .owl-prev {
        width: 32px;
        height: 32px
    }
}

.photo-slider .owl-stage-outer {
    display: flex;
    flex-flow: column;
    flex-grow: 1
}

    .photo-slider .owl-stage-outer .owl-stage {
        display: flex;
        flex-grow: 1
    }

        .photo-slider .owl-stage-outer .owl-stage .owl-item .image-card {
            display: flex;
            height: 100%;
            max-height: 305px
        }

            .photo-slider .owl-stage-outer .owl-stage .owl-item .image-card video {
                width: 100%
            }

.photo-slider .owl-nav .owl-next {
    right: -40px
}

.photo-slider .owl-nav .owl-prev {
    left: -40px
}

@media (min-width:992px) {
    .photo-slider .owl-nav .owl-next {
        right: -56px
    }

    .photo-slider .owl-nav .owl-prev {
        left: -56px
    }
}

.photo-slider.has-transparent-nav {
    position: relative
}

    .photo-slider.has-transparent-nav .owl-nav .owl-next,
    .photo-slider.has-transparent-nav .owl-nav .owl-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-100%);
        color: #fff;
        background-color: rgba(220,220,220,.8);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 100;
        width: 40px;
        height: 40px
    }

        .photo-slider.has-transparent-nav .owl-nav .owl-next.disabled,
        .photo-slider.has-transparent-nav .owl-nav .owl-prev.disabled {
            display: none
        }

        .photo-slider.has-transparent-nav .owl-nav .owl-next .icon,
        .photo-slider.has-transparent-nav .owl-nav .owl-prev .icon {
            font-size: 16px
        }

    .photo-slider.has-transparent-nav .owl-nav .owl-prev {
        left: 25px
    }

    .photo-slider.has-transparent-nav .owl-nav .owl-next {
        right: 25px
    }

@media (max-width:991px) {
    .photo-slider .owl-dots {
        position: absolute
    }
}

.gallery-slider.type-img-bigger .image-card img {
    height: 118px;
    border-radius: 4px
}

.gallery-slider .owl-stage-outer,
.gallery-slider .owl-stage-outer .owl-stage .gallery-card {
    height: 100%
}

    .gallery-slider .owl-stage-outer .owl-stage {
        padding-left: 0 !important;
        display: flex;
        flex-grow: 1;
        height: 100%
    }

        .gallery-slider .owl-stage-outer .owl-stage .gallery-card .card-media {
            display: flex;
            flex-flow: column;
            flex-grow: 1
        }

.gallery-slider .owl-nav .owl-next {
    right: -17px
}

.gallery-slider .owl-nav .owl-prev {
    left: -17px
}

.default-dots .owl-dots {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin: 12px 0
}

@media (min-width:768px) {
    .default-dots .owl-dots {
        margin-right: -4px;
        margin-left: -4px;
        margin-bottom: 0
    }
}

.default-dots .owl-dots .owl-dot {
    padding: 0 4px
}

    .default-dots .owl-dots .owl-dot.active span {
        background-color: #19B3CB
    }

    .default-dots .owl-dots .owl-dot span {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: #C9DFE1
    }

.quick-view-slider {
    position: static !important
}

    .quick-view-slider .owl-nav .owl-next,
    .quick-view-slider .owl-nav .owl-prev {
        position: fixed
    }

    .quick-view-slider .owl-nav .owl-prev {
        left: 16px
    }

    .quick-view-slider .owl-nav .owl-next {
        right: 16px
    }

.owl-item .quick-view-slider > img {
    height: 220px
}

@media (min-width:992px) {
    .default-dots .owl-dots {
        margin-top: 16px
    }

    .owl-item .quick-view-slider > img {
        height: 321px
    }
}

.view-media-slider {
    position: relative
}

    .view-media-slider img {
        height: 220px
    }

@media (min-width:576px) {
    .view-media-slider img {
        max-width: 360px
    }
}

@media (min-width:992px) {
    .view-media-slider img {
        max-width: 530px;
        height: 320px
    }
}

.view-media-slider .owl-nav .owl-next,
.view-media-slider .owl-nav .owl-prev {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    width: inherit;
    height: inherit;
    top: 50%;
    position: absolute;
    transform: inherit
}

    .view-media-slider .owl-nav .owl-next .icon,
    .view-media-slider .owl-nav .owl-prev .icon {
        color: #fff
    }

@media (max-width:767px) {
    .gallery-slider .owl-stage-outer {
        overflow: visible !important
    }

    .quick-view-slider .owl-nav {
        display: none
    }

    .view-media-slider .owl-nav {
        display: block
    }

        .view-media-slider .owl-nav .owl-next .icon,
        .view-media-slider .owl-nav .owl-prev .icon {
            font-size: 17px
        }
}

.view-media-slider .owl-nav .owl-next {
    right: 5px
}

.view-media-slider .owl-nav .owl-prev {
    left: 5px
}

@media (min-width:576px) {
    .view-media-slider .owl-nav .owl-next {
        right: -50px
    }

    .view-media-slider .owl-nav .owl-prev {
        left: -50px
    }
}

@media (min-width:992px) {
    .view-media-slider .owl-nav .owl-next {
        right: -70px
    }

    .view-media-slider .owl-nav .owl-prev {
        left: -70px
    }
}

.view-media-slider .owl-dots {
    display: flex;
    flex-flow: row;
    align-items: center;
    position: absolute;
    bottom: -15px;
    left: 20px
}

    .view-media-slider .owl-dots .owl-dot {
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background-color: #C9DFE1
    }

@media (min-width:576px) {
    .view-media-slider .owl-dots {
        left: -20px;
        bottom: 20px;
        transform: translateX(-100%)
    }

        .view-media-slider .owl-dots .owl-dot {
            height: 8px;
            width: 8px
        }
}

.view-media-slider .owl-dots .owl-dot:not(:last-child) {
    margin-right: 4px
}

.view-media-slider .owl-dots .owl-dot.active {
    background-color: #19B3CB
}

.primary-article .title {
    color: #474E4F;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.6
}

@media (min-width:992px) {
    .view-media-slider .owl-dots {
        left: -28px
    }

        .view-media-slider .owl-dots .owl-dot:not(:last-child) {
            margin-right: 8px
        }

    .primary-article .title {
        font-size: 24px
    }
}

.primary-article .note-card {
    margin: 40px 0
}

.primary-article .static-content.secondary strong {
    display: inline-block;
    color: #89A5A8
}

.primary-article .static-content a,
.primary-article .static-content p,
.primary-article .static-content strong {
    line-height: 1.5;
    font-size: 14px
}

@media (min-width:992px) {
    .primary-article .note-card {
        margin: 50px 0 0
    }

    .primary-article .static-content a,
    .primary-article .static-content p,
    .primary-article .static-content strong {
        font-size: 16px;
        line-height: 1.7
    }
}

.primary-article .static-content p {
    color: #89A5A8
}

    .primary-article .static-content p strong {
        margin-bottom: -25px
    }

@media (min-width:992px) {
    .primary-article .static-content p strong {
        margin-bottom: -30px
    }
}

.primary-article .static-content p:not(:last-child) {
    margin-bottom: 25px
}

@media (min-width:992px) {
    .primary-article .static-content p:not(:last-child) {
        margin-bottom: 35px
    }
}

.primary-article .static-content a {
    color: #19B3CB;
    text-decoration: underline
}

.primary-article .static-content strong {
    color: #474E4F;
    display: block
}

.primary-article .static-content .primary-table,
.primary-article .static-content .vertical-table {
    margin: 30px 0
}

@media (min-width:576px) {
    .primary-article .static-content .primary-table,
    .primary-article .static-content .vertical-table {
        margin: 40px 0
    }
}

@media (min-width:1200px) {
    .primary-article .static-content .primary-table,
    .primary-article .static-content .vertical-table {
        margin: 50px 0
    }
}

.primary-article .static-content .map-wrapper {
    padding: 5px 0 30px
}

    .primary-article .static-content .map-wrapper iframe {
        width: 100%;
        height: 250px
    }

@media (min-width:576px) {
    .primary-article .static-content .map-wrapper {
        padding: 15px 0
    }

        .primary-article .static-content .map-wrapper iframe {
            height: 335px
        }
}

@media (min-width:992px) {
    .primary-article .static-content .map-wrapper iframe {
        height: 400px
    }
}

@media (min-width:1440px) {
    .photo-slider .owl-stage-outer .owl-stage .owl-item .image-card {
        max-height: 500px
    }

    .primary-article .static-content .map-wrapper iframe {
        height: 525px
    }
}

.primary-article .static-content .contact-list {
    padding-left: 0;
    list-style: none
}

@media (max-width:767px) {
    .primary-article .static-content .contact-list {
        padding-bottom: 20px
    }
}

.primary-article .static-content .contact-list li {
    color: #89A5A8;
    font-size: 14px;
    padding-top: 12px
}

    .primary-article .static-content .contact-list li:not(:first-child) {
        padding-top: 16px
    }

    .primary-article .static-content .contact-list li strong {
        color: #89A5A8;
        display: block;
        padding-bottom: 3px
    }

.primary-article .static-content img {
    margin-bottom: 15px
}

@media (min-width:992px) {
    .primary-article .static-content .contact-list li {
        font-size: 16px
    }

    .primary-article .static-content img {
        margin-bottom: 30px
    }
}

.primary-article .sub-title {
    font-size: 14px;
    color: #ACBDBF;
    line-height: 1.57;
    display: block;
    margin-bottom: 4px
}

@media (min-width:992px) {
    .primary-article .sub-title {
        margin-bottom: 8px
    }
}

.primary-article .price {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
    color: #19B3CB
}

.primary-article .desc {
    font-size: 14px;
    line-height: 1.5;
    color: #474E4F
}

.primary-article .contract-content {
    border: 1px solid #E4EEEF;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 15px
}

@media (min-width:576px) {
    .primary-article .contract-content {
        margin-top: 35px;
        margin-bottom: 20px
    }
}

.primary-article .contract-content .area-wrapper {
    border: 20px solid #fff;
    border-radius: 4px;
    overflow-y: auto;
    height: 360px
}

    .primary-article .contract-content .area-wrapper .contract-title {
        font-size: 14px;
        font-weight: 700;
        color: #474E4F;
        text-align: center
    }

    .primary-article .contract-content .area-wrapper .contract-title,
    .primary-article .contract-content .area-wrapper .desc {
        line-height: 1.5
    }

    .primary-article .contract-content .area-wrapper .desc {
        font-size: 12px;
        color: #89A5A8
    }

@media (min-width:992px) {
    .primary-article .contract-content {
        margin-top: 15px
    }

        .primary-article .contract-content .area-wrapper {
            border: 24px solid #fff
        }

            .primary-article .contract-content .area-wrapper .desc {
                font-size: 14px
            }
}

.primary-article .checkbox-wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 15px
}

    .primary-article .checkbox-wrapper .primary-checkbox {
        margin: 0 12px 0 0
    }

    .primary-article .checkbox-wrapper label {
        margin-bottom: 0;
        font-size: 14px;
        color: #474E4F;
        cursor: pointer
    }

.primary-article .contract-btn {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 30px
}

@media (min-width:576px) {
    .primary-article .contract-btn {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .primary-article .contract-btn {
        margin-top: 22px
    }
}

@media (max-width:767px) {
    .primary-page-links {
        margin-top: 20px
    }
}

.primary-page-links .title {
    font-size: 14px;
    color: #474E4F;
    font-weight: 700;
    margin-bottom: 14px
}

.primary-page-links .link-list {
    list-style: none;
    padding: 0;
    border-top: 1px solid #E4EEEF
}

@media (min-width:576px) {
    .primary-page-links .title {
        font-size: 16px;
        margin-bottom: 15px
    }

    .primary-page-links .link-list {
        border: 0
    }
}

@media (min-width:768px) {
    .primary-page-links .link-list {
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .primary-page-links .title {
        font-size: 20px;
        margin-bottom: 25px
    }

    .primary-page-links .link-list {
        padding-left: 27px
    }
}

.primary-page-links .link-list .link-item {
    line-height: 1.75;
    font-size: 16px;
    color: #474E4F;
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E4EEEF;
    padding: 13px 0
}

@media (min-width:576px) {
    .primary-page-links .link-list li:not(:last-child) {
        margin-bottom: 12px
    }

    .primary-page-links .link-list .link-item {
        font-size: 14px;
        flex-flow: row;
        justify-content: flex-start;
        border: 0;
        padding: 0
    }

    .gateway.type-register .banner {
        width: 25%
    }
}

@media (min-width:992px) {
    .primary-page-links .link-list .link-item {
        font-size: 16px
    }

        .primary-page-links .link-list .link-item:hover .icon {
            margin-right: 12px
        }
}

.primary-page-links .link-list .link-item .icon {
    font-size: 12px;
    color: #19B3CB;
    margin-right: 9px;
    transition: all ease .3s
}

.gateway {
    display: flex
}

@media (min-width:992px) {
    .gateway.type-register .banner {
        width: 59%
    }
}

.gateway.type-register .banner:after {
    background-image: linear-gradient(to bottom,rgba(18,136,155,0),rgba(18,136,155,.4))
}

.gateway.type-register .banner .info-list-wrapper {
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 200px;
    display: none
}

@media (min-width:992px) {
    .gateway.type-register .banner .info-list-wrapper {
        padding: 0 100px;
        display: flex
    }
}

@media (min-width:1200px) {
    .gateway.type-register .banner .info-list-wrapper {
        padding: 0 207px
    }
}

.gateway.type-register .banner .info-list-wrapper .info-list {
    list-style: none;
    padding: 0
}

    .gateway.type-register .banner .info-list-wrapper .info-list li {
        display: flex;
        align-items: center
    }

        .gateway.type-register .banner .info-list-wrapper .info-list li:not(:last-child) {
            padding-bottom: 40px
        }

        .gateway.type-register .banner .info-list-wrapper .info-list li .icon {
            margin-right: 16px;
            font-size: 22px;
            padding: 20px;
            background-color: #fff;
            border-radius: 50%;
            color: #19B3CB
        }

        .gateway.type-register .banner .info-list-wrapper .info-list li .icon,
        .gateway.type-register .banner .info-list-wrapper .info-list li span {
            z-index: 1
        }

        .gateway.type-register .banner .info-list-wrapper .info-list li span {
            font-size: 16px;
            line-height: 1.7;
            color: #fff
        }

.gateway.type-register .steps {
    height: 100%
}

@media (min-width:768px) {
    .gateway.type-register .steps {
        width: 75%
    }
}

.gateway.type-register .steps .logo {
    margin: 25px 0 15px
}

@media (min-width:576px) {
    .gateway.type-register .steps .logo {
        margin: 40px 0 25px
    }
}

@media (min-width:992px) {
    .gateway.type-register .steps {
        width: 41%
    }

        .gateway.type-register .steps .logo {
            margin: 30px 0 15px
        }
}

.gateway.type-register .steps .logo img {
    max-width: 64px
}

.gateway.type-register .steps .article-content {
    text-align: center
}

    .gateway.type-register .steps .article-content .title {
        color: #474E4F;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.6;
        margin-bottom: 8px
    }

    .gateway.type-register .steps .article-content .desc {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #474E4F
    }

        .gateway.type-register .steps .article-content .desc a {
            color: #19B3CB;
            text-decoration: underline;
            margin-left: 5px
        }

.gateway.type-register .steps .primary-router {
    margin: 30px 0 25px
}

.gateway.type-register .steps .form-wrapper {
    padding: 0 20px 65px
}

@media (min-width:576px) {
    .gateway.type-register .steps .primary-router {
        margin: 47px 0 33px
    }

    .gateway.type-register .steps .form-wrapper {
        padding: 0 80px 48px
    }
}

@media (min-width:992px) {
    .gateway.type-register .steps .primary-router {
        margin: 33px 0
    }

    .gateway.type-register .steps .form-wrapper {
        padding: 0 72px 48px
    }
}

.gateway.type-register .steps .form-wrapper .btn-primary {
    margin-top: 20px
}

@media (min-width:992px) {
    .gateway.type-register .steps .form-wrapper .btn-primary {
        margin-top: 25px
    }
}

.gateway.type-register .steps .form-wrapper .primary-form .step-item:last-child .btn-primary {
    margin-top: 20px
}

@media (min-width:576px) {
    .gateway.type-register .steps .form-wrapper .primary-form .step-item:last-child .btn-primary {
        margin-top: 32px
    }
}

.gateway.type-register .steps .form-wrapper .info-text {
    margin: -10px 0 25px
}

.gateway .retired-fields,
.gateway .seller-fields,
.gateway .student-fields,
.gateway .worker-fields {
    margin-top: 8px
}

.gateway .banner {
    background: url(../bg-crm-kocailem.jpg) center no-repeat;
    background-size: cover;
    height: 100vh;
    width: 62.5%;
    position: fixed;
    left: 0;
    top: 0
}

@media (max-width:1439px) {
    .gateway .banner {
        width: 58%
    }
}

@media (max-width:1199px) {
    .gateway .banner {
        width: 50%
    }
}

@media (max-width:991px) {
    .gateway .banner {
        width: 37%
    }
}

@media (max-width:767px) {
    .gateway .banner {
        display: none
    }
}

.gateway .banner:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom,rgba(18,136,155,0),rgba(18,136,155,.4))
}

.gateway .logo {
    display: block;
    text-align: center;
    margin: 48px 0
}

@media (max-width:767px) {
    .gateway .logo {
        margin: 32px 0 40px
    }
}

.gateway .steps {
    width: 37.5%;
    margin-left: auto;
    height: 100vh;
    display: flex;
    flex-direction: column
}

@media (max-width:1439px) {
    .gateway .steps {
        width: 42%
    }
}

@media (max-width:1199px) {
    .gateway .steps {
        width: 50%
    }
}

@media (max-width:991px) {
    .gateway .steps {
        width: 63%
    }
}

.gateway .qr-box .box-content .right,
.gateway .steps .success-content .btn-bordered {
    width: 100%
}

.gateway .steps.modal-open {
    overflow: hidden
}

.gateway .steps .step {
    padding: 0 13.1944%;
    flex-grow: 1
}

@media (max-width:767px) {
    .gateway .steps {
        width: 100%
    }

        .gateway .steps .step {
            padding: 0 20px
        }
}

.gateway .steps .success-content {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 20px
}

    .gateway .steps .success-content .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.6;
        margin: 15px 0 50px;
        text-align: center;
        color: #474E4F
    }

@media (min-width:576px) {
    .gateway .steps .success-content {
        padding: 65px 75px 0
    }

        .gateway .steps .success-content .title {
            margin: 25px 0 55px
        }
}

.gateway .steps .success-content .title span {
    color: #19B3CB
}

.gateway .login-step {
    display: flex;
    flex-direction: column
}

.gateway .step-title {
    font-weight: 600;
    color: #476468;
    font-size: 16px;
    border-bottom: solid 1px #e4eeef;
    padding-bottom: 16px
}

.gateway .info-text {
    margin-top: 24px;
    font-size: 14px;
    color: #acbdbf;
    line-height: 1.57
}

    .gateway .info-text a {
        color: #19b3cb;
        text-decoration: none
    }

.gateway .qr-box {
    margin-top: 32px;
    border-radius: 4px;
    background-color: #ebf2f3;
    padding: 32px 13.63%
}

    .gateway .qr-box .box-title {
        margin-bottom: 16px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.57;
        text-align: center;
        color: #476468
    }

    .gateway .qr-box .box-content {
        margin: 0 -10px;
        display: flex;
        align-items: center
    }

@media (max-width:767px) {
    .gateway .qr-box {
        padding: 20px
    }

        .gateway .qr-box .box-content {
            flex-direction: column
        }

            .gateway .qr-box .box-content img {
                margin-bottom: 20px
            }
}

@media (max-width:991px) {
    .gateway .qr-box .box-content > div {
        padding: 0 10px
    }
}

.gateway .qr-box .box-content > div:not(.left) {
    padding-left: 20px
}

.gateway .qr-box .box-content > div img {
    max-width: 120px;
    height: 120px
}

.gateway .qr-box .list li {
    display: flex;
    align-items: center;
    color: #476468;
    margin-bottom: 16px;
    line-height: 1.5;
    font-size: 12px
}

    .gateway .qr-box .list li:last-child {
        margin-bottom: 0
    }

.gateway .qr-box .list .indicator {
    display: block;
    text-align: center;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    border: 1px solid #474e4f;
    font-weight: 700;
    color: #474e4f;
    line-height: 18px;
    flex-shrink: 0;
    margin-right: 8px
}

.gateway .app-title {
    margin-top: 25px;
    position: relative;
    color: #474e4f;
    font-size: 12px;
    font-weight: 600;
    padding-top: 12px;
    text-align: center
}

    .gateway .app-title:before {
        height: 1px;
        background-color: #c9dfe1;
        position: absolute;
        left: 5px;
        right: 5px;
        top: 0
    }

.gateway .app-buttons {
    display: flex;
    margin: 12px auto 0;
    justify-content: center
}

    .gateway .app-buttons > div {
        margin: 0 5px
    }

        .gateway .app-buttons > div img {
            max-height: 36px;
            width: 120px
        }

.gateway .redirects {
    margin: auto 0;
    padding-top: 25px;
    text-align: center;
    font-size: 15px;
    line-height: 1.57;
    color: #474e4f
}

@media (max-width:767px) {
    .gateway .redirects {
        margin-bottom: 20px
    }
}

.gateway .redirects div {
    margin: 4px 0
}

.gateway .redirects a {
    color: #19b3cb;
    text-decoration: underline
}

.gateway .redirects .accordion button {
    background-color: transparent;
    border: none;
    text-decoration: underline;
    color: #19B3CB
}

    .gateway .redirects .accordion button .icon {
        font-size: 12px;
        margin-left: 5px;
        text-decoration: none
    }

    .gateway .redirects .accordion button:focus {
        outline: 0
    }

.gateway .radio-option-list {
    margin-top: 24px;
    display: flex;
    flex-direction: column
}

    .gateway .radio-option-list label {
        font-size: 14px;
        font-weight: 600;
        color: #476468;
        display: flex;
        align-items: center;
        margin-bottom: 22px;
        cursor: pointer
    }

        .gateway .radio-option-list label input {
            margin-right: 12px
        }

.gateway .general-link {
    font-size: 14px;
    font-weight: 600;
    color: #19b3cb;
    text-decoration: underline
}

.gateway .sms-input-wrapper {
    position: relative;
    max-width: 240px;
    margin: 30px auto 25px
}

@media (min-width:576px) {
    .gateway .sms-input-wrapper {
        margin: 56px auto 25px
    }
}

.gateway .sms-input-wrapper:after {
    content: '\ff3f\ff3f\ff3f\ff3f\ff3f\ff3f';
    display: block;
    position: absolute;
    left: 0;
    bottom: 10px;
    letter-spacing: 10px;
    font-size: 24px;
    line-height: 1px
}

.gateway .sms-input-wrapper.type-secondary {
    max-width: 335px
}

    .gateway .sms-input-wrapper.type-secondary:after {
        letter-spacing: 16px;
        font-size: 32px;
        color: #C9DFE1;
        bottom: 14px;
        left: 25px
    }

.gateway .resend-sms-link,
.gateway .resend-text {
    display: block;
    font-size: 14px;
    text-decoration: underline
}

.gateway .sms-input-wrapper.type-secondary .sms-input {
    padding-left: 30px;
    letter-spacing: 38px;
    margin-right: -38px;
    display: block;
    text-align: left
}

.gateway .resend-sms-link {
    font-weight: 600;
    text-align: center;
    color: #acbdbf;
    margin-bottom: 39px
}

.gateway .resend-text {
    color: #19B3CB
}

.gateway .sms-desc {
    color: #89A5A8;
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
    margin: 10px 0
}

@media (min-width:576px) {
    .gateway .sms-desc {
        margin: 17px 0
    }
}

.gateway .sms-desc span {
    font-weight: 600;
    color: #474E4F
}

.sms-input {
    color: #474e4f;
    font-size: 20px;
    font-weight: 600;
    border: 0;
    outline: 0;
    width: 100%;
    font-family: var(--main-font-family);
    letter-spacing: 23px;
    position: relative;
    z-index: 11;
    padding-left: 6px
}

    .sms-input:focus {
        outline: 0
    }

    .sms-input::-webkit-input-placeholder {
        letter-spacing: 27.5px
    }

    .sms-input:-ms-input-placeholder {
        letter-spacing: 27.5px
    }

    .sms-input::placeholder {
        letter-spacing: 27.5px
    }

.info-time {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2.13px;
    text-align: center;
    color: #e49248;
    margin-left: 8px
}

.dark-mode .step .step-title {
    color: #adadad;
    border-color: #373737
}

.dark-mode .step .info-text a,
.dark-mode .step .radio-option-list .iradio_primary:before {
    color: #e6e6e6
}

.dark-mode .step .btn-bordered,
.dark-mode .step .radio-option-list .iradio_primary {
    border-color: #e6e6e6;
    background-color: transparent
}

.dark-mode .step .radio-option-list span {
    color: #adadad
}

.dark-mode .step .btn-bordered,
.dark-mode .step .text-center {
    color: #e6e6e6
}

.dark-mode .step .sms-input {
    background-color: transparent
}

.dark-mode .step .info-text {
    color: #898989
}

.dark-mode .step .resend-sms-link {
    color: #e6e6e6
}

.dark-mode .login-step .form-group input,
.dark-mode .login-step .qr-box .box-content .right .list li,
.dark-mode .login-step .qr-box .box-footer .app-title,
.dark-mode .login-step .qr-box .box-title,
.dark-mode .login-step .redirects {
    color: #adadad
}

.dark-mode .login-step .form-group input {
    background-color: transparent;
    border-color: #373737
}

.dark-mode .login-step .qr-box {
    background-color: #232323
}

    .dark-mode .login-step .qr-box .box-content .right .list li .indicator {
        border-color: #adadad;
        color: #adadad
    }

    .dark-mode .login-step .qr-box .box-footer .app-title:before {
        background-color: #898989
    }

.dark-mode .login-step .redirects a {
    color: #e6e6e6
}

.dark-mode .primary-form .title {
    color: #adadad
}

.dark-mode .primary-form .custom-form-group .primary-select {
    border-color: #373737
}

.dark-mode .primary-form .custom-form-group .css-yk16xz-control {
    background-color: #232323
}

    .dark-mode .primary-form .custom-form-group .css-yk16xz-control .css-1wa3eu0-placeholder {
        color: #e6e6e6
    }

.dark-mode .primary-form .custom-form-group input,
.dark-mode .primary-form .custom-form-group textarea {
    background-color: #232323;
    border-color: #373737
}

    .dark-mode .primary-form .custom-form-group input::placeholder,
    .dark-mode .primary-form .custom-form-group textarea::placeholder {
        color: #e6e6e6
    }

.dark-mode .type-register .steps .article-content .desc,
.dark-mode .type-register .steps .article-content .title {
    color: #adadad
}

    .dark-mode .type-register .steps .article-content .desc a,
    .dark-mode .type-register .steps .primary-router .router-list .step-item .icon:before,
    .dark-mode .type-register .steps .primary-router .router-list .step-item.active span {
        color: #e6e6e6
    }

@media (max-width:991px) {
    .primary-table {
        border-radius: 4px;
        border: 1px solid #C9DFE1;
        display: block
    }

        .primary-table thead {
            display: none
        }
}

.primary-table thead tr {
    font-size: 12px;
    font-weight: 600;
    color: #89A5A8;
    background-color: #EBF2F3;
    text-align: center
}

    .primary-table thead tr th {
        padding: 16px 18px;
        border: 1px solid #C9DFE1
    }

.primary-table tbody tr td {
    font-size: 12px;
    line-height: 1.5;
    color: #474E4F;
    padding: 0
}

@media (min-width:992px) {
    .primary-table tbody {
        border: 1px solid #C9DFE1
    }

        .primary-table tbody tr td {
            border-right: 1px solid #C9DFE1;
            border-color: #C9DFE1;
            max-width: 200px;
            width: auto;
            padding: 10px;
            text-align: center;
            vertical-align: middle
        }
}

@media (min-width:1200px) {
    .primary-table tbody tr td {
        padding: 15px
    }
}

@media (min-width:1440px) {
    .primary-table tbody tr td {
        padding: 20px
    }
}

@media (max-width:991px) {
    .primary-table tbody tr {
        display: flex;
        flex-flow: column;
        background-color: #EBF2F3
    }

        .primary-table tbody tr:nth-child(2n) {
            background-color: #fff
        }

        .primary-table tbody tr td {
            display: flex;
            flex-flow: row
        }

            .primary-table tbody tr td:first-child {
                border-top: none
            }

            .primary-table tbody tr td > * {
                padding: 10px 15px;
                display: flex;
                align-items: center
            }
}

.primary-table tbody tr td .mobile-head {
    max-width: 120px;
    min-width: 120px;
    border-right: 1px solid #C9DFE1;
    display: flex;
    align-items: center
}

@media (min-width:992px) {
    .primary-table tbody tr td .mobile-head {
        display: none
    }

    .vertical-table .line-item .item:first-child {
        min-width: 200px
    }
}

.vertical-table {
    border: 1px solid #C9DFE1
}

@media (max-width:767px) {
    .vertical-table {
        border-radius: 4px
    }
}

.vertical-table .line-item {
    display: flex;
    flex-flow: row;
    width: 100%;
    border-bottom: 1px solid #C9DFE1
}

    .vertical-table .line-item .item {
        display: flex;
        align-items: center
    }

        .vertical-table .line-item .item:first-child {
            background-color: #EBF2F3;
            border-right: 1px solid #C9DFE1;
            max-width: 120px;
            width: 100%
        }

@media (max-width:320px) {
    .vertical-table .line-item .item:first-child {
        max-width: 100px
    }
}

.vertical-table .line-item .item a {
    word-break: break-word;
    font-size: 12px
}

.vertical-table .line-item .item .title {
    font-size: 12px;
    font-weight: 600;
    color: #89A5A8;
    margin-bottom: 0
}

.vertical-table .line-item .item .desc,
.vertical-table .line-item .item .title {
    padding: 10px 15px
}

.search-popup {
    transition: all ease .3s
}

    .search-popup .search-box {
        padding-top: 10px
    }

@media (min-width:576px) {
    .search-popup {
        position: fixed;
        top: -100%;
        left: 0;
        right: 0;
        z-index: 6;
        background-color: #fff;
        border-bottom: 1px solid #E4EEEF
    }

        .search-popup .search-box {
            padding: 12px 0
        }
}

@media (min-width:992px) {
    .search-popup .search-box {
        padding: 32px 0
    }
}

.search-popup .search-box form {
    position: relative
}

.search-popup .search-box .form-control {
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
    color: #474E4F;
    padding: 5px 40px;
    border-radius: 4px;
    border: 1px solid #E4EEEF
}

    .search-popup .search-box .form-control::-webkit-input-placeholder {
        color: #89A5A8
    }

    .search-popup .search-box .form-control:-ms-input-placeholder {
        color: #89A5A8
    }

    .search-popup .search-box .form-control::placeholder {
        color: #89A5A8
    }

@media (min-width:576px) {
    .search-popup .search-box .form-control {
        font-size: 16px;
        line-height: 1.75;
        border: none
    }
}

@media (min-width:992px) {
    .search-popup .search-box .form-control {
        font-size: 20px;
        line-height: 1.6
    }
}

.search-popup .search-box .form-control:focus {
    box-shadow: none
}

.search-popup .search-box .btn-close,
.search-popup .search-box .btn-submit {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    border: none;
    background-color: transparent
}

    .search-popup .search-box .btn-close:focus,
    .search-popup .search-box .btn-close:hover,
    .search-popup .search-box .btn-submit:focus,
    .search-popup .search-box .btn-submit:hover {
        outline: 0;
        box-shadow: none
    }

.search-popup .search-box .btn-submit {
    font-size: 16px;
    color: #89A5A8;
    left: 0
}

.search-popup .search-box .btn-close {
    font-size: 12px;
    color: #474E4F;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease .3s
}

.site-search-open {
    overflow: hidden !important
}

    .site-search-open .site-backdrop {
        opacity: 1;
        visibility: visible
    }

.dark-mode .search-popup .search-box {
    background-color: #1e1e1e
}

    .dark-mode .search-popup .search-box .btn-submit {
        color: #898989
    }

    .dark-mode .search-popup .search-box .form-control {
        color: #adadad;
        background-color: transparent
    }

    .dark-mode .search-popup .search-box .btn-close {
        color: #e6e6e6
    }

.survey-box {
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #19B3CB
}

    .survey-box .inner {
        position: relative;
        padding: 16px 20px 20px;
        border-radius: 4px;
        background-image: linear-gradient(to bottom,#eee,#19b3cb 0,rgba(25,179,203,0))
    }

@media (min-width:768px) {
    .survey-box .inner {
        padding: 36px 0 40px;
        background-image: linear-gradient(to left,rgba(25,179,203,0),#12889b)
    }
}

.survey-box .inner .survey-img {
    position: absolute;
    right: 0;
    bottom: -40px
}

@media (min-width:576px) {
    .search-popup .search-box .btn-close {
        opacity: 1;
        visibility: visible
    }

    .site-search-open .search-popup {
        top: -1px
    }

    .survey-box .inner .survey-img.smaller {
        height: 250px
    }
}

@media (min-width:1200px) {
    .survey-box .inner {
        padding: 48px 0 58px
    }

        .survey-box .inner .survey-img.smaller {
            height: inherit
        }

        .survey-box .inner .survey-img {
            bottom: -58px
        }
}

@media (min-width:1440px) {
    .survey-box .inner .survey-img.smaller {
        height: 340px
    }
}

.survey-box .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
    color: #fff;
    margin: 0 0 8px
}

@media (min-width:1200px) {
    .survey-box .title {
        font-size: 24px;
        line-height: 1.67
    }
}

.survey-box .desc {
    font-size: 12px;
    line-height: 1.33;
    color: #fff;
    margin-bottom: 24px
}

@media (min-width:1200px) {
    .survey-box .desc {
        font-size: 14px;
        line-height: 1.57;
        margin-bottom: 32px
    }
}

.survey-box .desc p {
    margin-bottom: 10px
}

    .survey-box .desc p:last-child {
        margin-bottom: 0
    }

.survey-box .desc strong {
    color: #fff
}

.survey-box .survey-result .result-item {
    overflow: hidden
}

    .survey-box .survey-result .result-item + .result-item {
        margin-top: 12px
    }

    .survey-box .survey-result .result-item.active .answer-status {
        background-color: #fff
    }

    .survey-box .survey-result .result-item.active .short-info {
        display: table
    }

    .survey-box .survey-result .result-item .answer-status,
    .survey-box .survey-result .result-item .answer-text {
        float: left
    }

    .survey-box .survey-result .result-item .answer-text {
        display: flex;
        flex-flow: row;
        flex: 0 0 auto;
        margin-left: 8px
    }

        .survey-box .survey-result .result-item .answer-text .item + .item {
            margin-left: 4px
        }

.survey-box .survey-result .answer-status {
    width: 100%;
    height: 32px;
    border-radius: 4px;
    background-color: #C9DFE1
}

.survey-box .survey-result .answer-text {
    max-width: 130px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff
}

@media (min-width:992px) {
    .survey-box .survey-result .result-item + .result-item {
        margin-top: 16px
    }

    .survey-box .survey-result .answer-status {
        height: 40px
    }

    .survey-box .survey-result .answer-text {
        font-size: 14px
    }
}

.survey-box .survey-result .answer-text .rate,
.survey-box .survey-result .answer-text .text {
    display: block
}

.survey-box .survey-result .answer-text .short-info {
    font-size: 11px;
    line-height: 1.27;
    padding: 3px 5px 2px;
    border-radius: 2px;
    background-color: #E49248
}

@media (min-width:992px) {
    .survey-box .survey-result .answer-text .short-info {
        padding: 4px 6px 3px
    }
}

.survey-box .survey-result.pie-chart .answers {
    margin-left: 48px;
    display: inline-block;
    min-width: 50%
}

    .survey-box .survey-result.pie-chart .answers .answer-text {
        margin-bottom: 16px;
        min-width: 100%
    }

        .survey-box .survey-result.pie-chart .answers .answer-text .small-pie {
            height: 24px;
            width: 24px;
            border-radius: 50%;
            margin-right: 8px
        }

            .survey-box .survey-result.pie-chart .answers .answer-text .small-pie.square {
                width: 32px;
                height: 32px;
                border-radius: 4px
            }

.survey-box.past-survey {
    border: 1px solid #c9dfe1;
    background-color: transparent;
    padding: 32px 40px 12px;
    margin-bottom: 48px
}

    .survey-box.past-survey .title {
        color: #474e4f;
        font-size: 24px;
        line-height: 40px;
        letter-spacing: 0
    }

@media (max-width:991px) {
    .survey-box .survey-result.pie-chart .answers,
    .survey-box .survey-result.pie-chart .answers .answer-text {
        margin-left: 0
    }

    .survey-box.past-survey {
        margin-top: 25px;
        padding: 24px 32px 12px
    }

        .survey-box.past-survey .title {
            font-size: 20px;
            margin-bottom: 0;
            line-height: 32px
        }
}

.survey-box.past-survey .sub-title {
    color: #89a5a8;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0
}

.survey-box.past-survey .survey-result {
    padding: 30px 0 40px;
    border-bottom: 1px solid #c9dfe1;
    margin-bottom: 10px
}

    .survey-box.past-survey .survey-result .result-item .answer-status {
        height: 32px
    }

    .survey-box.past-survey .survey-result .result-item .answer-text .rate,
    .survey-box.past-survey .survey-result .result-item .answer-text .text {
        color: #474E4F
    }

    .survey-box.past-survey .survey-result .result-item.active .answer-status {
        height: 32px;
        background-color: #19b3cb
    }

    .survey-box.past-survey .survey-result .result-item.active .rate,
    .survey-box.past-survey .survey-result .result-item.active .text {
        color: #19b3cb
    }

.survey-box.past-survey .survey-date {
    color: #89a5a8;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0
}

.survey-box .pie-chart .pie {
    width: 212px;
    background: #fff;
    border-radius: 50%
}

@media (min-width:1200px) {
    .survey-box .pie-chart .pie {
        height: 212px
    }
}

.survey-box .pie-chart .pie.small {
    width: 200px;
    height: 200px;
    background: #c9dfe1
}

@media (max-width:991px) {
    .survey-box.past-survey .sub-title {
        font-size: 12px
    }

    .survey-box.past-survey .survey-result .result-item .canvas-wrapper {
        margin-bottom: 20px
    }

    .survey-box .pie-chart .pie.small {
        width: 119px;
        height: 119px;
        margin-bottom: 20px
    }
}

.survey-box .pie-chart .pie.small circle {
    stroke: #19b3cb
}

.survey-box .pie-chart .pie circle {
    fill: none;
    stroke: #acbdbf;
    stroke-width: 32;
    animation: rotate 1.5s ease-in
}

.dark-mode .survey-box {
    background-color: #232323;
    border-color: #373737
}

    .dark-mode .survey-box .title {
        color: #adadad
    }

    .dark-mode .survey-box .sub-title {
        color: #898989
    }

    .dark-mode .survey-box .result-item .answer-status {
        background-color: #898989
    }

    .dark-mode .survey-box .result-item .answer-text .item .rate,
    .dark-mode .survey-box .result-item .answer-text .item .text {
        color: #adadad
    }

    .dark-mode .survey-box .result-item:active {
        background-color: #12889B
    }

        .dark-mode .survey-box .result-item:active .answer-text .item .rate,
        .dark-mode .survey-box .result-item:active .answer-text .item .text {
            color: #e6e6e6
        }

    .dark-mode .survey-box .survey-result {
        border-color: #373737
    }

    .dark-mode .survey-box .survey-date {
        color: #898989
    }

.primary-accordion.type-bigger .item:not(:last-child) {
    margin-bottom: 8px
}

.primary-accordion.type-bigger .item .accordion-head {
    padding: 20px 20px 16px
}

@media (min-width:576px) {
    .primary-accordion.type-bigger .item:not(:last-child) {
        margin-bottom: 12px
    }

    .primary-accordion.type-bigger .item .accordion-head {
        padding: 24px 40px 20px
    }
}

@media (min-width:992px) {
    .primary-accordion.type-bigger .item:not(:last-child) {
        margin-bottom: 16px
    }

    .primary-accordion.type-bigger .item .accordion-head {
        padding: 32px 48px
    }
}

.primary-accordion.type-bigger .item .accordion-head button span {
    font-size: 14px
}

@media (min-width:576px) {
    .primary-accordion.type-bigger .item .accordion-head button span {
        font-size: 20px
    }
}

.primary-accordion.type-bigger .item .accordion-head button span .head-icon {
    font-size: 16px;
    margin: 0 12px 0 0;
    padding: 0
}

.primary-accordion.type-bigger .item .accordion-body {
    padding: 0 20px
}

@media (min-width:576px) {
    .primary-accordion.type-bigger .item .accordion-head button span .head-icon {
        margin: 0 16px 0 0;
        font-size: 20px
    }

    .primary-accordion.type-bigger .item .accordion-body {
        padding: 0 40px 15px
    }
}

@media (min-width:992px) {
    .primary-accordion.type-bigger .item .accordion-body {
        padding: 0 48px 15px
    }
}

.primary-accordion.type-bigger .item .accordion-body .desc {
    padding: 20px 0;
    font-size: 12px;
    line-height: 1.5
}

@media (min-width:576px) {
    .primary-accordion.type-bigger .item .accordion-body .desc {
        font-size: 14px;
        padding: 24px 0
    }
}

@media (min-width:992px) {
    .primary-accordion.type-bigger .item .accordion-body .desc {
        padding: 28px 0;
        line-height: 1.7
    }

        .primary-accordion.type-bigger .item .accordion-body .desc .btn-general {
            max-width: 400px
        }
}

.primary-accordion.type-bigger .item .accordion-body .desc .btn-general {
    width: 100%;
    font-size: 14px;
    padding: 13px
}

@media (min-width:576px) {
    .primary-accordion.type-bigger .item .accordion-body .desc .btn-general {
        padding: 15px
    }
}

.primary-accordion.type-bigger .item .accordion-body .desc p a {
    color: #19B3CB;
    text-decoration: underline
}

.primary-accordion.type-bigger .item .accordion-body .desc.secondary {
    border: 0;
    padding: 0
}

    .primary-accordion.type-bigger .item .accordion-body .desc.secondary p {
        margin-bottom: 25px
    }

.primary-accordion.type-bigger .item .accordion-body .desc .btn-general {
    margin-bottom: 20px;
    max-width: 415px
}

.primary-accordion.type-bigger .item .accordion-body .desc .primary-form .custom-form-group {
    max-width: 415px
}

.primary-accordion.type-bigger .item .accordion-body .primary-matter {
    margin: 20px 0
}

@media (min-width:576px) {
    .primary-accordion.type-bigger .item .accordion-body .primary-matter {
        margin: 15px 0
    }
}

.primary-accordion.type-bigger .item .accordion-body .btn-bordered.theme-danger {
    width: 100%;
    padding: 13px;
    margin: 0 0 23px
}

@media (min-width:576px) {
    .primary-accordion.type-bigger .item .accordion-body .btn-bordered.theme-danger {
        max-width: 400px;
        padding: 15px;
        margin: 10px 0 43px
    }
}

.primary-accordion.type-bigger .item .accordion-body .subject-title-list {
    padding: 0
}

    .primary-accordion.type-bigger .item .accordion-body .subject-title-list .list-item {
        font-size: 14px;
        line-height: 1.5;
        color: #474E4F;
        margin-bottom: 16px;
        position: relative;
        padding: 0 0 0 20px
    }

        .primary-accordion.type-bigger .item .accordion-body .subject-title-list .list-item:before {
            content: '\e945';
            font-family: var(--main-font-family);
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            color: #19B3CB;
            font-size: 12px;
            line-height: 0
        }

.primary-accordion.type-bigger .item .accordion-body .extra-details .desc:not(.secondary) {
    color: #474E4F
}

@media (min-width:992px) {
    .primary-accordion.type-bigger .item .accordion-body .btn-bordered.theme-danger {
        max-width: 400px
    }

    .primary-accordion.type-bigger .item .accordion-body .extra-details .desc:not(.secondary) {
        font-size: 16px
    }
}

.primary-accordion.type-bigger .item .accordion-body .extra-details .btn-general {
    width: 100%;
    max-width: 400px;
    margin: 15px 0
}

.primary-accordion.type-profile .item.opened .accordion-head {
    background-color: #EBF2F3
}

.primary-accordion.type-profile .item .accordion-head {
    background-color: #fff;
    padding: 19px 24px 17px 20px;
    position: relative
}

    .primary-accordion.type-profile .item .accordion-head .title {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5
    }

    .primary-accordion.type-profile .item .accordion-head .icon {
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px
    }

    .primary-accordion.type-profile .item .accordion-head .btn-head {
        display: flex;
        flex-flow: column
    }

    .primary-accordion.type-profile .item .accordion-head .total {
        font-size: 12px;
        line-height: 1.8;
        letter-spacing: normal;
        color: #89A5A8
    }

        .primary-accordion.type-profile .item .accordion-head .total .sum {
            color: #19B3CB;
            font-weight: 700;
            font-size: 14px
        }

.primary-accordion.type-profile .item .accordion-body {
    padding: 0 24px
}

    .primary-accordion.type-profile .item .accordion-body .desc {
        border: 0
    }

.primary-accordion .item.opened .accordion-head {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

    .primary-accordion .item.opened .accordion-head .icon {
        transform: rotate(180deg)
    }

.primary-accordion .item:not(:last-child) {
    margin-bottom: 8px
}

.primary-accordion .item .accordion-head {
    border-radius: 4px;
    background-color: #EBF2F3;
    padding: 15px 20px
}

@media (min-width:576px) {
    .primary-accordion .item .accordion-head {
        padding: 22px 30px
    }
}

@media (min-width:992px) {
    .primary-accordion .item .accordion-head {
        padding: 22px 40px
    }

        .primary-accordion .item .accordion-head button span {
            line-height: 1.7
        }
}

.primary-accordion .item .accordion-head button {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .primary-accordion .item .accordion-head button span {
        color: #474E4F;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.7;
        text-align: left
    }

@media (min-width:576px) {
    .primary-accordion .item .accordion-head button span {
        font-size: 16px
    }
}

.primary-accordion .item .accordion-head button .icon {
    font-size: 12px;
    color: #474E4F;
    padding-top: 5px;
    transition: all ease .3s;
    line-height: 0
}

@media (min-width:768px) {
    .primary-accordion .item .accordion-head button .icon {
        font-size: 15px;
        margin-left: 30px
    }
}

@media (min-width:1200px) {
    .primary-accordion .item .accordion-head button .icon {
        margin-left: 40px
    }
}

.primary-accordion .item .accordion-body {
    background-color: #EBF2F3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 20px
}

@media (min-width:576px) {
    .primary-accordion .item .accordion-body {
        padding: 0 30px
    }
}

@media (min-width:992px) {
    .primary-accordion .item .accordion-body {
        padding: 0 40px
    }
}

.primary-accordion .item .accordion-body img {
    padding: 20px 0;
    max-width: 500px
}

.primary-accordion .item .accordion-body .info-text {
    font-size: 12px;
    margin: 20px 0
}

    .primary-accordion .item .accordion-body .info-text a {
        color: #19B3CB;
        text-decoration: underline
    }

.primary-accordion .item .accordion-body .desc {
    padding: 20px 0;
    border-top: 1px solid #C9DFE1;
    font-size: 14px;
    color: #89A5A8
}

    .primary-accordion .item .accordion-body .desc.secondary .btn-general {
        margin-bottom: 18px
    }

@media (min-width:576px) {
    .primary-accordion .item .accordion-body .desc.secondary .btn-general {
        margin-bottom: 25px
    }
}

@media (min-width:992px) {
    .primary-accordion .item .accordion-body .info-text {
        font-size: 14px
    }

    .primary-accordion .item .accordion-body .desc {
        padding: 25px 0
    }

        .primary-accordion .item .accordion-body .desc.secondary .btn-general {
            margin-bottom: 30px
        }
}

.primary-accordion .item .accordion-body .desc.secondary p {
    margin-bottom: 18px
}

@media (min-width:576px) {
    .primary-accordion .item .accordion-body .desc.secondary p {
        margin-bottom: 25px
    }
}

@media (min-width:992px) {
    .primary-accordion .item .accordion-body .desc.secondary p {
        margin-bottom: 20px
    }
}

.primary-accordion .item .accordion-body .desc p {
    margin: 0
}

.primary-accordion .item .accordion-body .desc ul {
    padding: 20px 0;
    list-style: none
}

@media (min-width:576px) {
    .primary-accordion .item .accordion-body .desc ul {
        padding: 25px 0
    }
}

.primary-accordion .item .accordion-body .desc ul li {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.5;
    color: #89A5A8
}

    .primary-accordion .item .accordion-body .desc ul li:not(:last-child) {
        padding-bottom: 22px
    }

    .primary-accordion .item .accordion-body .desc ul li .icon {
        font-size: 20px;
        color: #89A5A8;
        margin-right: 12px
    }

@media (min-width:576px) {
    .primary-accordion .item .accordion-body .desc ul li:not(:last-child) {
        padding-bottom: 25px
    }

    .primary-accordion .item .accordion-body .desc ul li .icon {
        margin-right: 15px;
        font-size: 24px
    }
}

.primary-accordion .item .accordion-body .desc .company-no {
    background-color: #19B3CB;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: flex;
    flex-flow: column;
    padding: 15px 13px 18px;
    margin-top: 5px
}

@media (min-width:992px) {
    .primary-accordion .item .accordion-body .desc .company-no {
        max-width: 400px;
        margin-top: 0
    }
}

.primary-accordion .item .accordion-body .desc .company-no.theme-discount {
    background-color: #fff;
    margin-bottom: 23px
}

@media (min-width:576px) {
    .primary-accordion .item .accordion-body .desc .company-no {
        padding: 14px 14px 17px
    }

        .primary-accordion .item .accordion-body .desc .company-no.theme-discount {
            margin-bottom: 28px
        }
}

.primary-accordion .item .accordion-body .desc .company-no.theme-discount .number {
    color: #474E4F
}

.primary-accordion .item .accordion-body .desc .company-no.theme-discount .short-txt {
    color: #89A5A8
}

.primary-accordion .item .accordion-body .desc .company-no .number {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 5px
}

@media (min-width:576px) {
    .primary-accordion .item .accordion-body .desc .company-no .number {
        font-size: 20px
    }
}

.primary-accordion .item .accordion-body .desc .company-no .short-txt {
    font-size: 12px;
    line-height: 1.3
}

.primary-accordion .item .accordion-body .report-list {
    color: #474E4F
}

    .primary-accordion .item .accordion-body .report-list .top {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        width: 100%
    }

        .primary-accordion .item .accordion-body .report-list .top .head-title {
            font-weight: 600
        }

    .primary-accordion .item .accordion-body .report-list li {
        padding: 13px 0 12px;
        align-items: center;
        justify-content: space-between;
        display: flex;
        flex-flow: row;
        width: 100%
    }

        .primary-accordion .item .accordion-body .report-list li:not(:last-child) {
            border-bottom: 1px solid rgba(172,189,191,.6)
        }

.dark-mode .primary-accordion .item .accordion-body .desc,
.dark-mode .primary-accordion.type-bigger .item .accordion-body .desc {
    border-color: #373737
}

.primary-accordion .item .accordion-body .report-list .company {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5
}

.primary-accordion .item .accordion-body .report-list .sum {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5
}

.primary-accordion .item .accordion-body .matter-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    margin-top: 20px;
    color: #474E4F
}

@media (min-width:576px) {
    .primary-accordion .item .accordion-body .matter-title {
        font-size: 20px;
        margin-top: 25px
    }
}

.primary-accordion .item .accordion-body .cut-code-screen {
    border-radius: 4px;
    background-color: #C9DFE1;
    padding: 16px;
    display: flex;
    flex-flow: column;
    align-items: center
}

@media (min-width:992px) {
    .primary-accordion .item .accordion-body .matter-title {
        margin-top: 30px
    }

    .primary-accordion .item .accordion-body .cut-code-screen {
        max-width: 400px;
        padding: 16px
    }
}

.primary-accordion .item .accordion-body .cut-code-screen .counter {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    margin: 12px 0 16px
}

    .primary-accordion .item .accordion-body .cut-code-screen .counter .item {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #89A5A8
    }

        .primary-accordion .item .accordion-body .cut-code-screen .counter .item:not(:last-child) {
            margin-right: 8px;
            margin-bottom: 0
        }

        .primary-accordion .item .accordion-body .cut-code-screen .counter .item.filled {
            background-color: #19B3CB
        }

.primary-accordion .item .accordion-body .cut-code-screen .title {
    font-size: 14px;
    line-height: 1.5;
    color: #89A5A8
}

.primary-accordion .item .accordion-body .cut-code-screen .action-area {
    display: flex;
    flex-flow: column;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    padding: 16px;
    width: 100%
}

.dark-mode .primary-accordion .item .accordion-body,
.dark-mode .primary-accordion .item .accordion-head,
.dark-mode .primary-accordion.type-bigger .item .accordion-body,
.dark-mode .primary-accordion.type-bigger .item .accordion-head {
    background-color: #232323
}

.primary-accordion .item .accordion-body .cut-code-screen .action-area .info-title {
    font-size: 12px;
    line-height: 1.5;
    color: #474E4F;
    max-width: 185px;
    margin: 0 auto
}

.primary-side.type-filter .content-area,
.primary-side.type-station .content-area {
    max-width: 480px
}

.primary-accordion .item .accordion-body .cut-code-screen .action-area .primary-form .custom-form-group {
    margin: 16px 0 6px
}

@media (min-width:576px) {
    .primary-accordion .item .accordion-body .cut-code-screen .action-area {
        padding: 24px 40px 40px
    }

        .primary-accordion .item .accordion-body .cut-code-screen .action-area .info-title {
            font-size: 14px
        }

        .primary-accordion .item .accordion-body .cut-code-screen .action-area .primary-form .custom-form-group {
            margin: 25px 0 8px
        }
}

@media (min-width:992px) {
    .primary-accordion .item .accordion-body .cut-code-screen .action-area {
        padding: 20px 32px 32px
    }

        .primary-accordion .item .accordion-body .cut-code-screen .action-area .primary-form .custom-form-group {
            margin: 20px 0 8px
        }
}

.primary-accordion .item .accordion-body .cut-code-screen .action-area .primary-form .custom-form-group.label-active input {
    padding: 24px 16px 6px
}

@media (min-width:576px) {
    .primary-accordion .item .accordion-body .cut-code-screen .action-area .primary-form .custom-form-group.label-active input {
        padding: 30px 16px 3px
    }
}

.primary-accordion .item .accordion-body .cut-code-screen .action-area .primary-form .custom-form-group input {
    padding: 14px
}

.primary-accordion .item .accordion-body .cut-code-screen .action-area .primary-form .custom-form-group .error-text {
    float: left;
    margin: 6px 0
}

.primary-accordion .item .accordion-body .cut-code-screen .sub-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #19B3CB;
    position: relative;
    margin-top: 16px;
    cursor: pointer
}

    .primary-accordion .item .accordion-body .cut-code-screen .sub-text.opened:before {
        transform: translateX(100%) rotate(180deg)
    }

    .primary-accordion .item .accordion-body .cut-code-screen .sub-text:before {
        content: '\e943';
        font-family: var(--main-font-family);
        position: absolute;
        font-size: 12px;
        color: #19B3CB;
        right: -6px;
        top: 50%;
        line-height: 0;
        transform: translate(100%,-50%);
        transition: all ease .3s
    }

.primary-accordion .item .accordion-body .cut-code-screen .prev-code-wrapper {
    margin-top: 16px;
    width: 100%
}

    .primary-accordion .item .accordion-body .cut-code-screen .prev-code-wrapper .company-no {
        margin-bottom: 0
    }

        .primary-accordion .item .accordion-body .cut-code-screen .prev-code-wrapper .company-no .number {
            font-size: 20px
        }

        .primary-accordion .item .accordion-body .cut-code-screen .prev-code-wrapper .company-no .short-txt {
            color: #474E4F;
            margin-bottom: 7px
        }

        .primary-accordion .item .accordion-body .cut-code-screen .prev-code-wrapper .company-no:not(:last-child) {
            margin-bottom: 6px;
            margin-top: 0
        }

.primary-accordion .item .accordion-body .cut-code-screen .success-codes {
    width: 100%
}

    .primary-accordion .item .accordion-body .cut-code-screen .success-codes .company-no {
        margin: 0
    }

        .primary-accordion .item .accordion-body .cut-code-screen .success-codes .company-no .short-txt {
            color: #474E4F
        }

    .primary-accordion .item .accordion-body .cut-code-screen .success-codes .btn-general {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

@media (min-width:992px) {
    .primary-accordion .item .accordion-body .cut-code-screen.secondary .action-area {
        padding: 20px 30px
    }
}

.primary-accordion .item .accordion-body .cut-code-screen.secondary .action-area .btn-general {
    margin-bottom: 0
}

.dark-mode .primary-accordion .item .accordion-head .head-icon,
.dark-mode .primary-accordion .item .accordion-head span {
    color: #adadad
}

.dark-mode .primary-accordion .item .accordion-head .icon-chevron-down {
    color: #e6e6e6
}

.dark-mode .primary-accordion .item .accordion-body .desc p,
.dark-mode .primary-accordion .item .accordion-body .desc span {
    color: #898989
}

.dark-mode .primary-accordion .item .accordion-body .desc a {
    color: #e6e6e6
}

.dark-mode .primary-accordion .item .accordion-body .inner-list li,
.dark-mode .primary-accordion .item .accordion-body .inner-list li .icon {
    color: #898989
}

.dark-mode .primary-accordion.type-bigger .item .accordion-head .head-icon,
.dark-mode .primary-accordion.type-bigger .item .accordion-head span {
    color: #adadad
}

.dark-mode .primary-accordion.type-bigger .item .accordion-head .icon-chevron-down {
    color: #e6e6e6
}

.dark-mode .primary-accordion.type-bigger .item .accordion-body .desc p,
.dark-mode .primary-accordion.type-bigger .item .accordion-body .desc span {
    color: #898989
}

.dark-mode .primary-accordion.type-bigger .item .accordion-body .desc a {
    color: #e6e6e6
}

.dark-mode .primary-accordion.type-bigger .item .accordion-body .desc .cut-code-screen {
    background-color: #323232
}

    .dark-mode .primary-accordion.type-bigger .item .accordion-body .desc .cut-code-screen .action-area,
    .dark-mode .primary-accordion.type-bigger .item .accordion-body .theme-discount {
        background-color: #373737
    }

.dark-mode .primary-accordion.type-bigger .item .accordion-body .btn-general {
    color: #e6e6e6 !important
}

.dark-mode .primary-accordion.type-bigger .item .accordion-body .theme-discount .number,
.dark-mode .primary-accordion.type-bigger .item .accordion-body .theme-discount .short-txt {
    color: #e6e6e6
}

.dark-mode .primary-accordion.type-bigger .item .accordion-body .primary-matter .items .matter {
    color: #adadad;
    border-color: #adadad
}

.dark-mode .primary-accordion.type-bigger .item .accordion-body .primary-matter .items .article .title {
    color: #adadad
}

.dark-mode .primary-accordion.type-bigger .item .accordion-body .primary-matter .items .article .short-desc {
    color: #898989 !important
}

.iradio_primary {
    width: 16px;
    height: 16px;
    border: 1px solid #acbdbf;
    border-radius: 100%;
    margin-right: 12px;
    background-color: #fff
}

    .iradio_primary.checked {
        border-color: #19b3cb
    }

        .iradio_primary.checked:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            width: 8px;
            height: 8px;
            background: #19b3cb;
            border-radius: 100%;
            margin: auto;
            top: 50%;
            transform: translateY(-50%)
        }

.primaryCheckbox {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #19B3CB
}

    .primaryCheckbox.checked {
        position: relative
    }

        .primaryCheckbox.checked:before {
            content: '\e90b';
            font-family: var(--main-font-family);
            background-color: #19B3CB;
            color: #fff;
            font-size: 8px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            width: 14px;
            height: 14px;
            border-radius: 2px;
            text-align: center;
            line-height: 1.9
        }

.primary-side {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: -100%;
    visibility: hidden;
    opacity: 0;
    z-index: 100;
    transition: all ease .3s
}

    .primary-side.type-station .content-area .content-head {
        padding: 15px 15px 12px 20px
    }

@media (min-width:576px) {
    .primary-side.type-station .content-area .content-head {
        padding: 15px 15px 15px 32px
    }
}

@media (max-width:767px) {
    .primary-side.type-station .content-area .content-head .title {
        margin-top: 2px
    }

    .primary-side.type-station .content-area .content-head .top .btn-close .icon {
        font-size: 24px
    }
}

.primary-side.type-station .content-area .content-body {
    padding: 20px
}

@media (min-width:576px) {
    .primary-side.type-station .content-area .content-body {
        padding: 24px 32px
    }
}

.primary-side.type-station .content-area .content-body .desc {
    border-top: 0;
    padding: 0
}

.primary-side.profile-ads .content-area .content-body,
.primary-side.profile-ads .content-area .content-head {
    padding: 32px
}

.primary-side.profile-ads .content-area .content-head {
    padding-top: 0
}

.primary-side.type-filter .content-area .content-head {
    position: relative
}

@media (max-width:991px) {
    .primary-side.type-filter .content-area .content-head.secondary .back-link {
        position: absolute;
        top: 20px
    }

    .primary-side.type-filter .content-area .content-head.secondary .title {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .primary-side.type-filter .content-area .content-head {
        padding: 15px 15px 15px 32px
    }
}

.primary-side.type-filter .content-area .content-head .back-link {
    color: #19B3CB;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer
}

    .primary-side.type-filter .content-area .content-head .back-link .icon {
        margin-right: 6px;
        font-size: 16px
    }

.primary-side.type-filter .content-area .content-body {
    padding: 0;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

@media (min-width:1200px) {
    .primary-side.type-filter .content-area .content-head .title {
        margin-top: 20px
    }

    .primary-side.type-filter .content-area .content-body {
        height: calc(100% - 110px)
    }
}

.primary-side.type-filter .content-area .content-body .scrollable-area {
    height: calc(100% - 90px);
    overflow-y: auto;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .primary-side.type-filter .content-area .content-body .scrollable-area::-webkit-scrollbar {
        display: none
    }

.primary-side.type-filter .content-area .content-body .bottom-area {
    width: 100%;
    padding: 20px 15px;
    box-shadow: 0 -1px 8px 0 rgba(0,0,0,.16);
    display: flex;
    flex-flow: column;
    align-items: center
}

@media (min-width:992px) {
    .primary-side.type-filter .content-area .content-body .bottom-area {
        padding: 16px 32px 32px
    }
}

.primary-side.type-filter .content-area .content-body .bottom-area .clear-all-text {
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #19B3CB;
    margin-bottom: 15px
}

.primary-side.type-filter .content-area .content-body .bottom-area .btn-general {
    text-align: center;
    padding: 15px;
    cursor: pointer;
    width: 100%
}

.primary-side.type-filter .content-area .content-body .features-screen {
    padding: 15px
}

    .primary-side.type-filter .content-area .content-body .features-screen .radio-content {
        margin: 0
    }

        .primary-side.type-filter .content-area .content-body .features-screen .radio-content label {
            margin-bottom: 15px
        }

            .primary-side.type-filter .content-area .content-body .features-screen .radio-content label .iradio_primary {
                margin-right: 10px
            }

@media (min-width:992px) {
    .primary-side.type-filter .content-area .content-body .features-screen {
        padding: 32px
    }

        .primary-side.type-filter .content-area .content-body .features-screen .radio-content label {
            margin-bottom: 27px
        }

            .primary-side.type-filter .content-area .content-body .features-screen .radio-content label .iradio_primary {
                margin-right: 20px
            }
}

.primary-side.type-filter .content-area .content-body .features-screen .primary-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

    .primary-side.type-filter .content-area .content-body .features-screen .primary-form .custom-form-group {
        max-width: 186px;
        margin: 0
    }

    .primary-side.type-filter .content-area .content-body .features-screen .primary-form .seperator-line {
        width: 12px;
        height: 1px;
        background-color: #C9DFE1
    }

@media (min-width:576px) {
    .primary-side.type-panos .content-area {
        max-width: 640px
    }
}

@media (min-width:992px) {
    .primary-side.type-panos .content-area {
        max-width: 720px
    }

        .primary-side.type-panos .content-area .content-head {
            padding: 15px 15px 15px 24px
        }
}

.primary-side.type-panos .content-area .primary-step-wrapper {
    max-width: 255px;
    width: 100%;
    margin: 0 auto
}

.primary-side.type-panos .content-area .content-body {
    padding: 16px 20px 20px;
    position: relative;
    overflow-y: auto;
    height: calc(100% - 80px)
}

@media (min-width:576px) {
    .primary-side.type-panos .content-area .primary-step-wrapper {
        max-width: 330px
    }

    .primary-side.type-panos .content-area .content-body {
        padding: 16px 48px;
        height: calc(100% - 120px)
    }
}

@media (min-width:992px) {
    .primary-side.type-panos .content-area .content-body {
        padding: 16px 88px
    }
}

.primary-side.type-panos .content-area .content-body .primary-form {
    margin-top: 40px;
    height: calc(100% - 75px)
}

@media (min-width:576px) {
    .primary-side.type-panos .content-area .content-body .primary-form {
        margin-top: 60px
    }

    .primary-side .content-area {
        max-width: 480px
    }
}

.primary-side.type-panos .content-area .content-body .primary-form .step-one,
.primary-side.type-panos .content-area .content-body .primary-form .step-three,
.primary-side.type-panos .content-area .content-body .primary-form .step-two {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%
}

    .primary-side.type-panos .content-area .content-body .primary-form .step-one::-webkit-scrollbar,
    .primary-side.type-panos .content-area .content-body .primary-form .step-three::-webkit-scrollbar,
    .primary-side.type-panos .content-area .content-body .primary-form .step-two::-webkit-scrollbar {
        display: none
    }

    .primary-side.type-panos .content-area .content-body .primary-form .step-one .scrollable-area,
    .primary-side.type-panos .content-area .content-body .primary-form .step-three .scrollable-area,
    .primary-side.type-panos .content-area .content-body .primary-form .step-two .scrollable-area {
        padding-bottom: 30px
    }

        .primary-side.type-panos .content-area .content-body .primary-form .step-one .scrollable-area .custom-form-group,
        .primary-side.type-panos .content-area .content-body .primary-form .step-three .scrollable-area .custom-form-group,
        .primary-side.type-panos .content-area .content-body .primary-form .step-two .scrollable-area .custom-form-group {
            position: relative;
            margin-top: 8px
        }

            .primary-side.type-panos .content-area .content-body .primary-form .step-one .scrollable-area .custom-form-group.error,
            .primary-side.type-panos .content-area .content-body .primary-form .step-three .scrollable-area .custom-form-group.error,
            .primary-side.type-panos .content-area .content-body .primary-form .step-two .scrollable-area .custom-form-group.error {
                margin-top: 30px
            }

            .primary-side.type-panos .content-area .content-body .primary-form .step-one .scrollable-area .custom-form-group .css-1hb7zxy-IndicatorsContainer:before,
            .primary-side.type-panos .content-area .content-body .primary-form .step-three .scrollable-area .custom-form-group .css-1hb7zxy-IndicatorsContainer:before,
            .primary-side.type-panos .content-area .content-body .primary-form .step-two .scrollable-area .custom-form-group .css-1hb7zxy-IndicatorsContainer:before {
                color: #19B3CB
            }

            .primary-side.type-panos .content-area .content-body .primary-form .step-one .scrollable-area .custom-form-group .error-text,
            .primary-side.type-panos .content-area .content-body .primary-form .step-three .scrollable-area .custom-form-group .error-text,
            .primary-side.type-panos .content-area .content-body .primary-form .step-two .scrollable-area .custom-form-group .error-text {
                position: absolute;
                bottom: -5px;
                left: 0;
                transform: translateY(100%)
            }

    .primary-side.type-panos .content-area .content-body .primary-form .step-one .btn-general,
    .primary-side.type-panos .content-area .content-body .primary-form .step-three .btn-general,
    .primary-side.type-panos .content-area .content-body .primary-form .step-two .btn-general {
        text-align: center;
        font-size: 14px;
        padding: 15px;
        margin-top: auto
    }

        .primary-side.type-panos .content-area .content-body .primary-form .step-one .btn-general.disabled,
        .primary-side.type-panos .content-area .content-body .primary-form .step-three .btn-general.disabled,
        .primary-side.type-panos .content-area .content-body .primary-form .step-two .btn-general.disabled {
            opacity: .5
        }

.primary-profile,
.primary-tab .nav-item:before {
    visibility: hidden;
    opacity: 0;
    transition: all ease .3s
}

.primary-side.type-panos .content-area .content-body .primary-form .media-button {
    position: relative
}

    .primary-side.type-panos .content-area .content-body .primary-form .media-button.secondary .media-screen {
        width: 100%;
        left: 0;
        text-align: center
    }

    .primary-side.type-panos .content-area .content-body .primary-form .media-button.opened .icon {
        transform: rotate(-180deg)
    }

    .primary-side.type-panos .content-area .content-body .primary-form .media-button .icon {
        color: #19B3CB;
        font-size: 12px;
        margin: 0 0 0 10px;
        transition: all ease .3s
    }

    .primary-side.type-panos .content-area .content-body .primary-form .media-button:hover .icon {
        color: #fff
    }

@media (max-width:575px) {
    .primary-side.type-panos .content-area .content-body .primary-form .media-button {
        margin-bottom: 10px
    }
}

.primary-side.type-panos .content-area .content-body .primary-form .media-screen {
    position: absolute;
    bottom: -10px;
    transform: translateY(100%);
    display: flex;
    flex-flow: column;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
    z-index: 5;
    left: 0;
    border-radius: 4px
}

@media (min-width:768px) {
    .primary-side.type-panos .content-area .content-body .primary-form .media-screen {
        width: 400px;
        left: -20%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .primary-side.type-panos .content-area .content-body .primary-form .media-screen {
        left: -3%
    }
}

.primary-side.type-panos .content-area .content-body .primary-form .media-screen:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-100%) rotate(180deg);
    border-style: solid;
    border-top-width: 5px;
    border-right-width: 7px;
    border-left-width: 7px;
    border-color: #fff transparent transparent
}

.primary-side.type-panos .content-area .content-body .primary-form .media-screen .item {
    width: 100%;
    margin-bottom: 0;
    padding: 17px;
    cursor: pointer
}

    .primary-side.type-panos .content-area .content-body .primary-form .media-screen .item:not(:last-child) {
        border-bottom: 1px solid #E4EEEF
    }

    .primary-side.type-panos .content-area .content-body .primary-form .media-screen .item .title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.7;
        text-align: center;
        color: #19B3CB
    }

        .primary-side.type-panos .content-area .content-body .primary-form .media-screen .item .title.has-disabled {
            color: #E4EEEF
        }

.primary-side.type-panos .content-area .content-body .primary-form .step-three .form-elements {
    height: 100%
}

.primary-side.type-panos .content-area .content-body .primary-form .btn-bordered {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #19B3CB;
    width: 100%;
    cursor: pointer;
    transition: all ease .3s
}

.primary-side.type-panos .content-area .content-body .primary-form .radar-type {
    margin: 25px 0 15px
}

    .primary-side.type-panos .content-area .content-body .primary-form .radar-type .icon {
        font-size: 16px;
        margin-right: 10px
    }

.primary-side.type-panos .content-area .content-body .primary-form .button-content {
    display: flex;
    flex-flow: column;
    text-align: center;
    margin-top: 32px
}

    .primary-side.type-panos .content-area .content-body .primary-form .button-content .btn-delete,
    .primary-side.type-panos .content-area .content-body .primary-form .button-content .btn-general {
        width: 100%;
        font-size: 14px;
        padding: 13px
    }

    .primary-side.type-panos .content-area .content-body .primary-form .button-content .btn-delete {
        margin-bottom: 8px
    }

.primary-side.type-panos .content-area .content-body .primary-form .pano-status {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center
}

    .primary-side.type-panos .content-area .content-body .primary-form .pano-status .item:first-child {
        display: flex;
        flex-flow: column
    }

        .primary-side.type-panos .content-area .content-body .primary-form .pano-status .item:first-child .status-title {
            font-size: 14px;
            font-weight: 700;
            line-height: 1.4;
            color: #474E4F;
            margin-bottom: 2px !important
        }

        .primary-side.type-panos .content-area .content-body .primary-form .pano-status .item:first-child .desc {
            font-size: 14px;
            line-height: 1.4;
            color: #89A5A8
        }

.primary-side.type-panos .content-area .content-body .primary-form .warning-card .desc {
    padding: 0
}

.primary-side.type-panos .content-area .content-body .primary-form .primary-select .css-g1d714-ValueContainer {
    padding: 0 9px
}

@media (min-width:768px) {
    .primary-side.type-panos .content-area .content-body .primary-form .primary-select .css-g1d714-ValueContainer {
        padding: 0 13px
    }
}

.primary-side.type-edit .content-area .content-body .primary-form {
    margin-top: 0
}

    .primary-side.type-edit .content-area .content-body .primary-form .pano-status {
        margin: 20px 0
    }

.primary-side .content-area {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff
}

    .primary-side .content-area .content-head {
        width: 100%;
        padding: 20px 20px 8px;
        border-bottom: 1px solid #E4EEEF
    }

@media (min-width:576px) {
    .primary-side .content-area .content-head {
        padding: 15px 15px 15px 33px
    }
}

@media (min-width:992px) {
    .primary-side .content-area {
        max-width: 640px
    }

        .primary-side .content-area .content-head {
            padding: 15px 15px 15px 48px
        }
}

.primary-side .content-area .content-head .top {
    width: 100%;
    text-align: right
}

    .primary-side .content-area .content-head .top .btn {
        padding: 0;
        line-height: 0
    }

        .primary-side .content-area .content-head .top .btn .icon {
            color: #19B3CB;
            font-size: 28px;
            padding: 0
        }

@media (min-width:576px) {
    .primary-side .content-area .content-head .top .btn .icon {
        font-size: 24px
    }
}

.primary-side .content-area .content-head .title {
    color: #474E4F;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0
}

.primary-side .content-area .content-body {
    padding: 20px 15px;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 80px);
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .primary-side .content-area .content-body::-webkit-scrollbar {
        display: none
    }

@media (min-width:576px) {
    .primary-side .content-area .content-body {
        padding: 32px
    }
}

@media (min-width:992px) {
    .primary-side .content-area .content-body {
        padding: 32px 48px;
        height: calc(100% - 90px)
    }
}

.primary-side .content-area .content-body .desc {
    font-size: 14px;
    color: #89A5A8;
    line-height: 1.5
}

@media (max-width:767px) {
    .primary-side .content-area .content-head .title {
        margin-top: -13px
    }

    .primary-side .content-area .content-body .desc {
        padding-right: 20px
    }

    .primary-side .content-area .content-body .custom-form-group.has-moving-label label:not(.currency) {
        left: 12px
    }
}

.primary-side .content-area .content-body .desc p {
    margin-bottom: 0
}

.primary-side .content-area .content-body .selection-content {
    margin: 15px 0
}

@media (min-width:576px) {
    .primary-side .content-area .content-body .selection-content {
        margin: 30px 0 15px
    }
}

@media (min-width:992px) {
    .primary-side .content-area .content-body .selection-content {
        margin: 20px 0 15px
    }
}

.primary-side .content-area .content-body .selection-content .title {
    color: #ACBDBF;
    font-size: 14px;
    font-weight: 400
}

.primary-side .content-area .content-body .radio-content {
    display: flex;
    flex-flow: column;
    margin: 12px 0 20px
}

@media (min-width:576px) {
    .primary-side .content-area .content-body .radio-content {
        margin: 20px 0 30px
    }
}

.primary-side .content-area .content-body .radio-content label {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

    .primary-side .content-area .content-body .radio-content label:not(:last-child) {
        margin-bottom: 17px
    }

    .primary-side .content-area .content-body .radio-content label .iradio_primary {
        margin-right: 4px;
        border-color: #19B3CB;
        width: 20px;
        height: 20px
    }

        .primary-side .content-area .content-body .radio-content label .iradio_primary.checked:before {
            width: 12px;
            height: 12px
        }

    .primary-side .content-area .content-body .radio-content label span {
        color: #474E4F;
        font-size: 14px
    }

@media (min-width:576px) {
    .primary-side .content-area .content-body .radio-content label .iradio_primary {
        margin-right: 12px
    }

    .primary-side .content-area .content-body .radio-content label span {
        font-size: 16px
    }
}

.primary-side .content-area .content-body .radio-content.type-horizontal {
    margin: 5px 0 0;
    flex-flow: row;
    align-items: center
}

@media (min-width:576px) {
    .primary-side .content-area .content-body .radio-content.type-horizontal {
        margin: 20px 0 0
    }
}

@media (min-width:992px) {
    .primary-side .content-area .content-body .radio-content.type-horizontal {
        margin: 10px 0
    }
}

.primary-side .content-area .content-body .radio-content.type-horizontal label {
    margin-bottom: 0
}

    .primary-side .content-area .content-body .radio-content.type-horizontal label:not(:first-child) {
        padding-left: 15px
    }

@media (min-width:576px) {
    .primary-side .content-area .content-body .radio-content.type-horizontal label:not(:first-child) {
        padding-left: 33px
    }
}

.primary-side .content-area .content-body .custom-form-group.has-moving-label label {
    pointer-events: none
}

@media (max-width:767px) {
    .primary-side .content-area .content-body .custom-form-group.label-active input {
        padding: 23px 12px 6px
    }
}

.primary-side .content-area .content-body .custom-form-group.label-active .primary-select .css-1hwfws3 {
    padding: 0 13px
}

@media (max-width:767px) {
    .primary-side .content-area .content-body .custom-form-group input {
        padding: 15px 16px
    }

    .primary-side .content-area .content-body .custom-form-group .primary-select .css-g1d714-ValueContainer {
        padding: 10px
    }

    .primary-side .content-area .content-body .custom-form-group label {
        color: #89A5A8
    }
}

.primary-side .content-area .content-body .custom-form-group textarea {
    height: 160px;
    color: #474E4F
}

.primary-side .content-area .content-body .custom-form-group .primary-select:before {
    color: #19B3CB
}

.primary-side .content-area .content-body .custom-form-group .primary-select .css-1wa3eu0-placeholder {
    color: #89A5A8
}

.primary-side .content-area .content-body .btn-primary {
    margin-top: 10px;
    font-size: 14px;
    padding: 15px
}

@media (min-width:576px) {
    .primary-side .content-area .content-body .custom-form-group textarea {
        height: 170px
    }

    .primary-side .content-area .content-body .btn-primary {
        margin-top: 25px
    }
}

.primary-side .content-area .content-body .media-upload-content {
    border: 1px solid #E4EEEF;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 15px 15px;
    flex-flow: column;
    text-align: center;
    margin: 8px 0
}

@media (min-width:576px) {
    .primary-side .content-area .content-body .media-upload-content {
        padding: 30px
    }
}

@media (min-width:768px) {
    .primary-side .content-area .content-body .media-upload-content {
        padding: 30px 85px
    }
}

.primary-side .content-area .content-body .media-upload-content .icon {
    color: #19B3CB;
    font-size: 32px;
    margin-bottom: 8px
}

@media (min-width:576px) {
    .primary-side .content-area .content-body .media-upload-content .icon {
        color: #ACBDBF
    }
}

@media (min-width:992px) {
    .primary-side .content-area .content-body .media-upload-content {
        padding: 60px 130px
    }

        .primary-side .content-area .content-body .media-upload-content .icon {
            margin-bottom: 16px
        }
}

.primary-side .content-area .content-body .media-upload-content .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 2px
}

.primary-side .content-area .content-body .media-upload-content .desc {
    font-size: 12px;
    line-height: 1.5;
    color: #89A5A8;
    display: none
}

@media (min-width:576px) {
    .primary-side .content-area .content-body .media-upload-content .desc {
        display: block;
        padding: 0 25px;
        margin-bottom: 22px
    }
}

@media (min-width:992px) {
    .primary-side .content-area .content-body .media-upload-content .desc {
        padding: 0 35px;
        margin-bottom: 25px
    }
}

.primary-side .content-area .content-body .media-upload-content .button-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media (max-width:767px) {
    .primary-side .content-area .content-body .media-upload-content .button-wrap {
        margin-top: 15px
    }
}

.primary-side .content-area .content-body .media-upload-content .button-wrap > span {
    max-width: 148px;
    width: 100%
}

@media (min-width:768px) {
    .primary-side .content-area .content-body .media-upload-content .button-wrap > span {
        display: none
    }
}

.primary-side .content-area .content-body .media-button {
    width: 100%;
    margin: 0
}

    .primary-side .content-area .content-body .media-button .icon {
        font-size: 12px;
        margin-right: 4px
    }

    .primary-side .content-area .content-body .media-button input {
        display: none
    }

.primary-side .content-area .content-body .photo-content .media-button .btn-addon.has-disabled {
    color: #8cd9e5;
    border-color: #8cd9e5
}

    .primary-side .content-area .content-body .photo-content .media-button .btn-addon.has-disabled:hover {
        color: #8cd9e5;
        border-color: #8cd9e5;
        background-color: transparent
    }

    .primary-side .content-area .content-body .photo-content .media-button .btn-addon.has-disabled .icon {
        color: #8cd9e5
    }

.primary-side .content-area .content-body .photo-slider-wrapper {
    padding: 0 52px;
    margin: 8px 0;
    background-color: #E4EEEF;
    display: none
}

@media (min-width:576px) {
    .primary-side .content-area .content-body .photo-slider-wrapper {
        display: block
    }
}

@media (min-width:992px) {
    .primary-side .content-area .content-body .photo-slider-wrapper {
        padding: 0 68px
    }
}

.primary-side .content-area .content-body .photo-slider-wrapper .owl-item img,
.primary-side .content-area .content-body .photo-slider-wrapper .owl-item video {
    max-height: 305px
}

.primary-side .content-area .content-body .gallery-slider-wrapper {
    margin: 12px 0;
    display: flex;
    flex-flow: column-reverse
}

@media (min-width:768px) {
    .primary-side .content-area .content-body .gallery-slider-wrapper {
        flex-flow: row
    }
}

.primary-side .content-area .content-body .gallery-slider-wrapper .media-button {
    max-width: inherit;
    width: auto
}

    .primary-side .content-area .content-body .gallery-slider-wrapper .media-button .btn-addon {
        height: 100%;
        padding: 36px 33px;
        border-radius: 0;
        transition: all ease .3s
    }

@media (min-width:576px) {
    .primary-side .content-area .content-body .gallery-slider-wrapper .media-button .btn-addon {
        padding: 35px;
        border-radius: 4px
    }
}

.primary-side .content-area .content-body .gallery-slider-wrapper .media-button .btn-addon .icon {
    font-size: 32px;
    margin: 0
}

.primary-side .content-area .content-body .gallery-slider-wrapper .media-button .btn-addon.has-disabled {
    color: #e4eeef;
    border-color: #e4eeef
}

    .primary-side .content-area .content-body .gallery-slider-wrapper .media-button .btn-addon.has-disabled:hover {
        color: #e4eeef;
        border-color: #e4eeef;
        background-color: transparent
    }

.primary-modal .modal-dialog .modal-content,
.primary-side .content-area .content-body .btn-general {
    border: 0
}

.primary-side .content-area .content-body .gallery-slider-wrapper .media-button .btn-addon.has-disabled .icon,
.primary-side .content-area .content-body .gallery-slider-wrapper .media-button .btn-addon.has-disabled:hover .icon {
    color: #e4eeef
}

.primary-side .content-area .content-body .gallery-slider-wrapper .gallery-card .card-media {
    height: 93px
}

.primary-side .content-area .content-body .form-contunation .warning-card {
    margin-bottom: 15px
}

.primary-side .content-area .content-body .success-content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px
}

@media (min-width:576px) {
    .primary-side .content-area .content-body .success-content {
        justify-content: center;
        padding: 0 35px
    }
}

@media (min-width:992px) {
    .primary-side .content-area .content-body .success-content {
        padding: 0 60px
    }
}

.primary-side .content-area .content-body .success-content .item {
    display: flex;
    flex-flow: column;
    align-items: center
}

@media (max-width:767px) {
    .primary-side .content-area .content-body .success-content .item {
        padding: 130px 25px 0
    }
}

.primary-side .content-area .content-body .success-content .item .title {
    font-size: 16px;
    color: #474E4F;
    margin: 40px 0 0;
    text-align: center;
    line-height: 1.6
}

@media (min-width:576px) {
    .primary-side .content-area .content-body .success-content .item .title {
        font-size: 20px;
        margin: 23px 0 0
    }
}

@media (min-width:992px) {
    .primary-side .content-area .content-body .success-content .item .title {
        margin: 28px 0 0
    }
}

.primary-side .content-area .content-body .success-content .button-content {
    margin-top: 50px;
    width: 100%
}

@media (min-width:992px) {
    .primary-side .content-area .content-body .success-content .button-content {
        margin-top: 60px
    }
}

.primary-side .content-area .content-body .success-content .button-content .btn {
    width: 100%
}

@media (max-width:991px) {
    .primary-side .content-area .content-body .success-content .button-content .btn.btn-general {
        font-size: 14px;
        padding: 15px 10px
    }
}

.primary-side .content-area .content-body .success-content .button-content .btn:last-child {
    margin-top: 8px
}

.primary-side .content-area .content-body .station-card-wrapper {
    margin-top: 25px
}

    .primary-side .content-area .content-body .station-card-wrapper .station-card:not(:last-child) {
        margin-bottom: 8px
    }

.primary-side .content-area .content-body .btn-general:focus {
    outline: 0;
    box-shadow: none
}

.primary-loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center
}

.primary-modal {
    display: flex !important;
    align-items: center;
    justify-content: center
}

    .primary-modal.secondary .modal-dialog {
        width: 100%
    }

@media (min-width:992px) {
    .primary-modal.secondary .modal-dialog .modal-content .modal-body {
        padding: 32px 100px 75px
    }

        .primary-modal.secondary .modal-dialog .modal-content .modal-body .desc {
            max-width: 440px
        }
}

.primary-modal .modal-dialog {
    max-width: 640px;
    margin: 0 20px
}

    .primary-modal .modal-dialog .modal-content .modal-header {
        border: 0;
        padding: 12px 12px 8px
    }

@media (min-width:576px) {
    .primary-modal .modal-dialog {
        margin: 0
    }

        .primary-modal .modal-dialog .modal-content .modal-header {
            padding: 12px
        }
}

.primary-modal .modal-dialog .modal-content .modal-header .icon {
    color: #19B3CB;
    font-size: 24px;
    margin-left: auto;
    cursor: pointer
}

.primary-modal .modal-dialog .modal-content .modal-body {
    padding: 0 20px 20px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

    .primary-modal .modal-dialog .modal-content .modal-body .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.6;
        color: #474E4F;
        margin-bottom: 6px
    }

@media (min-width:576px) {
    .primary-modal .modal-dialog .modal-content .modal-body {
        padding: 16px 95px 75px
    }

        .primary-modal .modal-dialog .modal-content .modal-body .title {
            font-size: 20px;
            margin-bottom: 8px
        }
}

@media (min-width:992px) {
    .primary-modal .modal-dialog {
        max-width: 700px
    }

        .primary-modal .modal-dialog .modal-content .modal-body {
            padding: 16px 100px 75px
        }

            .primary-modal .modal-dialog .modal-content .modal-body .title {
                margin-bottom: 18px
            }
}

.primary-modal .modal-dialog .modal-content .modal-body .desc {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.7;
    color: #89A5A8
}

@media (min-width:576px) {
    .primary-modal .modal-dialog .modal-content .modal-body .desc {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {
    .primary-modal .modal-dialog .modal-content .modal-body .desc {
        margin-bottom: 50px;
        font-size: 16px
    }
}

.primary-modal .modal-dialog .modal-content .modal-body .desc p {
    margin-bottom: 0
}

.primary-modal .modal-dialog .modal-content .modal-body .btn-primary {
    max-width: 320px;
    font-size: 12px
}

@media (min-width:992px) {
    .primary-modal .modal-dialog .modal-content .modal-body .btn-primary {
        font-size: 14px;
        max-width: 300px
    }
}

.primary-modal .modal-dialog .modal-content .modal-body .bottom-content {
    max-width: 320px;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.primary-router.secondary .router-list .step-item.active:after,
.primary-router.secondary .router-list .step-item.completed:after {
    display: none
}

@media (min-width:992px) {
    .primary-modal .modal-dialog .modal-content .modal-body .bottom-content {
        max-width: 500px
    }
}

.primary-modal .modal-dialog .modal-content .modal-body .bottom-content .btn-primary {
    width: 100%;
    padding: 11px;
    max-width: inherit
}

@media (min-width:768px) {
    .primary-modal .modal-dialog .modal-content .modal-body .bottom-content .btn-primary {
        font-size: 14px;
        padding: 9px
    }
}

@media (min-width:992px) {
    .primary-modal .modal-dialog .modal-content .modal-body .bottom-content .btn-primary {
        padding: 15px
    }
}

.primary-modal .modal-dialog .modal-content .modal-body .bottom-content .btn-bordered {
    margin-top: 5px;
    font-size: 12px;
    padding: 11px;
    width: 100%
}

@media (min-width:576px) {
    .primary-modal .modal-dialog .modal-content .modal-body .bottom-content .btn-bordered {
        padding: 0;
        border: 0;
        font-size: 14px;
        margin-top: 20px
    }

        .primary-modal .modal-dialog .modal-content .modal-body .bottom-content .btn-bordered:hover {
            background-color: #fff;
            color: #19B3CB
        }
}

@media (min-width:992px) {
    .primary-modal .modal-dialog .modal-content .modal-body .bottom-content .btn-bordered {
        font-size: 16px;
        text-decoration: underline
    }
}

.primary-modal .modal-dialog .modal-content .modal-body .bottom-content .btn-bordered:focus {
    background-color: #fff;
    box-shadow: none
}

.primary-swal .btn-confirm {
    background-color: #E49248 !important;
    font-size: 14px !important;
    padding: 13px 45px !important
}

    .primary-swal .btn-confirm:focus {
        outline: 0;
        box-shadow: none !important
    }

.primary-router {
    width: 100%
}

    .primary-router.secondary .router-list {
        justify-content: space-between
    }

        .primary-router.secondary .router-list:before {
            top: 27%
        }

        .primary-router.secondary .router-list li {
            padding: 0 !important;
            width: 100%
        }

        .primary-router.secondary .router-list .step-item span {
            font-size: 11px
        }

@media (min-width:576px) {
    .primary-router.secondary .router-list .step-item span {
        font-size: 12px
    }
}

.primary-router.secondary .router-list .step-item .icon {
    margin-bottom: 4px
}

@media (min-width:992px) {
    .primary-router.secondary .router-list:before {
        top: 22%
    }

    .primary-router.secondary .router-list {
        justify-content: space-around
    }

        .primary-router.secondary .router-list .step-item span {
            font-size: 14px
        }

        .primary-router.secondary .router-list .step-item .icon {
            margin-bottom: 8px
        }
}

.primary-router.secondary .router-list .step-item.active .icon {
    background-color: #E49248
}

.primary-router.secondary .router-list .step-item.active span {
    color: #E49248
}

.primary-router.secondary .router-list .step-item.completed .icon {
    background-color: #1ECD9B
}

.primary-router.secondary .router-list .step-item.completed span {
    color: #1ECD9B
}

.primary-router .router-list {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

    .primary-router .router-list.all-success .step-item .icon {
        background-color: #1ecd9b;
        color: #fff
    }

    .primary-router .router-list.all-success .step-item span {
        color: #1ecd9b
    }

    .primary-router .router-list:before {
        content: '';
        position: absolute;
        top: 22%;
        left: 0;
        right: 0;
        height: 2px;
        width: 100%;
        background-color: #E4EEEF;
        z-index: -1
    }

    .primary-router .router-list li:not(:first-child) {
        padding-left: 52px
    }

@media (min-width:576px) {
    .primary-router .router-list li:not(:first-child) {
        padding-left: 80px
    }
}

@media (min-width:1200px) {
    .primary-router .router-list li {
        margin: 0 35px
    }
}

@media (min-width:1440px) {
    .primary-router .router-list li {
        margin: 0 55px
    }
}

.primary-router .router-list .step-item {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

    .primary-router .router-list .step-item.active {
        position: relative
    }

        .primary-router .router-list .step-item.active:after {
            content: '';
            position: absolute;
            top: -6px;
            left: 0;
            width: 60px;
            height: 60px;
            border: 2px solid #19B3CB;
            border-radius: 50%;
            background-color: #fff;
            z-index: 0
        }

        .primary-router .router-list .step-item.active .icon {
            z-index: 1
        }

    .primary-router .router-list .step-item.completed {
        position: relative
    }

        .primary-router .router-list .step-item.completed:after {
            content: '';
            position: absolute;
            top: -6px;
            left: 0;
            width: 60px;
            height: 60px;
            border: 2px solid #19B3CB;
            border-radius: 50%;
            background-color: #fff;
            z-index: 0
        }

        .primary-router .router-list .step-item.completed .icon {
            z-index: 1
        }

    .primary-router .router-list .step-item.success .icon {
        position: relative
    }

        .primary-router .router-list .step-item.success .icon:after {
            content: '\e906';
            font-family: var(--main-font-family);
            color: #1ecd9b;
            font-size: 14px;
            padding: 2px;
            border-radius: 50%;
            background-color: #fff;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%,50%)
        }

    .primary-router .router-list .step-item.success span {
        color: #19B3CB
    }

    .primary-router .router-list .step-item.active .icon,
    .primary-router .router-list .step-item.completed .icon,
    .primary-router .router-list .step-item.success .icon {
        color: #fff;
        background-color: #19B3CB
    }

    .primary-router .router-list .step-item .icon {
        font-size: 16px;
        color: #89A5A8;
        padding: 16px;
        border-radius: 50%;
        background-color: #E4EEEF;
        margin-bottom: 10px
    }

    .primary-router .router-list .step-item span {
        max-width: 60px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        text-align: center;
        color: #89A5A8;
        transition: all ease .3s
    }

.primary-checkbox {
    min-width: 20px;
    height: 20px;
    border-radius: 4px;
    margin: 4px 12px 0 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #19B3CB;
    transition: all ease .3s
}

    .primary-checkbox.checked:before {
        content: '\e90b';
        position: absolute;
        padding: 3px;
        width: 14px;
        height: 14px;
        font-family: var(--main-font-family);
        font-size: 8px;
        line-height: 1.1;
        color: #fff;
        background-color: #19B3CB;
        border-radius: 2px
    }

.checkbox-item {
    display: flex;
    flex-flow: row;
    align-items: flex-start
}

    .checkbox-item label {
        margin-bottom: 0;
        font-size: 14px;
        cursor: pointer
    }

        .checkbox-item label a {
            color: #19B3CB;
            text-decoration: underline
        }

.search-results {
    border: 1px solid #EBF2F3;
    border-spacing: 1px 0;
    padding: 10px 0
}

@media (max-width:1199px) {
    .search-results {
        padding: 10px 50px
    }
}

@media (max-width:767px) {
    .search-results {
        padding: 0
    }
}

.search-results .search-controls {
    padding-top: 25px
}

@media (max-width:767px) {
    .search-results .search-controls {
        padding: 0
    }
}

.search-results .search-controls .search-bar-wrapper {
    border-radius: 4px;
    border: 1px solid #E4EEEF;
    width: 100%;
    padding: 0 44px;
    position: relative
}

    .search-results .search-controls .search-bar-wrapper .main-search-bar {
        border: none;
        color: #474E4F;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0;
        width: 100%;
        height: 52px;
        position: relative
    }

        .search-results .search-controls .search-bar-wrapper .main-search-bar:focus {
            outline: 0
        }

    .search-results .search-controls .search-bar-wrapper .icon {
        position: absolute;
        color: #ACBDBF;
        font-size: 16px;
        top: 17px
    }

        .search-results .search-controls .search-bar-wrapper .icon.icon-search {
            left: 16px
        }

        .search-results .search-controls .search-bar-wrapper .icon.icon-circle-close {
            right: 16px;
            cursor: pointer
        }

.search-results .search-controls .search-tabs {
    margin-top: 30px
}

    .search-results .search-controls .search-tabs .tab-item {
        width: 33%;
        text-align: center;
        color: #ACBDBF;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0;
        font-weight: 700;
        position: relative;
        cursor: pointer
    }

        .search-results .search-controls .search-tabs .tab-item.active {
            color: #19B3CB
        }

            .search-results .search-controls .search-tabs .tab-item.active:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 2px;
                border-bottom: 1px solid #19B3CB;
                bottom: -12px;
                left: 0
            }

.dark-mode .search-results {
    border-width: 1px 0;
    border-color: #373737
}

    .dark-mode .search-results .search-controls .search-bar-wrapper {
        border-color: #373737
    }

        .dark-mode .search-results .search-controls .search-bar-wrapper .icon-search {
            color: #898989
        }

        .dark-mode .search-results .search-controls .search-bar-wrapper .main-search-bar {
            background-color: transparent
        }

        .dark-mode .search-results .search-controls .search-bar-wrapper .icon-circle-close {
            color: #121212;
            background-color: #898989;
            border-radius: 50%
        }

    .dark-mode .search-results .search-controls .search-tabs .tab-item {
        color: #898989
    }

        .dark-mode .search-results .search-controls .search-tabs .tab-item.active {
            color: #e6e6e6
        }

            .dark-mode .search-results .search-controls .search-tabs .tab-item.active:before {
                border-color: #e6e6e6
            }

.search-results-list {
    padding: 25px 0
}

@media (max-width:1439px) {
    .search-results-list .list-wrapper {
        padding: 0 50px
    }
}

.search-results-list .list-wrapper .info-text {
    color: #474E4F;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 600
}

@media (max-width:767px) {
    .search-results .search-controls .search-tabs .tab-item.active:before {
        bottom: 0
    }

    .search-results-list .list-wrapper {
        padding: 0
    }

        .search-results-list .list-wrapper .info-text {
            line-height: 28px;
            font-size: 16px
        }
}

.search-results-list .list-wrapper .list-item {
    margin-top: 24px;
    position: relative;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(172,189,191,.6)
}

@media (min-width:992px) {
    .search-results-list .list-wrapper .list-item {
        max-width: 585px
    }
}

@media (min-width:1440px) {
    .search-results-list .list-wrapper .list-item {
        max-width: 800px
    }
}

.search-results-list .list-wrapper .list-item .item-img {
    width: 200px;
    height: 103px;
    border-radius: 4px
}

    .search-results-list .list-wrapper .list-item .item-img.selling {
        height: 121px
    }

@media (max-width:1199px) {
    .search-results-list .list-wrapper .list-item .item-img.selling {
        height: 83px
    }
}

@media (max-width:767px) {
    .search-results-list .list-wrapper .list-item .item-img.selling {
        width: 112px;
        height: 68px
    }
}

@media (max-width:1199px) {
    .search-results-list .list-wrapper .list-item .item-img {
        width: 160px;
        height: 82px
    }

    .search-results-list .list-wrapper .list-item .item-info .item-link {
        display: none !important
    }
}

@media (max-width:767px) {
    .search-results-list .list-wrapper .list-item .item-img {
        width: 112px;
        height: 57px
    }
}

.search-results-list .list-wrapper .list-item .item-info {
    margin-left: 16px;
    width: 100%
}

    .search-results-list .list-wrapper .list-item .item-info .item-title {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0;
        color: #474E4F;
        font-weight: 600
    }

        .search-results-list .list-wrapper .list-item .item-info .item-title.selling {
            margin-bottom: 0
        }

@media (max-width:1439px) {
    .search-results-list .list-wrapper .list-item .item-info .item-title {
        margin-bottom: 4px
    }
}

.search-results-list .list-wrapper .list-item .item-info .item-sub-title {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    color: #89A5A8
}

@media (max-width:767px) {
    .search-results-list .list-wrapper .list-item .item-info .item-title {
        font-size: 14px;
        line-height: 22px
    }

    .search-results-list .list-wrapper .list-item .item-info .item-sub-title {
        font-size: 12px;
        line-height: 18px
    }
}

.search-results-list .list-wrapper .list-item .item-info .item-sub-title p {
    margin-bottom: 0
}

.search-results-list .list-wrapper .list-item .item-info .item-link {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    color: #19B3CB;
    margin-top: 16px
}

    .search-results-list .list-wrapper .list-item .item-info .item-link .icon-arrow-right {
        font-size: 16px;
        margin-left: 6px
    }

.search-results-list .list-wrapper .list-item .item-info .item-link-mobile {
    display: none;
    color: #19B3CB;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 45%
}

@media (max-width:1199px) {
    .search-results-list .list-wrapper .list-item .item-info .item-link-mobile {
        display: block
    }
}

.search-results-list .list-wrapper .list-item .item-info .item-price {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 700;
    color: #474E4F;
    margin-bottom: 0
}

@media (max-width:767px) {
    .search-results-list .list-wrapper .list-item .item-info .item-link-mobile {
        display: none
    }

    .search-results-list .list-wrapper .list-item .item-info .item-price {
        font-size: 16px;
        line-height: 28px
    }
}

.search-results-list .list-wrapper .no-result-text {
    color: #89A5A8;
    letter-spacing: 0;
    line-height: 28px;
    font-size: 16px;
    margin-top: 12px
}

.dark-mode .list-wrapper .info-text {
    color: #adadad
}

.dark-mode .list-wrapper .no-result-text {
    color: #e6e6e6
}

.dark-mode .list-wrapper .list-item .item-info .item-sub-title {
    color: #898989
}

.dark-mode .list-wrapper .list-item .item-info .item-price,
.dark-mode .list-wrapper .list-item .item-info .item-title {
    color: #adadad
}

.dark-mode .list-wrapper .list-item .item-info .item-link {
    color: #e6e6e6
}

.primary-profile {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: -100%;
    z-index: 100
}

    .primary-profile.bg-aqua-haze .content-area {
        background-color: #EBF2F3
    }

        .primary-profile.bg-aqua-haze .content-area .profile-detail,
        .primary-profile.bg-aqua-haze .content-area .top {
            background-color: #fff
        }

            .primary-profile.bg-aqua-haze .content-area .profile-detail img {
                max-width: 64px;
                border-radius: 50%
            }

    .primary-profile .content-area {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        display: flex;
        flex-flow: column;
        background-color: #fff
    }

        .primary-profile .content-area .top {
            width: 100%;
            text-align: right;
            padding: 16px 16px 0
        }

            .primary-profile .content-area .top .btn {
                padding: 0;
                line-height: 0
            }

                .primary-profile .content-area .top .btn .icon {
                    color: #19B3CB;
                    padding: 0;
                    font-size: 24px;
                    position: relative
                }

        .primary-profile .content-area .scrollable-area {
            height: calc(100% - 110px);
            width: 100%;
            overflow-y: auto;
            -ms-overflow-style: none;
            scrollbar-width: none
        }

            .primary-profile .content-area .scrollable-area::-webkit-scrollbar {
                display: none
            }

            .primary-profile .content-area .scrollable-area .content {
                width: 100%
            }

                .primary-profile .content-area .scrollable-area .content .btn-switch {
                    background-color: #89A5A8
                }

                    .primary-profile .content-area .scrollable-area .content .btn-switch.darkmodeOn {
                        background-color: #19B3CB
                    }

        .primary-profile .content-area .profile-screen {
            height: 100%;
            width: 100%
        }

            .primary-profile .content-area .profile-screen .scrollable-area {
                height: calc(100% - 170px)
            }

            .primary-profile .content-area .profile-screen .profile-detail {
                display: flex;
                flex-flow: row;
                align-items: center;
                padding: 0 20px 24px;
                margin-top: -18px
            }

@media (min-width:576px) {
    .primary-profile .content-area {
        max-width: 480px
    }

        .primary-profile .content-area .profile-screen .profile-detail {
            padding: 0 32px 32px;
            margin-top: -10px
        }
}

.primary-profile .content-area .profile-screen .profile-detail .text-content {
    display: flex;
    flex-flow: column;
    margin-left: 15px
}

    .primary-profile .content-area .profile-screen .profile-detail .text-content .name {
        font-size: 16px;
        color: #474E4F;
        font-weight: 600;
        line-height: 1.7;
        display: block
    }

    .primary-profile .content-area .profile-screen .profile-detail .text-content .company {
        font-size: 14px;
        color: #89A5A8
    }

.primary-profile .content-area .profile-screen .seperator {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #E49248;
    padding: 11px 19px;
    font-size: 14px;
    color: #fff;
    font-weight: 300
}

@media (min-width:576px) {
    .primary-profile .content-area .profile-screen .seperator {
        padding: 11px 32px
    }
}

.primary-profile .content-area .profile-screen .seperator .companyNo {
    font-weight: 700;
    letter-spacing: 2px
}

.primary-profile .content-area .profile-screen .info-content {
    background-color: #EBF2F3;
    padding: 32px
}

.primary-profile .content-area .profile-screen .choise-content {
    padding: 20px
}

    .primary-profile .content-area .profile-screen .choise-content .choise {
        display: flex;
        flex-flow: row;
        align-items: flex-start;
        justify-content: space-between
    }

        .primary-profile .content-area .profile-screen .choise-content .choise:not(:last-child) {
            margin-bottom: 6px
        }

@media (min-width:576px) {
    .primary-profile .content-area .profile-screen .choise-content {
        padding: 32px
    }

        .primary-profile .content-area .profile-screen .choise-content .choise:not(:last-child) {
            margin-bottom: 8px
        }
}

.primary-profile .content-area .profile-screen .choise-content .choise.type-3 .item {
    max-width: 33.333333%
}

.primary-profile .content-area .profile-screen .choise-content .choise.type-2 .item {
    max-width: 50%
}

    .primary-profile .content-area .profile-screen .choise-content .choise.type-2 .item:not(:first-child),
    .primary-profile .content-area .profile-screen .choise-content .choise.type-3 .item:not(:first-child) {
        margin-left: 8px
    }

.primary-profile .content-area .profile-screen .choise-content .choise .item {
    background-color: #fff;
    border-radius: 4px;
    padding: 12px 15px;
    width: 100%;
    cursor: pointer
}

    .primary-profile .content-area .profile-screen .choise-content .choise .item img {
        margin-right: 4px
    }

    .primary-profile .content-area .profile-screen .choise-content .choise .item .title {
        font-size: 12px;
        color: #89A5A8;
        display: block;
        line-height: 1.5
    }

@media (min-width:576px) {
    .primary-profile .content-area .profile-screen .choise-content .choise .item .title {
        font-size: 14px
    }
}

.primary-profile .content-area .profile-screen .choise-content .choise .item .total {
    font-size: 17px;
    color: #19B3CB;
    font-weight: 700;
    line-height: 1.6;
    display: flex;
    align-items: center
}

    .primary-profile .content-area .profile-screen .choise-content .choise .item .total.theme-sin {
        color: #FFAD28
    }

.primary-profile .content-area .profile-screen .choise-content .choise .btn-general {
    width: 100%;
    padding: 11px;
    text-align: center;
    cursor: pointer
}

@media (min-width:576px) {
    .primary-profile .content-area .profile-screen .choise-content .choise .item .total {
        font-size: 20px
    }

    .primary-profile .content-area .profile-screen .choise-content .choise .btn-general {
        padding: 13px;
        font-size: 14px
    }
}

@media (min-width:992px) {
    .primary-profile .content-area .profile-screen .choise-content .choise .btn-general {
        padding: 15px
    }
}

.primary-profile .content-area .profile-screen .choise-content .choise .btn-general:hover {
    background-color: #fff
}

.primary-profile .content-area .profile-screen .choise-content .choise.dark-mode-section {
    margin-top: 20px
}

    .primary-profile .content-area .profile-screen .choise-content .choise.dark-mode-section .item {
        padding: 16px 32px
    }

        .primary-profile .content-area .profile-screen .choise-content .choise.dark-mode-section .item .icon,
        .primary-profile .content-area .profile-screen .choise-content .choise.dark-mode-section .item span {
            color: #474E4F
        }

        .primary-profile .content-area .profile-screen .choise-content .choise.dark-mode-section .item span {
            margin-left: 12px
        }

    .primary-profile .content-area .profile-screen .choise-content .choise.dark-mode-section div {
        display: flex;
        align-items: center
    }

.primary-profile .content-area .profile-screen .information-area {
    padding: 0 20px 20px
}

@media (min-width:576px) {
    .primary-profile .content-area .profile-screen .information-area {
        padding: 0 32px 32px
    }
}

.primary-profile .content-area .profile-screen .information-area .item {
    padding-bottom: 25px
}

    .primary-profile .content-area .profile-screen .information-area .item .title-section .sub-title {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        color: #89A5A8;
        margin-bottom: 8px
    }

    .primary-profile .content-area .profile-screen .information-area .item .title-section .information-link {
        font-size: 14px;
        color: #19B3CB;
        cursor: pointer
    }

        .primary-profile .content-area .profile-screen .information-area .item .title-section .information-link .icon-plus {
            font-size: 12px
        }

@media (min-width:576px) {
    .primary-profile .content-area .profile-screen .information-area .item {
        padding-bottom: 28px
    }
}

.primary-profile .content-area .profile-screen .information-area .editer-card-wrapper .editer-card:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.primary-profile .content-area .profile-screen .information-area .editer-card-wrapper .editer-card:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

@media (max-width:767px) {
    .primary-profile .content-area .profile-screen .information-area .button-wrapper .btn {
        padding: 9px 25px
    }
}

.primary-profile .content-area .profile-screen .information-area .button-wrapper .btn:not(:first-child) {
    margin-top: 6px
}

.primary-profile .content-area .favorite-screen {
    height: 100%;
    width: 100%
}

    .primary-profile .content-area .favorite-screen .primary-tabContent .thumbnail-card {
        margin-bottom: 12px;
        cursor: default
    }

        .primary-profile .content-area .favorite-screen .primary-tabContent .thumbnail-card .card-media img {
            max-height: 250px;
            cursor: pointer
        }

    .primary-profile .content-area .favorite-screen .tab-content {
        height: calc(100% - 155px);
        width: 100%;
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

.primary-profile .content-area .address-screen,
.primary-profile .content-area .mail-screen,
.primary-profile .content-area .phone-screen,
.primary-profile .content-area .shop-screen {
    height: 100%
}

.primary-profile .content-area .favorite-screen .tab-content::-webkit-scrollbar {
    display: none
}

.primary-profile .content-area .shop-screen .gain-head {
    background-color: #EBF2F3;
    padding: 12px 50px 15px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width:576px) {
    .primary-profile .content-area .profile-screen .information-area .button-wrapper .btn:not(:first-child) {
        margin-top: 8px
    }

    .primary-profile .content-area .favorite-screen .primary-tabContent .thumbnail-card {
        margin-bottom: 16px
    }

    .primary-profile .content-area .shop-screen .gain-head {
        padding: 15px 70px 15px 60px
    }
}

.primary-profile .content-area .shop-screen .gain-head .item {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

    .primary-profile .content-area .shop-screen .gain-head .item .title {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.8;
        color: #89A5A8;
        margin-bottom: 2px
    }

    .primary-profile .content-area .shop-screen .gain-head .item .total {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5;
        color: #474E4F
    }

.primary-profile .content-area .shop-screen .content {
    padding: 13px 20px
}

    .primary-profile .content-area .shop-screen .content .primary-accordion {
        margin-top: 16px
    }

    .primary-profile .content-area .shop-screen .content .warning-txt {
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.7;
        text-align: center;
        color: #474E4F;
        max-width: 240px;
        margin: 32px auto 0
    }

@media (min-width:576px) {
    .primary-profile .content-area .shop-screen .content {
        padding: 17px 32px
    }

        .primary-profile .content-area .shop-screen .content .warning-txt {
            margin: 64px auto 0;
            max-width: 275px;
            font-size: 16px
        }
}

@media (min-width:992px) {
    .primary-profile .content-area .shop-screen .content {
        padding: 15px 32px
    }

        .primary-profile .content-area .shop-screen .content .warning-txt {
            margin: 32px auto 0
        }
}

.primary-profile .content-area .shop-screen .content .primary-accordion .item.opened .accordion-head {
    padding: 19px 24px 10px 20px
}

@media (min-width:576px) {
    .primary-profile .content-area .shop-screen .content .primary-accordion .item.opened .accordion-head {
        padding: 19px 24px 10px 20px
    }
}

@media (min-width:992px) {
    .primary-profile .content-area .shop-screen .content .primary-accordion .item.opened .accordion-head {
        padding: 19px 24px 17px 20px
    }
}

.primary-profile .content-area .address-screen .form-area,
.primary-profile .content-area .mail-screen .form-area,
.primary-profile .content-area .phone-screen .form-area {
    padding: 20px
}

    .primary-profile .content-area .address-screen .form-area .field-title,
    .primary-profile .content-area .mail-screen .form-area .field-title,
    .primary-profile .content-area .phone-screen .form-area .field-title {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        color: #89A5A8;
        display: block;
        margin-bottom: 15px
    }

@media (min-width:576px) {
    .primary-profile .content-area .address-screen .form-area,
    .primary-profile .content-area .mail-screen .form-area,
    .primary-profile .content-area .phone-screen .form-area {
        padding: 42px 32px 32px
    }

        .primary-profile .content-area .address-screen .form-area .field-title,
        .primary-profile .content-area .mail-screen .form-area .field-title,
        .primary-profile .content-area .phone-screen .form-area .field-title {
            line-height: 0;
            margin-bottom: 25px
        }
}

@media (min-width:992px) {
    .primary-profile .content-area .address-screen .form-area,
    .primary-profile .content-area .mail-screen .form-area,
    .primary-profile .content-area .phone-screen .form-area {
        padding: 32px
    }

        .primary-profile .content-area .address-screen .form-area .field-title,
        .primary-profile .content-area .mail-screen .form-area .field-title,
        .primary-profile .content-area .phone-screen .form-area .field-title {
            margin-bottom: 15px;
            line-height: 1.5
        }
}

.primary-profile .content-area .address-screen .form-area .primary-form .selection-content,
.primary-profile .content-area .mail-screen .form-area .primary-form .selection-content,
.primary-profile .content-area .phone-screen .form-area .primary-form .selection-content {
    margin-bottom: 35px
}

.primary-profile .content-area .address-screen .form-area .primary-form .btn-primary,
.primary-profile .content-area .mail-screen .form-area .primary-form .btn-primary,
.primary-profile .content-area .phone-screen .form-area .primary-form .btn-primary {
    margin-top: 25px;
    font-size: 14px;
    padding: 13px
}

@media (min-width:992px) {
    .primary-profile .content-area .address-screen .form-area .primary-form .btn-primary,
    .primary-profile .content-area .mail-screen .form-area .primary-form .btn-primary,
    .primary-profile .content-area .phone-screen .form-area .primary-form .btn-primary {
        padding: 10px
    }
}

.primary-profile .content-area .content-head {
    padding: 5px 20px 10px;
    background-color: #fff;
    border-bottom: 1px solid #E4EEEF
}

@media (min-width:576px) {
    .primary-profile .content-area .content-head {
        padding: 0 32px 15px
    }
}

.primary-profile .content-area .content-head .back-link {
    color: #19B3CB;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer
}

    .primary-profile .content-area .content-head .back-link .icon {
        margin-right: 6px;
        font-size: 16px
    }

.primary-profile .content-area .content-head .title {
    color: #474E4F;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0
}

.primary-profile .content-area .pano-screen {
    height: 100%;
    width: 100%
}

    .primary-profile .content-area .pano-screen .content {
        padding: 20px
    }

        .primary-profile .content-area .pano-screen .content .thumbnail-card:not(:last-child) {
            margin-bottom: 20px
        }

        .primary-profile .content-area .pano-screen .content .thumbnail-card .card-media img {
            width: 100%;
            height: 200px
        }

@media (min-width:576px) {
    .primary-profile .content-area .pano-screen .content {
        padding: 32px
    }

        .primary-profile .content-area .pano-screen .content .thumbnail-card .card-media img {
            height: 250px
        }
}

.primary-profile .content-area .pano-screen .content .thumbnail-card .card-body {
    padding: 0
}

.primary-profile .content-area .pano-screen .content .thumbnail-card .card-footer {
    padding: 20px;
    flex-flow: column;
    align-items: flex-start
}

    .primary-profile .content-area .pano-screen .content .thumbnail-card .card-footer .item.address {
        display: block
    }

    .primary-profile .content-area .pano-screen .content .thumbnail-card .card-footer .item.total {
        color: #19B3CB;
        font-size: 16px
    }

    .primary-profile .content-area .pano-screen .content .thumbnail-card .card-footer .item.desc {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        color: #474E4F
    }

.primary-profile .content-area .address-screen .primary-select .css-1hwfws3,
.primary-profile .content-area .address-screen .primary-select .css-g1d714-ValueContainer {
    padding: 13px
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .primary-accordion .item .accordion-body .primary-select .css-1hwfws3,
    .primary-side .content-area .content-body .custom-form-group .primary-select .css-1hwfws3 {
        min-height: 57px
    }

    .primary-profile .content-area .address-screen .primary-select .css-1hwfws3 {
        min-height: 56px
    }
}

.dark-mode .primary-profile .content-area .top {
    background-color: #121212
}

.dark-mode .primary-profile .content-area .profile-screen {
    background-color: #1e1e1e
}

    .dark-mode .primary-profile .content-area .profile-screen .profile-detail {
        background-color: #121212
    }

    .dark-mode .primary-profile .content-area .profile-screen .choise-content .choise .item {
        background-color: #232323
    }

        .dark-mode .primary-profile .content-area .profile-screen .choise-content .choise .item .title {
            color: #898989
        }

        .dark-mode .primary-profile .content-area .profile-screen .choise-content .choise .item .total {
            color: #e6e6e6
        }

    .dark-mode .primary-profile .content-area .profile-screen .choise-content .choise .btn-general {
        background-color: #232323;
        color: #e6e6e6 !important
    }

    .dark-mode .primary-profile .content-area .profile-screen .dark-mode-section i,
    .dark-mode .primary-profile .content-area .profile-screen .dark-mode-section span {
        color: #adadad
    }

    .dark-mode .primary-profile .content-area .profile-screen .information-area .item .sub-title {
        color: #898989
    }

    .dark-mode .primary-profile .content-area .profile-screen .information-area .item .editer-card-wrapper .editer-card {
        background-color: #232323;
        border-color: #232323 #232323 #373737
    }

        .dark-mode .primary-profile .content-area .profile-screen .information-area .item .editer-card-wrapper .editer-card:last-child {
            border-bottom-color: #232323
        }

        .dark-mode .primary-profile .content-area .profile-screen .information-area .item .editer-card-wrapper .editer-card .desc,
        .dark-mode .primary-profile .content-area .profile-screen .information-area .item .editer-card-wrapper .editer-card .title {
            color: #adadad
        }

.dark-mode .primary-profile .content-area .address-screen,
.dark-mode .primary-profile .content-area .favorite-screen,
.dark-mode .primary-profile .content-area .mail-screen,
.dark-mode .primary-profile .content-area .pano-screen,
.dark-mode .primary-profile .content-area .phone-screen,
.dark-mode .primary-profile .content-area .shop-screen {
    background-color: #121212
}

    .dark-mode .primary-profile .content-area .address-screen .content-head,
    .dark-mode .primary-profile .content-area .favorite-screen .content-head,
    .dark-mode .primary-profile .content-area .mail-screen .content-head,
    .dark-mode .primary-profile .content-area .pano-screen .content-head,
    .dark-mode .primary-profile .content-area .phone-screen .content-head,
    .dark-mode .primary-profile .content-area .shop-screen .content-head {
        background-color: #121212;
        border-color: #373737
    }

        .dark-mode .primary-profile .content-area .address-screen .content-head .back-link,
        .dark-mode .primary-profile .content-area .favorite-screen .content-head .back-link,
        .dark-mode .primary-profile .content-area .mail-screen .content-head .back-link,
        .dark-mode .primary-profile .content-area .pano-screen .content-head .back-link,
        .dark-mode .primary-profile .content-area .phone-screen .content-head .back-link,
        .dark-mode .primary-profile .content-area .shop-screen .content-head .back-link {
            color: #e6e6e6
        }

    .dark-mode .primary-profile .content-area .address-screen .primary-tab,
    .dark-mode .primary-profile .content-area .favorite-screen .primary-tab,
    .dark-mode .primary-profile .content-area .mail-screen .primary-tab,
    .dark-mode .primary-profile .content-area .pano-screen .primary-tab,
    .dark-mode .primary-profile .content-area .phone-screen .primary-tab,
    .dark-mode .primary-profile .content-area .shop-screen .primary-tab {
        border-bottom-color: #373737
    }

        .dark-mode .primary-profile .content-area .address-screen .primary-tab .nav-item,
        .dark-mode .primary-profile .content-area .favorite-screen .primary-tab .nav-item,
        .dark-mode .primary-profile .content-area .mail-screen .primary-tab .nav-item,
        .dark-mode .primary-profile .content-area .pano-screen .primary-tab .nav-item,
        .dark-mode .primary-profile .content-area .phone-screen .primary-tab .nav-item,
        .dark-mode .primary-profile .content-area .shop-screen .primary-tab .nav-item {
            color: #898989
        }

            .dark-mode .primary-profile .content-area .address-screen .primary-tab .nav-item.active,
            .dark-mode .primary-profile .content-area .favorite-screen .primary-tab .nav-item.active,
            .dark-mode .primary-profile .content-area .mail-screen .primary-tab .nav-item.active,
            .dark-mode .primary-profile .content-area .pano-screen .primary-tab .nav-item.active,
            .dark-mode .primary-profile .content-area .phone-screen .primary-tab .nav-item.active,
            .dark-mode .primary-profile .content-area .shop-screen .primary-tab .nav-item.active {
                color: #e6e6e6
            }

                .dark-mode .primary-profile .content-area .address-screen .primary-tab .nav-item.active:before,
                .dark-mode .primary-profile .content-area .favorite-screen .primary-tab .nav-item.active:before,
                .dark-mode .primary-profile .content-area .mail-screen .primary-tab .nav-item.active:before,
                .dark-mode .primary-profile .content-area .pano-screen .primary-tab .nav-item.active:before,
                .dark-mode .primary-profile .content-area .phone-screen .primary-tab .nav-item.active:before,
                .dark-mode .primary-profile .content-area .shop-screen .primary-tab .nav-item.active:before {
                    background-color: #e6e6e6
                }

    .dark-mode .primary-profile .content-area .address-screen .operation-button .total,
    .dark-mode .primary-profile .content-area .favorite-screen .operation-button .total,
    .dark-mode .primary-profile .content-area .mail-screen .operation-button .total,
    .dark-mode .primary-profile .content-area .pano-screen .operation-button .total,
    .dark-mode .primary-profile .content-area .phone-screen .operation-button .total,
    .dark-mode .primary-profile .content-area .shop-screen .operation-button .total {
        background-color: #e6e6e6;
        color: #000
    }

    .dark-mode .primary-profile .content-area .address-screen .operation-button .icon,
    .dark-mode .primary-profile .content-area .favorite-screen .operation-button .icon,
    .dark-mode .primary-profile .content-area .mail-screen .operation-button .icon,
    .dark-mode .primary-profile .content-area .pano-screen .operation-button .icon,
    .dark-mode .primary-profile .content-area .phone-screen .operation-button .icon,
    .dark-mode .primary-profile .content-area .shop-screen .operation-button .icon {
        background-color: #323232;
        border-color: #373737
    }

        .dark-mode .primary-profile .content-area .address-screen .operation-button .icon:before,
        .dark-mode .primary-profile .content-area .favorite-screen .operation-button .icon:before,
        .dark-mode .primary-profile .content-area .mail-screen .operation-button .icon:before,
        .dark-mode .primary-profile .content-area .pano-screen .operation-button .icon:before,
        .dark-mode .primary-profile .content-area .phone-screen .operation-button .icon:before,
        .dark-mode .primary-profile .content-area .shop-screen .operation-button .icon:before {
            color: #e6e6e6
        }

    .dark-mode .primary-profile .content-area .address-screen .form-area .primary-form .custom-form-group label,
    .dark-mode .primary-profile .content-area .address-screen .form-area .primary-form .field-title {
        color: #898989
    }

    .dark-mode .primary-profile .content-area .address-screen .form-area .primary-form .custom-form-group .css-yk16xz-control,
    .dark-mode .primary-profile .content-area .address-screen .form-area .primary-form .custom-form-group input,
    .dark-mode .primary-profile .content-area .address-screen .form-area .primary-form .custom-form-group textarea {
        background-color: transparent;
        border-color: #373737;
        color: #adadad
    }

    .dark-mode .primary-profile .content-area .address-screen .form-area .primary-form .custom-form-group .primary-select {
        border-color: #373737
    }

    .dark-mode .primary-profile .content-area .shop-screen .gain-head {
        background-color: #232323;
        border-bottom: 1px solid #373737
    }

    .dark-mode .primary-profile .content-area .shop-screen .content .gain-dropdown .btn-primary,
    .dark-mode .primary-profile .content-area .shop-screen .content .primary-accordion .item.opened .accordion-body .report-list li {
        border-color: #373737
    }

    .dark-mode .primary-profile .content-area .shop-screen .gain-head .item .title {
        color: #898989
    }

    .dark-mode .primary-profile .content-area .shop-screen .gain-head .item .total {
        color: #adadad
    }

    .dark-mode .primary-profile .content-area .shop-screen .content .gain-dropdown .btn-primary .title,
    .dark-mode .primary-profile .content-area .shop-screen .content .gain-dropdown .dropdown-toggle:after {
        color: #e6e6e6
    }

    .dark-mode .primary-profile .content-area .shop-screen .content .gain-dropdown .btn-primary .info {
        color: #898989
    }

        .dark-mode .primary-profile .content-area .shop-screen .content .gain-dropdown .btn-primary .info .total,
        .dark-mode .primary-profile .content-area .shop-screen .content .primary-accordion .item .accordion-head .btn-link .btn-head .title,
        .dark-mode .primary-profile .content-area .shop-screen .content .primary-accordion .item .accordion-head .btn-link .icon-chevron-down {
            color: #e6e6e6
        }

    .dark-mode .primary-profile .content-area .shop-screen .content .gain-dropdown .dropdown-menu:after {
        background-color: #323232
    }

    .dark-mode .primary-profile .content-area .shop-screen .content .primary-accordion .item .accordion-head {
        background-color: transparent
    }

    .dark-mode .primary-profile .content-area .shop-screen .content .primary-accordion .item.opened,
    .dark-mode .primary-profile .content-area .shop-screen .content .primary-accordion .item.opened .accordion-body {
        background-color: #323232
    }

        .dark-mode .primary-profile .content-area .shop-screen .content .primary-accordion .item.opened .accordion-head .total {
            color: #898989
        }

            .dark-mode .primary-profile .content-area .shop-screen .content .primary-accordion .item.opened .accordion-body .report-list li .company,
            .dark-mode .primary-profile .content-area .shop-screen .content .primary-accordion .item.opened .accordion-body .report-list li .sum,
            .dark-mode .primary-profile .content-area .shop-screen .content .primary-accordion .item.opened .accordion-head .total .sum {
                color: #e6e6e6
            }

    .dark-mode .primary-profile .content-area .shop-screen .content .warning-txt {
        color: #898989
    }

.dark-mode .primary-profile .btn-bordered {
    background-color: transparent;
    border-color: #e6e6e6
}

.dark-mode .primary-profile .btn-close .icon-circle-close {
    color: #e6e6e6 !important
}

.primary-tab {
    flex-flow: row;
    border-bottom: 2px solid #E4EEEF
}

    .primary-tab .nav-item {
        max-width: 50%;
        width: 100%;
        padding: 10px 10px 12px;
        border: 0;
        border-radius: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        color: #89A5A8;
        text-align: center;
        transition: all ease .3s;
        position: relative
    }

        .primary-tab .nav-item:before {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            right: 0;
            height: 2px;
            background-color: #19B3CB;
            width: 0
        }

        .primary-tab .nav-item:focus {
            outline: 0
        }

        .primary-tab .nav-item.active {
            color: #19B3CB;
            background-color: transparent
        }

            .primary-tab .nav-item.active:before {
                visibility: visible;
                opacity: 1;
                width: 100%
            }

@media (max-width:767px) {
    .primary-tab.type-details {
        margin: 0 -8px
    }
}

.primary-tabContent {
    padding: 20px;
    height: 100%
}

@media (min-width:576px) {
    .primary-tabContent {
        padding: 32px
    }
}

.primary-tabContent.has-blur .desc-area:before {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 130px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),#fff)
}

.primary-tabContent.has-blur .desc-area.is-opened {
    max-height: 100%;
    overflow: visible
}

    .primary-tabContent.has-blur .desc-area.is-opened:before {
        display: none
    }

.primary-tabContent.type-details {
    padding: 0
}

    .primary-tabContent.type-details .desc-area {
        max-height: inherit;
        font-size: 14px;
        line-height: 1.5;
        color: #474E4F;
        padding-top: 16px
    }

@media (min-width:576px) {
    .primary-tabContent.type-details .desc-area {
        padding-top: 13px
    }
}

.primary-tabContent .desc-area {
    color: #89A5A8;
    max-height: 190px;
    overflow: hidden;
    position: relative
}

.primary-tabContent .expanding-txt {
    color: #19B3CB;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-align: center;
    display: block;
    cursor: pointer
}

.primary-tabContent .detail-list {
    padding: 0
}

    .primary-tabContent .detail-list li {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        padding: 13px 0;
        border-bottom: 1px solid #E4EEEF
    }

        .primary-tabContent .detail-list li .title {
            font-size: 14px;
            line-height: 1.5;
            color: #474E4F;
            font-weight: 400;
            margin-bottom: 0
        }

        .primary-tabContent .detail-list li .value {
            font-size: 13px;
            line-height: 1.5;
            color: #474E4F;
            font-weight: 700
        }

.main-search-results {
    background-color: #fff;
    position: fixed;
    top: 93px;
    height: 100%;
    z-index: 9;
    width: 100%
}

    .main-search-results .area {
        height: calc(100% - 93px);
        overflow-y: auto
    }

@media (min-width:576px) {
    .primary-tabContent .detail-list li .value {
        font-size: 14px
    }

    .main-search-results {
        top: 64px
    }

        .main-search-results .area {
            height: calc(100% - 64px)
        }
}

.main-search-results .result-group {
    margin-top: 24px
}

    .main-search-results .result-group .group-title {
        color: #89A5A8;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0;
        font-weight: 600
    }

    .main-search-results .result-group .list-item {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 28px;
        color: #474E4F;
        border-bottom: 1px solid rgba(172,189,191,.6);
        padding-bottom: 10px
    }

    .main-search-results .result-group .all-promotions {
        display: block;
        width: 100%;
        padding: 11px 0;
        text-align: center;
        border: 1px solid #19B3CB;
        color: #19B3CB;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0;
        font-weight: 700;
        border-radius: 4px
    }

.dark-mode .main-search-results {
    background-color: #1e1e1e;
    border-top: 1px solid #373737
}

    .dark-mode .main-search-results .result-group .group-title {
        color: #adadad
    }

    .dark-mode .main-search-results .result-group .list-item a {
        color: #e6e6e6
    }

    .dark-mode .main-search-results .result-group .all-promotions {
        background-color: transparent;
        border-color: #e6e6e6;
        color: #e6e6e6
    }

.primary-breadcrumb {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 18px 0;
    z-index: 1
}

    .primary-breadcrumb.opened li {
        z-index: -1
    }

    .primary-breadcrumb.secondary li:last-child {
        color: #474E4F
    }

    .primary-breadcrumb.secondary li:not(:last-child) {
        padding-right: 32px
    }

        .primary-breadcrumb.secondary li:not(:last-child):before {
            right: -3px
        }

    .primary-breadcrumb.secondary .category-selector .dropdown-toggle {
        padding: 4px 34px 4px 11px
    }

@media (max-width:991px) {
    .primary-breadcrumb.secondary .category-selector .dropdown-toggle,
    .primary-breadcrumb.secondary li {
        font-size: 12px
    }
}

.primary-breadcrumb.secondary .category-selector .dropdown-toggle:before {
    right: 12px
}

.primary-breadcrumb.secondary .category-selector .dropdown-menu {
    max-height: 300px;
    overflow-y: auto
}

.primary-breadcrumb li {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    color: #ACBDBF
}

    .primary-breadcrumb li:hover a {
        color: #19B3CB
    }

    .primary-breadcrumb li a {
        color: #ACBDBF
    }

@media (min-width:992px) {
    .main-search-results {
        top: 104px
    }

        .main-search-results .area {
            height: calc(100% - 110px)
        }

    .primary-breadcrumb li {
        font-size: 12px
    }
}

.primary-breadcrumb li:not(:last-child) {
    padding-right: 28px;
    position: relative
}

    .primary-breadcrumb li:not(:last-child):before {
        content: '\e945';
        font-family: var(--main-font-family);
        font-size: 12px;
        position: absolute;
        top: 50%;
        right: -5px;
        transform: translate(-100%,-50%)
    }

.primary-breadcrumb li .category-selector {
    position: relative
}

    .primary-breadcrumb li .category-selector .dropdown-toggle {
        background-color: transparent;
        font-size: 14px;
        color: #ACBDBF;
        border: 1px solid #ACBDBF;
        padding: 4px 30px 4px 11px
    }

        .primary-breadcrumb li .category-selector .dropdown-toggle:focus,
        .primary-breadcrumb li .category-selector .dropdown-toggle:hover {
            outline: 0;
            box-shadow: inherit !important;
            background-color: #19B3CB !important;
            color: #fff !important;
            border-color: #19B3CB !important
        }

            .primary-breadcrumb li .category-selector .dropdown-toggle:focus:before,
            .primary-breadcrumb li .category-selector .dropdown-toggle:hover:before {
                color: #fff
            }

        .primary-breadcrumb li .category-selector .dropdown-toggle:after {
            display: none
        }

        .primary-breadcrumb li .category-selector .dropdown-toggle:before {
            content: '\e943';
            font-family: var(--main-font-family);
            position: absolute;
            top: 50%;
            right: 8px;
            font-size: 12px;
            transform: translateY(-50%)
        }

.helper:before,
.primary-onboard:before {
    content: ''
}

.primary-breadcrumb li .category-selector .dropdown-menu {
    border: 0;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);
    padding: 16px 20px;
    top: 6px !important;
    min-width: 180px;
    max-height: 300px;
    overflow-y: auto
}

@media (min-width:992px) {
    .primary-breadcrumb li .category-selector .dropdown-toggle {
        font-size: 12px
    }

    .primary-breadcrumb li .category-selector .dropdown-menu {
        min-width: 156px;
        padding: 16px
    }
}

.primary-breadcrumb li .category-selector .dropdown-menu .dropdown-item {
    padding: 7px 0 6px 6px;
    font-size: 14px;
    font-weight: 600;
    color: #474E4F;
    transition: all ease .3s
}

@media (min-width:992px) {
    .primary-breadcrumb li .category-selector .dropdown-menu .dropdown-item {
        font-size: 12px;
        padding: 4px 0 4px 6px
    }
}

.primary-breadcrumb li .category-selector .dropdown-menu .dropdown-item:hover {
    background-color: #19B3CB;
    border-radius: 4px;
    color: #fff
}

.giveaway-tabs {
    border-radius: 4px;
    border: 1px solid #E4EEEF
}

    .giveaway-tabs .tab-item {
        width: 25%;
        padding: 14px 0;
        color: #474E4F;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0;
        text-align: center;
        cursor: pointer;
        border-right: 1px solid #E4EEEF;
        transition: all ease .3s
    }

        .giveaway-tabs .tab-item:last-child {
            border: none
        }

        .giveaway-tabs .tab-item.active {
            color: #fff;
            background-color: #19B3CB;
            border-radius: 4px
        }

@media (max-width:767px) {
    .giveaway-tabs .tab-item {
        font-size: 12px;
        line-height: 18px;
        padding: 6px 0
    }

        .giveaway-tabs .tab-item span {
            display: block
        }
}

@media (min-width:768px) and (max-width:991px) {
    .giveaway-wrapper {
        margin: 0 50px 20px
    }
}

.giveaways .giveaway-item {
    border: 1px solid #E4EEEF;
    border-radius: 4px;
    display: flex;
    margin-bottom: 12px;
    cursor: pointer
}

@media (min-width:992px) {
    .giveaways .giveaway-item {
        margin-bottom: 16px
    }
}

.giveaways .giveaway-item .giveaway-info {
    display: flex;
    flex-flow: column;
    padding: 20px 10px;
    height: 100%
}

@media (min-width:576px) {
    .giveaways .giveaway-item .giveaway-info {
        padding: 20px 20px 20px 0
    }
}

@media (max-width:767px) {
    .giveaways .giveaway-item .giveaway-info {
        padding: 12px 12px 16px 0
    }
}

.giveaways .giveaway-item .giveaway-info .type-wrapper {
    margin-bottom: 5px
}

@media (min-width:1200px) {
    .giveaways .giveaway-item .giveaway-info .type-wrapper {
        margin-bottom: 10px
    }
}

@media (min-width:1440px) {
    .giveaways .giveaway-item .giveaway-info .type-wrapper {
        margin-bottom: 20px
    }
}

.giveaways .giveaway-item .giveaway-info .type-wrapper .primary-tag {
    display: inline-block;
    padding: 4px 20px;
    min-width: inherit
}

@media (min-width:1200px) {
    .giveaways .giveaway-item .giveaway-info .type-wrapper .primary-tag {
        padding: 4px 33px
    }
}

@media (max-width:767px) {
    .giveaways .giveaway-item .giveaway-info .type-wrapper .primary-tag {
        background-color: transparent;
        font-size: 11px;
        line-height: 14px;
        letter-spacing: 0;
        padding: 0
    }
}

.giveaways .giveaway-item .giveaway-info .giveaway-title {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0;
    font-weight: 600;
    color: #474E4F;
    margin-bottom: 8px
}

@media (min-width:1200px) {
    .giveaways .giveaway-item .giveaway-info .giveaway-title {
        font-size: 17px;
        margin-bottom: 10px
    }
}

@media (min-width:1440px) {
    .giveaways .giveaway-item .giveaway-info .giveaway-title {
        line-height: 32px;
        font-size: 20px;
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    .giveaways .giveaway-item .giveaway-info .giveaway-title {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400
    }
}

.giveaways .giveaway-item .giveaway-info .giveaway-sub-title {
    color: #474E4F;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0;
    display: none
}

@media (min-width:992px) {
    .giveaways .giveaway-item .giveaway-info .giveaway-sub-title {
        font-size: 14px
    }
}

.giveaways .giveaway-item .giveaway-info .giveaway-tags {
    margin-top: auto;
    flex-flow: wrap
}

    .giveaways .giveaway-item .giveaway-info .giveaway-tags .primary-tag {
        padding: 4px 20px;
        min-width: inherit
    }

@media (min-width:1200px) {
    .giveaways .giveaway-item .giveaway-info .giveaway-tags .primary-tag {
        padding: 4px 33px
    }
}

.giveaways .giveaway-item .giveaway-info .giveaway-tags .primary-tag:not(:first-child) {
    margin-left: 7px
}

@media (max-width:767px) {
    .giveaways .giveaway-item .giveaway-info .giveaway-tags {
        margin-top: 10px
    }

        .giveaways .giveaway-item .giveaway-info .giveaway-tags .primary-tag {
            padding: 2px 0;
            width: 100%;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: 0;
            max-width: 120px
        }

            .giveaways .giveaway-item .giveaway-info .giveaway-tags .primary-tag:not(:first-child) {
                margin: 4px 0 0
            }
}

.giveaways .giveaway-item .giveaway-img img {
    width: 175px;
    height: 155px;
    max-width: inherit
}

@media (min-width:576px) {
    .giveaways .giveaway-item .giveaway-info .giveaway-sub-title {
        display: block
    }

    .giveaways .giveaway-item .giveaway-img img {
        width: 255px;
        height: 225px
    }
}

@media (min-width:768px) {
    .giveaways .giveaway-item .giveaway-img img {
        width: 220px;
        height: 180px
    }
}

@media (min-width:1440px) {
    .giveaways .giveaway-item .giveaway-img img {
        width: 255px;
        height: 225px
    }
}

.giveaways .giveaway-item .article {
    padding-left: 20px;
    width: 100%
}

.dark-mode .giveaways .giveaway-item {
    border-color: #373737;
    background-color: #232323
}

    .dark-mode .giveaways .giveaway-item .article .giveaway-info .primary-tag.theme-red {
        background-color: #4a392a;
        color: #e49248
    }

    .dark-mode .giveaways .giveaway-item .article .giveaway-info .primary-tag.theme-mountain-meadow {
        background-color: #313b33;
        color: #1ecd9b
    }

    .dark-mode .giveaways .giveaway-item .article .giveaway-info .giveaway-title {
        color: #e6e6e6
    }

    .dark-mode .giveaways .giveaway-item .article .giveaway-info .giveaway-sub-title {
        color: #adadad
    }

.user-info {
    border-bottom: 1px solid #E4EEEF;
    display: flex;
    flex-flow: column;
    align-items: flex-start
}

    .user-info .title {
        font-size: 12px;
        line-height: 1.5;
        color: #89A5A8;
        margin-bottom: 3px
    }

@media (min-width:992px) {
    .user-info .title {
        font-size: 13px
    }
}

@media (min-width:1200px) {
    .user-info .title {
        font-size: 14px
    }
}

.user-info .info-txt {
    font-size: 14px;
    line-height: 1.7;
    color: #474E4F;
    margin-bottom: 9px
}

@media (min-width:992px) {
    .user-info .info-txt {
        font-size: 15px;
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .user-info .info-txt {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.primary-tag {
    min-width: 144px;
    width: auto;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    color: #474E4F;
    background-color: #E4EEEF;
    border-radius: 14px;
    padding: 6px;
    text-align: center
}

    .primary-tag.theme-champagne {
        background-color: #FAE9DA;
        color: #E49248
    }

    .primary-tag.theme-aqua {
        background-color: #EBF2F3;
        color: #19B3CB
    }

    .primary-tag.theme-sienna {
        background-color: rgba(228,146,72,.2);
        color: #E49248
    }

    .primary-tag.theme-red {
        background-color: #ffd3ca;
        color: #FF4920
    }

    .primary-tag.theme-mountain-meadow {
        background-color: #e2f9e6;
        color: #1ECD9B;
        display: flex;
        align-items: center
    }

        .primary-tag.theme-mountain-meadow .icon {
            margin-right: 4px
        }

.primary-matter {
    display: flex;
    flex-flow: column
}

    .primary-matter .items {
        display: flex;
        align-items: center
    }

        .primary-matter .items:not(:last-child) {
            margin-bottom: 20px
        }

@media (min-width:576px) {
    .primary-matter .items:not(:last-child) {
        margin-bottom: 25px
    }
}

.primary-matter .items .matter {
    color: #474E4F;
    border: 2px solid #474E4F;
    border-radius: 50%;
    padding: 5px 7px;
    line-height: .7;
    margin-right: 16px
}

.primary-matter .items .article {
    border: 0
}

    .primary-matter .items .article .title {
        font-size: 14px;
        margin-bottom: 0;
        font-weight: 600;
        line-height: 1.7;
        color: #474E4F
    }

@media (min-width:576px) {
    .primary-matter .items .article .title {
        font-size: 16px
    }
}

.primary-matter .items .article .short-desc {
    font-size: 12px;
    line-height: 1.5;
    color: #89A5A8
}

.primary-quick-view {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center
}

    .primary-quick-view .content-wrapper {
        width: 100%;
        position: relative
    }

@media (min-width:576px) {
    .primary-matter .items .article .short-desc {
        font-size: 14px
    }

    .primary-quick-view .content-wrapper {
        max-width: 500px
    }
}

.primary-quick-view .content-wrapper .btn-close {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 8px;
    color: #19B3CB;
    background-color: #fff;
    border-radius: 50%;
    font-size: 9px;
    padding: 8px;
    cursor: pointer
}

@media (min-width:576px) {
    .primary-quick-view .content-wrapper .btn-close {
        font-size: 10px;
        padding: 15px;
        right: 12px
    }
}

.primary-quick-view .content-wrapper .thumbnail-card {
    border: 0
}

    .primary-quick-view .content-wrapper .thumbnail-card .card-media {
        position: relative
    }

        .primary-quick-view .content-wrapper .thumbnail-card .card-media img {
            max-height: 250px
        }

@media (min-width:992px) {
    .primary-quick-view .content-wrapper {
        max-width: 700px
    }

        .primary-quick-view .content-wrapper .btn-close {
            font-size: 12px;
            padding: 18px
        }

        .primary-quick-view .content-wrapper .thumbnail-card .card-media img {
            max-height: 280px
        }
}

@media (min-width:1440px) {
    .primary-quick-view .content-wrapper .thumbnail-card .card-media img {
        max-height: 300px
    }
}

.primary-quick-view .content-wrapper .thumbnail-card .card-media .operation-wrapper {
    right: 45px
}

.primary-quick-view .content-wrapper .thumbnail-card .card-body {
    padding: 25px
}

    .primary-quick-view .content-wrapper .thumbnail-card .card-body .brands-media {
        max-width: 100px;
        height: 35px;
        left: 20px;
        top: 0;
        transform: translateY(-50%)
    }

@media (min-width:576px) {
    .primary-quick-view .content-wrapper .thumbnail-card .card-body {
        padding: 30px
    }

        .primary-quick-view .content-wrapper .thumbnail-card .card-body .brands-media {
            max-width: 120px;
            height: 45px;
            left: 30px
        }
}

.primary-quick-view .content-wrapper .thumbnail-card .card-body .card-text {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 200;
    color: #ACBDBF
}

    .primary-quick-view .content-wrapper .thumbnail-card .card-body .card-text .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.6;
        color: #474E4F;
        margin-bottom: 8px
    }

@media (min-width:992px) {
    .primary-quick-view .content-wrapper .thumbnail-card .card-body {
        padding: 52px 40px 40px
    }

        .primary-quick-view .content-wrapper .thumbnail-card .card-body .brands-media {
            max-width: 160px;
            height: 64px;
            left: 40px
        }

        .primary-quick-view .content-wrapper .thumbnail-card .card-body .card-text {
            font-size: 16px
        }

            .primary-quick-view .content-wrapper .thumbnail-card .card-body .card-text .title {
                font-size: 20px
            }
}

.primary-quick-view .content-wrapper .thumbnail-card .card-body .card-text .btn-general {
    max-width: inherit;
    width: 100%;
    text-align: center;
    margin-top: 24px
}

.primary-messages .content-area .content-head .top,
.primary-notifications .content-area .content-head .top {
    text-align: right;
    width: 100%
}

.primary-quick-view .content-wrapper .general-dropdown .operation-button {
    background-color: transparent;
    padding: 0
}

    .primary-quick-view .content-wrapper .general-dropdown .operation-button .icon {
        font-size: 16px;
        padding: 15px
    }

    .primary-quick-view .content-wrapper .general-dropdown .operation-button:after {
        display: none
    }

    .primary-quick-view .content-wrapper .general-dropdown .operation-button:active,
    .primary-quick-view .content-wrapper .general-dropdown .operation-button:focus,
    .primary-quick-view .content-wrapper .general-dropdown .operation-button:hover {
        outline: 0;
        box-shadow: none !important;
        background-color: transparent !important
    }

.primary-quick-view .content-wrapper .quick-view-card .operation-wrapper,
.primary-quick-view .content-wrapper .thumbnail-card .operation-wrapper {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    right: 5px;
    transform: translateY(50%);
    z-index: 1
}

.primary-messages,
.primary-notifications {
    visibility: hidden;
    opacity: 0;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    transition: all ease .3s
}

@media (min-width:576px) {
    .primary-quick-view .content-wrapper .quick-view-card .operation-wrapper,
    .primary-quick-view .content-wrapper .thumbnail-card .operation-wrapper {
        right: -46px
    }

    .primary-notifications .content-area {
        max-width: 480px
    }
}

.primary-quick-view .content-wrapper .quick-view-card .operation-wrapper > .operation-button .icon,
.primary-quick-view .content-wrapper .thumbnail-card .operation-wrapper > .operation-button .icon {
    font-size: 16px;
    padding: 8px
}

@media (min-width:992px) {
    .primary-quick-view .content-wrapper .quick-view-card .operation-wrapper > .operation-button .icon,
    .primary-quick-view .content-wrapper .thumbnail-card .operation-wrapper > .operation-button .icon {
        padding: 16px
    }
}

.primary-quick-view .content-wrapper .quick-view-card .operation-wrapper > .operation-button .total,
.primary-quick-view .content-wrapper .thumbnail-card .operation-wrapper > .operation-button .total {
    padding: 4px 10px
}

@media (min-width:992px) {
    .primary-quick-view .content-wrapper .quick-view-card .operation-wrapper > .operation-button .total,
    .primary-quick-view .content-wrapper .thumbnail-card .operation-wrapper > .operation-button .total {
        padding: 5px 16px;
        margin-right: -5px
    }
}

.primary-quick-view .content-wrapper .quick-view-card .operation-wrapper > .operation-button:first-child,
.primary-quick-view .content-wrapper .thumbnail-card .operation-wrapper > .operation-button:first-child {
    padding: 0
}

    .primary-quick-view .content-wrapper .quick-view-card .operation-wrapper > .operation-button:first-child .icon,
    .primary-quick-view .content-wrapper .thumbnail-card .operation-wrapper > .operation-button:first-child .icon {
        padding: 13px;
        margin-right: 4px
    }

@media (min-width:992px) {
    .primary-quick-view .content-wrapper .quick-view-card .operation-wrapper > .operation-button:first-child .icon,
    .primary-quick-view .content-wrapper .thumbnail-card .operation-wrapper > .operation-button:first-child .icon {
        margin-right: 8px;
        font-size: 21px;
        padding: 21px
    }
}

.dark-mode .content-wrapper .thumbnail-card .card-body .card-text .title {
    color: #adadad
}

.primary-notifications {
    position: fixed;
    right: -100%
}

    .primary-notifications .content-area {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        display: flex;
        flex-flow: column;
        background-color: #fff
    }

        .primary-notifications .content-area .content-head {
            width: 100%;
            padding: 20px 20px 11px;
            border-bottom: 1px solid #E4EEEF
        }

@media (min-width:576px) {
    .primary-notifications .content-area .content-head {
        padding: 20px 20px 15px 30px
    }
}

@media (min-width:992px) {
    .primary-notifications .content-area .content-head {
        padding: 15px 15px 15px 30px
    }
}

.primary-notifications .content-area .content-head .top .btn {
    padding: 0;
    line-height: 0
}

    .primary-notifications .content-area .content-head .top .btn .icon {
        color: #19B3CB;
        font-size: 28px;
        padding: 0
    }

@media (min-width:576px) {
    .primary-notifications .content-area .content-head .top .btn .icon {
        font-size: 24px
    }
}

.primary-notifications .content-area .content-head .title {
    color: #474E4F;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0
}

@media (min-width:768px) and (max-width:991px) {
    .primary-notifications .content-area .content-head .title {
        margin-top: -7px
    }
}

@media (max-width:767px) {
    .primary-notifications .content-area .content-head .title {
        margin-top: -13px
    }
}

.primary-notifications .content-area .scrollable-area {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .primary-notifications .content-area .scrollable-area::-webkit-scrollbar {
        display: none
    }

    .primary-notifications .content-area .scrollable-area .content-body {
        padding: 20px
    }

        .primary-notifications .content-area .scrollable-area .content-body .notification-card-wrapper {
            margin-bottom: 20px
        }

@media (min-width:576px) {
    .primary-notifications .content-area .scrollable-area .content-body {
        padding: 32px
    }

        .primary-notifications .content-area .scrollable-area .content-body .notification-card-wrapper {
            margin-bottom: 32px
        }
}

.primary-notifications .content-area .scrollable-area .content-body .notification-card-wrapper .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #89A5A8;
    margin-bottom: 8px
}

.primary-notifications .content-area .scrollable-area .content-body .notification-card-wrapper .notification-card {
    margin-bottom: 8px
}

.dark-mode .primary-notifications .content-area {
    background-color: #1e1e1e
}

    .dark-mode .primary-notifications .content-area .content-head {
        border-color: #373737
    }

    .dark-mode .primary-notifications .content-area .top .icon-circle-close {
        color: #e6e6e6 !important
    }

    .dark-mode .primary-notifications .content-area .title {
        color: #adadad
    }

    .dark-mode .primary-notifications .content-area .scrollable-area .content-body .notification-card-wrapper .title {
        color: #898989
    }

    .dark-mode .primary-notifications .content-area .scrollable-area .content-body .notification-card-wrapper .notification-card {
        background-color: #373737
    }

        .dark-mode .primary-notifications .content-area .scrollable-area .content-body .notification-card-wrapper .notification-card .article-area .card-title {
            color: #e6e6e6
        }

        .dark-mode .primary-notifications .content-area .scrollable-area .content-body .notification-card-wrapper .notification-card .article-area .date {
            color: #898989
        }

        .dark-mode .primary-notifications .content-area .scrollable-area .content-body .notification-card-wrapper .notification-card .icon-chevron-right {
            color: #e6e6e6
        }

.primary-messages {
    position: fixed;
    right: -100%
}

    .primary-messages .content-area {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        display: flex;
        flex-flow: column;
        background-color: #fff;
        max-width: 480px
    }

        .primary-messages .content-area .content-head {
            width: 100%;
            padding: 20px 20px 11px;
            border-bottom: 1px solid #E4EEEF
        }

@media (min-width:576px) {
    .primary-messages .content-area .content-head {
        padding: 20px 20px 15px 30px
    }
}

@media (min-width:992px) {
    .primary-messages .content-area {
        max-width: 614px
    }

        .primary-messages .content-area .content-head {
            padding: 15px 15px 15px 48px
        }
}

.primary-messages .content-area .content-head .top .btn {
    padding: 0;
    line-height: 0
}

    .primary-messages .content-area .content-head .top .btn .icon {
        color: #19B3CB;
        font-size: 28px;
        padding: 0
    }

@media (min-width:576px) {
    .primary-messages .content-area .content-head .top .btn .icon {
        font-size: 24px
    }
}

@media (min-width:992px) {
    .primary-messages .content-area .content-head .top .btn .icon {
        font-size: 28px
    }
}

.primary-messages .content-area .content-head .title {
    color: #474E4F;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0
}

@media (min-width:768px) and (max-width:991px) {
    .primary-messages .content-area .content-head .title {
        margin-top: -7px
    }
}

@media (max-width:767px) {
    .primary-messages .content-area .content-head .title {
        margin-top: -13px
    }
}

.primary-messages .content-area .content-head .back-link {
    color: #19B3CB;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer
}

    .primary-messages .content-area .content-head .back-link .icon {
        margin-right: 6px;
        font-size: 16px
    }

.primary-messages .content-area .tab-content,
.primary-messages .content-area .tab-wrapper {
    height: 100%
}

    .primary-messages .content-area .tab-content .primary-tabContent {
        padding: 0
    }

        .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area {
            overflow-y: auto;
            height: calc(100% - 130px)
        }

            .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .content-body {
                padding: 16px
            }

@media (min-width:576px) {
    .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .content-body {
        padding: 20px 32px
    }
}

@media (min-width:992px) {
    .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .content-body {
        padding: 24px 40px
    }
}

.primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search {
    display: flex;
    flex-flow: row;
    align-items: center;
    background-color: #EBF2F3;
    border-radius: 4px;
    padding: 8px 16px
}

    .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search .search-input {
        width: 100%;
        font-size: 12px;
        background-color: transparent;
        border: 0
    }

@media (min-width:576px) {
    .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search {
        padding: 12px 24px
    }

        .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search .search-input {
            font-size: 13px
        }
}

.primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search .search-input::placeholder {
    color: #ACBDBF
}

.primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search .search-input:-ms-input-placeholder {
    color: #ACBDBF
}

.primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search .search-input::-ms-input-placeholder {
    color: #ACBDBF
}

.primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search .btn-search {
    background-color: transparent;
    border: 0;
    width: auto;
    padding: 0
}

.dark-mode .primary-messages .content-area .content-head,
.dark-mode .primary-messages .content-area .tab-wrapper .type-messages {
    border-color: #373737
}

.primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search .btn-search .icon {
    font-size: 16px;
    color: #ACBDBF
}

.primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search .btn-search:focus,
.primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-search .search-input:focus {
    outline: 0
}

.primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-card {
    margin-top: 8px
}

    .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-card .item .icon-inbox.unread {
        color: #19B3CB
    }

.primary-messages .content-area .message-screen {
    padding: 16px 15px;
    height: 100%;
    overflow-y: auto
}

@media (min-width:576px) {
    .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .messages-card {
        margin-top: 16px
    }

    .primary-messages .content-area .message-screen {
        padding: 32px
    }
}

.primary-messages .content-area .message-screen .primary-chat {
    margin-top: 12px
}

@media (min-width:992px) {
    .primary-messages .content-area .message-screen {
        padding: 24px 40px
    }

        .primary-messages .content-area .message-screen .primary-chat {
            margin-top: 16px
        }
}

.site-messages-active {
    overflow: hidden !important
}

    .site-messages-active .site-backdrop {
        opacity: 1;
        visibility: visible
    }

    .site-messages-active .primary-messages {
        right: 0;
        visibility: visible;
        opacity: 1
    }

    .site-messages-active header {
        z-index: 5
    }

.dark-mode .primary-messages .content-area {
    background-color: #1e1e1e
}

    .dark-mode .primary-messages .content-area .content-head .back-link,
    .dark-mode .primary-messages .content-area .content-head .top .icon-circle-close {
        color: #e6e6e6
    }

    .dark-mode .primary-messages .content-area .content-head .title,
    .dark-mode .primary-messages .content-area .tab-wrapper .type-messages .nav-item {
        color: #adadad
    }

        .dark-mode .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .content-body .messages-search input,
        .dark-mode .primary-messages .content-area .tab-wrapper .type-messages .nav-item.active {
            color: #e6e6e6
        }

            .dark-mode .primary-messages .content-area .tab-wrapper .type-messages .nav-item.active:before {
                background-color: #e6e6e6
            }

    .dark-mode .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .content-body .messages-search {
        background-color: transparent;
        border: 1px solid #373737
    }

    .dark-mode .primary-messages .content-area .message-screen .messages-card,
    .dark-mode .primary-messages .content-area .primary-chat .chat-area,
    .dark-mode .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .content-body .messages-card {
        background-color: #373737
    }

        .dark-mode .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .content-body .messages-card .item .article-wrapper .title {
            color: #adadad
        }

        .dark-mode .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .content-body .messages-card .item .article-wrapper .desc,
        .dark-mode .primary-messages .content-area .tab-content .primary-tabContent .scrollable-area .content-body .messages-card .item .article-wrapper .name {
            color: #898989
        }

        .dark-mode .primary-messages .content-area .message-screen .messages-card .item .article-wrapper .desc,
        .dark-mode .primary-messages .content-area .message-screen .messages-card .item .article-wrapper .title,
        .dark-mode .primary-messages .content-area .message-screen .messages-card .item .total,
        .dark-mode .primary-messages .content-area .primary-chat .head .item .info-article .full-name {
            color: #adadad
        }

    .dark-mode .primary-messages .content-area .primary-chat .head {
        background-color: #373737;
        border-color: #898989
    }

        .dark-mode .primary-messages .content-area .primary-chat .head .item {
            border-color: #898989
        }

            .dark-mode .primary-messages .content-area .primary-chat .head .item .info-article .company {
                color: #898989
            }

            .dark-mode .primary-messages .content-area .primary-chat .chat-area .inner-chat-area .message-bubble.from .text,
            .dark-mode .primary-messages .content-area .primary-chat .head .item .phone {
                color: #adadad
            }

    .dark-mode .primary-messages .content-area .primary-chat .chat-area .inner-chat-area .message-bubble {
        background-color: #12889B
    }

        .dark-mode .primary-messages .content-area .primary-chat .chat-area .inner-chat-area .message-bubble.from {
            background-color: #121212
        }

    .dark-mode .primary-messages .content-area .primary-chat .chat-area .send-area {
        background-color: #1e1e1e
    }

        .dark-mode .primary-messages .content-area .primary-chat .chat-area .send-area input {
            color: #898989
        }

        .dark-mode .primary-messages .content-area .primary-chat .chat-area .send-area .icon-send {
            color: #e6e6e6
        }

.primary-chat {
    width: 100%;
    border-radius: 4px;
    height: calc(100% - 240px);
    overflow-y: auto
}

    .primary-chat .head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #C9DFE1;
        padding: 16px;
        background-color: #EBF2F3
    }

@media (min-width:576px) {
    .primary-chat .head {
        justify-content: flex-end;
        padding: 21px 40px 17px
    }
}

@media (min-width:992px) {
    .primary-chat .head {
        padding: 21px 24px 17px;
        justify-content: flex-start
    }
}

.primary-chat .head .item:first-child {
    padding-right: 16px;
    margin-right: 16px;
    border-right: 1px solid #C9DFE1;
    display: flex;
    flex-flow: row;
    align-items: center
}

@media (max-width:767px) {
    .primary-chat .head .item:first-child {
        padding-right: 36px
    }
}

.primary-chat .head .item .user-img {
    border-radius: 50%;
    max-width: 48px
}

.primary-chat .head .item .info-article {
    margin-left: 7px
}

    .primary-chat .head .item .info-article .full-name {
        color: #474E4F;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.7;
        display: block;
        margin-bottom: -4px
    }

@media (min-width:576px) {
    .primary-chat .head .item .info-article {
        margin-left: 12px
    }

        .primary-chat .head .item .info-article .full-name {
            font-size: 16px
        }
}

.primary-chat .head .item .info-article .company {
    font-size: 12px;
    line-height: 1.3;
    color: #ACBDBF
}

.primary-chat .head .item .phone {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    color: #474E4F
}

.primary-chat .chat-area {
    width: 100%;
    background-color: #EBF2F3;
    display: flex;
    flex-flow: column;
    padding: 24px 24px 65px;
    position: relative
}

    .primary-chat .chat-area .inner-chat-area {
        height: 380px;
        overflow: scroll;
        scroll-behavior: auto;
        overflow-x: hidden;
        display: flex;
        flex-flow: column;
        padding-bottom: 20px;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

        .primary-chat .chat-area .inner-chat-area::-webkit-scrollbar {
            display: none
        }

    .primary-chat .chat-area .message-bubble {
        background-color: #19B3CB;
        max-width: 203px;
        padding: 10px 12px;
        margin-left: auto;
        margin-bottom: 30px;
        position: relative;
        border-radius: 8px 8px 0
    }

@media (min-width:576px) {
    .primary-chat .head .item .phone {
        font-size: 16px
    }

    .primary-chat .chat-area .message-bubble {
        max-width: 308px;
        padding: 16px
    }
}

.primary-chat .chat-area .message-bubble .text {
    font-size: 13px;
    color: #fff;
    display: block;
    line-height: 1.2;
    word-break: break-all
}

.primary-chat .chat-area .message-bubble .date {
    white-space: nowrap
}

.primary-chat .chat-area .message-bubble.from {
    background-color: #fff;
    margin-left: inherit;
    margin-right: auto;
    border-radius: 8px 8px 8px 0
}

    .primary-chat .chat-area .message-bubble.from .text {
        color: #474E4F
    }

    .primary-chat .chat-area .message-bubble.from .time {
        right: inherit;
        left: 0
    }

.primary-chat .chat-area .message-bubble .time {
    position: absolute;
    bottom: -4px;
    right: 0;
    transform: translateY(100%);
    color: #ACBDBF;
    font-size: 12px;
    display: flex;
    flex-flow: row
}

    .primary-chat .chat-area .message-bubble .time .time-txt {
        padding-left: 13px;
        position: relative
    }

        .primary-chat .chat-area .message-bubble .time .time-txt:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(100%,-50%);
            height: 4px;
            width: 4px;
            border-radius: 50%;
            background-color: #ACBDBF
        }

.primary-chat .chat-area .send-area {
    position: absolute;
    bottom: 16px;
    right: 16px;
    left: 16px;
    padding: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 4px
}

@media (min-width:576px) {
    .primary-chat .chat-area .send-area {
        left: 24px;
        right: 24px
    }
}

@media (min-width:992px) {
    .primary-chat .chat-area .send-area {
        left: 16px;
        right: 16px
    }
}

.primary-chat .chat-area .send-area .send-input {
    width: 100%;
    border: 0;
    padding: 16px;
    border-radius: 4px;
    background-color: transparent;
    font-size: 13px;
    color: #474E4F
}

    .primary-chat .chat-area .send-area .send-input::-webkit-input-placeholder {
        color: #ACBDBF
    }

    .primary-chat .chat-area .send-area .send-input:-ms-input-placeholder {
        color: #ACBDBF
    }

    .primary-chat .chat-area .send-area .send-input::placeholder {
        color: #ACBDBF
    }

    .primary-chat .chat-area .send-area .send-input:focus {
        outline: 0
    }

.primary-chat .chat-area .send-area .btn {
    padding: 0;
    line-height: 0
}

    .primary-chat .chat-area .send-area .btn .icon {
        color: #19B3CB;
        font-size: 18px;
        padding-right: 16px
    }

.primary-onboard {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(5px);
    background-color: rgba(18,136,155,.6);
    z-index: 100;
    padding: 32px;
    display: flex;
    flex-flow: column
}

    .primary-onboard:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .4;
        background-color: #000
    }

    .primary-onboard .content {
        position: relative;
        height: 100%;
        z-index: 101
    }

        .primary-onboard .content .counter {
            display: flex;
            flex-flow: row;
            align-items: center;
            position: absolute;
            top: 0;
            left: 0
        }

            .primary-onboard .content .counter .item {
                width: 28px;
                height: 5px;
                border-radius: 2.5px;
                background-color: #fff;
                opacity: .3
            }

                .primary-onboard .content .counter .item:not(:first-child) {
                    margin-left: 8px
                }

                .primary-onboard .content .counter .item.active {
                    opacity: 1
                }

        .primary-onboard .content .onboard-slider,
        .primary-onboard .content .owl-item,
        .primary-onboard .content .owl-stage,
        .primary-onboard .content .owl-stage-outer {
            height: 100%
        }

        .primary-onboard .content .steps {
            padding-top: 65px;
            height: 100%;
            display: flex;
            flex-flow: column;
            justify-content: space-between
        }

            .primary-onboard .content .steps img {
                width: 72px;
                height: 72px;
                margin-bottom: 20px
            }

            .primary-onboard .content .steps .desc {
                font-size: 16px;
                font-weight: 600;
                line-height: 1.7;
                color: #fff;
                max-width: 263px
            }

        .primary-onboard .content .bottom {
            display: flex;
            flex-flow: column;
            align-items: center
        }

            .primary-onboard .content .bottom .btn-general {
                font-size: 16px;
                width: 100%
            }

            .primary-onboard .content .bottom .skip-text {
                font-size: 16px;
                font-weight: 700;
                line-height: 1.7;
                color: #fff;
                margin-top: 22px
            }

.helper {
    border-radius: 4px !important;
    max-width: 200px !important;
    padding: 10px 12px 35px !important
}

    .helper.type-quickview {
        margin-left: -20px
    }

    .helper.mark-side-right:before {
        left: unset;
        top: 15px;
        right: 0;
        transform: translateX(80%) rotate(-90deg)
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .helper.mark-side-right:before {
        display: none
    }
}

.helper.mark-right:before {
    left: auto;
    right: 16px;
    transform: translate(0,-100%) rotate(180deg)
}

.helper.mark-left:before {
    right: auto;
    left: 16px;
    transform: translate(0,-100%) rotate(180deg)
}

.helper.secondary {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between
}

    .helper.secondary [data-tour-elem=controls] {
        margin: 0
    }

@media (min-width:768px) {
    .helper {
        max-width: 320px !important;
        padding: 32px 40px 70px !important
    }

        .helper.secondary {
            padding: 32px 16px 70px !important
        }
}

.helper.secondary .article {
    margin-bottom: 25px;
    padding: 0 20px
}

.helper.secondary .btn-attention {
    width: 140px;
    margin: inherit
}

.helper:before {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-100%) rotate(180deg);
    border-style: solid;
    border-top-width: 7px;
    border-right-width: 8px;
    border-left-width: 8px;
    border-color: #fff transparent transparent
}

.helper:focus {
    outline: 0 !important
}

.helper .reactour__close,
.helper button[data-tour-elem=left-arrow] {
    display: none
}

.helper [data-tour-elem=controls] {
    justify-content: center;
    max-width: inherit
}

.helper [data-tour-elem=right-arrow] {
    margin: 0;
    max-width: 192px;
    width: 100%
}

    .helper [data-tour-elem=right-arrow]:focus {
        outline: 0 !important;
        border: none !important;
        box-shadow: none
    }

.helper .article {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

    .helper .article img {
        margin-bottom: 10px;
        max-width: 30px;
        max-height: 30px
    }

    .helper .article .desc {
        text-align: center;
        font-size: 12px;
        line-height: 1.3;
        color: #474E4F;
        width: 100%
    }

@media (min-width:768px) {
    .helper .article img {
        margin-bottom: 16px;
        max-width: 48px;
        max-height: 48px
    }

    .helper .article .desc {
        font-size: 16px;
        line-height: 1.5
    }
}

.helper .article .desc p {
    margin-bottom: 0
}

.helper .article label {
    flex-flow: row;
    align-items: center;
    margin: 0;
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    left: 0
}

    .helper .article label span {
        margin-left: 8px;
        display: block;
        font-size: 12px;
        line-height: 1.5;
        color: #474E4F;
        cursor: pointer
    }

.helper .article .dark-mode-content {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #E4EEEF;
    border-bottom: 1px solid #E4EEEF;
    margin-top: 15px;
    padding: 5px 15px;
    width: calc(100% + 24px)
}

@media (min-width:768px) {
    .helper .article label {
        bottom: 32px
    }

        .helper .article label span {
            font-size: 14px
        }

    .helper .article .dark-mode-content {
        margin-top: 23px;
        padding: 12px 32px;
        width: calc(100% + 80px)
    }
}

.helper .article .dark-mode-content .text {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    color: #474E4F
}

@media (min-width:768px) {
    .helper .article .dark-mode-content .text {
        font-size: 16px
    }
}

.helper .article .dark-mode-content .btn-switch {
    background-color: #ACBDBF
}

    .helper .article .dark-mode-content .btn-switch.active {
        background-color: #19B3CB
    }

        .helper .article .dark-mode-content .btn-switch.active:before {
            left: inherit;
            right: 4px
        }

    .helper .article .dark-mode-content .btn-switch:before {
        left: 4px
    }

.helper .article .button-wrapper {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    width: calc(100% + 48px);
    margin: 25px 0 -25px
}

    .helper .article .button-wrapper.secondary {
        margin: 25px 0 0
    }

        .helper .article .button-wrapper.secondary .btn-attention {
            max-width: 140px
        }

.helper .btn-attention:focus {
    box-shadow: none
}

.primary-step {
    display: flex;
    flex-flow: row;
    justify-content: space-between
}

    .primary-step .step-item {
        font-size: 14px;
        font-weight: 700;
        color: #89A5A8;
        border: 2px solid #E4EEEF;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transition: all ease .3s
    }

        .primary-step .step-item:not(:last-child):before {
            content: '';
            position: absolute;
            height: 2px;
            width: 80px;
            right: -2px;
            top: 50%;
            transform: translate(100%,-100%);
            background-color: #E4EEEF
        }

@media (min-width:576px) {
    .primary-step .step-item:not(:last-child):before {
        width: 118px
    }
}

.primary-step .step-item.active {
    color: #19B3CB;
    border-color: #19B3CB
}

    .primary-step .step-item.active .title {
        color: #19B3CB
    }

.primary-step .step-item.filled {
    background-color: #19B3CB;
    border-color: #19B3CB;
    color: #fff
}

    .primary-step .step-item.filled .title {
        color: #19B3CB
    }

    .primary-step .step-item.filled:before {
        background-color: #19B3CB
    }

.primary-step .step-item .title {
    position: absolute;
    bottom: -5px;
    transform: translateY(100%);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: #89A5A8;
    width: 88px
}

.primary-map {
    width: auto;
    height: 200px;
    position: relative;
    margin: 0 -20px
}

@media (min-width:768px) {
    .primary-map {
        height: 650px;
        width: 100%;
        margin: 0
    }
}

@media (min-width:992px) {
    .primary-map {
        height: 543px
    }
}

.primary-map #addressSelectionMap {
    width: 100%;
    height: 100%
}

.primary-map .bottom,
.primary-map .top {
    position: absolute;
    left: 8px;
    right: 8px;
    z-index: 1
}

.primary-map .top {
    top: 10px
}

    .primary-map .top .form-area {
        position: relative
    }

        .primary-map .top .form-area:before {
            content: '\e904';
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #19B3CB;
            font-size: 16px;
            font-family: var(--main-font-family);
        }

        .primary-map .top .form-area .search-input {
            background-color: #fff;
            font-size: 14px;
            line-height: 1.5;
            color: #89A5A8;
            width: 100%;
            padding: 10px 10px 10px 40px;
            border-radius: 4px;
            border: 1px solid #E4EEEF
        }

            .primary-map .top .form-area .search-input::-webkit-input-placeholder {
                color: #89A5A8
            }

            .primary-map .top .form-area .search-input:-ms-input-placeholder {
                color: #89A5A8
            }

            .primary-map .top .form-area .search-input::placeholder {
                color: #89A5A8
            }

            .primary-map .top .form-area .search-input:focus {
                outline: 0
            }

.primary-map .bottom {
    bottom: 0
}

@media (max-width:767px) {
    .primary-map .bottom {
        position: relative;
        left: 0;
        right: 0;
        margin: 8px 20px 0
    }
}

.primary-map .bottom .custom-form-group textarea {
    max-height: 88px;
    margin-top: 0
}

.primary-map .bottom .select-area {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .primary-map .bottom .select-area.has-padding .primary-select .css-1hwfws3,
    .primary-map .bottom .select-area.has-padding .primary-select .css-g1d714-ValueContainer {
        padding: 13px !important
    }

    .primary-map .bottom .select-area .custom-form-group {
        max-width: 49%;
        width: 100%;
        margin-top: 0 !important
    }

@media (min-width:992px) {
    .primary-map .bottom .select-area .custom-form-group {
        max-width: 252px
    }
}