img[data-hidden] {

    opacity: 0 !important

}



/*! Bootstrap v4.5.0 */

*,

::after,

::before {

    box-sizing: border-box

}



html {

    font-family: sans-serif;

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: transparent

}



article,

aside,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section {

    display: block

}



body {

    margin: 0;

    background-color: #fff;

    color: #212529;

    text-align: left;

    font-weight: 400;

    font-size: 1rem;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    line-height: 1.5

}



[tabindex="-1"]:focus:not(:focus-visible) {

    outline: 0 !important

}



hr {

    overflow: visible;

    box-sizing: content-box;

    height: 0

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin-top: 0;

    margin-bottom: .5rem

}



p {

    margin-top: 0;

    margin-bottom: 1rem

}



abbr[data-original-title],

abbr[title] {

    border-bottom: 0;

    text-decoration: underline;

    text-decoration: underline dotted;

    cursor: help;

    -webkit-text-decoration: underline dotted;

    -webkit-text-decoration-skip-ink: none;

    text-decoration-skip-ink: none

}



address {

    margin-bottom: 1rem;

    font-style: normal;

    line-height: inherit

}



dl,

ol,

ul {

    margin-top: 0;

    margin-bottom: 1rem

}



ol ol,

ol ul,

ul ol,

ul ul {

    margin-bottom: 0

}



dt {

    font-weight: 700

}



dd {

    margin-bottom: .5rem;

    margin-left: 0

}



blockquote {

    margin: 0 0 1rem

}



b,

strong {

    font-weight: bolder

}



small {

    font-size: 80%

}



sub,

sup {

    position: relative;

    vertical-align: baseline;

    font-size: 75%;

    line-height: 0

}



sub {

    bottom: -.25em

}



sup {

    top: -.5em

}



a {

    background-color: transparent;

    color: #007bff;

    text-decoration: none

}



a:hover {

    color: #0056b3;

    text-decoration: underline

}



a:not([href]) {

    color: inherit;

    text-decoration: none

}



a:not([href]):hover {

    color: inherit;

    text-decoration: none

}



code,

kbd,

pre,

samp {

    font-size: 1em;

    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace

}



pre {

    overflow: auto;

    margin-top: 0;

    margin-bottom: 1rem;

    -ms-overflow-style: scrollbar

}



figure {

    margin: 0 0 1rem

}



img {

    border-style: none;

    vertical-align: middle

}



svg {

    overflow: hidden;

    vertical-align: middle

}



table {

    border-collapse: collapse

}



caption {

    padding-top: .75rem;

    padding-bottom: .75rem;

    color: #6c757d;

    caption-side: bottom;

    text-align: left

}



th {

    text-align: inherit

}



label {

    display: inline-block;

    margin-bottom: .5rem

}



button {

    border-radius: 0

}



button:focus {

    outline: 1px dotted;

    outline: 5px auto -webkit-focus-ring-color

}



button,

input,

optgroup,

select,

textarea {

    margin: 0;

    font-size: inherit;

    font-family: inherit;

    line-height: inherit

}



button,

input {

    overflow: visible

}



button,

select {

    text-transform: none

}



[role=button] {

    cursor: pointer

}



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=checkbox],

input[type=radio] {

    box-sizing: border-box;

    padding: 0

}



textarea {

    overflow: auto;

    resize: vertical

}



fieldset {

    margin: 0;

    padding: 0;

    min-width: 0;

    border: 0

}



legend {

    display: block;

    margin-bottom: .5rem;

    padding: 0;

    width: 100%;

    max-width: 100%;

    color: inherit;

    white-space: normal;

    font-size: 1.5rem;

    line-height: inherit

}



progress {

    vertical-align: baseline

}



[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

}



output {

    display: inline-block

}



summary {

    display: list-item;

    cursor: pointer

}



template {

    display: none

}



[hidden] {

    display: none !important

}



hr {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 1px solid rgba(0, 0, 0, .1)

}



.small,

small {

    font-weight: 400;

    font-size: 80%

}



.img-fluid {

    height: auto;

    max-width: 100%

}



.container {

    margin-right: auto;

    margin-left: auto;

    padding-right: 15px;

    padding-left: 15px;

    width: 100%

}



@media(min-width: 576px) {

    .container {

        max-width: 540px

    }

}



@media(min-width: 768px) {

    .container {

        max-width: 720px

    }

}



@media(min-width: 992px) {

    .container {

        max-width: 960px

    }

}



@media(min-width: 1200px) {

    .container {

        max-width: 1140px

    }

}



.container-fluid,

.container-lg,

.container-md,

.container-sm,

.container-xl {

    margin-right: auto;

    margin-left: auto;

    padding-right: 15px;

    padding-left: 15px;

    width: 100%

}



@media(min-width: 576px) {



    .container,

    .container-sm {

        max-width: 540px

    }

}



@media(min-width: 768px) {



    .container,

    .container-md,

    .container-sm {

        max-width: 720px

    }

}



@media(min-width: 992px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm {

        max-width: 960px

    }

}



@media(min-width: 1200px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl {

        max-width: 1140px

    }

}



.row {

    display: -ms-flexbox;

    display: flex;

    margin-right: -15px;

    margin-left: -15px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.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-2,

.col-2_4,

.col-3,

.col-4,

.col-5,

.col-6,

.col-7,

.col-8,

.col-9,

.col-auto,

.col-lg,

.col-lg-1,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg-2,

.col-lg-2_4,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-lg-auto,

.col-md,

.col-md-1,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md-2,

.col-md-2_4,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-auto,

.col-sm,

.col-sm-1,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-sm-2,

.col-sm-2_4,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-sm-auto,

.col-xl,

.col-xl-1,

.col-xl-10,

.col-xl-11,

.col-xl-12,

.col-xl-2,

.col-xl-2_4,

.col-xl-3,

.col-xl-4,

.col-xl-5,

.col-xl-6,

.col-xl-7,

.col-xl-8,

.col-xl-9,

.col-xl-auto {

    position: relative;

    padding-right: 15px;

    padding-left: 15px;

    width: 100%

}



.col {

    max-width: 100%;

    min-width: 0;

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.col-auto {

    width: auto;

    max-width: 100%;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto

}



.col-1 {

    max-width: 8.333333%;

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%

}



.col-2 {

    max-width: 16.666667%;

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%

}



.col-2_4 {

    max-width: 20%;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%

}



.col-3 {

    max-width: 25%;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%

}



.col-4 {

    max-width: 33.333333%;

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%

}



.col-5 {

    max-width: 41.666667%;

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%

}



.col-6 {

    max-width: 50%;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%

}



.col-7 {

    max-width: 58.333333%;

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%

}



.col-8 {

    max-width: 66.666667%;

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%

}



.col-9 {

    max-width: 75%;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%

}



.col-10 {

    max-width: 83.333333%;

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%

}



.col-11 {

    max-width: 91.666667%;

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%

}



.col-12 {

    max-width: 100%;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%

}



@media(min-width: 576px) {

    .col-sm {

        max-width: 100%;

        min-width: 0;

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1

    }



    .col-sm-auto {

        width: auto;

        max-width: 100%;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto

    }



    .col-sm-1 {

        max-width: 8.333333%;

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%

    }



    .col-sm-2 {

        max-width: 16.666667%;

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%

    }



    .col-sm-2_4 {

        max-width: 20%;

        -ms-flex: 0 0 20%;

        flex: 0 0 20%

    }



    .col-sm-3 {

        max-width: 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%

    }



    .col-sm-4 {

        max-width: 33.333333%;

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%

    }



    .col-sm-5 {

        max-width: 41.666667%;

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%

    }



    .col-sm-6 {

        max-width: 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%

    }



    .col-sm-7 {

        max-width: 58.333333%;

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%

    }



    .col-sm-8 {

        max-width: 66.666667%;

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%

    }



    .col-sm-9 {

        max-width: 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%

    }



    .col-sm-10 {

        max-width: 83.333333%;

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%

    }



    .col-sm-11 {

        max-width: 91.666667%;

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%

    }



    .col-sm-12 {

        max-width: 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%

    }

}



@media(min-width: 768px) {

    .col-md {

        max-width: 100%;

        min-width: 0;

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1

    }



    .col-md-auto {

        width: auto;

        max-width: 100%;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto

    }



    .col-md-1 {

        max-width: 8.333333%;

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%

    }



    .col-md-2 {

        max-width: 16.666667%;

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%

    }



    .col-md-2_4 {

        max-width: 20%;

        -ms-flex: 0 0 20%;

        flex: 0 0 20%

    }



    .col-md-3 {

        max-width: 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%

    }



    .col-md-4 {

        max-width: 33.333333%;

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%

    }



    .col-md-5 {

        max-width: 41.666667%;

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%

    }



    .col-md-6 {

        max-width: 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%

    }



    .col-md-7 {

        max-width: 58.333333%;

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%

    }



    .col-md-8 {

        max-width: 66.666667%;

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%

    }



    .col-md-9 {

        max-width: 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%

    }



    .col-md-10 {

        max-width: 83.333333%;

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%

    }



    .col-md-11 {

        max-width: 91.666667%;

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%

    }



    .col-md-12 {

        max-width: 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%

    }

}



@media(min-width: 992px) {

    .col-lg {

        max-width: 100%;

        min-width: 0;

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1

    }



    .col-lg-auto {

        width: auto;

        max-width: 100%;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto

    }



    .col-lg-1 {

        max-width: 8.333333%;

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%

    }



    .col-lg-2 {

        max-width: 16.666667%;

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%

    }



    .col-lg-2_4 {

        max-width: 20%;

        -ms-flex: 0 0 20%;

        flex: 0 0 20%

    }



    .col-lg-3 {

        max-width: 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%

    }



    .col-lg-4 {

        max-width: 33.333333%;

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%

    }



    .col-lg-5 {

        max-width: 41.666667%;

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%

    }



    .col-lg-6 {

        max-width: 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%

    }



    .col-lg-7 {

        max-width: 58.333333%;

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%

    }



    .col-lg-8 {

        max-width: 66.666667%;

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%

    }



    .col-lg-9 {

        max-width: 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%

    }



    .col-lg-10 {

        max-width: 83.333333%;

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%

    }



    .col-lg-11 {

        max-width: 91.666667%;

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%

    }



    .col-lg-12 {

        max-width: 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%

    }

}



@media(min-width: 1200px) {

    .col-xl {

        max-width: 100%;

        min-width: 0;

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1

    }



    .col-xl-auto {

        width: auto;

        max-width: 100%;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto

    }



    .col-xl-1 {

        max-width: 8.333333%;

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%

    }



    .col-xl-2 {

        max-width: 16.666667%;

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%

    }



    .col-xl-2_4 {

        max-width: 20%;

        -ms-flex: 0 0 20%;

        flex: 0 0 20%

    }



    .col-xl-3 {

        max-width: 25%;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%

    }



    .col-xl-4 {

        max-width: 33.333333%;

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%

    }



    .col-xl-5 {

        max-width: 41.666667%;

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%

    }



    .col-xl-6 {

        max-width: 50%;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%

    }



    .col-xl-7 {

        max-width: 58.333333%;

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%

    }



    .col-xl-8 {

        max-width: 66.666667%;

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%

    }



    .col-xl-9 {

        max-width: 75%;

        -ms-flex: 0 0 75%;

        flex: 0 0 75%

    }



    .col-xl-10 {

        max-width: 83.333333%;

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%

    }



    .col-xl-11 {

        max-width: 91.666667%;

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%

    }



    .col-xl-12 {

        max-width: 100%;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%

    }

}



.table {

    margin-bottom: 1rem;

    width: 100%;

    color: #212529

}



.table td,

.table th {

    padding: .75rem;

    border-top: 1px solid #dee2e6;

    vertical-align: top

}



.table thead th {

    border-bottom: 2px solid #dee2e6;

    vertical-align: bottom

}



.table tbody+tbody {

    border-top: 2px solid #dee2e6

}



.table-sm td,

.table-sm th {

    padding: .3rem

}



.table-bordered {

    border: 1px solid #dee2e6

}



.table-bordered td,

.table-bordered th {

    border: 1px solid #dee2e6

}



.table-bordered thead td,

.table-bordered thead th {

    border-bottom-width: 2px

}



.table-hover tbody tr:hover {

    background-color: rgba(0, 0, 0, .075);

    color: #212529

}



@media(max-width: 575.98px) {

    .table-responsive-sm {

        display: block;

        overflow-x: auto;

        width: 100%;

        -webkit-overflow-scrolling: touch

    }



    .table-responsive-sm>.table-bordered {

        border: 0

    }

}



@media(max-width: 767.98px) {

    .table-responsive-md {

        display: block;

        overflow-x: auto;

        width: 100%;

        -webkit-overflow-scrolling: touch

    }



    .table-responsive-md>.table-bordered {

        border: 0

    }

}



@media(max-width: 991.98px) {

    .table-responsive-lg {

        display: block;

        overflow-x: auto;

        width: 100%;

        -webkit-overflow-scrolling: touch

    }



    .table-responsive-lg>.table-bordered {

        border: 0

    }

}



@media(max-width: 1199.98px) {

    .table-responsive-xl {

        display: block;

        overflow-x: auto;

        width: 100%;

        -webkit-overflow-scrolling: touch

    }



    .table-responsive-xl>.table-bordered {

        border: 0

    }

}



.table-responsive {

    display: block;

    overflow-x: auto;

    width: 100%;

    -webkit-overflow-scrolling: touch

}



.table-responsive>.table-bordered {

    border: 0

}



.form-control {

    display: block;

    padding: .375rem .75rem;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    border: 1px solid #ced4da;

    border-radius: .25rem;

    background-color: #fff;

    background-clip: padding-box;

    color: #495057;

    font-weight: 400;

    font-size: 1rem;

    line-height: 1.5;

    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 {

    border: 0;

    background-color: transparent

}



.form-control:-moz-focusring {

    color: transparent;

    text-shadow: 0 0 0 #495057

}



.form-control:focus {

    outline: 0;

    border-color: #80bdff;

    background-color: #fff;

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);

    color: #495057

}



.form-control::-webkit-input-placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control::-moz-placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control:-ms-input-placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control::-ms-input-placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control::placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control:disabled,

.form-control[readonly] {

    background-color: #e9ecef;

    opacity: 1

}



input[type=date].form-control,

input[type=datetime-local].form-control,

input[type=month].form-control,

input[type=time].form-control {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



select.form-control:focus::-ms-value {

    background-color: #fff;

    color: #495057

}



.form-control-file,

.form-control-range {

    display: block;

    width: 100%

}



.col-form-label {

    margin-bottom: 0;

    padding-top: calc(.375rem + 1px);

    padding-bottom: calc(.375rem + 1px);

    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;

    margin-bottom: 0;

    padding: .375rem 0;

    width: 100%;

    border: solid transparent;

    border-width: 1px 0;

    background-color: transparent;

    color: #212529;

    font-size: 1rem;

    line-height: 1.5

}



.form-control-plaintext.form-control-lg,

.form-control-plaintext.form-control-sm {

    padding-right: 0;

    padding-left: 0

}



.form-control-sm {

    padding: .25rem .5rem;

    height: calc(1.5em + .5rem + 2px);

    border-radius: .2rem;

    font-size: .875rem;

    line-height: 1.5

}



.form-control-lg {

    padding: .5rem 1rem;

    height: calc(1.5em + 1rem + 2px);

    border-radius: .3rem;

    font-size: 1.25rem;

    line-height: 1.5

}



select.form-control[multiple],

select.form-control[size] {

    height: auto

}



textarea.form-control {

    height: auto

}



.form-group {

    margin-bottom: 1rem

}



.form-text {

    display: block;

    margin-top: .25rem

}



.form-row {

    display: -ms-flexbox;

    display: flex;

    margin-right: -5px;

    margin-left: -5px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.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: -ms-inline-flexbox;

    display: inline-flex;

    margin-right: .75rem;

    padding-left: 0;

    -ms-flex-align: center;

    align-items: center

}



.form-check-inline .form-check-input {

    position: static;

    margin-top: 0;

    margin-right: .3125rem;

    margin-left: 0

}



.valid-feedback {

    display: none;

    margin-top: .25rem;

    width: 100%;

    color: #28a745;

    font-size: 80%

}



.valid-tooltip {

    position: absolute;

    top: 100%;

    z-index: 5;

    display: none;

    margin-top: .1rem;

    padding: .25rem .5rem;

    max-width: 100%;

    border-radius: .25rem;

    background-color: rgba(40, 167, 69, .9);

    color: #fff;

    font-size: .875rem;

    line-height: 1.5

}



.is-valid~.valid-feedback,

.is-valid~.valid-tooltip,

.was-validated :valid~.valid-feedback,

.was-validated :valid~.valid-tooltip {

    display: block

}



.form-control.is-valid,

.was-validated .form-control:valid {

    padding-right: calc(1.5em + .75rem);

    border-color: #28a745;

    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-position: right calc(.375em + .1875rem) center;

    background-size: calc(.75em + .375rem) calc(.75em + .375rem);

    background-repeat: no-repeat

}



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

    padding-right: calc(.75em + 2.3125rem);

    border-color: #28a745;

    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") no-repeat right .75rem center/8px 10px, 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") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)

}



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

}



.form-check-input.is-valid~.form-check-label,

.was-validated .form-check-input:valid~.form-check-label {

    color: #28a745

}



.form-check-input.is-valid~.valid-feedback,

.form-check-input.is-valid~.valid-tooltip,

.was-validated .form-check-input:valid~.valid-feedback,

.was-validated .form-check-input:valid~.valid-tooltip {

    display: block

}



.custom-control-input.is-valid~.custom-control-label,

.was-validated .custom-control-input:valid~.custom-control-label {

    color: #28a745

}



.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;

    margin-top: .25rem;

    width: 100%;

    color: #dc3545;

    font-size: 80%

}



.invalid-tooltip {

    position: absolute;

    top: 100%;

    z-index: 5;

    display: none;

    margin-top: .1rem;

    padding: .25rem .5rem;

    max-width: 100%;

    border-radius: .25rem;

    background-color: rgba(220, 53, 69, .9);

    color: #fff;

    font-size: .875rem;

    line-height: 1.5

}



.is-invalid~.invalid-feedback,

.is-invalid~.invalid-tooltip,

.was-validated :invalid~.invalid-feedback,

.was-validated :invalid~.invalid-tooltip {

    display: block

}



.form-control.is-invalid,

.was-validated .form-control:invalid {

    padding-right: calc(1.5em + .75rem);

    border-color: #dc3545;

    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-position: right calc(.375em + .1875rem) center;

    background-size: calc(.75em + .375rem) calc(.75em + .375rem);

    background-repeat: no-repeat

}



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

    padding-right: calc(.75em + 2.3125rem);

    border-color: #dc3545;

    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") no-repeat right .75rem center/8px 10px, 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") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)

}



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

}



.form-check-input.is-invalid~.form-check-label,

.was-validated .form-check-input:invalid~.form-check-label {

    color: #dc3545

}



.form-check-input.is-invalid~.invalid-feedback,

.form-check-input.is-invalid~.invalid-tooltip,

.was-validated .form-check-input:invalid~.invalid-feedback,

.was-validated .form-check-input:invalid~.invalid-tooltip {

    display: block

}



.custom-control-input.is-invalid~.custom-control-label,

.was-validated .custom-control-input:invalid~.custom-control-label {

    color: #dc3545

}



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

}



.btn {

    display: inline-block;

    padding: .375rem .75rem;

    border: 1px solid transparent;

    border-radius: .25rem;

    background-color: transparent;

    color: #212529;

    vertical-align: middle;

    text-align: center;

    font-weight: 400;

    font-size: 1rem;

    line-height: 1.5;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



@media(prefers-reduced-motion:reduce) {

    .btn {

        transition: none

    }

}



.btn:hover {

    color: #212529;

    text-decoration: none

}



.btn.focus,

.btn:focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)

}



.btn.disabled,

.btn:disabled {

    opacity: .65

}



.btn:not(:disabled):not(.disabled) {

    cursor: pointer

}



a.btn.disabled,

fieldset:disabled a.btn {

    pointer-events: none

}



input[type=button].btn-block,

input[type=reset].btn-block,

input[type=submit].btn-block {

    width: 100%

}



.fade {

    transition: opacity .15s linear

}



@media(prefers-reduced-motion:reduce) {

    .fade {

        transition: none

    }

}



.fade:not(.show) {

    opacity: 0

}



.collapse:not(.show) {

    display: none

}



.collapsing {

    position: relative;

    overflow: hidden;

    height: 0;

    transition: height .35s ease

}



@media(prefers-reduced-motion:reduce) {

    .collapsing {

        transition: none

    }

}



.dropdown,

.dropleft,

.dropright,

.dropup {

    position: relative

}



.dropdown-toggle {

    white-space: nowrap

}



.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;

    content: "";

    vertical-align: .255em

}



.dropdown-toggle:empty::after {

    margin-left: 0

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    float: left;

    display: none;

    margin: .125rem 0 0;

    padding: .5rem 0;

    min-width: 10rem;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: .25rem;

    background-color: #fff;

    background-clip: padding-box;

    color: #212529;

    list-style: none;

    text-align: left;

    font-size: 1rem

}



.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

    }

}



.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;

    content: "";

    vertical-align: .255em

}



.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-top: .3em solid transparent;

    border-right: 0;

    border-bottom: .3em solid transparent;

    border-left: .3em solid;

    content: "";

    vertical-align: .255em

}



.dropright .dropdown-toggle:empty::after {

    margin-left: 0

}



.dropright .dropdown-toggle::after {

    vertical-align: 0

}



.dropleft .dropdown-menu {

    top: 0;

    right: 100%;

    left: auto;

    margin-top: 0;

    margin-right: .125rem

}



.dropleft .dropdown-toggle::after {

    display: inline-block;

    margin-left: .255em;

    content: "";

    vertical-align: .255em

}



.dropleft .dropdown-toggle::after {

    display: none

}



.dropleft .dropdown-toggle::before {

    display: inline-block;

    margin-right: .255em;

    border-top: .3em solid transparent;

    border-right: .3em solid;

    border-bottom: .3em solid transparent;

    content: "";

    vertical-align: .255em

}



.dropleft .dropdown-toggle:empty::after {

    margin-left: 0

}



.dropleft .dropdown-toggle::before {

    vertical-align: 0

}



.dropdown-menu[x-placement^=bottom],

.dropdown-menu[x-placement^=left],

.dropdown-menu[x-placement^=right],

.dropdown-menu[x-placement^=top] {

    right: auto;

    bottom: auto

}



.dropdown-divider {

    overflow: hidden;

    margin: .5rem 0;

    height: 0;

    border-top: 1px solid #e9ecef

}



.dropdown-item {

    clear: both;

    display: block;

    padding: .25rem 1.5rem;

    width: 100%;

    border: 0;

    background-color: transparent;

    color: #212529;

    text-align: inherit;

    white-space: nowrap;

    font-weight: 400

}



.dropdown-item:focus,

.dropdown-item:hover {

    background-color: #f8f9fa;

    color: #16181b;

    text-decoration: none

}



.dropdown-item.active,

.dropdown-item:active {

    background-color: #007bff;

    color: #fff;

    text-decoration: none

}



.dropdown-item.disabled,

.dropdown-item:disabled {

    background-color: transparent;

    color: #6c757d;

    pointer-events: none

}



.dropdown-menu.show {

    display: block

}



.dropdown-header {

    display: block;

    margin-bottom: 0;

    padding: .5rem 1.5rem;

    color: #6c757d;

    white-space: nowrap;

    font-size: .875rem

}



.dropdown-item-text {

    display: block;

    padding: .25rem 1.5rem;

    color: #212529

}



.custom-control {

    position: relative;

    display: block;

    padding-left: 1.5rem;

    min-height: 1.5rem

}



.custom-control-inline {

    display: -ms-inline-flexbox;

    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 {

    border-color: #007bff;

    background-color: #007bff;

    color: #fff

}



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

    border-color: #b3d7ff;

    background-color: #b3d7ff;

    color: #fff

}



.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;

    margin-bottom: 0;

    vertical-align: top

}



.custom-control-label::before {

    position: absolute;

    top: .25rem;

    left: -1.5rem;

    display: block;

    width: 1rem;

    height: 1rem;

    border: #adb5bd solid 1px;

    background-color: #fff;

    content: "";

    pointer-events: none

}



.custom-control-label::after {

    position: absolute;

    top: .25rem;

    left: -1.5rem;

    display: block;

    width: 1rem;

    height: 1rem;

    background: no-repeat 50%/50% 50%;

    content: ""

}



.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;

    border-radius: .5rem;

    pointer-events: all

}



.custom-switch .custom-control-label::after {

    top: calc(.25rem + 2px);

    left: calc(-2.25rem + 2px);

    width: calc(1rem - 4px);

    height: calc(1rem - 4px);

    border-radius: .5rem;

    background-color: #adb5bd;

    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;

    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .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;

    -webkit-transform: translateX(.75rem);

    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;

    padding: .375rem 1.75rem .375rem .75rem;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    border: 1px solid #ced4da;

    border-radius: .25rem;

    background: #fff 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") no-repeat right .75rem center/8px 10px;

    color: #495057;

    vertical-align: middle;

    font-weight: 400;

    font-size: 1rem;

    line-height: 1.5;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.custom-select:focus {

    outline: 0;

    border-color: #80bdff;

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)

}



.custom-select:focus::-ms-value {

    background-color: #fff;

    color: #495057

}



.custom-select[multiple],

.custom-select[size]:not([size="1"]) {

    padding-right: .75rem;

    height: auto;

    background-image: none

}



.custom-select:disabled {

    background-color: #e9ecef;

    color: #6c757d

}



.custom-select::-ms-expand {

    display: none

}



.custom-select:-moz-focusring {

    color: transparent;

    text-shadow: 0 0 0 #495057

}



.custom-select-sm {

    padding-top: .25rem;

    padding-bottom: .25rem;

    padding-left: .5rem;

    height: calc(1.5em + .5rem + 2px);

    font-size: .875rem

}



.custom-select-lg {

    padding-top: .5rem;

    padding-bottom: .5rem;

    padding-left: 1rem;

    height: calc(1.5em + 1rem + 2px);

    font-size: 1.25rem

}



.custom-file {

    position: relative;

    display: inline-block;

    margin-bottom: 0;

    width: 100%;

    height: calc(1.5em + .75rem + 2px)

}



.custom-file-input {

    position: relative;

    z-index: 2;

    margin: 0;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    opacity: 0

}



.custom-file-input:focus~.custom-file-label {

    border-color: #80bdff;

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)

}



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

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1;

    padding: .375rem .75rem;

    height: calc(1.5em + .75rem + 2px);

    border: 1px solid #ced4da;

    border-radius: .25rem;

    background-color: #fff;

    color: #495057;

    font-weight: 400;

    line-height: 1.5

}



.custom-file-label::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 3;

    display: block;

    padding: .375rem .75rem;

    height: calc(1.5em + .75rem);

    border-left: inherit;

    border-radius: 0 .25rem .25rem 0;

    background-color: #e9ecef;

    color: #495057;

    content: "Browse";

    line-height: 1.5

}



.custom-range {

    padding: 0;

    width: 100%;

    height: 1.4rem;

    background-color: transparent;

    -webkit-appearance: none;

    -moz-appearance: none;

    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 {

    margin-top: -.25rem;

    width: 1rem;

    height: 1rem;

    border: 0;

    border-radius: 1rem;

    background-color: #007bff;

    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -webkit-appearance: none;

    appearance: none

}



@media(prefers-reduced-motion:reduce) {

    .custom-range::-webkit-slider-thumb {

        -webkit-transition: none;

        transition: none

    }

}



.custom-range::-webkit-slider-thumb:active {

    background-color: #b3d7ff

}



.custom-range::-webkit-slider-runnable-track {

    width: 100%;

    height: .5rem;

    border-color: transparent;

    border-radius: 1rem;

    background-color: #dee2e6;

    color: transparent;

    cursor: pointer

}



.custom-range::-moz-range-thumb {

    width: 1rem;

    height: 1rem;

    border: 0;

    border-radius: 1rem;

    background-color: #007bff;

    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -moz-appearance: none;

    appearance: none

}



@media(prefers-reduced-motion:reduce) {

    .custom-range::-moz-range-thumb {

        -moz-transition: none;

        transition: none

    }

}



.custom-range::-moz-range-thumb:active {

    background-color: #b3d7ff

}



.custom-range::-moz-range-track {

    width: 100%;

    height: .5rem;

    border-color: transparent;

    border-radius: 1rem;

    background-color: #dee2e6;

    color: transparent;

    cursor: pointer

}



.custom-range::-ms-thumb {

    margin-top: 0;

    margin-right: .2rem;

    margin-left: .2rem;

    width: 1rem;

    height: 1rem;

    border: 0;

    border-radius: 1rem;

    background-color: #007bff;

    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -ms-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;

        -ms-transition: none

    }

}



.custom-range::-ms-thumb:active {

    background-color: #b3d7ff

}



.custom-range::-ms-track {

    width: 100%;

    height: .5rem;

    border-color: transparent;

    border-width: .5rem;

    background-color: transparent;

    color: transparent;

    cursor: pointer

}



.custom-range::-ms-fill-lower {

    border-radius: 1rem;

    background-color: #dee2e6

}



.custom-range::-ms-fill-upper {

    margin-right: 15px;

    border-radius: 1rem;

    background-color: #dee2e6

}



.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: -ms-flexbox;

    display: flex;

    margin-bottom: 0;

    padding-left: 0;

    list-style: none;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.nav-link {

    display: block;

    padding: .5rem 1rem

}



.nav-link:focus,

.nav-link:hover {

    text-decoration: none

}



.nav-link.disabled {

    color: #6c757d;

    cursor: default;

    pointer-events: none

}



.nav-tabs {

    border-bottom: 1px solid #dee2e6

}



.nav-tabs .nav-item {

    margin-bottom: -1px

}



.nav-tabs .nav-link {

    border: 1px solid transparent;

    border-top-right-radius: .25rem;

    border-top-left-radius: .25rem

}



.nav-tabs .nav-link:focus,

.nav-tabs .nav-link:hover {

    border-color: #e9ecef #e9ecef #dee2e6

}



.nav-tabs .nav-link.disabled {

    border-color: transparent;

    background-color: transparent;

    color: #6c757d

}



.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

    border-color: #dee2e6 #dee2e6 #fff;

    background-color: #fff;

    color: #495057

}



.nav-tabs .dropdown-menu {

    margin-top: -1px;

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.nav-pills .nav-link {

    border-radius: .25rem

}



.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

    background-color: #007bff;

    color: #fff

}



.nav-fill .nav-item {

    text-align: center;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto

}



.nav-justified .nav-item {

    text-align: center;

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.tab-content>.tab-pane {

    display: none

}



.tab-content>.active {

    display: block

}



.alert {

    position: relative;

    margin-bottom: 1rem;

    padding: .75rem 1.25rem;

    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 {

    border-color: #b8daff;

    background-color: #cce5ff;

    color: #004085

}



.alert-primary hr {

    border-top-color: #9fcdff

}



.alert-primary .alert-link {

    color: #002752

}



.alert-secondary {

    border-color: #d6d8db;

    background-color: #e2e3e5;

    color: #383d41

}



.alert-secondary hr {

    border-top-color: #c8cbcf

}



.alert-secondary .alert-link {

    color: #202326

}



.alert-success {

    border-color: #c3e6cb;

    background-color: #d4edda;

    color: #155724

}



.alert-success hr {

    border-top-color: #b1dfbb

}



.alert-success .alert-link {

    color: #0b2e13

}



.alert-info {

    border-color: #bee5eb;

    background-color: #d1ecf1;

    color: #0c5460

}



.alert-info hr {

    border-top-color: #abdde5

}



.alert-info .alert-link {

    color: #062c33

}



.alert-warning {

    border-color: #ffeeba;

    background-color: #fff3cd;

    color: #856404

}



.alert-warning hr {

    border-top-color: #ffe8a1

}



.alert-warning .alert-link {

    color: #533f03

}



.alert-danger {

    border-color: #f5c6cb;

    background-color: #f8d7da;

    color: #721c24

}



.alert-danger hr {

    border-top-color: #f1b0b7

}



.alert-danger .alert-link {

    color: #491217

}



.alert-light {

    border-color: #fdfdfe;

    background-color: #fefefe;

    color: #818182;

    font-size: 12px

}



.alert-light hr {

    border-top-color: #ececf6

}



.alert-light .alert-link {

    color: #686868

}



.alert-dark {

    border-color: #c6c8ca;

    background-color: #d6d8d9;

    color: #1b1e21

}



.alert-dark hr {

    border-top-color: #b9bbbe

}



.alert-dark .alert-link {

    color: #040505

}



.list-group {

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 0;

    padding-left: 0;

    border-radius: .25rem;

    -ms-flex-direction: column;

    flex-direction: column

}



.list-group-item {

    position: relative;

    display: block;

    padding: .75rem 1.25rem;

    border: 1px solid rgba(0, 0, 0, .125);

    background-color: #fff

}



.close {

    float: right;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    font-weight: 700;

    font-size: 1.5rem;

    line-height: 1;

    opacity: .5

}



.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;

    border: 0;

    background-color: transparent

}



a.close.disabled {

    pointer-events: none

}



.modal-open {

    overflow: hidden

}



.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto

}



.modal {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1050;

    display: none;

    overflow: hidden;

    width: 100%;

    height: 100%;

    outline: 0

}



.modal-dialog {

    position: relative;

    margin: .5rem;

    width: auto;

    pointer-events: none

}



.modal.fade .modal-dialog {

    transition: -webkit-transform .3s ease-out;

    transition: transform .3s ease-out;

    transition: transform .3s ease-out, -webkit-transform .3s ease-out;

    -webkit-transform: translate(0, -50px);

    transform: translate(0, -50px)

}



@media(prefers-reduced-motion:reduce) {

    .modal.fade .modal-dialog {

        transition: none

    }

}



.modal.show .modal-dialog {

    -webkit-transform: none;

    transform: none

}



.modal.modal-static .modal-dialog {

    -webkit-transform: scale(1.02);

    transform: scale(1.02)

}



.modal-dialog-scrollable {

    display: -ms-flexbox;

    display: flex;

    max-height: calc(100% - 1rem)

}



.modal-dialog-scrollable .modal-content {

    overflow: hidden;

    max-height: calc(100vh - 1rem)

}



.modal-dialog-scrollable .modal-footer,

.modal-dialog-scrollable .modal-header {

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.modal-dialog-scrollable .modal-body {

    overflow-y: auto

}



.modal-dialog-centered {

    display: -ms-flexbox;

    display: flex;

    min-height: calc(100% - 1rem);

    -ms-flex-align: center;

    align-items: center

}



.modal-dialog-centered::before {

    display: block;

    height: calc(100vh - 1rem);

    height: -webkit-min-content;

    height: -moz-min-content;

    height: min-content;

    content: ""

}



.modal-dialog-centered.modal-dialog-scrollable {

    height: 100%;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: center;

    justify-content: center

}



.modal-dialog-centered.modal-dialog-scrollable .modal-content {

    max-height: none

}



.modal-dialog-centered.modal-dialog-scrollable::before {

    content: none

}



.modal-content {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    outline: 0;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: .3rem;

    background-color: #fff;

    background-clip: padding-box;

    -ms-flex-direction: column;

    flex-direction: column;

    pointer-events: auto

}



.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: -ms-flexbox;

    display: flex;

    padding: 1rem 1rem;

    border-bottom: 1px solid #dee2e6;

    border-top-right-radius: calc(.3rem - 1px);

    border-top-left-radius: calc(.3rem - 1px);

    -ms-flex-align: start;

    align-items: flex-start;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.modal-header .close {

    margin: -1rem -1rem -1rem auto;

    padding: 1rem 1rem

}



.modal-title {

    margin-bottom: 0;

    line-height: 1.5

}



.modal-body {

    position: relative;

    padding: 1rem;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto

}



.modal-footer {

    display: -ms-flexbox;

    display: flex;

    padding: .75rem;

    border-top: 1px solid #dee2e6;

    border-bottom-right-radius: calc(.3rem - 1px);

    border-bottom-left-radius: calc(.3rem - 1px);

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.modal-footer>* {

    margin: .25rem

}



.modal-scrollbar-measure {

    position: absolute;

    top: -9999px;

    overflow: scroll;

    width: 50px;

    height: 50px

}



@media(min-width: 576px) {

    .modal-dialog {

        margin: 1.75rem auto;

        max-width: 500px

    }



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

        height: -webkit-min-content;

        height: -moz-min-content;

        height: min-content

    }



    .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

    }

}



@-webkit-keyframes spinner-border {

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes spinner-border {

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.spinner-border {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    border: .25em solid currentColor;

    border-radius: 50%;

    vertical-align: text-bottom;

    border-right-color: transparent;

    -webkit-animation: spinner-border .75s linear infinite;

    animation: spinner-border .75s linear infinite

}



.spinner-border-sm {

    width: 1rem;

    height: 1rem;

    border-width: .2em

}



@-webkit-keyframes spinner-grow {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }



    50% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes spinner-grow {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }



    50% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



.spinner-grow {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    border-radius: 50%;

    background-color: currentColor;

    vertical-align: text-bottom;

    opacity: 0;

    -webkit-animation: spinner-grow .75s linear infinite;

    animation: spinner-grow .75s linear infinite

}



.spinner-grow-sm {

    width: 1rem;

    height: 1rem

}



.clearfix::after {

    clear: both;

    display: block;

    content: ""

}



.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: -ms-flexbox !important;

    display: flex !important

}



.d-inline-flex {

    display: -ms-inline-flexbox !important;

    display: inline-flex !important

}



.flex-row {

    -ms-flex-direction: row !important;

    flex-direction: row !important

}



.flex-column {

    -ms-flex-direction: column !important;

    flex-direction: column !important

}



.flex-row-reverse {

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important

}



.flex-column-reverse {

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important

}



.flex-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important

}



.flex-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important

}



.flex-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important

}



.flex-fill {

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important

}



.flex-grow-0 {

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important

}



.flex-grow-1 {

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important

}



.flex-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important

}



.flex-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important

}



.justify-content-start {

    -ms-flex-pack: start !important;

    justify-content: flex-start !important

}



.justify-content-end {

    -ms-flex-pack: end !important;

    justify-content: flex-end !important

}



.justify-content-center {

    -ms-flex-pack: center !important;

    justify-content: center !important

}



.justify-content-between {

    -ms-flex-pack: justify !important;

    justify-content: space-between !important

}



.justify-content-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important

}



.align-items-start {

    -ms-flex-align: start !important;

    align-items: flex-start !important

}



.align-items-end {

    -ms-flex-align: end !important;

    align-items: flex-end !important

}



.align-items-center {

    -ms-flex-align: center !important;

    align-items: center !important

}



.align-items-baseline {

    -ms-flex-align: baseline !important;

    align-items: baseline !important

}



.align-items-stretch {

    -ms-flex-align: stretch !important;

    align-items: stretch !important

}



.align-content-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important

}



.align-content-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important

}



.align-content-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important

}



.align-content-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important

}



.align-content-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important

}



.align-content-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important

}



.align-self-auto {

    -ms-flex-item-align: auto !important;

    align-self: auto !important

}



.align-self-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important

}



.align-self-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important

}



.align-self-center {

    -ms-flex-item-align: center !important;

    align-self: center !important

}



.align-self-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important

}



.align-self-stretch {

    -ms-flex-item-align: stretch !important;

    align-self: stretch !important

}



.user-select-all {

    -webkit-user-select: all !important;

    -moz-user-select: all !important;

    -ms-user-select: all !important;

    user-select: all !important

}



.user-select-auto {

    -webkit-user-select: auto !important;

    -moz-user-select: auto !important;

    -ms-user-select: auto !important;

    user-select: auto !important

}



.user-select-none {

    -webkit-user-select: none !important;

    -moz-user-select: none !important;

    -ms-user-select: none !important;

    user-select: 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: -webkit-sticky !important;

    position: sticky !important

}



.fixed-top {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1030

}



.fixed-bottom {

    position: fixed;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1030

}



@supports((position: -webkit-sticky) or(position:sticky)) {

    .sticky-top {

        position: -webkit-sticky;

        position: sticky;

        top: 0;

        z-index: 1020

    }

}



.sr-only {

    position: absolute;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    margin: -1px;

    padding: 0;

    width: 1px;

    height: 1px;

    border: 0;

    white-space: nowrap

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

    position: static;

    overflow: visible;

    clip: auto;

    width: auto;

    height: 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

}



.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

}



.stretched-link::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

    background-color: rgba(0, 0, 0, 0);

    content: "";

    pointer-events: auto

}



.text-monospace {

    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !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

}



.text-lowercase {

    text-transform: lowercase !important

}



.text-uppercase {

    text-transform: uppercase !important

}



.text-capitalize {

    text-transform: capitalize !important

}



.visible {

    visibility: visible !important

}



.invisible {

    visibility: hidden !important

}



@-webkit-keyframes spinner-border {

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes spinner-border {

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.spinner-border {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    border: .25em solid currentColor;

    border-radius: 50%;

    vertical-align: text-bottom;

    border-right-color: transparent;

    -webkit-animation: spinner-border .75s linear infinite;

    animation: spinner-border .75s linear infinite

}



.spinner-border-sm {

    width: 1rem;

    height: 1rem;

    border-width: .2em

}



@-webkit-keyframes spinner-grow {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }



    50% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes spinner-grow {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }



    50% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



.spinner-grow {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    border-radius: 50%;

    background-color: currentColor;

    vertical-align: text-bottom;

    opacity: 0;

    -webkit-animation: spinner-grow .75s linear infinite;

    animation: spinner-grow .75s linear infinite

}



.spinner-grow-sm {

    width: 1rem;

    height: 1rem

}



/*! Swiper v6.3.4 */

@font-face {

    font-family: swiper-icons;

    src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');

    font-weight: 400;

    font-style: normal

}



:root {

    --swiper-theme-color: #007aff

}



.swiper-container {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1

}



.swiper-container-vertical>.swiper-wrapper {

    flex-direction: column

}



.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: flex;

    transition-property: transform;

    box-sizing: content-box

}



.swiper-container-android .swiper-slide,

.swiper-wrapper {

    transform: translate3d(0, 0, 0)

}



.swiper-container-multirow>.swiper-wrapper {

    flex-wrap: wrap

}



.swiper-container-multirow-column>.swiper-wrapper {

    flex-wrap: wrap;

    flex-direction: column

}



.swiper-container-free-mode>.swiper-wrapper {

    transition-timing-function: ease-out;

    margin: 0 auto

}



.swiper-slide {

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    transition-property: transform

}



.swiper-slide-invisible-blank {

    visibility: hidden

}



.swiper-container-autoheight,

.swiper-container-autoheight .swiper-slide {

    height: auto

}



.swiper-container-autoheight .swiper-wrapper {

    align-items: flex-start;

    transition-property: transform, height

}



.swiper-container-3d {

    perspective: 1200px

}



.swiper-container-3d .swiper-cube-shadow,

.swiper-container-3d .swiper-slide,

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top,

.swiper-container-3d .swiper-wrapper {

    transform-style: preserve-3d

}



.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10

}



.swiper-container-3d .swiper-slide-shadow-left {

    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-right {

    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-top {

    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-css-mode>.swiper-wrapper {

    overflow: auto;

    scrollbar-width: none;

    -ms-overflow-style: none

}



.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {

    display: none

}



.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {

    scroll-snap-align: start start

}



.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {

    scroll-snap-type: x mandatory

}



.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {

    scroll-snap-type: y mandatory

}



:root {

    --swiper-navigation-size: 44px

}



.swiper-button-next,

.swiper-button-prev {

    position: absolute;

    top: 50%;

    width: calc(var(--swiper-navigation-size)/ 44 * 27);

    height: var(--swiper-navigation-size);

    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);

    z-index: 10;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--swiper-navigation-color, var(--swiper-theme-color))

}



.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

    opacity: .35;

    cursor: auto;

    pointer-events: none

}



.swiper-button-next:after,

.swiper-button-prev:after {

    font-family: swiper-icons;

    font-size: var(--swiper-navigation-size);

    text-transform: none !important;

    letter-spacing: 0;

    text-transform: none;

    font-variant: initial;

    line-height: 1

}



.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

    left: 10px;

    right: auto

}



.swiper-button-prev:after,

.swiper-container-rtl .swiper-button-next:after {

    content: 'prev'

}



.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

    right: 10px;

    left: auto

}



.swiper-button-next:after,

.swiper-container-rtl .swiper-button-prev:after {

    content: 'next'

}



.swiper-button-next.swiper-button-white,

.swiper-button-prev.swiper-button-white {

    --swiper-navigation-color: #fff

}



.swiper-button-next.swiper-button-black,

.swiper-button-prev.swiper-button-black {

    --swiper-navigation-color: #000

}



.swiper-button-lock {

    display: none

}



.swiper-pagination {

    position: absolute;

    text-align: center;

    transition: .3s opacity;

    transform: translate3d(0, 0, 0);

    z-index: 10

}



.swiper-pagination.swiper-pagination-hidden {

    opacity: 0

}



.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 10px;

    left: 0;

    width: 100%

}



.swiper-pagination-bullets-dynamic {

    overflow: hidden;

    font-size: 0

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transform: scale(.33);

    position: relative

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

    transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    transform: scale(.33)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    transform: scale(.33)

}



.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 100%;

    background: #000;

    opacity: .2

}



button.swiper-pagination-bullet {

    border: 0;

    margin: 0;

    padding: 0;

    box-shadow: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer

}



.swiper-pagination-bullet-active {

    opacity: 1;

    background: var(--swiper-pagination-color, var(--swiper-theme-color))

}



.swiper-container-vertical>.swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    transform: translate3d(0, -50%, 0)

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 6px 0;

    display: block

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    top: 50%;

    transform: translateY(-50%);

    width: 8px

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    display: inline-block;

    transition: .2s transform, .2s top

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 4px

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    left: 50%;

    transform: translateX(-50%);

    white-space: nowrap

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transition: .2s transform, .2s left

}



.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transition: .2s transform, .2s right

}



.swiper-pagination-progressbar {

    background: rgba(0, 0, 0, .25);

    position: absolute

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: var(--swiper-pagination-color, var(--swiper-theme-color));

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transform: scale(0);

    transform-origin: left top

}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    transform-origin: right top

}



.swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    width: 100%;

    height: 4px;

    left: 0;

    top: 0

}



.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-container-vertical>.swiper-pagination-progressbar {

    width: 4px;

    height: 100%;

    left: 0;

    top: 0

}



.swiper-pagination-white {

    --swiper-pagination-color: #fff

}



.swiper-pagination-black {

    --swiper-pagination-color: #000

}



.swiper-pagination-lock {

    display: none

}



.swiper-scrollbar {

    border-radius: 10px;

    position: relative;

    -ms-touch-action: none;

    background: rgba(0, 0, 0, .1)

}



.swiper-container-horizontal>.swiper-scrollbar {

    position: absolute;

    left: 1%;

    bottom: 3px;

    z-index: 50;

    height: 5px;

    width: 98%

}



.swiper-container-vertical>.swiper-scrollbar {

    position: absolute;

    right: 3px;

    top: 1%;

    z-index: 50;

    width: 5px;

    height: 98%

}



.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0, 0, 0, .5);

    border-radius: 10px;

    left: 0;

    top: 0

}



.swiper-scrollbar-cursor-drag {

    cursor: move

}



.swiper-scrollbar-lock {

    display: none

}



.swiper-zoom-container {

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center

}



.swiper-zoom-container>canvas,

.swiper-zoom-container>img,

.swiper-zoom-container>svg {

    max-width: 100%;

    max-height: 100%;

    object-fit: contain

}



.swiper-slide-zoomed {

    cursor: move

}



.swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    transform-origin: 50%;

    animation: swiper-preloader-spin 1s infinite linear;

    box-sizing: border-box;

    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));

    border-radius: 50%;

    border-top-color: transparent

}



.swiper-lazy-preloader-white {

    --swiper-preloader-color: #fff

}



.swiper-lazy-preloader-black {

    --swiper-preloader-color: #000

}



@keyframes swiper-preloader-spin {

    100% {

        transform: rotate(360deg)

    }

}



.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    transition-timing-function: ease-out

}



.swiper-container-fade .swiper-slide {

    pointer-events: none;

    transition-property: opacity

}



.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-fade .swiper-slide-active,

.swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube {

    overflow: visible

}



.swiper-container-cube .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1;

    visibility: hidden;

    transform-origin: 0 0;

    width: 100%;

    height: 100%

}



.swiper-container-cube .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

    transform-origin: 100% 0

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-next,

.swiper-container-cube .swiper-slide-next+.swiper-slide,

.swiper-container-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible

}



.swiper-container-cube .swiper-slide-shadow-bottom,

.swiper-container-cube .swiper-slide-shadow-left,

.swiper-container-cube .swiper-slide-shadow-right,

.swiper-container-cube .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-container-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .6;

    -webkit-filter: blur(50px);

    filter: blur(50px);

    z-index: 0

}



.swiper-container-flip {

    overflow: visible

}



.swiper-container-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1

}



.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-flip .swiper-slide-active,

.swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-flip .swiper-slide-shadow-bottom,

.swiper-container-flip .swiper-slide-shadow-left,

.swiper-container-flip .swiper-slide-shadow-right,

.swiper-container-flip .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



@font-face {

    font-family: 'iconfont';

    src: url('/font/icon/icon.woff2') format('woff2'), url('/font/icon/icon.woff') format('woff'), url('/font/icon/icon.ttf') format('truetype')

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon-clear:before {

    content: "\e671"

}



.icon-ec-tagert:before {

    content: "\e670"

}



.icon-ec-walmart:before {

    content: "\e66e"

}



.icon-double-arrow:before {

    content: "\e611"

}



.icon-action-replicate:before {

    content: "\e66d"

}



.icon-phone:before {

    content: "\e66c"

}



.icon-faq:before {

    content: "\e60a"

}



.icon-support:before {

    content: "\e60b"

}



.icon-refresh:before {

    content: "\e66b"

}



.icon-jiantou-left:before {

    content: "\e66a"

}



.icon-send-inquiry:before {

    content: "\e632"

}



.icon-media-linkedin:before {

    content: "\e622"

}



.icon-media-facebook:before {

    content: "\e624"

}



.icon-telegram:before {

    content: "\e625"

}



.icon-media-youtube:before {

    content: "\e629"

}



.icon-media-reddit:before {

    content: "\e62a"

}



.icon-whatsapp:before {

    content: "\e637"

}



.icon-media-twitter:before {

    content: "\e662"

}



.icon-media-tumblr:before {

    content: "\e663"

}



.icon-skype:before {

    content: "\e664"

}



.icon-media-pinterest:before {

    content: "\e665"

}



.icon-viber:before {

    content: "\e666"

}



.icon-media-tiktok:before {

    content: "\e667"

}



.icon-vk:before {

    content: "\e668"

}



.icon-media-instagram:before {

    content: "\e669"

}



.icon-ai-generate:before {

    content: "\e661"

}



.icon-base-collection-empty:before {

    content: "\eb74"

}



.icon-yinliang:before {

    content: "\e660"

}



.icon-fenxiang1:before {

    content: "\e65b"

}



.icon-pinglun1:before {

    content: "\e65d"

}



.icon-jingyin:before {

    content: "\e65e"

}



.icon-gouwuche:before {

    content: "\e65f"

}



.icon-fenxiang:before {

    content: "\e65a"

}



.icon-xiazai:before {

    content: "\e659"

}



.icon-wenhao:before {

    content: "\e67f"

}



.icon-a-3D:before {

    content: "\e658"

}



.icon-youhui:before {

    content: "\e655"

}



.icon-a-youhuiquan1:before {

    content: "\e654"

}



.icon-manjian:before {

    content: "\e657"

}



.icon-pinglun:before {

    content: "\e6ad"

}



.icon-kefu-line:before {

    content: "\e653"

}



.icon-wenjian:before {

    content: "\e83c"

}



.icon-action-top:before {

    content: "\e652"

}



.icon-action-plus:before {

    content: "\e650"

}



.icon-action-minus:before {

    content: "\e651"

}



.icon-action-move-to-favorite:before {

    content: "\e64f"

}



.icon-base-eye-ban:before {

    content: "\e6d2"

}



.icon-action-close-2:before {

    content: "\e64e"

}



.icon-client-phone:before {

    content: "\e64b"

}



.icon-client-desktop:before {

    content: "\e64c"

}



.icon-client-pad:before {

    content: "\e64d"

}



.icon-2c-coupon:before {

    content: "\e64a"

}



.icon-base-hot-2:before {

    content: "\e648"

}



.icon-base-like-2:before {

    content: "\e649"

}



.icon-base-info-fill:before {

    content: "\eb73"

}



.icon-base-close-fill:before {

    content: "\e656"

}



.icon-action-upload:before {

    content: "\e645"

}



.icon-base-email:before {

    content: "\e644"

}



.icon-base-email-read:before {

    content: "\e823"

}



.icon-base-collect:before {

    content: "\e647"

}



.icon-base-collect-fill:before {

    content: "\e646"

}



.icon-base-user-2:before {

    content: "\e640"

}



.icon-base-code:before {

    content: "\e641"

}



.icon-base-look:before {

    content: "\e642"

}



.icon-base-key:before {

    content: "\e643"

}



.icon-ec-mercadolibre:before {

    content: "\e63f"

}



.icon-ec-11street:before {

    content: "\e631"

}



.icon-ec-ebay:before {

    content: "\e633"

}



.icon-ec-alibaba:before {

    content: "\e636"

}



.icon-ec-aliexpress:before {

    content: "\e638"

}



.icon-ec-lazada:before {

    content: "\e63a"

}



.icon-ec-shopee:before {

    content: "\e63b"

}



.icon-ec-gmarket:before {

    content: "\e63c"

}



.icon-ec-amazon:before {

    content: "\e63d"

}



.icon-ec-wish:before {

    content: "\e63e"

}



.icon-activity:before {

    content: "\e6de"

}



.icon-activity-fill:before {

    content: "\e6df"

}



.icon-service:before {

    content: "\e630"

}



.icon-fbmessenger:before {

    content: "\e621"

}



.icon-trademanager:before {

    content: "\e626"

}



.icon-wechat:before {

    content: "\e627"

}



.icon-search-shaixuan:before {

    content: "\e603"

}



.icon-form-validated:before {

    content: "\e6b3"

}



.icon-form-invalid:before {

    content: "\e61c"

}



.icon-yuzhong:before {

    content: "\e6d5"

}



.icon-base-collection:before {

    content: "\e61a"

}



.icon-base-like:before {

    content: "\e61f"

}



.icon-base-like-fill:before {

    content: "\e602"

}



.icon-base-order:before {

    content: "\e620"

}



.icon-base-customized:before {

    content: "\e61e"

}



.icon-base-dot:before {

    content: "\e61d"

}



.icon-base-cascades:before {

    content: "\e67c"

}



.icon-base-list:before {

    content: "\e682"

}



.icon-base-menu:before {

    content: "\e858"

}



.icon-base-flash-sale:before {

    content: "\e614"

}



.icon-base-hot:before {

    content: "\e615"

}



.icon-base-letter:before {

    content: "\e616"

}



.icon-base-gift:before {

    content: "\e617"

}



.icon-base-rebate:before {

    content: "\e618"

}



.icon-media-google:before {

    content: "\e635"

}



.icon-base-success-fill:before {

    content: "\e62c"

}



.icon-base-error-fill:before {

    content: "\e62e"

}



.icon-action-edit:before {

    content: "\e62b"

}



.icon-base-tel-2:before {

    content: "\e62d"

}



.icon-base-phone-lighter:before {

    content: "\e634"

}



.icon-action-delete-lighter:before {

    content: "\e639"

}



.icon-base-email-1:before {

    content: "\e628"

}



.icon-base-cart-lighter:before {

    content: "\e623"

}



.icon-page-inquire-success:before {

    content: "\e7c4"

}



.icon-page-updating:before {

    content: "\e856"

}



.icon-page-due:before {

    content: "\e70f"

}



.icon-action-bottom-arrow-bold:before {

    content: "\e6ac"

}



.icon-action-top-arrow-bold:before {

    content: "\e791"

}



.icon-base-user:before {

    content: "\e66f"

}



.icon-action-bottom-triangle-bold:before {

    content: "\e65c"

}



.icon-action-search-lighter:before {

    content: "\e61b"

}



.icon-base-eye:before {

    content: "\e62f"

}



.icon-base-phone-bold:before {

    content: "\e619"

}



.icon-base-email-fill:before {

    content: "\e608"

}



.icon-base-gps:before {

    content: "\e609"

}



.icon-media-facebook-fill:before {

    content: "\e60c"

}



.icon-media-google-fill:before {

    content: "\e60d"

}



.icon-action-play:before {

    content: "\e60e"

}



.icon-base-tel:before {

    content: "\e60f"

}



.icon-media-twitter-fill:before {

    content: "\e610"

}



.icon-submit:before {

    content: "\e613"

}



.icon-action-add:before {

    content: "\e607"

}



.icon-action-close:before {

    content: "\e857"

}



.icon-action-bottom-lighter:before {

    content: "\e859"

}



.icon-action-left-lighter:before {

    content: "\e600"

}



.icon-action-left-arrow-lighter:before {

    content: "\e601"

}



.icon-action-delete:before {

    content: "\e604"

}



.icon-action-setting:before {

    content: "\e605"

}



.icon-action-copy:before {

    content: "\e606"

}



ul,

ol {

    margin: 0;

    padding: 0

}



li {

    list-style: none

}



p {

    margin-bottom: 0;

    margin-block-start: 0;

    margin-block-end: 0

}



img {

    max-width: 100%

}



[package-unit-type="text"] .unit-text ul {

    padding-inline-start: 1.5em

}



[package-unit-type="text"] .unit-text ol {

    padding-inline-start: 1em

}



[package-unit-type="text"] .unit-text li {

    list-style: inherit

}



:root {

    --modal-z-index: 999

}



[package-type="article-detail-html"] {

    --image-source: 8

}



[package-type="detail-html-tabs"] {

    --image-source: 6

}



.unit-detail-description ul li,

.unit-article-detail-html ul li,

.unit-video-detail ul li,

.unit-detail_item ul li,

.unit-detail-html-tabs__content-html ul li {

    list-style: inherit;

    position: relative;

    left: 1.2em;

    display: list-item;

    overflow: unset

}



.unit-detail-description ol li,

.unit-article-detail-html ol li,

.unit-video-detail ol li,

.unit-detail_item ol li,

.unit-detail-html-tabs__content-html ol li {

    list-style: inherit;

    position: relative;

    left: 1em;

    display: list-item;

    overflow: unset

}



.hide {

    display: none

}



.fade:not(.show) {

    opacity: 0

}



.fade {

    transition: opacity .15s linear

}



[contenteditable] {

    outline: 0

}



[href="javascript:;"] {

    cursor: default

}



a:hover {

    text-decoration: none

}



a:not([href]):not([tabindex]) {

    color: inherit

}



@media(max-width: 768px) {



    .h1,

    h1,

    .h2,

    h2,

    .h3,

    h3,

    .h4,

    h4,

    .h5,

    h5,

    .h6,

    h6,

    .title {

        font-size: 18px

    }



    body,

    .description,

    .btn {

        font-size: 14px

    }



    .pb-4 {

        padding-bottom: 2vw !important

    }



    .pt-4 {

        padding-top: 2vw !important

    }



    .pr-4 {

        padding-right: 2vw !important

    }

}



@media(max-width: 480px) {



    .h1,

    h1,

    .h2,

    h2,

    .h3,

    h3,

    .h4,

    h4,

    .h5,

    h5,

    .h6,

    h6,

    .title {

        font-size: 16px

    }

}



::-webkit-scrollbar {

    width: 10px;

    height: 10px;

    background-color: #f5f7fa

}



::-webkit-scrollbar-track {

    background-color: #f5f7fa

}



::-webkit-scrollbar-thumb {

    border-radius: 0;

    background-color: #CCC

}



::-webkit-scrollbar-button {

    height: 0;

    background-color: #999

}



@media(max-width: 767px) {



    [hide-phone],

    [display-style="5"],

    [display-style="6"],

    [display-style="7"] {

        display: none !important

    }

}



@media(min-width: 768px) and (max-width:1199px) {



    [hide-pad],

    [display-style="3"],

    [display-style="4"],

    [display-style="7"] {

        display: none !important

    }

}



@media(min-width: 1200px) {



    [hide-pc],

    [display-style="2"],

    [display-style="4"],

    [display-style="6"] {

        display: none !important

    }

}



[package-item="block"] {

    z-index: 100

}



[position="1"] {

    position: relative

}



[position="2"] {

    position: -webkit-sticky;

    position: sticky

}



[position="3"].header-fixed {

    position: fixed

}



[position="3"] {

    position: relative

}



[page-type="index"] [position-index="3"].header-fixed {

    position: fixed

}



@media(max-width: 768px) {

    [position="2"] {

        position: fixed

    }



    [position="2"].header-position,

    [position="3"].header-position,

    [position-index="3"].header-position {

        position: -webkit-sticky;

        position: sticky

    }

}



@media(min-width: 1200px) {

    [page-type="index"] [position-index="1"] {

        position: relative

    }



    [page-type="index"] [position-index="2"] {

        position: -webkit-sticky;

        position: sticky

    }

}



.container-fluid {

    max-width: 100% !important

}



.follow-font-family[text-style] {

    font-size: inherit;

    font-style: inherit;

    letter-spacing: inherit;

    line-height: inherit;

    text-decoration: inherit;

    text-transform: inherit

}



.follow-font-family_size[text-style] {

    font-style: inherit;

    letter-spacing: inherit;

    line-height: inherit;

    text-decoration: inherit;

    text-transform: inherit

}



[_html] a:hover,

:not([_html]) a {

    color: inherit

}



[_html] {

    overflow-wrap: break-word;

    text-decoration: inherit

}



h1.nostyle,

h2.nostyle,

h3.nostyle,

h4.nostyle,

h5.nostyle,

h6.nostyle {

    font-size: inherit;

    margin: 0;

    padding: 0;

    line-height: inherit;

    display: inline-block;

    font-weight: normal

}



[text-style] h1 {

    font-weight: inherit

}



:root {

    --rgb-color: 0, 123, 255;

    --main-color: rgb(var(--rgb-color));

    --swiper-theme-color: var(--main-color);

    --SAIB: constant(safe-area-inset-bottom);

    --SAIB: env(safe-area-inset-bottom);

    --SAIT: constant(safe-area-inset-top);

    --SAIT: env(safe-area-inset-top);

    --container-width: 100vw;

    --sub-color1: var(--main-color);

    --sub-color2: var(--main-color);

    --sub-color3: var(--main-color);

    --play-bg-color: rgba(0, 0, 0, .5);

    --play-icon-color: rgba(255, 255, 255, 1);

    --play-hover-bg-color: rgba(0, 0, 0, .8);

    --play-hover-icon-color: rgba(255, 255, 255, 1)

}



a {

    color: var(--main-color)

}



.btn-main,

.btn-main:hover,

.btn-main.disabled,

.btn-main:disabled,

.btn-main:not(:disabled):not(.disabled).active,

.btn-main:not(:disabled):not(.disabled):active,

.show>.btn-main.dropdown-toggle {

    color: #fff;

    background-color: var(--main-color);

    border-color: var(--main-color)

}



.btn-main.focus,

.btn-main:focus,

.btn-main:not(:disabled):not(.disabled).active:focus,

.btn-main:not(:disabled):not(.disabled):active:focus,

.show>.btn-main.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(var(--rgb-color), .5)

}



.btn[disabled] {

    pointer-events: none

}



.bg-danger {

    background-color: red

}



[package-group] {

    position: sticky;

    top: 0

}



[package-group="block"] {

    position: relative !important

}



[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded) {

    font-size: 0;

    padding: var(--loading-size)

}



[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded),

.loading {

    position: relative;

    --loading-size: 15px

}



[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::after,

[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::before,

.loading::after,

.loading::before {

    content: "";

    position: absolute;

    top: calc(50% - var(--size));

    left: calc(50% - var(--size));

    display: inline-block;

    width: calc(var(--size) * 2);

    height: calc(var(--size) * 2);

    --size: var(--loading-size)

}



[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::after,

.loading::after {

    border: 3px solid var(--main-color);

    border-right-color: transparent;

    border-radius: 50%;

    -webkit-animation: spinner-border .75s linear infinite;

    animation: spinner-border .75s linear infinite

}



[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::before,

.loading::before {

    background-color: #FFF;

    --size: calc(var(--loading-size) + 5px)

}



.absolute-shade {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #FFF;

    z-index: 1

}



[data-lazy="1"][lazy-type="background"] {

    background-image: var(--lazy-src)

}



@media(min-width: 768px) {

    [data-lazy="1"][lazy-type="background"][lazy-md] {

        background-image: var(--lazy-md)

    }

}



@media(min-width: 1200px) {

    [data-lazy="1"][lazy-type="background"][lazy-xl] {

        background-image: var(--lazy-xl)

    }

}



[data-animate="0"] {

    visibility: hidden;

    opacity: 0;

    transition: 1s

}



[data-animate="1"] {

    visibility: visible;

    animation-duration: 1.5s;

    animation-fill-mode: none

}



#message {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    color: rgba(0, 0, 0, .85);

    font-size: 14px;

    font-variant: tabular-nums;

    line-height: 1.5715;

    list-style: none;

    font-feature-settings: "tnum";

    position: fixed;

    top: 8px;

    left: 0;

    z-index: 1010;

    width: 100%;

    pointer-events: none

}



#modal {

    position: fixed;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    z-index: var(--modal-z-index)

}



[v-cloak] {

    visibility: hidden

}



[package-block-type="breadcrumb"] [package-group="module"] {

    z-index: 1

}



@media(min-width: 768px) {

    #app[page-type="landing_page"] [package-block-type="breadcrumb"] {

        position: sticky;

        top: 0

    }

}



@media(min-width: 1200px) {



    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"],

    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"] [package-item="module"] {

        background-color: transparent

    }



    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-fixed,

    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-fixed [package-item="module"] {

        background-color: var(--header-bg) !important

    }



    [package-block-type="header"] * {

        transition: background-color .6s

    }



    #app[page-type="index"] div[package-type="header"][float-top="1"] {

        position: fixed !important

    }



    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-position,

    #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-position [package-item="module"] {

        background-color: rgba(255, 255, 255, 0) !important

    }



    [page-type="index"] [position-index="3"].header-fixed:not(:hover),

    #app:not([page-type="index"]) [position="3"].header-fixed:not(:hover) {

        --header-bg: var(--header-bg-fixed) !important;

        color: var(--font-fixed) !important;

        box-shadow: none !important;

        border: none !important

    }



    [page-type="index"] [position-index="3"].header-fixed [package-item="module"],

    #app:not([page-type="index"]) [position="3"].header-fixed [package-item="module"] {

        --header-bg: var(--header-bg-fixed) !important;

        color: var(--font-fixed) !important

    }



    #app:not([page-type="login"]):not([page-type="register"]) [package-block-type="header"].header-hide {

        top: -100%

    }

}



[package-type="header"].header-hover-index {

    z-index: 1000 !important

}



[package-block-type="header"] {

    top: 0;

    width: 100%;

    transition: .3s;

    background-color: var(--header-bg);

    --header-bg: inherit;

    --header-bg-fixed: var(--header-bg);

    --font-fixed: inherit;

    --font-active: var(--main-color)

}



[package-block-type="header"] [package-item="module"] {

    background-color: var(--header-bg)

}



[package-block-type="header"] [package-group] {

    position: initial

}



[package-block-type="footer"] a:not(.custom-color):hover,

[package-block-type="footer"] a:not(.custom-color):hover span {

    color: var(--main-color) !important

}



#app.is-login [login-show],

#app.not-login [login-hide] {

    display: block

}



[login-show],

[login-hide],

#app.is-login [login-hide],

#app.not-login [login-show],

#app.not-open-user [login-hide],

#app.not-open-user [login-show] {

    display: none

}



.base-button .iconfont {

    font-size: inherit

}



.unit-pagination a {

    color: inherit

}



.pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: inherit;

    width: auto

}



.pagination li {

    display: flex;

    padding-left: 0;

    list-style: none;

    border-radius: .25rem;

    justify-content: center

}



.pagination li {

    position: relative;

    overflow: hidden;

    border-radius: 2px;

    z-index: 1

}



.pagination li:not(.disabled) {

    cursor: pointer

}



.pagination li:not(:last-child) {

    margin-right: 10px

}



.pagination li a {

    text-align: center;

    background-color: #f4f4f5;

    color: #303133;

    border: 0;

    padding: 0;

    border-radius: 2px;

    position: relative;

    margin: 0;

    display: block

}



.pagination li.active {

    background: var(--main-color);

    color: #fff

}



.pagination li.active a{

    color: inherit;

    background-color: inherit;

    border-color: inherit;

    font-weight: bold

}



.base-pagination__item.disabled .base-pagination__link {

    opacity: .5;

    color: inherit;

    cursor: unset

}



.pagination li a{

    min-width: 30px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    background-color: #f4f4f5;

    border: 0;

    padding: 0;

    border-radius: 2px;

    position: relative;

    margin: 0;

    display: block;

    cursor: pointer;

    font-size: 14px;

    color: inherit

}



.base-pagination__item.base-pagination__item-more .base-pagination__link {

    line-height: 22px

}



.base-pagination__item a:hover {

    opacity: .7

}



.base-pagination__item--next span,

.base-pagination__item--last span {

    transform: rotate(180deg);

    display: block

}



.base-pagination__item--first span::after,

.base-pagination__item--last span::after {

    content: "\e600";

    transform: translateX(-10px);

    display: inline-block

}



.base-pagination__item--first span::after {

    top: 0

}



@media(max-width: 576px) {



    .base-pagination__item-first,

    .base-pagination__item-last,

    .base-pagination__item-more {

        display: none

    }

}



@media(max-width: 576px) {

    .discount-timer {

        width: 100%

    }

}



@media(min-width: 576px) {

    .base-pagination__item-third {

        display: none

    }

}



.img-box img {

    transition: .5s

}



.img-box .hover {

    position: absolute;

    visibility: hidden;

    opacity: 0;

    transform: translateX(-100%)

}



.img-box .img-item {

    position: relative

}



.img-box .img-item.has-hover:hover .default {

    visibility: hidden;

    opacity: 0

}



.img-box .img-item.has-hover:hover .hover {

    visibility: visible;

    opacity: 1

}



.base-image--scale {

    position: relative;

    height: 0;

    width: 100%;

    --img-pt: 100%;

    padding-top: var(--img-pt)

}



.base-image--scale .base-image__item {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    align-items: center

}



@media(max-width: 767px) {

    .base-video--scale.play {

        position: relative;

        height: 0;

        width: 100%;

        --img-pt: 100%;

        padding-top: var(--img-pt)

    }



    .base-video--scale.play .base-video__preview {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        display: flex;

        align-items: center

    }



    .base-video--scale.play .base-video__preview video {

        width: 100%;

        height: 100% !important

    }



    .base-video--aspect-ratio.play .base-video__preview,

    .base-video--aspect-ratio .base-video__preview video {

        width: 100%;

        aspect-ratio: var(--img-ratio);

        margin: 0 auto

    }

}



@media(min-width: 768px) and (max-width:1199px) {

    .base-video--scale-md.play {

        position: relative;

        height: 0;

        width: 100%;

        --img-pt-md: 100%;

        padding-top: var(--img-pt-md)

    }



    .base-video--scale-md.play .base-video__preview {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        display: flex;

        align-items: center

    }



    .base-video--scale-md.play .base-video__preview video {

        width: 100%;

        height: 100% !important

    }



    .base-video--aspect-ratio-md.play .base-video__preview,

    .base-video--aspect-ratio-md .base-video__preview video {

        width: 100%;

        aspect-ratio: var(--img-ratio-md);

        margin: 0 auto

    }

}



@media(min-width: 1200px) {

    .base-video--scale-xl.play {

        position: relative;

        height: 0;

        width: 100%;

        --img-pt-xl: 100%;

        padding-top: var(--img-pt-xl)

    }



    .base-video--scale-xl.play .base-video__preview {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        display: flex;

        align-items: center

    }



    .base-video--scale-xl.play .base-video__preview video {

        width: 100%;

        height: 100% !important

    }



    .base-video--aspect-ratio-xl.play .base-video__preview,

    .base-video--aspect-ratio-xl .base-video__preview video {

        width: auto;

        aspect-ratio: var(--img-ratio-xl);

        margin: 0 auto

    }

}



.base-image--effect-1 .base-image__img {

    object-fit: cover;

    width: 100%;

    height: 100%

}



.base-image--effect-2 .base-image__img {

    width: 100%;

    height: 100%

}



.base-image--effect-3 .base-image__img {

    width: var(--img-size)

}



.base-image--effect-4 .base-image__img {

    height: var(--img-size)

}



picture.base-image__img {

    display: block

}



picture.base-image__img img.base-image__img {

    width: auto !important

}



@media(orientation: portrait) {



    .img-box.has-portrait .img,

    .img-box.has-portrait .img-hover {

        display: none

    }

}



@media(orientation: landscape) {



    .img-box .img-portrait,

    .img-box .img-portrait-hover {

        display: none

    }

}



.base-no-data {

    padding: 3vw 0

}



.base-no-data__inner {

    position: relative

}



.base-no-data__image img {

    max-height: 360px;

    display: block;

    margin: 0 auto;

    width: 100%

}



.base-no-data__text {

    color: #b0bfc5;

    position: absolute;

    bottom: 10px;

    left: 50%;

    transform: translateX(-50%)

}



.base-video__preview {

    position: relative

}



.base-video__preview.play .base-video__play,

.base-video__preview.play .base-video__thumb {

    display: none

}



.base-video__preview video {

    background-color: #000

}



.base-video__preview iframe {

    width: 100%;

    height: 100%

}



.base-video__play {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 3;

    cursor: pointer;

    width: 65px;

    height: 65px;

    border-radius: 50%;

    background: var(--play-bg-color);

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .3s

}



.base-video__play i {

    font-size: 30px;

    color: var(--play-icon-color);

    text-shadow: 0 0 40px #000;

    transition: .3s;

    font-style: normal

}



.base-video__play:hover {

    transform: scale(1.2) translate(-40%, -40%);

    background: var(--play-hover-bg-color)

}



.base-video__play:hover i {

    color: var(--play-hover-icon-color)

}



@media(min-width: 768px) {

    .base-video__play i {

        margin-left: 2px

    }

}



@media(max-width: 768px) {

    .base-video__play {

        width: 40px;

        height: 40px

    }



    .base-video__play i {

        margin-left: 1px;

        font-size: 15px

    }

}



.opacity0 {

    opacity: 0 !important

}



.base-select-box {

    position: relative

}



.base-select-arrow {

    display: block;

    top: 14%;

    right: 0;

    position: absolute;

    width: 30px;

    text-align: center;

    font-size: 16px

}



.base-select-box.active .base-select-arrow {

    transform: rotate(180deg)

}



.base-select-input {

    width: 100%;

    box-shadow: none;

    outline: 0

}



.was-validated :invalid~.base-select-input {

    border-color: #dc3545 !important

}



.base-select-drop {

    position: fixed;

    top: 100%;

    left: 0;

    width: 100%;

    max-height: 200px;

    z-index: calc(var(--modal-z-index) + 1);

    overflow-y: auto;

    background: #fff;

    border: 1px solid rgba(0, 0, 0, .1)

}



.base-select-drop.hide {

    height: 0;

    overflow-y: hidden

}



.base-select-drop li {

    padding: 5px 10px;

    text-align: left;

    font-size: 14px;

    transition: all .3s;

    cursor: pointer

}



.base-select-drop li:hover {

    background: var(--main-color);

    color: #fff

}



.base-select-box .invalid-feedback {

    padding-left: 0 !important

}



.select-mask {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background-color: transparent;

    z-index: var(--modal-z-index);

    display: none

}



.select-mask.show {

    display: block

}



.base-div-input {

    height: 35px !important;

    max-height: 35px !important;

    overflow: hidden;

    text-align: left

}



form {

    --x: 15px;

    --y: 12px;

    flex-grow: 1

}



form select {

    -webkit-appearance: none

}



form label {

    display: flex;

    font-weight: bold;

    position: relative

}



form label.full {

    align-items: flex-start !important

}



form label.submit .unit-form__label {

    padding: 0

}



form .item {

    padding: 8px;

    margin: 0

}



form .form-control {

    padding: var(--y) var(--x);

    height: auto;

    font-weight: normal;

    font-size: inherit

}



form .unit-form__label {

    padding-bottom: 5px;

    flex-shrink: 0;

    flex-grow: 0;

    font-weight: normal;

    opacity: .8;

    color: inherit

}



form [required]~.unit-form__label:before,

form [required]~.unit-form__control--txt::before {

    content: '*';

    padding-right: 5px;

    color: red;

    display: inline-block

}



form .form-control.is-invalid+.unit-form__control--file,

form.was-validated .form-control:invalid+.unit-form__control--file {

    border-color: #dc3545

}



form.was-validated .form-control:invalid+.unit-form__control--file[validated] {

    border-color: #28a745

}



form.was-validated .form-control:invalid+.unit-form__control--file:before {

    font-family: "iconfont" !important;

    position: absolute;

    right: .75rem;

    top: var(--y);

    color: inherit;

    font-size: 15px;

    color: #dc3545

}



form.was-validated .file .form-control:invalid[required]+.unit-form__control--file:before {

    content: "\e61c"

}



form.was-validated .file .form-control:invalid+.unit-form__control--file[validated]:before {

    color: #28a745 !important;

    content: "\e6b3" !important

}



form .checkbox-group {

    width: 100%;

    padding-top: 0 !important;

    padding-bottom: 0 !important

}



form .checkbox-inline {

    padding: var(--y) 20px var(--y);

    margin-left: 0

}



form.title-top label {

    flex-direction: column-reverse

}



form.title-left label {

    flex-direction: row-reverse;

    align-items: center

}



form.title-left .unit-form__label {

    text-align: right;

    padding: var(--y) 15px var(--y) 0

}



form label {

    flex-flow: column

}



form .form-control::-webkit-input-placeholder {

    color: transparent !important

}



form .form-control:-ms-input-placeholder {

    color: transparent !important

}



form .form-control::-ms-input-placeholder {

    color: transparent !important

}



form .form-control::-moz-placeholder {

    color: transparent !important

}



form .form-control::placeholder {

    color: transparent !important

}



form .unit-form__label {

    position: absolute;

    top: 0;

    left: 0;

    padding: var(--y) var(--x);

    transition: .1s ease-in-out

}



form .checkbox-group {

    padding-top: calc(var(--y) + var(--y) * (2 / 3) - 1px) !important;

    padding-bottom: calc(var(--y) / 3 - 2px) !important

}



form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) {

    padding-top: calc(var(--y) + var(--y) * (2 / 3));

    padding-bottom: calc(var(--y) / 3)

}



form .checkbox-group~.unit-form__label,

form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown)~.unit-form__label {

    padding-top: calc(var(--y) / 3);

    padding-bottom: calc(var(--y) / 3);

    opacity: .77

}



form .checkbox-inline {

    padding: 0 10px 0 20px

}



form.border-bottom .form-control {

    border-top-width: 0 !important;

    border-right-width: 0 !important;

    border-left-width: 0 !important;

    box-shadow: none

}



form label.submit {

    justify-content: flex-end;

    flex-direction: row-reverse !important

}



form.submit-center label.submit {

    justify-content: center

}



form.submit-center label.submit .unit-form__label {

    display: none

}



form.submit-right label.submit {

    justify-content: flex-start

}



form .help-block {

    position: relative;

    padding: 0 var(--x)

}



form .checkbox-inline .form-control-feedback {

    right: -30px;

    top: 3px

}



form .jy_verificationcode label,

form .upload_attachments label {

    align-items: initial !important

}



form .jy_verificationcode .unit-form__label {

    display: none

}



form .jy_verificationcode label .jy_yzm,

form .upload_attachments .upload_attach_con {

    flex-grow: 1;

    width: 100%

}



form .upload_attachments .unit-form__label {

    position: relative;

    padding: 0 0 8px;

    font-size: 14px !important;

    opacity: 1 !important

}



form .upload_attachments label {

    flex-direction: column-reverse

}



form .upload_attachments .form-control {

    border-bottom: 0;

    padding: 0 !important

}



form .upload_attach_gray {

    font-size: 12px;

    opacity: .5;

    padding-top: 8px

}



form .upload_box {

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    font-size: 24px;

    color: #000

}



form .add_file_a {

    border: 1px dashed;

    border-color: inherit

}



form .form-control.is-invalid,

form.was-validated .form-control:invalid {

    border-color: #dc3545 !important

}



form .form-control.is-valid,

form.was-validated .form-control:valid {

    border-color: #28a745 !important

}



form .form-control:focus:-moz-placeholder {

    color: transparent !important;

    opacity: 0

}



form .form-control:focus::-moz-placeholder {

    color: transparent !important;

    opacity: 0

}



form .form-control:focus:-ms-input-placeholder {

    color: transparent !important;

    opacity: 0

}



.unit-form__item:last-child {

    margin-bottom: 0

}



.file [type="file"] {

    padding: 0;

    opacity: 0;

    position: absolute;

    height: 100%;

    cursor: pointer;

    top: 0;

    left: 0

}



.unit-form__item.file .unit-form__label {

    display: none

}



.unit-form__control--file {

    position: relative;

    text-align: left;

    font-size: 14px;

    cursor: pointer;

    padding-top: 15px !important;

    padding-bottom: 15px !important;

    color: inherit

}



.unit-form__control--file .unit-form__control--font {

    border: 1px dashed;

    border-color: inherit;

    font-size: 14px;

    padding: 4px;

    border-radius: 2px

}



.unit-form__control--file .unit-form__control--txt {

    padding-left: 10px;

    font-style: normal

}



.unit-form__file-item {

    font-weight: 400;

    transition: all .5s cubic-bezier(.55, 0, .1, 1);

    font-size: 14px;

    color: #606266;

    line-height: 1.8;

    margin-top: 5px;

    position: relative;

    box-sizing: border-box;

    border-radius: 4px;

    width: 100%

}



.unit-form__file-item .icon {

    position: absolute;

    right: 5px;

    top: 0;

    line-height: inherit;

    color: #67c23a

}



.unit-form__file-item .icon::after {

    content: '\e62c'

}



.unit-form__file-item:hover .icon::after {

    content: '\e64e';

    color: #606266

}



.unit-form__file-item i {

    font-style: normal;

    font-size: 14px;

    padding-left: 10px;

    opacity: .5

}



.unit-form__file-prompt {

    text-transform: capitalize;

    text-align: left;

    font-weight: normal;

    font-size: 12px;

    padding: 5px 5px 0;

    color: #606266

}



.file-feedback {

    font-weight: bold

}



.unit-form__control--file.show_error {

    border-color: #dc3545 !important

}



.unit-form__control--file.show_error+.file-feedback {

    display: block

}



@media screen and (min-width: 0\0) {

    form .unit-form__label {

        display: none

    }



    form .form-control:-ms-input-placeholder {

        color: #999 !important

    }



    form .form-control::-ms-input-placeholder {

        color: #999 !important

    }

}



.unit-list__items {

    margin: -.8vw

}



.unit-list.is-swiper .unit-list__items {

    margin: 0 !important

}



.unit-list__item {

    padding: .8vw

}



.unit-list__item.hide-more-box {

    display: none

}



.unit-list__title {

    margin-top: 1vw

}



.unit-list__subtitle,

.unit-list__description {

    opacity: .8;

    margin: .5vw 0

}



.text_ellipsis {

    width: 100%;

    line-height: inherit;

    font-size: inherit;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow-wrap: normal;

    word-break: break-word

}



.unit-list__item.no-image .unit-list__image {

    display: none

}



.unit-list__item .unit-list__image {

    position: relative

}



div[package-type="list"] *:hover .unit-list__item .unit-list__image[hover-img='true'] .base-image img {

    transform: none !important

}



.unit-video-list__image,

.unit-list__video {

    position: relative

}



.unit-list__item .unit-list__image .unit-list-hover__image,

.unit-video-list__item .unit-video-list__image .unit-list-hover__image,

.unit-list__item .unit-list__video .unit-list-hover__image {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden

}



.unit-list__item .unit-list__image .unit-list-hover__image.hover_img_before_load,

.unit-video-list__item .unit-video-list__image .unit-list-hover__image.hover_img_before_load,

.unit-list__item .unit-list__video .unit-list-hover__image.hover_img_before_load {

    opacity: 0

}



[video-gif] .unit-list-hover__image img {

    max-height: 100%;

    width: auto !important

}



[video-gif] .unit-list-hover__image .base-image,

[video-gif] .unit-list-hover__image .base-image__item,

[video-gif] .unit-list-hover__image .base-video__thumb {

    height: 100%

}



[video-gif] .unit-list-hover__image .base-image__item {

    display: flex;

    align-items: center;

    justify-content: center

}



.unit-list__item .unit-list__image .unit-list-hover__image img {

    animation-fill-mode: both

}



.is-swiper .swiper-slide.col-xl-12 {

    margin: 0;

    padding: 0

}



img[lazy-src=""][src=""],

img[lazy-src=""]:not([src]) {

    opacity: 0

}



.unit-list__product,

.unit-list__price,

.unit-list__extend {

    display: flex;

    align-items: center;

    justify-content: center

}



.unit-list__price {

    flex: 1 0 0;

    flex-wrap: wrap

}



.unit-list__extend {

    flex-shrink: 0;

    width: 50%

}



.unit-list__product {

    flex-wrap: wrap;

    min-width: 60%

}



.unit-list__product i {

    font-style: normal

}



.unit-list__price-min {

    padding-right: 5px

}



.unit-list__price-max {

    text-decoration-line: line-through;

    font-size: 14px;

    opacity: .6;

    padding-right: 5px

}



[package-type="list"] {

    border-radius: 12px

}



.unit-list__items.swiper-wrapper {

    width: auto

}



.unit-list__inquire a {

    cursor: pointer

}



.unit-list__inquire,

.unit-list__product.no-price .unit-list__price,

.unit-list__product.no-price .unit-list__cart {

    display: none

}



.unit-list__product.no-price .unit-list__inquire {

    display: block

}



.unit-list__product.no-price .unit-list__extend {

    width: 100%

}



.unit-list.is-swiper .swiper-wrapper {

    padding-bottom: 2vw

}



.unit-list.is-swiper .swiper-pagination {

    bottom: 0

}



.unit-list .swiper-button-prev,

.unit-list .swiper-button-next {

    color: #ddd

}



.unit-list__pagination .swiper-pagination-bullet {

    box-shadow: 0 0 2px #000;

    background: #fff;

    opacity: .5

}



.unit-list__pagination .swiper-pagination-bullet-active {

    background: var(--main-color);

    opacity: 1

}



.unit-product-list.is-swiper .unit-product-list__items {

    margin: 0 !important

}



.empty_price_tips {

    opacity: .6;

    display: none

}



.no-price .empty_price_tips {

    display: block

}



.unit-product-list-6__wrapper .unit-list__cart.text-capitalize a {

    position: absolute;

    left: 0;

    right: 0;

    opacity: 0

}



.unit-list.is-swiper .swiper-wrapper.no-swiper-pagination {

    padding-bottom: 0 !important

}



.unit-product-list.is-swiper .swiper-wrapper.no-swiper-pagination {

    padding-bottom: 0 !important

}



.unit-download-list.is-swiper .swiper-wrapper.no-swiper-pagination {

    padding-bottom: 0 !important

}



@media(max-width: 1200px) {

    .unit-list.is-swiper .swiper-wrapper {

        padding-bottom: 5vw

    }

}



@media(max-width: 767px) {

    .unit-product-list-7__wrapper .unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__extend {

        display: inline-block !important

    }



    .unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__price {

        max-width: 100% !important;

        border: 0 !important

    }

}



@media(max-width: 576px) {

    .unit-list__item.col-6 .unit-list__product {

        width: 100%

    }



    .unit-list__date {

        font-size: 12px

    }



    .unit-list__items {

        margin: -1.5vw

    }



    .unit-list__item {

        padding: 1.5vw

    }



    .unit-list__title {

        margin-top: 2vw

    }

}



.unit-login .unit-form__label,

.unit-register .unit-form__label {

    position: static;

    padding: 5px 0;

    text-transform: capitalize

}



.unit-login .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown),

.unit-register .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) {

    padding: var(--y) var(--x)

}



.unit-login .unit-login__control,

.unit-register__control {

    padding: 12px 1rem !important;

    border-color: transparent;

    border-radius: 5px;

    background-color: #f3f3f4

}



.unit-register__back {

    background-color: #fff;

    text-transform: uppercase;

    border-color: rgba(0, 0, 0, .15);

    width: 100%;

    color: inherit;

    padding: .75rem 1rem;

    border-radius: 50px

}



.unit-login__submit,

.unit-register__submit {

    width: 100%;

    padding: .75rem 1rem;

    border-color: rgb(var(--rgb-color));

    background-color: rgb(var(--rgb-color));

    border-radius: 50px

}



.unit-login__item:last-child {

    margin-bottom: 1rem

}



.unit-register__item:last-child {

    margin-top: 1rem

}



.unit-login__item:last-child {

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    margin-top: 1rem;

    margin-bottom: 0

}



.unit-login__nav {

    margin-top: 2rem;

    text-transform: capitalize

}



.unit-map__iframe {

    max-width: 100%

}



[package-group="widget"] {

    z-index: 110

}



.widget-toTop-wrap {

    position: fixed;

    right: 15px;

    bottom: calc(10% - 70px);

    cursor: pointer;

    z-index: 9;

    width: 60px;

    border-radius: 50%

}



.widget-toTop-btn {

    opacity: 0;

    visibility: hidden;

    transition: all .6s;

    transition: all .6s;

    width: 60px;

    line-height: 60px;

    background-color: #fff;

    color: var(--main-color);

    text-align: center;

    box-shadow: 0 5px 15px 0 rgba(40, 47, 54, 0.08);

    border-radius: 50%

}



.widget-toTop-btn.active {

    opacity: 1;

    visibility: visible

}



.widget-toTop-btn:active {

    background-color: var(--main-color);

    color: #fff

}



@media(min-width: 768px) {

    .widget-toTop-btn:hover {

        background-color: var(--main-color);

        color: #fff

    }

}



.widget-product-lives-wrap {

    position: fixed;

    right: 5px;

    bottom: calc(50% + 55px);

    cursor: pointer;

    z-index: 9;

    width: 50px;

    display: none

}



.widget-product-lives-wrap a {

    border-radius: 50%;

    display: block;

    overflow: hidden

}



#app[page-type="landing_page"] [package-widget-type="product-lives"] {

    display: none

}



.button-disabled {

    cursor: not-allowed !important;

    background-color: #f5f5f5 !important;

    color: #000 !important;

    opacity: .4;

    border: solid 1px #808080 !important

}



.unit-logo img {

    height: 65px

}



@media(max-width: 768px) {

    .unit-logo img {

        height: 45px

    }

}



.col-12_7,

.col-12_7 {

    max-width: calc(100% / 7);

    -ms-flex: 0 0 calc(100% / 7);

    flex: 0 0 calc(100% / 7)

}



.col-12_8,

.col-12_8 {

    max-width: calc(100% / 8);

    -ms-flex: 0 0 calc(100% / 8);

    flex: 0 0 calc(100% / 8)

}



.col-12_9,

.col-12_9 {

    max-width: calc(100% / 9);

    -ms-flex: 0 0 calc(100% / 9);

    flex: 0 0 calc(100% / 9)

}



.col-12_10,

.col-12_10 {

    max-width: calc(100% / 10);

    -ms-flex: 0 0 calc(100% / 10);

    flex: 0 0 calc(100% / 10)

}



.col-12_11,

.col-12_11 {

    max-width: calc(100% / 11);

    -ms-flex: 0 0 calc(100% / 11);

    flex: 0 0 calc(100% / 11)

}



@media(min-width: 768px) and (max-width:1200px) {



    .col-md-12_7,

    .col-md-12_7 {

        max-width: calc(100% / 7);

        -ms-flex: 0 0 calc(100% / 7);

        flex: 0 0 calc(100% / 7)

    }



    .col-md-12_8,

    .col-md-12_8 {

        max-width: calc(100% / 8);

        -ms-flex: 0 0 calc(100% / 8);

        flex: 0 0 calc(100% / 8)

    }



    .col-md-12_9,

    .col-md-12_9 {

        max-width: calc(100% / 9);

        -ms-flex: 0 0 calc(100% / 9);

        flex: 0 0 calc(100% / 9)

    }



    .col-md-12_10,

    .col-md-12_10 {

        max-width: calc(100% / 10);

        -ms-flex: 0 0 calc(100% / 10);

        flex: 0 0 calc(100% / 10)

    }



    .col-md-12_11,

    .col-md-12_11 {

        max-width: calc(100% / 11);

        -ms-flex: 0 0 calc(100% / 11);

        flex: 0 0 calc(100% / 11)

    }

}



@media(min-width: 1200px) {



    .col-xl-12_7,

    .col-xl-12_7 {

        max-width: calc(100% / 7);

        -ms-flex: 0 0 calc(100% / 7);

        flex: 0 0 calc(100% / 7)

    }



    .col-xl-12_8,

    .col-xl-12_8 {

        max-width: calc(100% / 8);

        -ms-flex: 0 0 calc(100% / 8);

        flex: 0 0 calc(100% / 8)

    }



    .col-xl-12_9,

    .col-xl-12_9 {

        max-width: calc(100% / 9);

        -ms-flex: 0 0 calc(100% / 9);

        flex: 0 0 calc(100% / 9)

    }



    .col-xl-12_10,

    .col-xl-12_10 {

        max-width: calc(100% / 10);

        -ms-flex: 0 0 calc(100% / 10);

        flex: 0 0 calc(100% / 10)

    }



    .col-xl-12_11,

    .col-xl-12_11 {

        max-width: calc(100% / 11);

        -ms-flex: 0 0 calc(100% / 11);

        flex: 0 0 calc(100% / 11)

    }

}



.cell-has-list {

    width: 100%

}



.discount-timer {

    opacity: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    padding: 4px 8px;

    border-radius: 3px;

    background-color: rgb(244 98 64 / 8%);

    color: #ee2427;

    font-size: 12px

}



[page-type="cart"] .discount-timer {

    max-width: 180px

}



.discount-timer.is-loaded {

    opacity: 1

}



.discount-timer.no-day .discount-timer__date-wrap--day {

    display: none

}



.discount-timer em,

.discount-timer i {

    font-style: normal

}



.discount-timer__date-content,

.discount-timer__date-wrap {

    display: flex

}



.discount-timer__day,

.discount-timer__title,

.discount-timer__date-wrap,

.discount-timer__date--dd em,

.discount-timer__date--dd i {

    padding: 0 2px

}



.message-notice {

    padding: 8px;

    text-align: center

}



.message-notice__inner {

    display: inline-block;

    padding: 10px 16px;

    background: #fff;

    border-radius: 2px;

    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);

    pointer-events: all

}



.message-notice__icon {

    margin-right: 8px

}



.message-notice__icon.icon-base-info-fill {

    color: #1890ff

}



.message-notice__icon.icon-base-success-fill {

    color: #52c41a

}



.message-notice__icon.icon-base-close-fill {

    color: #ff4d4f

}



.message-notice__icon.icon-base-error-fill {

    color: #faad14

}



.message-notice__icon.loading {

    --loading-size: 8px;

    padding-left: 1em

}



.message-notice__icon.loading::after {

    border-width: 2px

}



.modal-open [package-block-type="header"] {

    z-index: -1

}



.modal {

    display: flex;

    position: absolute;

    top: 0;

    left: -100vw;

    z-index: 2;

    width: 100vw;

    height: calc(100vh - var(--SAIB));

    background-color: rgba(0, 0, 0, .45);

    justify-content: center;

    align-items: flex-start;

    padding: 10vh 5vw;

    transition: opacity .2s;

    opacity: 0;

    visibility: hidden

}



.modal.show {

    visibility: visible;

    opacity: 1;

    left: 0

}



.modal.pos--tl {

    justify-content: flex-start;

    align-items: flex-start

}



.modal.pos--tc {

    justify-content: center;

    align-items: flex-start

}



.modal.pos--tr {

    justify-content: flex-end;

    align-items: flex-start

}



.modal.pos--cl {

    justify-content: flex-start;

    align-items: center

}



.modal.pos--cc {

    justify-content: center;

    align-items: center

}



.modal.pos--cr {

    justify-content: flex-end;

    align-items: center

}



.modal.pos--bl {

    justify-content: flex-start;

    align-items: flex-end

}



.modal.pos--bc {

    justify-content: center;

    align-items: flex-end

}



.modal.pos--br {

    justify-content: flex-end;

    align-items: flex-end

}



.modal.allow_overflow .modal__inner,

.modal.allow_overflow .modal__body {

    overflow: initial

}



.modal__inner {

    max-height: 100%;

    background-color: #FFF;

    border-radius: 2px;

    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);

    display: flex;

    flex-flow: column;

    overflow: hidden

}



.modal__inner-sm {

    width: 300px

}



.modal__inner-md {

    width: 500px

}



.modal__inner-lg {

    width: 800px

}



.modal__inner-xl {

    width: 1140px

}



.modal__header {

    flex: 0 0;

    position: relative;

    padding: 16px 24px;

    color: rgba(0, 0, 0, .85);

    background: #fff;

    border-bottom: 1px solid #f0f0f0;

    border-radius: 2px 2px 0 0

}



.modal__title {

    margin: 0;

    color: rgba(0, 0, 0, .85);

    font-weight: 500;

    font-size: 16px;

    line-height: 22px;

    word-wrap: break-word

}



.modal__close {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 2;

    line-height: 50px;

    font-size: 30px;

    width: 56px;

    height: 56px;

    text-align: center;

    color: rgba(0, 0, 0, .45);

    cursor: pointer

}



.modal__body {

    flex: 1 1;

    overflow: auto;

    padding: 24px;

    font-size: 14px;

    line-height: 1.5715;

    word-wrap: break-word

}



.modal__body::-webkit-scrollbar {

    width: 3px

}



.modal__footer {

    flex: 0 0;

    padding: 10px 16px;

    overflow: hidden;

    background: 0;

    border-top: 1px solid #f0f0f0;

    border-radius: 0 0 2px 2px

}



.modal__footer-inner {

    margin: -4px;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end

}



.modal__footer-btn {

    padding: 4px

}



.modal__footer .btn {

    line-height: 1.5715;

    position: relative;

    display: inline-block;

    font-weight: 400;

    white-space: nowrap;

    text-align: center;

    background-image: none;

    box-shadow: 0 2px 0 rgb(0 0 0 / 2%);

    cursor: pointer;

    transition: all .3s cubic-bezier(.645, .045, .355, 1);

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    touch-action: manipulation;

    height: 32px;

    padding: 4px 15px;

    font-size: 14px;

    border-radius: 2px;

    color: rgba(0, 0, 0, .85);

    background: #fff;

    border: 1px solid #d9d9d9

}



.modal__footer .btn-primary {

    color: #fff;

    background: #1890ff;

    border-color: #1890ff;

    text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);

    box-shadow: 0 2px 0 rgb(0 0 0 / 5%)

}



.move-up-appear,

.move-up-enter,

.move-up-leave {

    -webkit-animation-duration: .2s;

    animation-duration: .2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-play-state: paused;

    animation-play-state: paused

}



.move-up-appear,

.move-up-enter {

    opacity: 0;

    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);

    animation-timing-function: cubic-bezier(.08, .82, .17, 1)

}



.move-up-leave {

    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);

    animation-timing-function: cubic-bezier(.6, .04, .98, .34)

}



.move-up-appear.move-up-appear-active,

.move-up-enter.move-up-enter-active {

    -webkit-animation-name: antMoveUpIn;

    animation-name: antMoveUpIn;

    -webkit-animation-play-state: running;

    animation-play-state: running

}



.move-up-leave.move-up-leave-active {

    -webkit-animation-name: antMoveUpOut;

    animation-name: antMoveUpOut;

    -webkit-animation-play-state: running;

    animation-play-state: running;

    pointer-events: none

}



.pos--tl .move-up-appear.move-up-appear-active,

.pos--cl .move-up-appear.move-up-appear-active,

.pos--bl .move-up-appear.move-up-appear-active {

    -webkit-animation-name: antMoveLeftIn;

    animation-name: antMoveLeftIn

}



.pos--tl .move-up-leave.move-up-leave-active,

.pos--cl .move-up-leave.move-up-leave-active,

.pos--bl .move-up-leave.move-up-leave-active {

    -webkit-animation-name: antMoveLeftOut;

    animation-name: antMoveLeftOut

}



.pos--tr .move-up-appear.move-up-appear-active,

.pos--cr .move-up-appear.move-up-appear-active,

.pos--br .move-up-appear.move-up-appear-active {

    -webkit-animation-name: antMoveRightIn;

    animation-name: antMoveRightIn

}



.pos--tr .move-up-leave.move-up-leave-active,

.pos--cr .move-up-leave.move-up-leave-active,

.pos--br .move-up-leave.move-up-leave-active {

    -webkit-animation-name: antMoveRightOut;

    animation-name: antMoveRightOut

}



.pos--bc .move-up-appear.move-up-appear-active {

    -webkit-animation-name: antMoveDownIn;

    animation-name: antMoveDownIn

}



.pos--bc .move-up-leave.move-up-leave-active {

    -webkit-animation-name: antMoveDownOut;

    animation-name: antMoveDownOut

}



@-webkit-keyframes MessageMoveOut {

    0% {

        max-height: 150px;

        padding: 8px;

        opacity: 1

    }



    to {

        max-height: 0;

        padding: 0;

        opacity: 0

    }

}



@keyframes MessageMoveOut {

    0% {

        max-height: 150px;

        padding: 8px;

        opacity: 1

    }



    to {

        max-height: 0;

        padding: 0;

        opacity: 0

    }

}



@-webkit-keyframes antMoveUpIn {

    0% {

        transform: translateY(-100%);

        transform-origin: 0 0;

        opacity: 0

    }



    to {

        transform: translateY(0);

        transform-origin: 0 0;

        opacity: 1

    }

}



@keyframes antMoveUpIn {

    0% {

        transform: translateY(-100%);

        transform-origin: 0 0;

        opacity: 0

    }



    to {

        transform: translateY(0);

        transform-origin: 0 0;

        opacity: 1

    }

}



@-webkit-keyframes antMoveUpOut {

    0% {

        transform: translateY(0);

        transform-origin: 0 0;

        opacity: 1

    }



    to {

        transform: translateY(-100%);

        transform-origin: 0 0;

        opacity: 0

    }

}



@keyframes antMoveUpOut {

    0% {

        transform: translateY(0);

        transform-origin: 0 0;

        opacity: 1

    }



    to {

        transform: translateY(-100%);

        transform-origin: 0 0;

        opacity: 0

    }

}



@-webkit-keyframes antMoveLeftIn {

    0% {

        transform: translateX(-100%);

        transform-origin: 0 0;

        opacity: 0

    }



    to {

        transform: translateX(0);

        transform-origin: 0 0;

        opacity: 1

    }

}



@keyframes antMoveLeftIn {

    0% {

        transform: translateX(-100%);

        transform-origin: 0 0;

        opacity: 0

    }



    to {

        transform: translateX(0);

        transform-origin: 0 0;

        opacity: 1

    }

}



@-webkit-keyframes antMoveLeftOut {

    0% {

        transform: translateX(0);

        transform-origin: 0 0;

        opacity: 1

    }



    to {

        transform: translateX(-100%);

        transform-origin: 0 0;

        opacity: 0

    }

}



@keyframes antMoveLeftOut {

    0% {

        transform: translateX(0);

        transform-origin: 0 0;

        opacity: 1

    }



    to {

        transform: translateX(-100%);

        transform-origin: 0 0;

        opacity: 0

    }

}



@-webkit-keyframes antMoveRightIn {

    0% {

        transform: translateX(100%);

        transform-origin: 0 0;

        opacity: 0

    }



    to {

        transform: translateX(0);

        transform-origin: 0 0;

        opacity: 1

    }

}



@keyframes antMoveRightIn {

    0% {

        transform: translateX(100%);

        transform-origin: 0 0;

        opacity: 0

    }



    to {

        transform: translateX(0);

        transform-origin: 0 0;

        opacity: 1

    }

}



@-webkit-keyframes antMoveRightOut {

    0% {

        transform: translateX(0);

        transform-origin: 0 0;

        opacity: 1

    }



    to {

        transform: translateX(100%);

        transform-origin: 0 0;

        opacity: 0

    }

}



@keyframes antMoveRightOut {

    0% {

        transform: translateX(0);

        transform-origin: 0 0;

        opacity: 1

    }



    to {

        transform: translateX(100%);

        transform-origin: 0 0;

        opacity: 0

    }

}



@-webkit-keyframes antMoveDownIn {

    0% {

        transform: translateY(100%);

        transform-origin: 0 0;

        opacity: 0

    }



    to {

        transform: translateY(0);

        transform-origin: 0 0;

        opacity: 1

    }

}



@keyframes antMoveDownIn {

    0% {

        transform: translateY(100%);

        transform-origin: 0 0;

        opacity: 0

    }



    to {

        transform: translateY(0);

        transform-origin: 0 0;

        opacity: 1

    }

}



@-webkit-keyframes antMoveDownOut {

    0% {

        transform: translateY(0);

        transform-origin: 0 0;

        opacity: 1

    }



    to {

        transform: translateY(100%);

        transform-origin: 0 0;

        opacity: 0

    }

}



@keyframes antMoveDownOut {

    0% {

        transform: translateY(0);

        transform-origin: 0 0;

        opacity: 1

    }



    to {

        transform: translateY(100%);

        transform-origin: 0 0;

        opacity: 0

    }

}



.unit-video-popup__preview {

    text-align: center;

    position: relative;

    padding-top: 20px

}



.unit-video-popup__thumbnail {

    display: inline-block

}



.unit-video-popup__play {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

    cursor: pointer;

    width: 65px;

    height: 65px;

    border-radius: 50%;

    background: rgba(0, 0, 0, .5);

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .3s

}



.unit-video-popup__play i {

    font-size: 40px;

    color: #FFF;

    text-shadow: 0 0 40px #000;

    transition: .3s

}



.unit-video-popup__play:hover {

    background: rgba(0, 0, 0, .8);

    transform: translate(-50%, -50%) scale(1.2)

}



.unit-video-popup__play:hover i {

    text-shadow: 0 0 30px #000

}



.unit-video-popup__window-wrap {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: -1;

    top: 0;

    left: 0;

    visibility: hidden;

    opacity: 0;

    background-color: rgba(0, 0, 0, .8);

    transition: .3s

}



.unit-video-popup__window-wrap.show {

    z-index: 1024;

    visibility: visible;

    opacity: 1

}



.unit-video-popup__window {

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    max-width: 100vw;

    max-height: 100vh

}



@media(max-width: 765px) {

    .unit-video-popup__window {

        width: 100%

    }

}



.unit-video-popup__close {

    position: absolute;

    top: 0;

    right: 0;

    cursor: pointer;

    font-size: 40px;

    line-height: 1;

    color: #FFFF;

    transition: .3s

}



.unit-video-popup__close:hover {

    text-shadow: 0 0 20px #FFF

}



.unit-video-popup__content {

    padding-top: 50px;

    text-align: center;

    font-size: 0

}



.unit-video-popup__content video,

.unit-video-popup__content iframe {

    max-width: calc(100vw - 20px);

    max-height: calc(100vh - 80px);

    display: inline-block;

    border: 0;

    outline: 0

}



.unit-video-popup__content iframe {

    width: 80vw;

    height: 80vw

}



@media(max-width: 768px) {

    .unit-video-popup__content iframe {

        width: 90vw

    }

}



@media(min-width: 1200px) {

    .unit-video-popup__content video {

        max-width: 1200px

    }

}







.faq-module {

    font-size: 30px

}



.faq-row {

    width: 100%;

    text-align: left;

    line-height: 1.1;

    margin-bottom: 25px

}



.faq-title {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer

}



.faq-index,

.faq-icon {

    width: 60px;

    flex-shrink: 0;

    text-align: center

}



.faq-index {

    font-weight: bold

}



.faq-icon {

    user-select: none;

    opacity: .8;

    filter: brightness(1) !important

}



.faq-title .faq-title-block {

    flex-grow: 1

}



.faq-open .faq-title {

    font-weight: bold;

    filter: brightness(1)

}



.faq-row .faq-content {

    display: none;

    width: 100%;

    box-sizing: border-box;

    padding: 0 10px 0 60px;

    margin-top: 15px

}



.faq-open .faq-content {

    display: block

}



form label {

    margin-bottom: 0

}



[form-style] .form-control,

[form-style] .dropdown-menu,

[form-style] .dropdown-item,

[form-style] .dropdown-item.active,

[form-style] .dropdown-item:active {

    color: unset;

    font-size: unset

}



.unit-form__select-box:after {

    content: "\e65c";

    font-family: iconfont;

    color: #000;

    position: absolute;

    right: var(--x);

    top: 2px;

    padding-top: var(--y);

    pointer-events: none

}



[form-style="2"] .unit-form__select-box:after {

    color: #000

}



[form-style="1"] .unit-form__select-box:after {

    color: #f5f5f5

}



.unit-form__control.dropdown-toggle~.dropdown-menu {

    width: 100%;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    border-radius: 0;

    border: solid 1px rgba(0, 0, 0, 0.1);

    background-color: #f5f5f5

}



.unit-form__control .dropdown-menu>.dropdown-item:hover {

    background-color: rgba(0, 0, 0, 0.15)

}



.unit-form__control .dropdown-menu>.dropdown-item {

    min-height: 32px

}



.unit-form__select-box input.dropdown-toggle,

.unit-form__select-box input.dropdown-toggle:focus {

    box-shadow: none;

    border: 0

}



[form-style="1"] .unit-form__select-box:after {

    color: #f5f5f5

}



form .dropdown {

    position: relative

}



form .unit-form__select-box {

    flex-grow: 1

}



.unit-form__checkbox img {

    position: relative;

    --loading-size: 1rem;

    --loading-bg: rgba(245, 245, 245, 1)

}



.unit-form__checkbox img.loading:before {

    background: var(--loading-bg);

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0

}



.unit-form__checkbox img.img-error {

    opacity: 0

}



.unit-form__checkbox-list {

    display: flex;

    flex-grow: 1

}



.unit-form__checkbox-list-inner {

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    flex-grow: 1;

    flex-wrap: wrap;

    row-gap: 10px

}



.unit-form__item {

    display: flex

}



.unit-form__item.unit-form__item-submit {

    display: block

}



.unit-form__item-inner {

    flex-grow: 1

}



.checkbox-use-img .unit-form__checkbox-label {

    padding-top: 8px;

    text-align: center;

    display: flex;

    flex-direction: row

}



.unit-form__checkbox-label {

    text-align: left

}



.unit-form__checkbox-inner {

    margin: 0;

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    justify-content: flex-start

}



form .unit-form__checkbox-list.unit-form__control,

form .unit-form__checkbox-list.unit-form__control~.unit-form__label {

    padding-top: var(--y);

    padding-bottom: var(--y)

}



form .unit-form__checkbox-list.unit-form__control:not(.checkbox-use-img) .unit-form__checkbox-list-inner {

    padding-top: calc(var(--y) + 15px)

}



form .unit-form__checkbox-list.unit-form__control.checkbox-use-img .unit-form__checkbox-list-inner {

    padding-top: calc(var(--y) + 15px)

}



.checkbox-use-img .unit-form__checkbox-inner {

    flex-direction: column

}



.checkbox-use-img .unit-form__checkbox-input-box {

    width: 100%

}



.checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-label {

    --label-shrink-width: 26px;

    width: 100%;

    white-space: pre-wrap;

    overflow-wrap: break-word

}



.checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-label>.label-shrink {

    width: var(--label-shrink-width)

}



.checkbox-use-img .unit-form__checkbox-inner>.unit-form__checkbox-label>.label-content {

    flex-grow: 1

}



.checkbox-use-img .unit-form__checkbox .label-content {

    width: calc(100% - var(--label-shrink-width));

    text-align: center;

    display: -webkit-box;

    -webkit-line-clamp: 9;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden

}



.unit-form__checkbox-list .unit-form__checkbox {

    padding-left: 0;

    padding-right: 0

}



.unit-form__checkbox-input-box {

    margin: 0

}



.unit-form__checkbox-inner>.unit-form__checkbox-input-box {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start

}



.unit-form__checkbox {

    display: flex;

    cursor: pointer;

    align-items: center;

    justify-content: flex-start

}



.checkbox-use-img .unit-form__checkbox-inner {

    min-width: 116px;

    max-width: 118px

}



.unit-form__checkbox .custom-checkbox {

    width: 18px;

    height: 18px;

    position: relative;

    margin: 2px 8px 0 0;

    background: #f5f5f5;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: solid 1px rgba(0, 0, 0, .1);

    border-radius: 4px;

    overflow: hidden

}



.unit-form__checkbox .custom-checkbox input[type="checkbox"] {

    opacity: 0

}



.unit-form__checkbox img {

    width: 90px;

    height: 90px;

    object-fit: cover;

    display: block

}



.unit-form__checkbox input[type="checkbox"]~.checked {

    display: none;

    background: var(--main-color);

    color: #f5f5f5;

    font-size: 10px;

    line-height: 16px;

    font-weight: lighter;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    vertical-align: middle

}



.unit-form__checkbox input[type="checkbox"]:checked~.checked {

    display: block

}



[header-cart] {

    position: relative

}



[header-cart][hide] {

    display: none

}



[header-quantity] {

    position: absolute;

    top: 0;

    left: 0;

    transform: translate(50%, -50%);

    padding: 3px 5px;

    font-size: 12px;

    border-radius: 12px

}



[header-cart]:hover {

    color: var(--font-active)

}



.unit-header-title {

    display: none

}



@media(min-width:1200px) {

    .unit-header-title {

        display: inline

    }



    [header-quantity] {

        left: 1.3em;

        transform: translate(25%, -50%)

    }

}



.unit-header-language {

    position: relative;

    cursor: pointer;

    --font-active: var(--main-color)

}



.unit-header-language__item:hover,

.unit-header-language__title:hover {

    color: var(--font-active)

}



.unit-header-language__title {

    display: flex;

    align-items: center

}



.unit-header-language__text {

    padding-left: 5px

}



.unit-header-language__items {

    height: 0;

    opacity: 0;

    transition: all .3s;

    position: absolute;

    top: 100%;

    right: 0;

    z-index: 100;

    border-radius: 5px;

    min-width: 100%;

    width: 180px;

    background-color: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    max-height: 60vh;

    overflow-y: auto

}



.unit-header-language__item {

    color: #666

}



[design-mode] .unit-header-language:hover .unit-header-language__items {

    height: 0;

    opacity: 0

}



.unit-header-language__modal .modal__inner-lg {

    width: 930px

}



.unit-header-language__modal .modal__title {

    font-size: 18px;

    font-weight: bold;

    color: #202223;

    line-height: 25px

}



.unit-header-language__modal .modal__title .modal__close {

    top: 12px

}



.unit-header-language__modal .modal__body {

    padding: 0

}



.unit-header-language__modal .unit-region-language__list.unit-region-language__list-by-continent {

    padding-top: 14px

}



.unit-header-language__modal .unit-region-language__title {

    font-size: 16px;

    font-weight: 400;

    color: #202223;

    line-height: 22px

}



.unit-header-language__modal .unit-header-language__items {

    max-height: unset;

    display: grid;

    position: unset;

    opacity: 1;

    height: auto;

    box-shadow: unset;

    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));

    grid-row-gap: 16px;

    justify-content: space-evenly;

    justify-items: center;

    padding: 8px

}



.unit-header-language__modal .unit-region-language__list-by-continent .unit-header-language__items {

    margin-top: -4px

}



.unit-header-language__modal .unit-header-language__item a {

    width: 122px;

    height: 122px;

    border-radius: 8px;

    border: 1px solid #eceeef;

    display: flex;

    flex-flow: column;

    align-items: center;

    justify-content: center;

    transition: all .2s

}



.unit-header-language__modal .unit-header-language__item a:hover {

    text-decoration: underline;

    opacity: 1;

    background: #fff;

    border-color: #fff;

    box-shadow: 0 1px 15px #ddd

}



.unit-header-language__modal .unit-header-language__item a img {

    width: 50px;

    height: auto;

    display: block

}



.unit-header-language__modal .unit-header-language__item a .unit-header-language__item--title,

.unit-header-language__modal .unit-header-language__item a .unit-header-language__item--code {

    font-size: 14px;

    font-weight: 500;

    color: #6d7175;

    line-height: 20px;

    padding-top: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-align: center

}



.unit-header-language__modal .modal__footer-inner {

    justify-content: center;

    font-size: 14px;

    color: #202223;

    line-height: 20px

}



.unit-header-login__box {

    position: relative;

    cursor: pointer

}



.unit-header-login__box::after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    padding: 20px 10px

}



.unit-header-login__login-list {

    display: flex;

    flex-direction: column;

    height: 0;

    opacity: 0;

    transition: all .3s;

    position: absolute;

    top: 130%;

    right: -10px;

    z-index: 100;

    border-radius: 5px;

    min-width: 100%;

    background-color: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    max-height: 60vh;

    overflow-y: auto

}



.unit-header-login__box:hover .unit-header-login__login-list {

    height: auto;

    opacity: 1

}



.unit-header-login__login-list .unit-header-login__login-item {

    text-transform: initial;

    padding-bottom: 10px;

    padding-left: 10px;

    padding-right: 10px;

    white-space: nowrap;

    font-size: 14px;

    color: #666;

    text-align: center;

    min-width: 100px;

    text-transform: capitalize

}



.unit-header-login__login-item:first-child {

    padding-top: 10px

}



.unit-header-login__login-item:hover {

    color: var(--font-active)

}



.unit-header-login__box:hover {

    color: var(--font-active)

}



.unit-header-login__login-item.arrow::before {

    content: '\e859';

    font-family: iconfont;

    display: inline-block;

    transform: rotate(-90deg)

}



[design-mode] .unit-header-login__box:hover .unit-header-login__login-list {

    height: 0;

    opacity: 0

}



.unit-header-menu__box [firstMenu],

.unit-header-menu__box [subMenu] {

    font-size: 16px

}



.unit-header-menu__switch {

    cursor: pointer

}



.unit-header-menu__box {

    --header-color: #333;

    --header-bg: #fff;

    color: var(--header-color);

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    overflow: hidden;

    transform: translateX(100%);

    transition: all .3s;

    z-index: 9999;

    background-color: var(--header-bg)

}



.unit-header-menu__box.show {

    transform: translateX(0);

    overflow: initial

}



.unit-header-menu__box-header {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 20px

}



.unit-header-menu__box .unit-logo_image {

    height: 40px

}



.unit-header-menu__close {

    background-color: rgba(0, 0, 0, .1);

    border-radius: 50%;

    overflow: hidden;

    font-size: 12px;

    font-weight: 500;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center

}



.unit-header-menu__box-body {

    padding: 10px 0

}



.unit-header-menu__search {

    margin-bottom: 10px;

    padding: 0 20px

}



.unit-header-menu__search-box {

    border-radius: 28px;

    border: 1px solid #e4e4e4;

    display: flex;

    align-items: center;

    overflow: hidden

}



.unit-header-menu__search-btn {

    padding: 0 10px

}



.unit-header-menu__search-btn .iconfont {

    font-size: 24px

}



.unit-header-menu__search-input {

    flex: 1;

    border: 0;

    font-size: 1.2em;

    padding-right: 10px;

    background-color: transparent;

    color: inherit

}



.unit-header-menu__search-input:focus-visible {

    outline: 0

}



.unit-header-menu__nav {

    height: calc(100vh - 184px);

    width: 100%;

    overflow-y: auto;

    overflow-x: hidden

}



.unit-header-menu__nav__item-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid rgba(0, 0, 0, .06);

    padding-bottom: 10px

}



.unit-header-menu__nav__item-link.active {

    color: var(--font-active) !important

}



.unit-header-menu__nav__item-link .iconfont {

    font-size: 14px;

    order: 2

}



.unit-header-menu__nav__item-link>div {

    order: 1

}



.unit-header-menu__nav__item-drop {

    transform: rotate(-90deg);

    position: relative;

    color: var(--header-color)

}



.unit-header-menu__nav__item-drop::after {

    content: "";

    display: block;

    padding: 15px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.unit-header-menu__nav__item-drop.active {

    transform: rotate(0)

}



.unit-header-menu__nav__item-link.active .unit-header-menu__nav__item-drop {

    color: inherit

}



.unit-header-menu__nav-item {

    padding: 0 20px 10px;

    color: var(--header-color)

}



.unit-header-menu__nav__item-son,

.unit-header-menu__nav__item-grandson,

.unit-header-menu__nav__item-grateson {

    padding-top: 10px;

    color: var(--header-color)

}



.unit-header-menu__nav__item-content,

.unit-header-menu__nav__item-son-content,

.unit-header-menu__nav__item-son-content {

    height: 0;

    opacity: 0;

    overflow: hidden;

    transition: height .3s ease-in-out, opacity .3s ease-in-out;

    padding: 0 15px;

    padding-right: 0

}



.unit-header-menu__nav__item-content.show {

    height: auto;

    opacity: 1;

    overflow: initial

}



.unit-header-menu__nav__item-son-content.show {

    height: auto;

    opacity: 1;

    overflow: initial

}



.bubble-tag {

    margin-right: 35px;

    display: inline-flex

}



.unit-header-menu__box-list {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    padding: 15px 0

}



.unit-header-menu__box-item {

    flex: 1;

    position: relative;

    font-size: 16px

}



.unit-header-menu__box-item:not(:last-child)::after {

    content: '';

    height: 8px;

    width: 1px;

    background-color: #d1d1d1;

    display: block;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%)

}



.unit-header-menu__language,

.unit-header-menu__login {

    display: flex;

    justify-content: center;

    align-items: center

}



.unit-header-menu-login__box {

    position: relative

}



.unit-header-menu-login__list {

    display: none;

    position: absolute;

    bottom: 120%;

    left: 0;

    background: #fff;

    min-width: 100px;

    border-radius: 4px;

    border: 1px solid #ebeef5;

    padding: 12px;

    color: #606266;

    z-index: 200;

    line-height: 1.4;

    text-align: justify;

    font-size: 14px;

    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);

    word-break: break-all

}



.unit-header-menu-login__list.show {

    display: block

}



.unit-header-menu-login__list::after {

    content: "";

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    bottom: -6px;

    left: 50%;

    transform: translateX(-50%);

    margin-right: 3px;

    border-top-color: #ffff;

    border-width: 6px;

    border-bottom-width: 0;

    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))

}



.unit-header-menu-login__item {

    display: block;

    padding: 5px 0

}



.unit-header-menu-login__item.item-is__hidden {

    display: none

}



.unit-header-menu__nav_name,

.unit-header-menu__nav-list_name,

.unit-header-menu__nav-list_son_name {

    position: relative;

    word-break: break-word

}



.unit-header-menu__nav_bubble {

    position: absolute;

    right: -2px;

    transform: translate(100%, -30%);

    padding: 0 3px;

    border-radius: 4px;

    font-size: 12px;

    color: #fff;

    background: #ff961e

}



[package-block-type="header"] {

    --header-bg: #fff

}



.unit-header-nav {

    position: relative;

    --swiper-navigation-size: 18px

}



.unit-header-nav .swiper-scrollbar {

    background: 0

}



.unit-header-nav .swiper-button-prev {

    left: auto;

    margin-left: -15px;

    color: inherit;

    display: none

}



.unit-header-nav .swiper-button-next {

    right: 0;

    margin-right: -15px;

    color: inherit;

    display: none

}



.unit-header-nav .swiper-button-prev[aria-disabled='false'],

.unit-header-nav .swiper-button-next[aria-disabled='false'] {

    display: flex

}



[firstMenu] {

    font-size: 16px

}



[subMenu] {

    font-size: 14px;

    --header-bg-fixed: #fff;

    --header-bg: #fff;

    color: #333

}



.unit-header-nav__item {

    width: auto;

    padding: 14px 15px;

    display: flex;

    align-items: center

}



.has-bubble {

    padding-right: 30px

}



.unit-header-nav__item-link {

    display: inline-flex;

    align-items: center

}





.unit-header-nav__item:hover .unit-header-nav__item-content{display: block;transition: height .3s, opacity .3s;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 10;

    background-color: #Fff;

    border-radius: 5px;

}









.unit-header-nav__item-link:hover,

.unit-nav-flat_a:hover,

.unit-header-nav__item-link.active,

.unit-nav-flat_a.active {

    color: var(--font-active) !important

}



.unit-header-nav__item-content {

    display: none

}



.unit-header-nav__item-sub-content {

    position: absolute;

    top: 0;

    left: 100%;

    height: 0;

    background-color: var(--header-bg);

    border-radius: 5px;

    opacity: 0;

    transition: height .3s, opacity .3s;

    overflow: hidden

}



.unit-header-nav__item-sub-content.show {

    opacity: 1;

    width: auto;

    height: auto;

    overflow: initial

}



.unit-header-nav__subNav.show_right .unit-header-nav__item-sub-content {

    left: auto;

    right: 100%

}



.unit-header-nav__item-son,

.unit-header-nav__item-grandson,

.unit-header-nav__item-grateson {

    position: relative;

    padding: 18px 12px 0

}



.unit-header-nav__item-drop {

    transition: transform .3s

}



.unit-header-nav__item-son:hover>a .unit-header-nav__item-drop,

.unit-header-nav__item-grandson:hover>a .unit-header-nav__item-drop,

.unit-header-nav__item-grandson-tile:hover .unit-header-nav__item-drop,

.unit-header-nav__item-grandson-tile.active .unit-header-nav__item-drop {

    transform: rotate(-90deg)

}



.unit-header-nav__item-son:last-child,

.unit-header-nav__item-grandson:last-child,

.unit-header-nav__item-grateson:last-child {

    padding-bottom: 18px

}



.unit-nav_title {

    flex-grow: 1

}



.unit-nav_name {

    position: sticky;

    display: inline-flex;

    max-width: 360px;

    word-break: break-word

}



.unit-nav_text {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    word-break: break-word

}



[submenu] .unit-nav_name {

    max-width: 800px;

    white-space: nowrap;

    text-overflow: clip

}



[submenu] .unit-nav_text {

    max-width: 800px;

    white-space: nowrap;

    text-overflow: clip

}



.unit-nav_img {

    width: 60px;

    margin-right: 5px

}



.unit-nav_img img {

    width: 60px;

    max-width: inherit

}



.unit-nav_bubble {

    text-transform: lowercase;

    position: absolute;

    right: -2px;

    top: 0;

    transform: translate(100%, -50%);

    padding: 0 3px 3px;

    line-height: 14px;

    border-radius: 4px;

    font-size: 12px;

    color: #fff;

    background: #ff961e

}



.unit-header-nav__subNav {

    height: 0;

    opacity: 0;

    overflow: hidden;

    transition: height .3s, opacity .3s;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 10;

    background-color: var(--header-bg);

    border-radius: 5px

}



.unit-header-nav__subNav.show {

    height: auto;

    opacity: 1;

    overflow: initial

}



.unit-header-nav__subNav .unit-header-nav__item-link {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.unit-header-nav__subNav[sub-menu-type="1"].show {

    min-height: 40vh;

    max-height: 70vh;

    overflow-y: scroll;

    background-clip: padding-box

}



.unit-nav-flat_container {

    display: flex;

    flex-flow: wrap;

    width: 100%;

    padding-bottom: 10px;

    padding-top: 20px

}



.unit-header-nav-flat__item-son {

    width: calc(100% / var(--header-columns));

    display: flex;

    align-items: flex-start

}



.nav-item-img {

    text-align: right;

    margin-top: 20px

}



.item-list-container {

    max-height: 310px;

    overflow: hidden;

    width: 100%;

    padding-top: 20px

}



.right-container {

    width: 100%;

    padding-bottom: 10px;

    padding-right: 0

}



.unit-nav-flat_img {

    width: 100%;

    max-width: 140px

}



.unit-nav-flat_name {

    font-weight: bold;

    display: block

}



.unit-nav-flat_name,

.unit-nav-flat_son_name {

    position: sticky;

    display: inline-block

}



.unit-nav-flat_more {

    position: relative;

    right: 0;

    top: 93%;

    cursor: pointer;

    font-weight: 700;

    color: #000;

    display: inline-block;

    transform: rotate(0);

    visibility: hidden

}



.unit-nav-flat_more.show {

    transform: rotate(180deg)

}



.unit-nav-flat_dropdown {

    position: absolute;

    background-color: var(--header-bg);

    border-radius: 5px;

    transition: height .3s, opacity .3s;

    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 20%);

    opacity: 0;

    display: none

}



.unit-nav-flat_dropdown.show {

    opacity: 1;

    display: block

}



.bubble-tag {

    margin-right: 35px

}



.unit-header-nav__item-grandson-tile {

    position: relative;

    padding: 4px 0

}



.unit-nav-flat_dropdown .unit-header-nav__item-grateson {

    padding: 8px 8px 0

}



.unit-nav-flat_dropdown .unit-header-nav__item-grateson:last-child {

    padding-bottom: 8px

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar-track {

    background-color: var(--header-bg)

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar {

    width: 5px

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content::-webkit-scrollbar-thumb {

    background-color: rgba(255, 255, 255, 0.5)

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .border-line {

    display: none;

    position: absolute;

    left: 0;

    width: 100%;

    z-index: 2;

    height: 1px;

    background: #eee

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"].show {

    opacity: 1;

    max-height: 1000px

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] {

    opacity: 0;

    max-height: 0;

    transition-property: height, opacity, max-height;

    transition-duration: 300ms;

    transition-delay: 50ms;

    transition-timing-function: ease-in-out

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flattwo_container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-color: var(--header-bg);

    position: relative

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flattwo_body {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin: 0 -15px

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son {

    cursor: pointer;

    padding: 0 15px

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son>a {

    font-weight: 400;

    line-height: 60px;

    display: flex;

    align-items: center

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son>a .unit-header-nav__item-drop {

    transition-property: transform;

    transition-duration: 150ms;

    transition-timing-function: ease-in-out;

    padding-right: .25rem

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_name,

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_son_name {

    font-weight: 400;

    margin-right: 0;

    display: flex;

    align-items: center

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_name .unit-nav_bubble,

.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_son_name .unit-nav_bubble {

    position: unset;

    transform: translate(0);

    margin-left: .25rem

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content {

    background-color: var(--header-bg);

    cursor: default;

    width: 100%;

    overflow-x: hidden;

    overflow-y: scroll;

    position: absolute;

    left: 0;

    z-index: 1;

    max-height: 70vh;

    border-top: 1px solid #EEE;

    display: none

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content .flattwo-son-content_container {

    padding: 40px 0

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son-content .unit-nav-flat_son_name {

    margin-right: 0

}



.flattwo-item-son_links {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: flex-start

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-nav-flat_a {

    font-size: inherit

}



.flattwo-item-son_links .link-column-header a .unit-nav_text {

    font-weight: 700

}



.flattwo-item-son_links_container .flattwo-item-son_links_column {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    align-content: flex-start;

    margin: 0 -30px

}



.flattwo-item-son_links_column>div {

    width: calc(100% / var(--header-columns));

    gap: 15px;

    padding: 0 30px

}



.unit-nav-flattwo_grandson {

    display: inline-flex;

    flex-direction: column;

    gap: 15px

}



.unit-nav-flattwo_grandson a:hover .special-tex {

    text-decoration: underline

}



.flattwo-item-son_tile-container {

    display: flex;

    flex-wrap: wrap;

    gap: 40px;

    row-gap: 20px

}



.flattwo-item-son_tile-container .flattwo-item-son_tile {

    display: inline-block;

    min-width: 150px;

    max-width: 50%

}



.flattwo-item-son_tile-container .flattwo-item-son_tile a {

    cursor: pointer;

    display: flex;

    flex-direction: column;

    gap: 6px;

    text-align: left;

    line-height: inherit

}



.flattwo-item-son_tile-container .flattwo-item-son_tile a.no-cursor {

    cursor: unset

}



.flattwo-item-son_tile-container .flattwo-item-son_tile a:not(.jump-a):hover {

    text-decoration: underline

}



.flattwo-item-son_tile-container .flattwo-item-son_tile img.flattwo-item-son_tile-img {

    display: block;

    width: 100%

}



.flattwo-item-son_tile-container .flattwo-item-son_tile .flattwo-item-son_tile-caption {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    font-weight: bold

}



.flattwo-item-son_tile-container .flattwo-item-son_tile .flattwo-item-son_tile-caption .special-tex {

    word-break: break-all

}



.flattwo-item-son_tile-container .flattwo-item-son_tile a:not(.no-cursor) .special-tex {

    text-decoration: underline

}



.flattwo-item-son_tile-container .flattwo-item-son_tile img {

    max-height: 200px

}



.flattwo-item-son_bottom {

    margin-top: 32px

}



.flattwo-item-son_bottom a {

    display: inline-flex;

    gap: 10px;

    align-items: center;

    font-weight: bold;

    font-size: 14px

}



.flattwo-item-son_bottom a:hover .special-tex {

    text-decoration: underline

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover>a {

    font-weight: bold;

    box-shadow: 0 -2px 0 0 var(--main-color) inset

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover>a .unit-header-nav__item-drop {

    transform: rotate(180deg)

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover .unit-header-nav-flattwo_item-son-content {

    display: block

}



.unit-header-nav__subNav-flattwo[sub-menu-type="2"] .unit-header-nav-flattwo_item-son:hover .border-line {

    display: block

}



.unit-header-nav .unit-header-nav__item.is-active {

    background-color: var(--first-header-bg)

}



[package-type="header"] [package-type="header-nav"] {

    padding: 0

}



.unit-header-nav__item.is-active>a .unit-header-nav__item-drop {

    transform: rotateX(180deg)

}



@-moz-document url-prefix() {

    .unit-header-nav__item-grandson-tile {

        position: relative;

        padding: 8px 0 4px

    }

}



.mobile_menu_overlay {

    background: rgba(46, 45, 43, 0.8);

    z-index: 8;

    left: 0;

    right: 0;

    overflow: hidden;

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    display: none

}



.unit-header-search {

    position: relative

}



.unit-header-search:hover {

    color: var(--font-active)

}



.unit-header-search__box {

    display: flex

}



.unit-header-search__box.reverse {

    flex-direction: row-reverse

}



.unit-header-search__input {

    border-color: rgba(0, 0, 0, .1);

    outline: 0;

    box-shadow: none;

    display: none

}



.unit-header-search__input:focus {

    outline: 0;

    box-shadow: none

}



.unit-header-search__btn {

    cursor: pointer

}



.unit-header-search__btn .iconfont {

    font-size: inherit

}



.unit-header-search__btn,

.unit-header-search__input {

    padding: .4rem .8rem;

    border-radius: .3rem

}



.unit-header-search__box:not([group]) .unit-header-search__btn {

    padding: 0

}



[group] .unit-header-search__input {

    display: block;

    border: 1px solid #dcdfe6

}



[group] .unit-header-search__input:focus {

    border-color: var(--font-active)

}



[group] .unit-header-search__btn {

    background-color: var(--font-active);

    color: #fff

}



[group]:not(.reverse) .unit-header-search__btn {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



[group]:not(.reverse) .unit-header-search__input {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



[group].reverse .unit-header-search__btn {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



[group].reverse .form-control {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



.unit-header-search__modal {

    color: #333;

    position: absolute;

    top: 100%;

    left: 0;

    background-color: #fff;

    box-shadow: 0 0 20px rgb(0 0 0 / 10%);

    z-index: 11;

    height: 0;

    opacity: 0;

    overflow: hidden;

    transition: height .3s, opacity .3s

}



.unit-header-search__modal.show {

    height: auto;

    opacity: 1;

    overflow: initial

}



.unit-header-search__content {

    display: flex;

    align-items: center;

    padding: 8px 15px;

    border-radius: 24px;

    border: 1px solid #e5e5e5;

    width: calc(100% - 20px);

    margin: 15px auto;

    height: 38px

}



.unit-header-search__modal-btn {

    font-weight: 700;

    opacity: .8;

    cursor: pointer

}



.unit-header-search__modal-input {

    font-size: 14px;

    padding-left: 0;

    border: 0

}



.unit-header-search__modal-input:focus {

    box-shadow: none;

    outline: 0

}



.unit-header-search__modal-close {

    font-weight: 300;

    opacity: .3;

    cursor: pointer;

    transition: all .3s

}



.unit-header-search__modal-close:hover {

    opacity: 1

}



.search-mask {

    position: fixed;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    z-index: 99

}



.search-mask-body {

    width: 100vw;

    height: calc(100vh - var(--SAIB));

    background-color: rgba(0, 0, 0, .45);

    transition: opacity .2s;

    opacity: 0;

    visibility: hidden

}



.search-mask-body.show {

    visibility: visible;

    opacity: 1

}



.unit-header-search__modal-box {

    position: absolute;

    width: 100%;

    z-index: 10

}



.unit-header-search__modal-box .unit-header-search__modal {

    position: unset;

    padding: 15px 0;

    box-shadow: unset;

    border-top: 1px solid #e8e8e8

}



.unit-header-search__modal-box .unit-header-search__modal .unit-header-search__content {

    margin: 0 auto

}



.unit-header-search__modal-box .unit-header-search__modal-input::-webkit-input-placeholder {

    color: #929292

}



@media(min-width:1024px) {

    .unit-header-search__content {

        width: 800px;

        margin: 40px auto;

        height: 48px

    }



    .unit-header-search__modal-box .unit-header-search__modal {

        padding: 40px 0

    }

}



a.unit-image--zoom {

    cursor: zoom-in

}



.image-zoom-box {

    cursor: default !important;

    display: none;

    position: fixed;

    width: 100vw;

    height: 100vh;

    overflow-y: auto;

    top: 0;

    left: 0;

    z-index: 999999999;

    background: rgba(0, 0, 0, 0.8);

    justify-content: center;

    align-items: center

}



.image-zoom-box {

    --swiper-navigation-size: 14px

}



.image-zoom-box .zoom-container {

    width: 100%;

    height: 100%;

    position: relative;

    display: none

}



.image-zoom-box .zoom-box__close {

    position: absolute;

    right: 50px;

    top: 50px;

    color: #fff;

    height: 20px;

    line-height: 20px;

    cursor: pointer;

    z-index: 100

}



.image-zoom-box .zoom-box__close .icon-action-close-2 {

    font-size: 20px

}



.image-zoom-box .swiper-container {

    width: 100%;

    height: 100%

}



.image-zoom-box .swiper-slide {

    text-align: center;

    font-size: 18px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative

}



.image-zoom-box .swiper-lazy-preloader {

    border-color: #fff

}



.image-zoom-box .zoom-pic {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative

}



.image-zoom-box .zoom-title {

    position: absolute;

    bottom: 0;

    text-align: center;

    padding: 10px;

    background: rgba(0, 0, 0, .2);

    font-size: 18px;

    color: #fff;

    width: 100%

}



.image-zoom-box .zoom-title-wrapper {

    display: inline-block;

    text-align: left;

    max-width: 100%;

    word-wrap: break-word

}



.image-zoom-box .swiper-slide img {

    display: block;

    max-width: 80vw;

    max-height: 80vh;

    min-width: 20vw;

    min-height: 20vh

}



.image-zoom-box .swiper-pagination-fraction {

    top: 50px;

    left: 50px;

    width: 64px;

    height: 32px;

    background: rgba(0, 0, 0, .2);

    line-height: 32px;

    font-size: 16px;

    font-weight: 400;

    color: #fff

}



.image-zoom-box .swiper-button-next,

.image-zoom-box .swiper-button-prev {

    color: #fff;

    background: rgba(204, 204, 204, .5);

    padding: 20px;

    border-radius: 100%

}



.image-zoom-box .swiper-button-prev {

    left: 50px

}



.image-zoom-box .swiper-button-next {

    right: 50px

}



@media(max-width:600px) {

    .image-zoom-box .zoom-box__close {

        right: 20px;

        top: 20px

    }



    .image-zoom-box .swiper-pagination-fraction {

        top: 20px;

        left: 20px;

        font-size: 14px

    }



    .image-zoom-box .swiper-button-prev {

        left: 20px;

        bottom: 20px;

        top: auto

    }



    .image-zoom-box .swiper-button-next {

        right: 20px;

        bottom: 20px;

        top: auto

    }



    .image-zoom-box .zoom-title-wrapper {

        font-size: 14px

    }

}



.inquiry-modal .modal__inner-lg {

    width: 80%

}



.inquiry-modal .modal__footer {

    display: none

}



.inquiry-modal .unit-inquire-lists {

    height: auto;

    max-height: 400px

}



.inquiry-modal .modal__title,

.inquiry-modal .custom-control-label {

    text-transform: capitalize

}



.unit-list__date {

    display: flex;

    flex-wrap: nowrap;

    opacity: .5;

    font-size: 14px

}



.unit-list__date-split::before {

    content: '-';

    padding: 0 1px

}



.nav {

    justify-content: center

}



.nav-item {

    cursor: pointer

}



.unit-list .tab-content {

    padding-top: 10px

}



a.unit-list__image--zoom {

    cursor: zoom-in

}



.list-zoom-box {

    cursor: default !important;

    display: none;

    position: fixed;

    width: 100vw;

    height: 100vh;

    overflow-y: auto;

    top: 0;

    left: 0;

    z-index: 999999999;

    background: rgba(0, 0, 0, 0.8);

    justify-content: center;

    align-items: center

}



.list-zoom-box {

    --swiper-navigation-size: 14px

}



.list-zoom-box .zoom-container {

    width: 100%;

    height: 100%;

    position: relative;

    display: none

}



.list-zoom-box .zoom-box__close {

    position: absolute;

    right: 50px;

    top: 50px;

    color: #fff;

    height: 20px;

    line-height: 20px;

    cursor: pointer;

    z-index: 100

}



.list-zoom-box .zoom-box__close .icon-action-close-2 {

    font-size: 20px

}



.list-zoom-box .swiper-container {

    width: 100%;

    height: 100%

}



.list-zoom-box .swiper-slide {

    text-align: center;

    font-size: 18px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative

}



.list-zoom-box .swiper-lazy-preloader {

    border-color: #fff

}



.list-zoom-box .zoom-pic {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative

}



.list-zoom-box .zoom-title {

    position: absolute;

    bottom: 0;

    text-align: center;

    padding: 10px;

    background: rgba(0, 0, 0, .5);

    font-size: 18px;

    color: #fff;

    width: 100%

}



.list-zoom-box .zoom-title-wrapper {

    display: inline-block;

    text-align: left;

    max-width: 100%;

    word-wrap: break-word

}



.list-zoom-box .swiper-slide img {

    display: block;

    max-width: 80vw;

    max-height: 80vh;

    min-width: 20vw;

    min-height: 20vh

}



.list-zoom-box .swiper-pagination-fraction {

    top: 50px;

    left: 50px;

    width: 64px;

    height: 32px;

    background: rgba(0, 0, 0, .2);

    line-height: 32px;

    font-size: 16px;

    font-weight: 400;

    color: #fff

}



.list-zoom-box .swiper-button-next,

.list-zoom-box .swiper-button-prev {

    color: #fff;

    background: rgba(204, 204, 204, .5);

    padding: 20px;

    border-radius: 100%

}



.list-zoom-box .swiper-button-prev {

    left: 50px

}



.list-zoom-box .swiper-button-next {

    right: 50px

}



@media(max-width:600px) {

    .list-zoom-box .zoom-box__close {

        right: 20px;

        top: 20px

    }



    .list-zoom-box .swiper-pagination-fraction {

        top: 20px;

        left: 20px;

        font-size: 14px

    }



    .list-zoom-box .swiper-button-prev {

        left: 20px;

        bottom: 20px;

        top: auto

    }



    .list-zoom-box .swiper-button-next {

        right: 20px;

        bottom: 20px;

        top: auto

    }



    .list-zoom-box .zoom-title-wrapper {

        font-size: 14px

    }

}



@media(max-width:768px) {

    .inquiry-modal {

        padding: 0;

        align-items: flex-end;

        padding-bottom: var(--SAIB)

    }



    .inquiry-modal .modal__inner {

        max-height: 85%;

        width: 100%

    }



    .inquiry-modal .modal__footer-inner {

        display: flex;

        align-items: center

    }



    .inquiry-modal .modal__footer-btn {

        flex: 1

    }



    .inquiry-modal .modal__footer-inner .btn {

        width: 100%;

        border-radius: 20px

    }



    .inquiry-modal .btn-primary {

        background: linear-gradient(135deg, #ff7e00 0, #ff532c 100%);

        border: 0

    }



    .inquiry-modal .btn {

        height: 40px

    }



    .inquiry-modal .modal__footer {

        padding-bottom: calc(10px + var(--SAIB));

        display: block

    }



    .inquiry-modal .unit-form__item-submit {

        display: none

    }



    .inquiry-modal-inner .py-4 {

        padding-top: 10px !important;

        padding-bottom: 10px !important

    }

}



.resize-container .unit-list__item:first-child {

    position: absolute;

    z-index: 1

}



.resize-container img[data-hidden] {

    display: block;

    margin-bottom: auto

}



.resize-container[direction="y"] .unit-list__item-inner {

    height: auto !important

}



.unit-list__split-line {

    width: 1px;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 1;

    cursor: e-resize

}



.resize-container[direction="y"] .unit-list__split-line {

    width: 100%;

    height: 1px;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    cursor: n-resize

}



.unit-list__dragger {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center

}



.unit-list__icon-resize {

    line-height: 40px;

    font-size: 8px

}



.resize-container[direction="y"] .unit-list__split-line .unit-list__icon-resize::before {

    display: block;

    transform: rotate(90deg)

}



.align-start {

    align-self: flex-start

}



.align-end {

    align-self: flex-end

}



.swiper-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr))

}



.swiper-grid .unit-list__item {

    max-width: unset

}



.swiper-grid .unit-list__a,

.swiper-grid .unit-list__item-inner {

    height: 100%

}



@media(max-width:767px) {

    .gcol-12 {

        grid-template-columns: repeat(1, minmax(0, 1fr))

    }



    .gcol-6 {

        grid-template-columns: repeat(2, minmax(0, 1fr))

    }



    .gcol-4 {

        grid-template-columns: repeat(3, minmax(0, 1fr))

    }



    .gcol-3 {

        grid-template-columns: repeat(4, minmax(0, 1fr))

    }



    .gcol-2_4 {

        grid-template-columns: repeat(5, minmax(0, 1fr))

    }



    .gcol-2 {

        grid-template-columns: repeat(6, minmax(0, 1fr))

    }



    .gcol-12_7 {

        grid-template-columns: repeat(7, minmax(0, 1fr))

    }



    .gcol-12_8 {

        grid-template-columns: repeat(8, minmax(0, 1fr))

    }



    .gcol-12_9 {

        grid-template-columns: repeat(9, minmax(0, 1fr))

    }



    .gcol-12_10 {

        grid-template-columns: repeat(10, minmax(0, 1fr))

    }



    .gcol-12_11 {

        grid-template-columns: repeat(11, minmax(0, 1fr))

    }



    .gcol-1 {

        grid-template-columns: repeat(12, minmax(0, 1fr))

    }

}



@media(min-width:768px) and (max-width:1199px) {

    .gcol-md-12 {

        grid-template-columns: repeat(1, minmax(0, 1fr))

    }



    .gcol-md-6 {

        grid-template-columns: repeat(2, minmax(0, 1fr))

    }



    .gcol-md-4 {

        grid-template-columns: repeat(3, minmax(0, 1fr))

    }



    .gcol-md-3 {

        grid-template-columns: repeat(4, minmax(0, 1fr))

    }



    .gcol-md-2_4 {

        grid-template-columns: repeat(5, minmax(0, 1fr))

    }



    .gcol-md-2 {

        grid-template-columns: repeat(6, minmax(0, 1fr))

    }



    .gcol-md-12_7 {

        grid-template-columns: repeat(7, minmax(0, 1fr))

    }



    .gcol-md-12_8 {

        grid-template-columns: repeat(8, minmax(0, 1fr))

    }



    .gcol-md-12_9 {

        grid-template-columns: repeat(9, minmax(0, 1fr))

    }



    .gcol-md-12_10 {

        grid-template-columns: repeat(10, minmax(0, 1fr))

    }



    .gcol-md-12_11 {

        grid-template-columns: repeat(11, minmax(0, 1fr))

    }



    .gcol-md-1 {

        grid-template-columns: repeat(12, minmax(0, 1fr))

    }

}



@media(min-width:1200px) {

    .gcol-xl-12 {

        grid-template-columns: repeat(1, minmax(0, 1fr))

    }



    .gcol-xl-6 {

        grid-template-columns: repeat(2, minmax(0, 1fr))

    }



    .gcol-xl-4 {

        grid-template-columns: repeat(3, minmax(0, 1fr))

    }



    .gcol-xl-3 {

        grid-template-columns: repeat(4, minmax(0, 1fr))

    }



    .gcol-xl-2_4 {

        grid-template-columns: repeat(5, minmax(0, 1fr))

    }



    .gcol-xl-2 {

        grid-template-columns: repeat(6, minmax(0, 1fr))

    }



    .gcol-xl-12_7 {

        grid-template-columns: repeat(7, minmax(0, 1fr))

    }



    .gcol-xl-12_8 {

        grid-template-columns: repeat(8, minmax(0, 1fr))

    }



    .gcol-xl-12_9 {

        grid-template-columns: repeat(9, minmax(0, 1fr))

    }



    .gcol-xl-12_10 {

        grid-template-columns: repeat(10, minmax(0, 1fr))

    }



    .gcol-xl-12_11 {

        grid-template-columns: repeat(11, minmax(0, 1fr))

    }



    .gcol-xl-1 {

        grid-template-columns: repeat(12, minmax(0, 1fr))

    }

}



.unit-list.is-swiper .swiper-wrapper {

    align-items: stretch

}



.unit-list.is-swiper .swiper-wrapper {

    align-items: stretch;

    height: 100% !important

}



.align-start {

    align-self: flex-start

}



.align-end {

    align-self: flex-end

}



.is-swiper .unit-list__a,

.is-swiper .unit-list__item-inner {

    height: 100%

}



.unit-list.is-swiper .swiper-wrapper {

    align-items: stretch;

    height: 100% !important

}



.is-swiper .unit-list__a,

.is-swiper .unit-list__item-inner {

    height: 100%

}



.unit-list-10 {

    --border-color: #e4e4e4;

    --border-size: 1px;

    background: transparent

}



.unit-list-10 .unit-list__items {

    margin: 1px 0 0 0

}



.unit-list-10 .unit-list__item {

    padding: 0;

    height: auto;

    overflow: hidden

}



.unit-list-10 .unit-list__item-inner {

    padding: 3.75rem

}



.unit-list-10 .unit-list__content {

    padding: 0

}



.unit-list-10 .unit-list__text {

    text-align: left;

    margin-top: 1rem;

    line-height: 1.36

}



.unit-list-10 .unit-list__text-inner {

    padding: 0

}



.unit-list-10 .base-image__item {

    display: flex;

    justify-content: flex-start

}



.unit-list-10 .base-image__img {

    height: 64px

}



.unit-list-10 {

    border-left: solid var(--border-size) var(--border-color);

    border-top: solid var(--border-size) var(--border-color)

}



.unit-list-10 .unit-list__item {

    border-right: solid var(--border-size) var(--border-color);

    border-bottom: solid var(--border-size) var(--border-color);

    width: 100%

}



.unit-list-10 .unit-list__description {

    margin: 10px 0 0 0

}



.unit-list-10 .base-image__img {

    color: var(--main-color)

}



.unit-list-10 svg {

    fill: currentColor

}



.unit-list__item-hover-linear {

    --flex-basis: initial;

    --flex-grow: initial;

    --flex-shrink: initial;

    flex-basis: var(--flex-basis);

    flex-grow: var(--flex-grow);

    flex-shrink: var(--flex-shrink)

}



.unit-list__item-hover-linear {

    --hover-linear-bg-color: var(--main-color);

    --hover-linear-img-color: rgba(255, 255, 255, 1);

    --hover-linear-font-color: rgba(255, 255, 255, 1);

    display: flex;

    background-size: 210%;

    transition: .6s all ease-out;

    background-image: linear-gradient(to left, transparent 50%, var(--hover-linear-bg-color) 50%) !important;

    background-position-x: calc(100% + 1px)

}



.unit-list__item-hover-linear>.unit-list__a {

    flex: 1

}



.unit-list__item-hover-linear svg,

.unit-list__item-hover-linear img,

.unit-list__item-hover-linear .unit-list__text {

    transition: .6s ease-out

}



.unit-list__item-hover-linear:hover svg {

    fill: var(--hover-linear-img-color) !important;

    color: var(--hover-linear-img-color) !important

}



.unit-list__item-hover-linear:hover {

    background-position: left

}



.unit-list__item-hover-linear:hover .unit-list__title,

.unit-list__item-hover-linear:hover .text_ellipsis,

.unit-list__item-hover-linear:hover .unit-list__subtitle {

    color: var(--hover-linear-font-color) !important

}



.unit-list__item-hover-linear:hover {

    color: var(--hover-linear-font-color)

}



.unit-list__item-hover-linear .unit-list__item-inner {

    background: initial !important

}



@media(max-width:768px) {

    .unit-list-10 .unit-list__item-inner {

        padding: 2.5rem

    }

}



.module-banner-7-unit-1 .swiper-pagination-bullet::before {

    border-top-width: 3px;

    width: 0

}



.module-banner-7-unit-1 .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    box-shadow: unset

}



.module-banner-7-unit-1 .swiper-pagination-bullet-active {

    background: #fff

}



.module-irregular-5-unit-1 .swiper-pagination-bullet::before {

    border-top-width: 3px;

    width: 0

}



.module-irregular-5-unit-1 .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    box-shadow: unset

}



.module-irregular-5-unit-1 .swiper-pagination-bullet-active {

    background: #fff

}



@media(max-width:767px) {

    .unit-list__items[merge-border-x-default="true"] {

        padding-right: var(--border-width-default)

    }



    .unit-list__item-inner[merge-border-x-default="true"] {

        margin-right: calc(0px - var(--border-width-default))

    }



    .unit-list__item-inner[merge-border-y-default="true"] {

        border-bottom: none !important

    }



    .unit-list__item-inner[virtual-border-y-default="true"] {

        position: relative

    }



    .unit-list__item-inner[virtual-border-y-default="true"]::after {

        content: '';

        height: 0;

        border-bottom: var(--border-style-default) var(--border-width-default) var(--border-color-default);

        position: absolute;

        left: calc(0px - var(--border-width-default));

        right: calc(0px - var(--border-width-default));

        bottom: calc(0px - var(--border-width-default))

    }

}



@media(min-width:768px) and (max-width:1199px) {

    .unit-list__items[merge-border-x-md="true"] {

        padding-right: var(--border-width-md)

    }



    .unit-list__item-inner[merge-border-x-md="true"] {

        margin-right: calc(0px - var(--border-width-md))

    }



    .unit-list__item-inner[merge-border-y-md="true"] {

        border-bottom: none !important

    }



    .unit-list__item-inner[virtual-border-y-md="true"] {

        position: relative

    }



    .unit-list__item-inner[virtual-border-y-md="true"]::after {

        content: '';

        height: 0;

        border-bottom: var(--border-style-md) var(--border-width-md) var(--border-color-md);

        position: absolute;

        left: calc(0px - var(--border-width-md));

        right: calc(0px - var(--border-width-md));

        bottom: calc(0px - var(--border-width-md))

    }

}



@media(min-width:1200px) {

    .unit-list__items[merge-border-x-xl="true"] {

        padding-right: var(--border-width-xl)

    }



    .unit-list__item-inner[merge-border-x-xl="true"] {

        margin-right: calc(0px - var(--border-width-xl))

    }



    .unit-list__item-inner[merge-border-y-xl="true"] {

        border-bottom: none !important

    }



    .unit-list__item-inner[virtual-border-y-xl="true"] {

        position: relative

    }



    .unit-list__item-inner[virtual-border-y-xl="true"]::after {

        content: '';

        height: 0;

        border-bottom: var(--border-style-xl) var(--border-width-xl) var(--border-color-xl);

        position: absolute;

        left: calc(0px - var(--border-width-xl));

        right: calc(0px - var(--border-width-xl));

        bottom: calc(0px - var(--border-width-xl))

    }

}



@media(min-width:1200px) {



    [composing-xl="image-left-alternate"][even-row="true"] .unit-list__item-inner,

    [composing-xl="image-right"] .unit-list__item-inner,

    [composing-xl="image-right-alternate"] .unit-list__item-inner {

        flex-direction: row-reverse !important

    }



    [composing-xl="image-left"] .unit-list__item-inner,

    [composing-xl="image-right-alternate"][even-row="true"] .unit-list__item-inner {

        flex-direction: row !important

    }

}



.unit-social-list {

    display: grid;

    align-items: center;

    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr))

}



.unit-social-list .bg-facebook {

    --social-icon: #3b5998

}



.unit-social-list .bg-youtube {

    --social-icon: red

}



.unit-social-list .bg-twitter {

    --social-icon: #1296db

}



.unit-social-list .bg-linkedin {

    --social-icon: #377ca5

}



.unit-social-list .bg-instagram {

    --social-icon: #be347f

}



.unit-social-list .bg-pinterest {

    --social-icon: #bc081c

}



.unit-social-list .bg-reddit {

    --social-icon: #ff4500

}



.unit-social-list .bg-skype {

    --social-icon: #00aff0

}



.unit-social-list .bg-telegram {

    --social-icon: #22a0d3

}



.unit-social-list .bg-tiktok {

    --social-icon: #010101

}



.unit-social-list .bg-tumblr {

    --social-icon: #35465e

}



.unit-social-list .bg-vk {

    --social-icon: #0189fd

}



.unit-social-list .bg-whatsapp {

    --social-icon: #42c655

}



.unit-social-list .bg-viber {

    --social-icon: #7b519f

}



.unit-social-list .bg-more {

    --social-icon: rgba(255, 255, 255, 0.8)

}



.unit-social-list .unit-social-list__item {

    color: white;

    --social-icon-active: var(--social-icon);

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 5px;

    justify-self: center

}



.unit-social-list .unit-social-list__more,

.unit-social-list .unit-social-list__icon {

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 50%;

    background-color: var(--social-icon)

}



.unit-social-list .unit-social-list__more {

    color: #424344;

    border: 1px solid #ebebeb;

    cursor: pointer;

    line-height: 28px

}



.unit-social-list .unit-social-list__more:hover,

.unit-social-list .unit-social-list__icon:hover {

    background-color: var(--social-icon-active)

}



.modal .unit-social-list__icon {

    border-radius: 50%;

    width: 50px;

    height: 50px;

    line-height: 50px

}



.modal .unit-social-list__icon .iconfont {

    font-size: 22px

}



.new-modal-social .modal__inner {

    border-radius: 8px

}



.new-modal-social .modal__inner .unit-social-list a:hover .unit-social-list__itemabox {

    background-color: #cbdffe;

    border-radius: 8px

}



.new-modal-social .modal__footer {

    display: none

}



.new-modal-social .modal__inner-md {

    width: 1080px

}



.new-modal-social .col-lg-2dot4 {

    width: 170px;

    padding: 20px

}



.new-modal-social .unit-social-list__itemabox {

    height: 130px;

    padding: 20px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    border: 1px solid #eceeef;

    border-radius: 8px

}



.new-modal-social .unit-social-list__title {

    margin-top: 10px

}



.new-modal-social .unit-social-list__title {

    color: #212529

}



@media(max-width:1025px) {

    .new-modal-social .modal__inner {

        width: 705px

    }

}



@media(max-width:820px) {

    .new-modal-social .modal__inner {

        width: 695px

    }

}



@media(max-width:780px) {

    .new-modal-social .modal__inner {

        width: 664px

    }



    .unit-social-list {

        grid-template-columns: repeat(auto-fill, minmax(136px, 1fr))

    }



    .new-modal-social .col-lg-2dot4 {

        width: 136px;

        padding: 4px

    }

}



@media(max-width:420px) {

    .new-modal-social .modal__inner {

        width: 325px

    }

}



[data-type="Mail"] .unit-social-list__icon {

    background-color: gray !important

}



[package-type="copyright"] [package-type="text"] {

    --lifisher-copyright-color: currentcolor;

    --lifisher-copyright-font-size: 1em

}



.lifisher-copyright-shadow {

    color: var(--lifisher-copyright-color) !important;

    display: inline-flex;

    flex-direction: row;

    align-items: center;

    vertical-align: bottom;

    margin-left: .6ch;

    min-height: 1.5em;

    text-transform: capitalize

}



.lifisher-copyright {

    color: var(--lifisher-copyright-color) !important;

    display: inline-flex;

    flex-direction: row;

    align-items: flex-end;

    vertical-align: baseline

}



.lifisher-copyright__link {

    display: inline-flex;

    flex-direction: row;

    align-items: flex-end;

    vertical-align: baseline

}



.lifisher-copyright__icon {

    display: flex;

    margin-right: 2px;

    margin-left: 6px

}



.lifisher-copyright svg {

    fill: currentColor;

    height: var(--lifisher-copyright-font-size);

    width: auto

}



.unit-video-popup {

    position: relative

}



.unit-video-popup .base-image__img {

    margin: auto;

    display: block

}



.unit-video-popup .alert {

    padding: 0

}



.with-footer .widget-social-media-chat__content-wrap {

    bottom: calc(140px + var(--SAIB) + var(--FAQ-B))

}



.widget-social-media-chat__content-wrap {

    position: fixed;

    right: 15px;

    bottom: calc(10% + var(--FAQ-B));

    cursor: pointer;

    z-index: 10

}



.widget-social-media-chat__content {

    position: relative;

    margin-top: 6px

}



.widget-social-media-chat__server,

.widget-social-media-chat__modal-close {

    border-radius: 50%;

    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%), 0 2px 16px 0 rgb(0 0 0 / 12%)

}



.widget-social-media-chat__server img {

    border-radius: 6px

}



.widget-social-media-chat__modal-close {

    display: none

}



.widget-social-media-chat__sign {

    width: 180px !important

}



.widget-social-media-chat__items {

    width: 100%;

    display: flex;

    flex-wrap: wrap

}



.widget-social-media-chat__item {

    border-bottom: solid 1px #eee;

    padding: 12px;

    width: 50%;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    white-space: nowrap

}



.widget-social-media-chat__item:hover {

    border-bottom: 1px var(--main-color) solid

}



.widget-social-media-chat__item-text {

    padding: 2px 6px;

    text-transform: capitalize;

    font-size: 13px;

    overflow: hidden;

    text-overflow: ellipsis

}



.widget-social-media-chat__icon {

    display: inline-block;

    line-height: 40px;

    width: 40px;

    flex-shrink: 0;

    text-align: center;

    background-color: rebeccapurple;

    color: white;

    border-radius: 5px

}



.widget-social-media-chat__icon.icon-skype {

    background-color: #00aff0

}



.widget-social-media-chat__icon.icon-fbmessenger {

    background-color: #0084ff

}



.widget-social-media-chat__icon.icon-telegram {

    background-color: #08c

}



.widget-social-media-chat__icon.icon-trademanager {

    background-color: #1896eb

}



.widget-social-media-chat__icon.icon-viber {

    background-color: #744882

}



.widget-social-media-chat__icon.icon-vk {

    background-color: #4c6c91

}



.widget-social-media-chat__icon.icon-wechat {

    background-color: #4ec034

}



.widget-social-media-chat__icon.icon-whatsapp {

    background-color: #25d366

}



.widget-social-media-chat__icon.icon-send-inquiry {

    background-color: var(--main-color);

    font-size: 22px;

    width: 60px;

    line-height: 60px;

    border-radius: 50%

}



.widget-social-media-chat__icon.icon-action-close-2 {

    background-color: var(--main-color);

    font-size: 18px;

    width: 60px;

    line-height: 60px;

    border-radius: 50%

}



.widget-social-media-chat__icon.icon-base-email {

    background-color: var(--main-color);

    font-size: 16px

}



.widget-social-media-chat__icon.icon-phone {

    background-color: var(--main-color);

    font-size: 16px

}



.widget-social-media-chat__modal {

    opacity: 0;

    visibility: hidden;

    transition: all .6s;

    position: absolute;

    z-index: 3;

    left: 0;

    bottom: 10px;

    background-color: #fff;

    transform: translate(calc(-100% + 60px), -65px);

    width: 350px;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

    border-radius: 8px;

    overflow: hidden

}



.widget-social-media-chat__modal.show {

    opacity: 1;

    visibility: visible

}



.widget-social-media-chat__modal-head {

    background-color: rgb(var(--rgb-color));

    text-align: center;

    padding: 30px 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-bottom: 1px solid rgba(0, 0, 0, .1)

}



.col-plugins-list .icon-base-email,

.col-plugins-list .icon-phone {

    font-size: 24px;

    line-height: 60px

}



.widget-social-media-chat__inquiry [button-style="1"] .btn,

.widget-social-media-chat__inquiry [button-style="2"] .btn {

    font-family: inherit

}



.widget-social-media-chat__inquiry .widget-social-media-chat__modal-title {

    font-weight: bold

}



.widget-social-media-chat__inquiry .widget-social-media-chat__modal-title_des {

    font-weight: normal

}



.widget-social-media-chat__inquiry form .unit-form__label {

    font-size: 14px

}



.widget-social-media-chat__modal-title_des {

    text-align: center;

    font-size: 14px;

    margin-top: 8px;

    opacity: .6

}



.widget-social-media-chat__modal-title {

    font-size: 18px;

    color: #fff;

    text-transform: capitalize;

    font-weight: 500

}



.widget-social-media-chat__modal-desc {

    font-size: 14px;

    color: #666;

    padding: 15px 0

}



.widget-social-media-chat__modal .base-button .btn {

    display: block;

    width: 100%;

    padding: 10px 0;

    text-align: center;

    margin: 0 auto

}



.widget-social-media-chat__mask {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: rgba(0, 0, 0, .5);

    z-index: 1;

    display: none

}



.widget-social-media-chat__cancel {

    width: 100%;

    border-radius: 44px;

    border: 1px solid rgba(0, 0, 0, .1);

    padding: 10px 0;

    text-align: center;

    color: #333;

    text-transform: capitalize

}



.widget-social-media-chat__modal-form {

    padding: 25px;

    overflow-y: auto;

    overflow-x: hidden;

    max-height: calc(80vh - 260px);

    font-size: 14px;

    background: #f9fafa;

    padding-bottom: 45px

}



.widget-social-media-chat__modal-form .unit-form .form-control {

    font-size: 14px;

    border-radius: 4px;

    border-color: #f5f5f5;

    box-shadow: none;

    background-color: #f5f5f5

}



.widget-social-media-chat__modal-form .unit-form .unit-form__item-inner {

    color: #141414

}



.widget-social-media-chat__modal-form .form-group {

    margin-bottom: 7px

}



.widget-social-media-chat__modal-form::-webkit-scrollbar {

    width: 3px

}



.widget-social-media-chat__modal-form::-webkit-scrollbar-thumb {

    background-color: #d7d7d7

}



.widget-social-media-chat__modal-close-1 {

    display: none

}



.widget-social-media-chat__content-wrap i:hover .onlineservice_tips {

    -webkit-transform: rotateX(0);

    transform: rotateX(0);

    display: block

}



.onlineservice_tips {

    padding: 5px 8px;

    background-color: #fff;

    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

    border-radius: 4px;

    position: absolute;

    right: 72px;

    top: 15px;

    -webkit-transform: rotateX(90deg);

    transform: rotateX(90deg);

    -webkit-transition: all .4s;

    transition: all .4s

}



.onlineservice_tips:after {

    content: "";

    display: inline-block;

    width: 10px;

    height: 10px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    position: absolute;

    right: -5px;

    top: 10px;

    background-color: #fff

}



.onlineservice_tips:hover {

    text-decoration: underline

}



.onlineservice_tips {

    display: block;

    min-height: 28px;

    text-align: center;

    line-height: 28px;

    color: #333 !important;

    font-size: 15px

}



@media(max-width:1440px) {

    .widget-social-media-chat__modal-form {

        max-height: calc(100vh - 220px)

    }

}



.col-plugins-list {

    flex-direction: column;

    display: flex

}



.col-plugins-list i {

    margin-top: 6px;

    width: 60px;

    height: 60px;

    font-size: 30px;

    line-height: 2;

    border-radius: 50%;

    position: relative

}



@media(max-width:768px) {

    [page-type="product_detail"] .widget-social-media-chat__content>.widget-social-media-chat__modal-close {

        opacity: 0

    }



    [page-type="product_detail"] .widget-social-media-chat__server {

        display: none !important

    }



    .widget-social-media-chat__modal {

        position: fixed;

        width: 100%;

        transform: translateX(0);

        border-top-left-radius: 12px;

        border-top-right-radius: 12px;

        bottom: 0;

        border-radius: 8px 8px 0 0

    }



    .widget-social-media-chat__mask.show {

        display: block

    }



    .widget-social-media-chat__wrap {

        overflow-x: auto;

        width: 100%;

        -ms-overflow-style: none;

        scrollbar-width: none

    }



    .widget-social-media-chat__wrap::-webkit-scrollbar {

        display: none

    }



    .widget-social-media-chat__item {

        width: 25%;

        display: flex;

        flex-direction: column;

        align-items: center;

        border-bottom: 0;

        padding: 20px 10px

    }



    .widget-social-media-chat__cancel {

        display: block

    }



    .widget-social-media-chat__modal-form {

        max-height: calc(100vh - 250px - var(--SAIT) - var(--SAIB))

    }



    .widget-social-media-chat__icon {

        line-height: 45px;

        width: 45px;

        font-size: 22px

    }



    .move_chat_close {

        display: block;

        position: absolute;

        right: 10px;

        top: 10px;

        color: #fff

    }



    .widget-social-media-chat__modal-form .form-group {

        margin-bottom: 0

    }



    .widget-social-media-chat__modal-close {

        box-shadow: none

    }



    .col-plugins-list {

        display: none !important

    }



    .no-need-inquiry.not-only-one .col-plugins-list {

        display: none

    }



    .only-one.has-inquiry .col-plugins-list {

        display: none

    }

}



.chat-online-unit-form__item {

    margin-bottom: 18px !important

}



.chat-online-unit-form__item-inner {

    display: flex;

    flex-direction: column;

    flex-flow: column-reverse

}



.chat-online-unit-form__item-inner .unit-form__label {

    order: 3

}



.chat-online-unit-form__item-inner .unit-form__control {

    order: 2

}



.chat-online-unit-form__item-inner .unit-form__label {

    position: static;

    padding: 0;

    padding-bottom: 8px

}



.chat-online-unit-form__item-inner .form-control {

    background-color: #fff !important;

    border: 1px solid #e3e3e3 !important

}



.chat-online-unit-form__item-inner .form-control {

    padding-top: 10px !important;

    padding-bottom: 10px !important

}



.chat-online-unit-form__item-inner .widget-social-media-chat__modal-body {

    padding: 0

}



.chat-online-unit-form__item-inner .form-control:not(:placeholder-shown)~.unit-form__label {

    padding-top: 0;

    padding-bottom: 8px;

    opacity: 1;

    font-size: inherit

}



.chat-online-unit-form__item-inner textarea::-webkit-scrollbar {

    width: 4px

}



.chat-online-unit-form__item-inner .form-group {

    margin-bottom: 10px

}



.no-need-inquiry .widget-social-media-chat__item {

    padding: 12px

}



.only-one.no-inquiry .col-plugins-list {

    display: flex

}



[data-inquirystatus="2"] .cont-text {

    display: none

}



.no-inquiry .cont-text {

    display: none

}



@media(min-width:769px) {

    .no-inquiry .widget-social-media-chat__server {

        display: none

    }



    .no-need-inquiry[data-inquirystatus="1"] .widget-social-media-chat__wrap {

        display: none

    }

}



.widget-ai-chat .widget-social-media-chat__icon {

    width: 60px;

    line-height: 60px;

    border-radius: 50%;

    background-color: var(--main-color)

}



.widget-social-media-chat__icon.widget-main-icon {

    font-size: 22px

}



.with-footer .widget-ai-chat .widget-ai-chat__content-wrap {

    bottom: calc(140px + var(--SAIB))

}



.widget-ai-chat .widget-ai-chat__content-wrap {

    position: fixed;

    right: 15px;

    bottom: 10%;

    cursor: pointer;

    z-index: 10

}



.widget-ai-chat .widget-ai-chat__modal {

    transform: translate(calc(-100% + 60px), -126px)

}



.widget-ai-chat__iframe {

    padding: 0;

    margin: 0;

    border: 0;

    width: 100%;

    height: 100%

}



.widget-ai-chat .widget-social-media-chat__modal-body {

    height: 500px

}



.widget-ai-chat__icon_list {

    flex-direction: column;

    display: flex

}



.widget-ai-chat__icon_list .widget-social-media-chat__icon {

    margin-top: 6px;

    width: 60px;

    height: 60px;

    font-size: 30px;

    line-height: 2;

    border-radius: 50%

}



@media(max-width:768px) {

    .widget-ai-chat .widget-ai-chat__modal {

        position: fixed;

        width: 100%;

        transform: translateX(0)

    }



    .widget-ai-chat .widget-ai-chat__content-wrap {

        overflow-x: auto;

        -ms-overflow-style: none;

        scrollbar-width: none

    }



    .widget-ai-chat .widget-ai-chat__content-wrap::-webkit-scrollbar {

        display: none

    }



    [page-type="faq_messages"] [package-group="widget"] {

        display: none

    }

}



</style><style id="style"class="koa"> :root {

    --animate__name: none;

    --compress__ratio: 100, 100, 100;

    --compress_banner__ratio: 100;

    --img__convert_dst: true;

    --img__convert_quality: true;

    --img__dpi: false;

    --rgb-color: 0, 147, 221;

}



.container {

    --container-width: 1440px;

    max-width: 1440px;

}



[package-group] {

    position: static;

    top: 0px;

}



[text-style="1"] {

    font-size: 22px;

    letter-spacing: -0.05em;

    line-height: 1.1;

    text-transform: uppercase;

    font-family: "Gotham Bold";

}



[text-style="2"] {

    font-size: 16px;

    letter-spacing: 0px;

    line-height: 1.5;

    font-family: "Gotham Medium";

}



[text-style="3"] {

    font-size: 14px;

    letter-spacing: 0px;

    line-height: 1.7;

    font-family: "Poppins Regular";

}



[text-style="4"] {

    font-size: 12px;

    letter-spacing: 0.4em;

    line-height: 1.5;

    text-transform: uppercase;

    font-family: "Gotham Medium";

}



.unit-form__submit {

    margin: 1vw auto 1vw auto;

    display: block;

}



.base-button__inner {

    font-size: 12px;

}



.unit-form__control {

    border: 0;

}



[package-item='unit'] {

    padding-bottom: 10px;

    padding-top: 10px;

}



[button-style="1"] .btn {

    padding: 8px 55px 8px 55px;

    --button-type: 0;

    background-color: var(--main-color);

    border-bottom-color: transparent;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-left-color: transparent;

    border-left-style: solid;

    border-left-width: 1px;

    border-radius: 0px 0px 0px 0px;

    border-right-color: transparent;

    border-right-style: solid;

    border-right-width: 1px;

    border-top-color: transparent;

    border-top-style: solid;

    border-top-width: 1px;

    color: rgba(255, 255, 255, 1);

    font-size: 12px;

    line-height: 24px;

    text-transform: capitalize;

    font-family: "Dm Sans Regular";

}



[button-style="2"] .btn {

    padding: 8px 35px 8px 35px;

    --button-type: 0;

    background-color: var(--main-color);

    border-bottom-color: transparent;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-left-color: transparent;

    border-left-style: solid;

    border-left-width: 1px;

    border-radius: 0px 0px 0px 0px;

    border-right-color: transparent;

    border-right-style: solid;

    border-right-width: 1px;

    border-top-color: transparent;

    border-top-style: solid;

    border-top-width: 1px;

    color: rgba(255, 255, 255, 1);

    font-size: 12px;

    line-height: 24px;

    text-transform: capitalize;

    font-family: "Dm Sans Regular";

}



[package-item='module'] {

    padding-bottom: 10vw;

    padding-top: 10vw;

}



.unit-form__control:focus {

    background-color: transparent;

    border-color: inherit;

    color: inherit;

}



[tab-style="1"] .nav-item,

[tab-style="2"] .nav-item,

[tab-style="1"] .nav-item.active,

[tab-style="2"] .nav-item.active {

    border-bottom-style: solid;

    border-bottom-width: 0px;

    border-left-style: solid;

    border-left-width: 0px;

    border-radius: 0px;

    border-right-style: solid;

    border-right-width: 0px;

    border-top-style: solid;

    border-top-width: 0px;

    text-align: center;

    text-transform: capitalize;

}



[form-style="1"] .unit-form__control {

    --form-type: 0;

    background-color: rgba(255, 255, 255, 1);

    border-bottom-color: rgba(255, 255, 255, 1);

    border-bottom-style: none;

    border-bottom-width: 1px;

    border-left-color: rgba(255, 255, 255, 1);

    border-left-style: none;

    border-left-width: 1px;

    border-radius: 0px;

    border-right-color: rgba(255, 255, 255, 1);

    border-right-style: none;

    border-right-width: 1px;

    border-top-color: rgba(255, 255, 255, 1);

    border-top-style: none;

    border-top-width: 1px;

}



[form-style="2"] .unit-form__control {

    --form-type: 0;

    background-color: rgba(242, 246, 250, 1);

    border-bottom-color: rgba(0, 0, 0, 0);

    border-bottom-style: none;

    border-bottom-width: 1px;

    border-left-color: rgba(0, 0, 0, 0);

    border-left-style: none;

    border-left-width: 1px;

    border-radius: 0px;

    border-right-color: rgba(0, 0, 0, 0);

    border-right-style: none;

    border-right-width: 1px;

    border-top-color: rgba(0, 0, 0, 0);

    border-top-style: none;

    border-top-width: 1px;

}



.base-pagination__item.active::before {

    border-color: inherit;

}



[form-style="1"] .unit-form__item-inner,

#unit-ChKb3b5eqz .unit-text__item {

    color: rgba(102, 102, 102, 1);

}



[form-style="2"] .unit-form__item-inner {

    color: rgba(51, 51, 51, 1);

}



.base-pagination__item .base-pagination__link {

    height: 46px;

    line-height: 46px;

    width: 46px;

}



.base-pagination__item.active .base-pagination__link {

    background: transparent;

    border-color: transparent;

    color: #fff;

}



#block-bVJEljP2LB {

    --font-fixed: rgba(255, 255, 255, 1);

    --header-bg: var(--main-color);

    --header-bg-fixed: rgba(16, 58, 88, 1);

    color: rgba(0, 0, 0, 1);

}



#module-mDP70R0ijS {

    padding: 0px;

    --font-fixed: rgba(255, 255, 255, 0.71);

    --header-bg: rgba(16, 58, 88, 1);

    --header-bg-fixed: rgba(16, 58, 88, 1);

    color: rgba(255, 255, 255, 0.71);

}



#grid-xeSVwpTfbX {

    border-bottom-color: #eee;

    border-bottom-style: none;

    border-bottom-width: 1px;

    padding-left: 5vw;

    padding-right: 5vw;

}



#grid-xeSVwpTfbX [package-group="cell"],

#grid-RVSHmhMWVu [package-group="cell"],

#grid-8bCYtOotIZ [package-group="cell"],

#unit-VaQZ0ODbGd .align-self,

#unit-GMcc0zAcQh .align-self {

    align-items: center;

}



#cell-1Esfuux4vp [package-item="unit"],

#cell-xeu7N5n6rP [package-item="unit"] {

    min-height: 1px;

}



#cell-xeu7N5n6rP [package-group="unit"],

#cell-pqP6aElca4 [package-group="unit"],

#cell-9xZ2d18h3o [package-group="unit"] {

    align-items: center;

    display: flex;

    justify-content: flex-end;

}



#module-6yF9XKTYUM,

#module-51ZC7NqC5s {

    padding: 0px;

    --font-fixed: rgba(255, 255, 255, 1);

    --header-bg: rgba(16, 58, 88, 1);

    --header-bg-fixed: rgba(16, 58, 88, 1);

    color: rgba(255, 255, 255, 1);

}



#grid-RVSHmhMWVu {

    padding-left: 5vw;

    padding-right: 5vw;

}



#cell-oGTpntzcv6 [package-group="unit"] {

    display: flex;

}



[subMenu] {

    --header-bg: #fff;

}



[firstMenu] {

    font-size: 16px;

    letter-spacing: -0.02em;

    text-transform: uppercase;

    font-family: "Arial Light";

}



#block-XhuHdvjdB3 {

    background-color: #000;

}



#module-TbXzbwW73n,

#module-TbXzbwW73n .container-fluid {

    padding: 0px;

}



#module-QprMtfU4IC,

#module-XbIvMc4r3u {

    background-color: rgba(255, 255, 255, 1);

    color: #000;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#cell-LvLCDZdQAJ,

#cell-4NYath6IzX {

    align-items: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



#grid-SAa6RtEgZ0,

#grid-ti9nE9Iz24,

#cell-aS09txw8s7,

#grid-MDDrMJoQgH {

    padding-top: 2vw;

}



#module-MIlYmG7RSL {

    background-color: rgba(242, 246, 250, 1);

    background-position: bottom center;

    background-repeat: no-repeat;

    color: #FFF;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#cell-SFgDS1obcz {

    border-bottom-color: rgba(102, 102, 102, 0.16);

    border-bottom-style: none;

    border-bottom-width: 1px;

    border-left-width: 0;

    border-right-width: 0;

    border-top-width: 0;

    display: flex;

    flex-direction: column;

}



#cell-aA7qnK8dTH {

    background-color: rgba(0, 0, 0, 0);

    display: flex;

    flex-direction: column;

    padding-bottom: 1vw;

    padding-top: 2vw;

}



#module-Hj3OKIwYqy {

    background-color: rgba(222, 230, 236, 1);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #000;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#grid-qcrX1dcssv {

    padding-left: 10vw;

    padding-right: 10vw;

}



#module-JE5QFIMrkX {

    background-attachment: fixed;

    background-color: #fff;

    background-position: center center;

    background-repeat: no-repeat;

    color: #000;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#grid-O8UudurEuC {

    padding-left: w;

}



#cell-HZyC2k2z8g,

#cell-IRq4NxwjBK {

    align-items: flex-start;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



#cell-YmnCAgAEGo,

#cell-8O4PeojfMH,

#cell-EOV9jpijGr,

#cell-rnGKtqHliI,

#cell-AxyCtZnoey,

#cell-L6DOzlHPZ8,

#cell-wQFWNmcJyw {

    display: flex;

    flex-direction: column;

}



#grid-68X7XKZy7T {

    padding-top: 6vw;

}



#module-PnsCOezDcF {

    background-color: rgba(222, 230, 236, 1);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #fff;

    padding-bottom: 20vw;

    padding-top: 20vw;

}



#module-wYir11wArp {

    background-color: rgba(255, 255, 255, 1);

    color: #fff;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#cell-4nhZYjvmH3 {

    background-color: rgba(0, 0, 0, 0);

    display: flex;

    flex-direction: column;

}



#module-x3id0uJPC9 {

    background-color: rgba(16, 58, 88, 1);

    color: #000;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#cell-ImcLVKLf25 {

    border-bottom-width: 0;

    border-left-color: rgba(163, 177, 187, 0.2);

    border-left-style: none;

    border-left-width: 1px;

    border-right-width: 0;

    border-top-width: 0;

    display: flex;

    flex-direction: column;

}



#module-uaAfYqLoCQ {

    background-color: rgba(242, 246, 250, 1);

    color: #000;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#cell-Sa81kzYUAp {

    display: flex;

    flex-direction: column;

    text-align: center;

}



#module-KeG7uLCY3h {

    background-color: rgba(222, 230, 236, 1);

    background-position: center center;

    background-repeat: no-repeat;

    color: #fff;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#cell-WvKBxKmTRp {

    padding: 4vw 2vw 0px 2vw;

    align-items: flex-start;

    background-color: rgba(255, 255, 255, 0.72);

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

}



#cell-aoOFjGQOBs {

    padding: 3vw 4vw 3vw 2vw;

    background-color: rgba(255, 255, 255, 0.72);

    display: flex;

    flex-direction: column;

}



#module-4h49eYrQtz {

    background-color: rgba(16, 58, 88, 1);

    color: #fff;

    padding-bottom: 2vw;

    padding-top: 8vw;

}



#grid-tllsVjLu5N {

    padding-bottom: 2vw;

    padding-left: 3vw;

    padding-right: 3vw;

}



#cell-QvX2YEYF8H {

    display: flex;

    flex-direction: column;

    padding-left: 6vw;

}



#cell-SJHF7hD7fG {

    padding-left: 2vw;

}



#module-bA3qc8JeUd {

    padding: 0px;

    background-color: rgba(16, 58, 88, 1);

    color: #fff;

}



#grid-NqWizTNIVv {

    padding-left: 3vw;

}



#module-mDP70R0ijS {

    padding: 0px;

    --font-fixed: rgba(255, 255, 255, 0.71);

    --header-bg: rgba(16, 58, 88, 1);

    --header-bg-fixed: rgba(16, 58, 88, 1);

    color: rgba(255, 255, 255, 0.71);

}



#module-6yF9XKTYUM,

#module-51ZC7NqC5s {

    padding: 0px;

    --font-fixed: rgba(255, 255, 255, 1);

    --header-bg: rgba(16, 58, 88, 1);

    --header-bg-fixed: rgba(16, 58, 88, 1);

    color: rgba(255, 255, 255, 1);

}



#module-TbXzbwW73n,

#module-TbXzbwW73n .container-fluid {

    padding: 0px;

}



#module-QprMtfU4IC,

#module-XbIvMc4r3u {

    background-color: rgba(255, 255, 255, 1);

    color: #000;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#module-MIlYmG7RSL {

    background-color: rgba(242, 246, 250, 1);

    background-position: bottom center;

    background-repeat: no-repeat;

    color: #FFF;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#module-Hj3OKIwYqy {

    background-color: rgba(222, 230, 236, 1);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #000;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#module-JE5QFIMrkX {

    background-attachment: fixed;

    background-color: #fff;

    background-position: center center;

    background-repeat: no-repeat;

    color: #000;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#module-PnsCOezDcF {

    background-color: rgba(222, 230, 236, 1);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #fff;

    padding-bottom: 20vw;

    padding-top: 20vw;

}



#module-wYir11wArp {

    background-color: rgba(255, 255, 255, 1);

    color: #fff;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#module-x3id0uJPC9 {

    background-color: rgba(16, 58, 88, 1);

    color: #000;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#module-uaAfYqLoCQ {

    background-color: rgba(242, 246, 250, 1);

    color: #000;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#module-KeG7uLCY3h {

    background-color: rgba(222, 230, 236, 1);

    background-position: center center;

    background-repeat: no-repeat;

    color: #fff;

    padding-bottom: 10vw;

    padding-top: 10vw;

}



#module-4h49eYrQtz {

    background-color: rgba(16, 58, 88, 1);

    color: #fff;

    padding-bottom: 2vw;

    padding-top: 8vw;

}



#module-bA3qc8JeUd {

    padding: 0px;

    background-color: rgba(16, 58, 88, 1);

    color: #fff;

}



#grid-xeSVwpTfbX {

    border-bottom-color: #eee;

    border-bottom-style: none;

    border-bottom-width: 1px;

    padding-left: 5vw;

    padding-right: 5vw;

}



#grid-xeSVwpTfbX [package-group="cell"],

#grid-RVSHmhMWVu [package-group="cell"],

#grid-8bCYtOotIZ [package-group="cell"],

#unit-VaQZ0ODbGd .align-self,

#unit-GMcc0zAcQh .align-self {

    align-items: center;

}



#grid-RVSHmhMWVu {

    padding-left: 5vw;

    padding-right: 5vw;

}



#grid-SAa6RtEgZ0,

#grid-ti9nE9Iz24,

#cell-aS09txw8s7,

#grid-MDDrMJoQgH {

    padding-top: 2vw;

}



#grid-qcrX1dcssv {

    padding-left: 10vw;

    padding-right: 10vw;

}



#grid-O8UudurEuC {

    padding-left: w;

}



#grid-68X7XKZy7T {

    padding-top: 6vw;

}



#grid-tllsVjLu5N {

    padding-bottom: 2vw;

    padding-left: 3vw;

    padding-right: 3vw;

}



#grid-NqWizTNIVv {

    padding-left: 3vw;

}



#cell-1Esfuux4vp [package-item="unit"],

#cell-xeu7N5n6rP [package-item="unit"] {

    min-height: 1px;

}



#cell-xeu7N5n6rP [package-group="unit"],

#cell-pqP6aElca4 [package-group="unit"],

#cell-9xZ2d18h3o [package-group="unit"] {

    align-items: center;

    display: flex;

    justify-content: flex-end;

}



#cell-oGTpntzcv6 [package-group="unit"] {

    display: flex;

}



#cell-LvLCDZdQAJ,

#cell-4NYath6IzX {

    align-items: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



#cell-SFgDS1obcz {

    border-bottom-color: rgba(102, 102, 102, 0.16);

    border-bottom-style: none;

    border-bottom-width: 1px;

    border-left-width: 0;

    border-right-width: 0;

    border-top-width: 0;

    display: flex;

    flex-direction: column;

}



#cell-aA7qnK8dTH {

    background-color: rgba(0, 0, 0, 0);

    display: flex;

    flex-direction: column;

    padding-bottom: 1vw;

    padding-top: 2vw;

}



#cell-HZyC2k2z8g,

#cell-IRq4NxwjBK {

    align-items: flex-start;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



#cell-YmnCAgAEGo,

#cell-8O4PeojfMH,

#cell-EOV9jpijGr,

#cell-rnGKtqHliI,

#cell-AxyCtZnoey,

#cell-L6DOzlHPZ8,

#cell-wQFWNmcJyw {

    display: flex;

    flex-direction: column;

}



#cell-4nhZYjvmH3 {

    background-color: rgba(0, 0, 0, 0);

    display: flex;

    flex-direction: column;

}



#cell-ImcLVKLf25 {

    border-bottom-width: 0;

    border-left-color: rgba(163, 177, 187, 0.2);

    border-left-style: none;

    border-left-width: 1px;

    border-right-width: 0;

    border-top-width: 0;

    display: flex;

    flex-direction: column;

}



#cell-Sa81kzYUAp {

    display: flex;

    flex-direction: column;

    text-align: center;

}



#cell-WvKBxKmTRp {

    padding: 4vw 2vw 0px 2vw;

    align-items: flex-start;

    background-color: rgba(255, 255, 255, 0.72);

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

}



#cell-aoOFjGQOBs {

    padding: 3vw 4vw 3vw 2vw;

    background-color: rgba(255, 255, 255, 0.72);

    display: flex;

    flex-direction: column;

}



#cell-QvX2YEYF8H {

    display: flex;

    flex-direction: column;

    padding-left: 6vw;

}



#cell-SJHF7hD7fG {

    padding-left: 2vw;

}



#unit-HG7s1W7ERR {

    font-size: 14px;

}



#unit-HG7s1W7ERR .icon-base-email {

    padding-right: 10px;

}



#unit-HG7s1W7ERR [text-style="0"] {

    font-size: 15px;

    font-family: "Comfortaa Regular";

}



#unit-HG7s1W7ERR .icon-base-phone-lighter {

    padding-right: 5px;

}



#unit-Lcq6k4hf4S .unit-social-list__icon {

    --social-icon: var(--main-color);

    --social-icon-active: rgba(0, 147, 221, 0.67);

    border-radius: 50%;

    color: rgba(255, 255, 255, 1);

}



#unit-2ly1Qkb2Pt .unit-header-cart,

#unit-kr61Ok5t7v .unit-header-language,

#unit-fOiWS9An5Z {

    font-size: 14px;

    padding-left: 10px;

    padding-right: 10px;

}



#unit-FRA2d1B74W {

    padding-left: 10px;

    padding-right: 10px;

}



#unit-FRA2d1B74W .unit-header-search__btn {

    padding: 0;

}



#unit-swj7bW07Pa,

#unit-VMeu7kImt1 .base-button,

#unit-mrtCZfJrvp .unit-form__submit-wrap {

    text-align: center;

}



#unit-swj7bW07Pa .base-image__img {

    color: rgba(0, 147, 221, 1);

    height: auto;

    object-fit: unset;

    width: 30%;

}



#unit-swj7bW07Pa .base-image__item,

#unit-9M5fHpiK5X .base-image__item,

#unit-yzRs4voT65 .unit-list__item,

#unit-yzRs4voT65 .base-image__item,

#unit-3rpQEGdskH .base-image__item,

#unit-qTf3WR5jpn .base-image__item,

#unit-mjUKUmV7oQ .unit-list__image,

#unit-ZnNrxkg08d .base-image__item,

#unit-Z6ONCPIXCl .base-image__item {

    overflow: hidden;

}



#unit-9M5fHpiK5X .base-image__img {

    color: rgba(0, 147, 221, 1);

    height: auto;

    object-fit: unset;

    width: 40%;

}



#unit-9M5fHpiK5X .unit-logo_image {

    height: 40px;

}



#unit-mOovvg3oW5 {

    font-size: 20px;

    padding-left: 5px;

    padding-right: 5px;

}



#unit-mOovvg3oW5 .unit-header-search {

    --font-active: rgba(38, 137, 207, 1);

}



#unit-lbAoTQ3l9T {

    font-size: 20px;

    padding-left: 5px;

}



#unit-lbAoTQ3l9T .iconfont {

    font-size: inherit;

}



#unit-yzRs4voT65 {

    color: #fff;

    padding-bottom: 0px;

    padding-top: 0px;

}



#unit-yzRs4voT65 .base-button {

    margin-top: 3vw;

    text-transform: capitalize;

}



#unit-yzRs4voT65 .base-image__img,

#unit-mjUKUmV7oQ .base-image__img {

    color: rgba(0, 147, 221, 1);

    height: 100%;

    width: 100%;

}



#unit-yzRs4voT65 .unit-list__text {

    align-self: center;

    display: flex;

    padding-bottom: 0px;

    padding-left: 15px;

    padding-top: 0px;

    transform: translate(-100%);

    width: 50%;

}



#unit-yzRs4voT65 [text-style="0"] {

    font-size: 16px;

    line-height: 1.5;

    text-transform: uppercase;

    font-family: "Gotham Bold";

}



#unit-yzRs4voT65 .unit-list__image,

#unit-yzRs4voT65 .unit-list__video {

    width: 50%;

}



#unit-yzRs4voT65 .unit-list__items {

    margin: -1.5vw;

    padding-bottom: 0px;

}



#unit-yzRs4voT65 .unit-list__title {

    color: rgba(255, 255, 255, 1);

}



#unit-yzRs4voT65 [text-style="00"] {

    font-family: Balthazar Regular;

}



#unit-yzRs4voT65 [text-style="000"] {

    font-size: 18px;

    font-family: "Comfortaa Regular";

}



#unit-yzRs4voT65 .unit-list__item-inner {

    flex-direction: row !important;

    position: relative;

    width: 200%;

}



#unit-yzRs4voT65 .unit-list__text-inner {

    display: flex;

    flex-direction: column;

    height: 100%;

    justify-content: center;

    padding-left: calc(50vw - var(--container-width) / 2);

    width: 50%;

}



#unit-yzRs4voT65 .unit-list__description {

    color: rgba(255, 255, 255, 1);

    padding-bottom: 0px;

}



#unit-yzRs4voT65 .unit-list__video video,

#unit-mrtCZfJrvp .base-button__inner {

    width: 100%;

}



#unit-yzRs4voT65 .is-swiper .unit-list__item {

    padding: 0px;

    margin: 0px;

}



#unit-mVMQhZXGxP .unit-text__item,

#unit-ruWZG7sktp .unit-text__item,

#unit-3rpQEGdskH .unit-list__title,

#unit-tWuJ6dZgNf .unit-text__item,

#unit-g395F4FqEB .unit-text__item,

#unit-JN6zA40wAm .unit-text__item {

    color: var(--main-color);

    text-align: center;

}



#unit-4QvzJnEO0t .unit-text__item,

#unit-7pLEW0CvzR .unit-text__item,

#unit-nHYkDnvcp0 .unit-text__item,

#unit-w57EVqgKwz .unit-text__item,

#unit-rXOXppTyIf .unit-text__item {

    color: rgba(51, 51, 51, 1);

    text-align: center;

}



#unit-VaQZ0ODbGd img,

#unit-VaQZ0ODbGd svg,

#unit-GMcc0zAcQh img,

#unit-GMcc0zAcQh svg,

#unit-mjUKUmV7oQ img,

#unit-ZnNrxkg08d img {

    transition: .4s ease-out;

}



#unit-VaQZ0ODbGd,

#unit-GMcc0zAcQh {

    color: #000;

}



#unit-VaQZ0ODbGd .base-image__img {

    color: rgba(0, 147, 221, 1);

    height: auto;

    object-fit: unset;

    width: 80%;

}



#unit-VaQZ0ODbGd .unit-list__text,

#unit-GMcc0zAcQh .unit-list__text,

#unit-mjUKUmV7oQ .unit-list__text {

    text-align: center;

    width: 100%;

}



#unit-VaQZ0ODbGd .base-image__item,

#unit-GMcc0zAcQh .base-image__item {

    border-radius: 0px;

    display: flex;

    justify-content: center;

    overflow: hidden;

}



#unit-VaQZ0ODbGd .unit-list__title,

#unit-GMcc0zAcQh .unit-list__title {

    margin-top: 0px;

}



#unit-VaQZ0ODbGd .unit-list__content,

#unit-GMcc0zAcQh .unit-list__content {

    padding: 15px;

}



#unit-VaQZ0ODbGd .unit-list__subtitle,

#unit-GMcc0zAcQh .unit-list__subtitle,

#unit-mjUKUmV7oQ .unit-list__subtitle {

    margin-bottom: 0;

}



#unit-VaQZ0ODbGd .unit-list__item-inner,

#unit-GMcc0zAcQh .unit-list__item-inner {

    background-color: rgba(0, 0, 0, 0);

    flex-direction: column !important;

    position: relative;

}



#unit-VaQZ0ODbGd .unit-list__a:hover img,

#unit-VaQZ0ODbGd .unit-list__a:hover svg,

#unit-GMcc0zAcQh .unit-list__a:hover img,

#unit-GMcc0zAcQh .unit-list__a:hover svg,

#unit-mjUKUmV7oQ .unit-list__a:hover img,

#unit-ZnNrxkg08d .unit-list__a:hover img {

    transform: scale(1.05);

}



#unit-VaQZ0ODbGd .unit-list__description,

#unit-GMcc0zAcQh .unit-list__description {

    margin-bottom: 0px;

}



#unit-X0CqylrSFX .unit-text__item,

#unit-3rpQEGdskH .unit-list__description {

    color: rgba(102, 102, 102, 1);

    text-align: center;

}



#unit-3rpQEGdskH,

#unit-Qt9f7JszK3,

#unit-VMeu7kImt1,

#unit-eV0FZ3cQvi,

#unit-6gIct3Q52Z {

    padding-top: 1vw;

}



#unit-3rpQEGdskH .base-image__img,

#unit-qTf3WR5jpn .base-image__img {

    color: rgba(0, 147, 221, 1);

    height: auto;

    width: auto;

}



#unit-3rpQEGdskH .unit-list__items {

    margin: -0.8vw;

}



#unit-3rpQEGdskH .unit-list__item-inner {

    background-color: rgba(255, 255, 255, 1);

    border-bottom-color: rgba(102, 102, 102, 0.16);

    border-bottom-style: none;

    border-bottom-width: 1px;

    border-left-color: rgba(102, 102, 102, 0.16);

    border-left-style: none;

    border-left-width: 1px;

    border-right-color: rgba(102, 102, 102, 0.16);

    border-right-style: none;

    border-right-width: 1px;

    border-top-color: rgba(102, 102, 102, 0.16);

    border-top-style: none;

    border-top-width: 1px;

}



#unit-11fltMPyi8 {

    --auto: 1;

    border-radius: 20px 20px 20px 20px;

    padding-bottom: 0px;

    padding-top: 0px;

}



#unit-11fltMPyi8 .base-video__play {

    height: 50px;

    width: 50px;

}



#unit-11fltMPyi8 .base-video__play i {

    font-size: 20px;

}



#unit-GMcc0zAcQh .base-image__img,

#unit-xTpBa7idue .base-image__img,

#unit-ZnNrxkg08d .base-image__img {

    color: rgba(0, 147, 221, 1);

    height: 100%;

    object-fit: cover;

    width: 100%;

}



#unit-piLa3IcBVC .unit-text__item,

#unit-EQL1ee2e86 .unit-text__item,

#unit-bDgenmxjMQ .unit-text__item,

#unit-8sIYxwXWVw .unit-text__item,

#unit-K7adi5EUn8 .unit-text__item {

    color: var(--main-color);

    text-align: left;

}



#unit-QBkqBVPltj .unit-text__item,

#unit-QZ4OjCwbDz .faq-title,

#unit-0QLhlqzthW .unit-text__item,

#unit-fEjXeIcdvq .unit-list__title,

#unit-c1Lq2sVJ5N .unit-text__item {

    color: rgba(51, 51, 51, 1);

    text-align: left;

}



#unit-QBkqBVPltj [text-style="0"],

#unit-w57EVqgKwz [text-style="0"] {

    font-size: 36px;

    font-family: Helvetica Neue LT Std Regular;

}



#unit-gdtKqiCWqt,

#unit-K7MV58buop,

#cell-ld45k9UbUL {

    padding-top: 0px;

}



#unit-gdtKqiCWqt .unit-text__item,

#unit-QZ4OjCwbDz .faq-content,

#unit-43KNseGLTd .unit-list__description,

#unit-kF5MKtAuPE .unit-text__item,

#unit-fEjXeIcdvq .unit-list__description,

#unit-eV0FZ3cQvi .unit-text__item {

    color: rgba(102, 102, 102, 1);

    text-align: left;

}



#unit-QZ4OjCwbDz,

#unit-rXOXppTyIf,

#unit-ZnNrxkg08d,

#unit-Z6ONCPIXCl {

    padding-bottom: 0px;

    padding-top: 0px;

}



#unit-xTpBa7idue .base-image__item,

#unit-mjUKUmV7oQ .base-image__item {

    border-radius: 0px;

    overflow: hidden;

}



#unit-w57EVqgKwz,

#unit-qTf3WR5jpn {

    padding-bottom: 2vw;

}



#unit-43KNseGLTd .unit-list__a {

    overflow: hidden;

    position: relative;

    z-index: 1;

}



#unit-43KNseGLTd .base-image__img {

    color: rgba(0, 147, 221, 1);

    height: auto;

    object-fit: unset;

    width: 60%;

}



#unit-43KNseGLTd .unit-list__cart {

    display: none;

}



#unit-43KNseGLTd .unit-list__text {

    flex: 1;

    max-width: 100%;

    padding-left: 2vw;

}



#unit-43KNseGLTd .base-image__item {

    display: flex;

    justify-content: center;

    overflow: hidden;

}



#unit-43KNseGLTd .unit-list__image,

#unit-43KNseGLTd .unit-list__video {

    width: 30vw;

}



#unit-43KNseGLTd .unit-list__price {

    color: red;

    font-size: 14px;

    justify-content: flex-start;

    margin-top: 10px;

}



#unit-43KNseGLTd .unit-list__title {

    color: rgba(51, 51, 51, 1);

    margin-top: 0;

    text-align: left;

}



#unit-43KNseGLTd .unit-list__price-max {

    color: #aaa;

    opacity: 1;

}



#unit-43KNseGLTd .unit-list__item-inner {

    align-items: center;

    background-color: rgba(255, 255, 255, 1);

    display: flex;

    flex-direction: row !important;

}



#unit-utLg8pYPFL {

    padding-left: 8vw;

    padding-right: 8vw;

}



#unit-utLg8pYPFL .unit-text__item,

#unit-I9FBZzepjF .unit-text__item {

    color: rgba(255, 255, 255, 1);

    text-align: center;

}



#unit-EQL1ee2e86 [text-style="0"] {

    font-size: 16px;

    font-family: "Gotham Book";

}



#unit-0QLhlqzthW {

    color: rgb(var(--rgb-color));

    padding-bottom: 0px;

    padding-top: 0px;

}



#unit-0QLhlqzthW [text-style="0"] {

    font-size: 38px;

    line-height: 1;

    font-family: Helvetica Neue LT Std Regular;

}



#unit-kF5MKtAuPE {

    color: rgba(255, 255, 255, .8);

}



#unit-fEjXeIcdvq {

    padding-bottom: 0px;

}



#unit-fEjXeIcdvq .base-image__img {

    color: rgba(0, 147, 221, 1);

    height: auto;

    object-fit: unset;

    width: 70%;

}



#unit-fEjXeIcdvq .unit-list__text {

    padding-left: 1.5vw;

}



#unit-fEjXeIcdvq .base-image__item {

    display: flex;

    justify-content: flex-start;

    overflow: hidden;

}



#unit-fEjXeIcdvq .unit-list__image {

    align-self: center;

    display: flex;

    flex-shrink: 0;

    width: 80px;

}



#unit-fEjXeIcdvq .unit-list__items {

    margin: -0.8vw calc(-0.8vw + -1px) -0.8vw -0.8vw;

}



#unit-fEjXeIcdvq .unit-list__item-inner {

    background-color: rgba(242, 246, 250, 1);

    border-bottom-width: 0;

    border-left-width: 0;

    border-right-style: none;

    border-right-width: 0;

    border-top-width: 0;

    flex-direction: row !important;

}



#unit-UGrdRTWuwJ {

    padding-top: 4vw;

}



#unit-K7MV58buop .unit-text__item,

#unit-3lgkqu1cyY .unit-text__item,

#unit-6gIct3Q52Z .unit-text__item,

#unit-iOVoPs7EpT .unit-text__item {

    color: rgba(255, 255, 255, 1);

    text-align: left;

}



#unit-9XvPosF1zI .unit-text__item {

    color: rgba(163, 177, 187, 1);

    text-align: left;

}



#unit-mjUKUmV7oQ .unit-list__title {

    color: rgba(247, 249, 247, 1);

    margin-top: 0px;

    padding-top: 15px;

}



#unit-mjUKUmV7oQ .unit-list__content {

    padding: 0 15px;

}



#unit-mjUKUmV7oQ .unit-list__item-inner {

    background-color: rgba(0, 0, 0, 0);

    position: relative;

}



#unit-ZnNrxkg08d .unit-list {

    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.03);

}



#unit-ZnNrxkg08d .unit-list__a {

    background-color: #fff;

}



#unit-ZnNrxkg08d .unit-list__text {

    padding: 10% 5% 5%;

    position: relative;

    width: 100%;

}



#unit-ZnNrxkg08d .unit-list__title {

    color: rgba(51, 51, 51, 1);

    margin-top: 0px;

}



#unit-ZnNrxkg08d .base-button__inner {

    padding: 0px 50px 0px 0px;

    background-color: transparent;

    border: 0px;

    border-radius: 0px;

    color: rgb(var(--rgb-color));

    font-size: 14px;

    position: relative;

}



#unit-ZnNrxkg08d .unit-list__article {

    position: absolute;

    top: 11px;

}



#unit-ZnNrxkg08d .unit-list__item-inner {

    background-color: rgba(255, 255, 255, 1);

}



#unit-ZnNrxkg08d .unit-list__description {

    color: rgba(102, 102, 102, 1);

    padding-bottom: 1vw;

}



#unit-ZnNrxkg08d .base-button__inner::before {

    border-top: 1px solid rgb(var(--rgb-color));

    content: '';

    position: absolute;

    right: 0px;

    top: 50%;

    transform: translateY(-50%);

    width: 30px;

}



#unit-ZnNrxkg08d .unit-list__title .text_ellipsis {

    -webkit-line-clamp: 1;

}



#unit-ZnNrxkg08d .unit-list__description .text_ellipsis {

    -webkit-line-clamp: 3;

}



#unit-ZnNrxkg08d .unit-list__item-inner:hover .unit-list__title {

    color: rgb(var(--rgb-color));

}



#unit-c1Lq2sVJ5N {

    border-bottom-color: rgba(163, 177, 187, 0.28);

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-left-width: 0;

    border-right-width: 0;

    border-top-width: 0;

    color: rgba(255, 255, 255, .8);

    margin-top: 1vw;

    padding-bottom: 1vw;

    padding-top: 0px;

}



#unit-c1Lq2sVJ5N [text-style="0"] {

    font-size: 22px;

    font-family: "Gotham Bold";

}



#unit-Z6ONCPIXCl .base-image__img {

    color: rgba(0, 147, 221, 1);

    height: auto;

    object-fit: unset;

    width: 45%;

}



#unit-2LiQnnfPYZ .unit-text__item,

#unit-Jw1Anjgwo6 .unit-text__item,

#unit-9E6jYGQmhB .unit-text__item,

#unit-gbAz3scBZI .unit-text__item {

    color: rgba(163, 177, 187, 1);

}



#unit-2LiQnnfPYZ [text-style="0"] {

    font-size: 16px;

    line-height: 2;

    font-family: Dm Sans Regular;

}



#unit-8Tqsepvzgx {

    color: #202223;

}



#unit-8Tqsepvzgx .unit-social-list__icon {

    --social-icon: var(--main-color);

    --social-icon-active: rgba(0, 147, 221, 0.74);

    color: rgba(255, 255, 255, 1);

}



#unit-3lgkqu1cyY [text-style="0"],

#unit-iOVoPs7EpT [text-style="0"] {

    font-size: 19px;

    font-family: Raleway Regular;

}



#unit-Jw1Anjgwo6 {

    padding-bottom: 1vw;

}



#unit-Jw1Anjgwo6 [text-style="0"] {

    font-size: 16px;

    line-height: 2.2;

    font-family: "Dm Sans Regular";

}



#unit-6gIct3Q52Z [text-style="0"] {

    font-size: 16px;

    line-height: 2;

    font-family: Raleway Regular;

}



#unit-9E6jYGQmhB [text-style="0"] {

    font-size: 15px;

    line-height: 2.2;

    font-family: "Dm Sans Regular";

}



#unit-gbAz3scBZI {

    font-size: 20px;

    margin-bottom: 1vw;

    padding-top: 1vw;

}



#unit-gbAz3scBZI [text-style="0"] {

    font-size: 16px;

    line-height: 2.7;

    font-family: Arial Regular;

}



#unit-I9FBZzepjF {

    border-top-color: rgba(255, 255, 255, 0.24);

    border-top-style: solid;

    border-top-width: 1px;

    font-size: 14px;

    opacity: .5;

    padding-bottom: 1vw;

    padding-top: 1vw;

    text-align: center;

}



#unit-I9FBZzepjF [text-style="0"] {

    font-size: 14px;

    font-family: Arial Regular;

}



@media(min-width:768px) {



    [text-style="1"],

    #unit-c1Lq2sVJ5N [text-style="0"] {

        font-size: 32px;

    }



    [text-style="3"],

    [text-style="4"] {

        font-size: 16px;

    }



    [button-style="1"] .btn {

        font-size: 14px;

        padding-bottom: 12px;

        padding-top: 12px;

    }



    [button-style="2"] .btn {

        padding: 12px 55px 12px 55px;

        font-size: 14px;

    }



    [package-item='module'],

    #module-KeG7uLCY3h {

        padding-bottom: 5vw;

        padding-top: 5vw;

    }



    #module-QprMtfU4IC,

    #module-XbIvMc4r3u,

    #module-JE5QFIMrkX,

    #module-uaAfYqLoCQ {

        padding-bottom: 6vw;

        padding-top: 5vw;

    }



    #module-MIlYmG7RSL,

    #module-wYir11wArp,

    #module-x3id0uJPC9 {

        padding-bottom: 6vw;

        padding-top: 6vw;

    }



    #module-Hj3OKIwYqy {

        padding-bottom: 18vw;

        padding-top: 18vw;

    }



    #module-PnsCOezDcF {

        padding-bottom: 15vw;

        padding-top: 15vw;

    }



    #module-QprMtfU4IC,

    #module-XbIvMc4r3u,

    #module-JE5QFIMrkX,

    #module-uaAfYqLoCQ {

        padding-bottom: 6vw;

        padding-top: 5vw;

    }



    #module-MIlYmG7RSL,

    #module-wYir11wArp,

    #module-x3id0uJPC9 {

        padding-bottom: 6vw;

        padding-top: 6vw;

    }



    #module-Hj3OKIwYqy {

        padding-bottom: 18vw;

        padding-top: 18vw;

    }



    #module-PnsCOezDcF {

        padding-bottom: 15vw;

        padding-top: 15vw;

    }



    #unit-9M5fHpiK5X .base-image__img {

        width: 35%;

    }



    #unit-yzRs4voT65 [text-style="0"] {

        font-size: 28px;

    }



    #unit-yzRs4voT65 [text-style="00"] {

        font-family: Balthazar Regular;

    }



    #unit-11fltMPyi8 {

        --auto: 0;

    }



    #unit-11fltMPyi8 .base-video__play {

        height: 65px;

        width: 65px;

    }



    #unit-11fltMPyi8 .base-video__play i {

        font-size: 30px;

    }



    #unit-QBkqBVPltj [text-style="0"],

    #unit-w57EVqgKwz [text-style="0"],

    #unit-0QLhlqzthW [text-style="0"] {

        font-family: Helvetica Neue LT Std Regular;

    }



    #unit-43KNseGLTd .base-image__img,

    #unit-fEjXeIcdvq .base-image__img {

        width: auto;

    }



    #unit-43KNseGLTd .unit-list__image,

    #unit-43KNseGLTd .unit-list__video {

        width: 20vw;

    }



    #unit-fEjXeIcdvq .unit-list__item-inner {

        border-right-color: rgba(102, 102, 102, 0.16);

        border-right-width: 1px;

    }



    #unit-UGrdRTWuwJ {

        padding-top: 1vw;

    }



    #unit-ZnNrxkg08d .unit-list__text {

        padding-top: 48px;

    }



    #unit-ZnNrxkg08d .unit-list__article {

        top: 19px;

    }



    #unit-2LiQnnfPYZ [text-style="0"] {

        font-family: Dm Sans Regular;

    }



    #unit-6gIct3Q52Z [text-style="0"],

    #unit-iOVoPs7EpT [text-style="0"] {

        font-family: Raleway Regular;

    }



    #unit-gbAz3scBZI [text-style="0"],

    #unit-I9FBZzepjF [text-style="0"] {

        font-family: Arial Regular;

    }

}



@media(min-width:1200px) {

    [text-style="1"] {

        font-size: 2.4vw;

    }



    [text-style="4"],

    .base-button__inner {

        font-size: 14px;

    }



    [package-item='module'] {

        padding-bottom: 3vw;

        padding-top: 3vw;

    }



    #module-51ZC7NqC5s {

        --header-bg: var(--main-color);

        --header-bg-fixed: var(--main-color);

    }



    #module-QprMtfU4IC,

    #module-XbIvMc4r3u {

        padding-bottom: 5vw;

    }



    #module-MIlYmG7RSL {

        padding-bottom: 8vw;

        padding-top: 8vw;

    }



    #module-Hj3OKIwYqy {

        background-attachment: fixed;

        padding-bottom: 15vw;

        padding-top: 15vw;

    }



    #module-JE5QFIMrkX {

        padding-bottom: 5vw;

        padding-top: 8vw;

    }



    #cell-HZyC2k2z8g {

        padding-right: 5vw;

    }



    #cell-YmnCAgAEGo {

        padding-right: 2vw;

    }



    #module-PnsCOezDcF {

        background-attachment: fixed;

        padding-bottom: 10vw;

        padding-top: 10vw;

    }



    #cell-4nhZYjvmH3 {

        padding-left: 5vw;

    }



    #cell-ImcLVKLf25 {

        border-left-style: solid;

        padding-left: 5vw;

    }



    #module-uaAfYqLoCQ {

        padding-bottom: 7vw;

        padding-top: 7vw;

    }



    #cell-WvKBxKmTRp {

        padding-left: 4vw;

        padding-top: 0px;

    }



    #module-51ZC7NqC5s {

        --header-bg: var(--main-color);

        --header-bg-fixed: var(--main-color);

    }



    #module-QprMtfU4IC,

    #module-XbIvMc4r3u {

        padding-bottom: 5vw;

    }



    #module-MIlYmG7RSL {

        padding-bottom: 8vw;

        padding-top: 8vw;

    }



    #module-Hj3OKIwYqy {

        background-attachment: fixed;

        padding-bottom: 15vw;

        padding-top: 15vw;

    }



    #module-JE5QFIMrkX {

        padding-bottom: 5vw;

        padding-top: 8vw;

    }



    #module-PnsCOezDcF {

        background-attachment: fixed;

        padding-bottom: 10vw;

        padding-top: 10vw;

    }



    #module-uaAfYqLoCQ {

        padding-bottom: 7vw;

        padding-top: 7vw;

    }



    #cell-HZyC2k2z8g {

        padding-right: 5vw;

    }



    #cell-YmnCAgAEGo {

        padding-right: 2vw;

    }



    #cell-4nhZYjvmH3 {

        padding-left: 5vw;

    }



    #cell-ImcLVKLf25 {

        border-left-style: solid;

        padding-left: 5vw;

    }



    #cell-WvKBxKmTRp {

        padding-left: 4vw;

        padding-top: 0px;

    }



    #unit-9M5fHpiK5X .base-image__img {

        height: 65px;

        width: auto;

    }



    #unit-yzRs4voT65 [text-style="0"] {

        font-size: 2.3vw;

        line-height: 1.1;

    }



    #unit-yzRs4voT65 .unit-list__items {

        margin: -.8vw;

    }



    #unit-yzRs4voT65 [text-style="00"] {

        font-family: Balthazar Regular;

    }



    #unit-4QvzJnEO0t,

    #unit-nHYkDnvcp0 {

        padding-left: 13vw;

        padding-right: 13vw;

    }



    #unit-VaQZ0ODbGd .unit-list__image,

    #unit-GMcc0zAcQh .unit-list__image {

        flex-shrink: 0;

    }



    #unit-7pLEW0CvzR {

        padding-left: 17vw;

        padding-right: 17vw;

    }



    #unit-X0CqylrSFX {

        padding-left: 16vw;

        padding-right: 16vw;

    }



    #unit-QBkqBVPltj [text-style="0"],

    #unit-w57EVqgKwz [text-style="0"],

    #unit-0QLhlqzthW [text-style="0"] {

        font-family: Helvetica Neue LT Std Regular;

    }



    #unit-43KNseGLTd .unit-list__image,

    #unit-43KNseGLTd .unit-list__video {

        width: 6vw;

    }



    #unit-EQL1ee2e86 [text-style="0"] {

        font-size: 1.6vw;

    }



    #unit-fEjXeIcdvq .unit-list__title {

        margin-top: 0px;

    }



    #unit-ZnNrxkg08d .unit-list__text {

        padding-top: 64px;

    }



    #unit-ZnNrxkg08d .base-button__inner {

        padding-right: 70px;

    }



    #unit-ZnNrxkg08d .unit-list__article {

        top: 29px;

    }



    #unit-ZnNrxkg08d .base-button__inner::before {

        border-width: 2px;

        font-size: 16px;

        width: 50px;

    }



    #unit-c1Lq2sVJ5N [text-style="0"] {

        font-size: 2.1vw;

    }



    #unit-2LiQnnfPYZ [text-style="0"] {

        font-family: Dm Sans Regular;

    }



    #unit-6gIct3Q52Z [text-style="0"],

    #unit-iOVoPs7EpT [text-style="0"] {

        font-family: Raleway Regular;

    }



    #unit-gbAz3scBZI [text-style="0"],

    #unit-I9FBZzepjF [text-style="0"] {

        font-family: Arial Regular;

    }

}



@font-face {

    font-family: "Gotham Bold";

    src: url('/font/en/Gotham-Bold.woff2');

    font-display: swap;

}



@font-face {

    font-family: "Gotham Medium";

    src: url('/font/en/Gotham Medium.woff2');

    font-display: swap;

}



@font-face {

    font-family: "Poppins Regular";

    src: url('/font/en/Poppins-Regular.woff2');

    font-display: swap;

}



@font-face {

    font-family: "Dm Sans Regular";

    src: url('/font/en/Dm-Sans-Regular.woff2');

    font-display: swap;

}



@font-face {

    font-family: "Comfortaa Regular";

    src: url('/font/en/Comfortaa-Regular.woff2');

    font-display: swap;

}



@font-face {

    font-family: "Arial Light";

    src: url('/font/en/Arial-Light.woff2');

    font-display: swap;

}



@font-face {

    font-family: "Balthazar Regular";

    src: url('/font/en/Balthazar.woff2');

    font-display: swap;

}



@font-face {

    font-family: "Helvetica Neue LT Std Regular";

    src: url('/font/en/Helvetica Neue LT Std Regular.woff2');

    font-display: swap;

}



@font-face {

    font-family: "Gotham Book";

    src: url('/font/en/Gotham-Book.woff2');

    font-display: swap;

}



@font-face {

    font-family: "Raleway Regular";

    src: url('/font/en/Raleway.woff2');

    font-display: swap;

}







.base-video__play{background: rgb(0 147 221);}

#unit-xTpBa7idue .base-image__item{overflow: hidden;}

#unit-xTpBa7idue .base-image__img{transition-duration: 1.5s;}

#unit-xTpBa7idue .base-image__item:hover img{transform: scale(1.2);}

#cell-WvKBxKmTRp{backdrop-filter: blur(8px);}

#cell-aoOFjGQOBs{backdrop-filter: blur(8px);}

#cell-ri1YGLVksX{backdrop-filter: blur(8px);}

#cell-KDTCC8pI7I{backdrop-filter: blur(8px);}

#cell-8WbYVshWWi{backdrop-filter: blur(8px);}

#cell-3DbJbrcoMT{backdrop-filter: blur(8px);}

#cell-xN6NlFABzO{backdrop-filter: blur(8px);}

#cell-Co38yBm04d{backdrop-filter: blur(8px);}

#cell-llRuQ6A9K2{backdrop-filter: blur(8px);}

#cell-5VQimGv1ej{backdrop-filter: blur(8px);}

#cell-OzfHnVgN7k{backdrop-filter: blur(8px);}

#cell-vPXdCKF4hl{backdrop-filter: blur(8px);}

#cell-N2frjvm3aR{backdrop-filter: blur(8px);}

#cell-bxzI7MgaWv{backdrop-filter: blur(8px);}

.unit-text__item span{text-decoration-color: #0093dd !important;}



@media (min-width:1200px){

#unit-yzRs4voT65 .unit-list__text-inner{padding-left: calc(41vw - var(--container-width) / 2);}

#unit-fEjXeIcdvq .unit-list__item-inner{padding-left: 1vw;}

#unit-yzRs4voT65 .unit-list__description{padding-right: 7vw;}

#unit-yzRs4voT65 .base-button{margin-top: 1vw;}

#unit-5zhwOrQPR9 .unit-list__item-inner{padding: 1.5vw 1vw 1vw 1vw;}

#cell-aA7qnK8dTH .unit-list__item{border-right: solid 1px #00000017;}

#unit-5zhwOrQPR9 .unit-list__text{padding-left: 1vw;}

#cell-aA7qnK8dTH .unit-list__item-inner{padding: 2vw 1vw;}

#cell-aA7qnK8dTH .unit-list__item{background-color: #fff;}

#unit-yzRs4voT65 [text-style="0"]{padding-right: 8vw;}

#unit-43KNseGLTd .unit-list__item-inner{padding: 1vw 2.5vw 0.5vw 1vw;}

#unit-43KNseGLTd .unit-list__text{padding-left: 1vw;}

#unit-43KNseGLTd .unit-list__a{box-shadow: 7px 13px 18px 3px #00000008;}

#unit-43KNseGLTd .unit-list__items{padding-bottom: 2vw;}



#unit-YcPnJ6RgJu .unit-list__item-inner{padding: 1vw 2.5vw 0.5vw 1vw;}

#unit-YcPnJ6RgJu .unit-list__text{padding-left: 1vw;}

#unit-YcPnJ6RgJu .unit-list__a{box-shadow: 7px 13px 18px 3px #00000008;}

#unit-YcPnJ6RgJu .unit-list__items{padding-bottom: 2vw;}



#unit-QZ4OjCwbDz .faq-row{border-bottom: solid 1px #00000014;  padding-bottom: 0.7vw; padding-left: 0; margin-bottom: 13px;}





#unit-ZnNrxkg08d .unit-list__article {position: inherit;}

#unit-ZnNrxkg08d .unit-list__a { background-color: #fff0;}

#unit-ZnNrxkg08d .base-button__inner {background: #fff0;}

#unit-ZnNrxkg08d .unit-list {box-shadow: none !important;}

#unit-ZnNrxkg08d .unit-list__article {float: left;}

#unit-ZnNrxkg08d .read_more{float: right; }

#unit-ZnNrxkg08d .flex-column{flex-direction: row!important;}

#unit-ZnNrxkg08d .unit-list__image{width: 35%;}

#unit-ZnNrxkg08d .unit-list__text{padding: 2% 5% 1%;}

#unit-ZnNrxkg08d .unit-list__item{border-bottom: solid 0px #00000012;}

} 



@media (max-width: 1600px) and (min-width:1366px) {

#unit-utLg8pYPFL{padding-left: 15vw; padding-right: 15vw;}

}



@media (max-width: 1366px) and (min-width:1200px) {

#unit-utLg8pYPFL{padding-left: 19vw; padding-right: 19vw;}

}



@media (max-width: 1024px){

#unit-3rpQEGdskH .unit-list__item-inner{padding: 2vw;}

#unit-43KNseGLTd .unit-list__item-inner{padding: 2vw 1vw;}

#unit-43KNseGLTd .unit-list__image{width: 10vw;}

#unit-YcPnJ6RgJu .unit-list__item-inner{padding: 2vw 1vw;}

#unit-YcPnJ6RgJu .unit-list__image{width: 10vw;}

}



@media (max-width: 640px){

#unit-43KNseGLTd .unit-list__image{width: 20vw;}

#unit-YcPnJ6RgJu .unit-list__image{width: 20vw;}

}