*,
::before,
::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

::before,
::after {
    --tw-content: ""
}

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Source Han Sans CN, system-ui, -apple-system, BlinkMacSystemFont, Helvetica, Arial, Sans-Serif;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: rgba(0, 0, 0, 0);
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

*,
::before,
::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::-ms-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.container {
    width: 100%
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.bottom-hd50 {
    bottom: 2.6042vw
}

.bottom-hd60 {
    bottom: 3.125vw
}

.bottom-hd80 {
    bottom: 4.1667vw
}

.left-0 {
    left: 0
}

.left-full {
    left: 100%
}

.right-0 {
    right: 0
}

.right-full {
    right: 100%
}

.top-0 {
    top: 0
}

.top-full {
    top: 100%
}

.top-hd100 {
    top: 5.2083vw
}

.top-hd120 {
    top: 6.25vw
}

.top-hd30 {
    top: 1.5625vw
}

.top-hd60 {
    top: 3.125vw
}

.top-hd90 {
    top: 4.6875vw
}

.z-10 {
    z-index: 10
}

.z-100 {
    z-index: 100
}

.z-50 {
    z-index: 50
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.-ml-hd5 {
    margin-left: -0.2604vw
}

.-mt-hd60 {
    margin-top: -3.125vw
}

.mb-hd15 {
    margin-bottom: .7813vw
}

.ml-\[3\.75em\] {
    margin-left: 3.75em
}

.ml-hd15 {
    margin-left: .7813vw
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-5 {
    margin-top: 5px
}

.mt-50 {
    margin-top: 50px
}

.mt-80 {
    margin-top: 80px
}

.mt-hd10 {
    margin-top: .5208vw
}

.mt-hd100 {
    margin-top: 5.2083vw
}

.mt-hd110 {
    margin-top: 5.7292vw
}

.mt-hd120 {
    margin-top: 6.25vw
}

.mt-hd140 {
    margin-top: 7.2917vw
}

.mt-hd15 {
    margin-top: .7813vw
}

.mt-hd16 {
    margin-top: .8333vw
}

.mt-hd160 {
    margin-top: 8.3333vw
}

.mt-hd180 {
    margin-top: 9.375vw
}

.mt-hd20 {
    margin-top: 1.0417vw
}

.mt-hd200 {
    margin-top: 10.4167vw
}

.mt-hd30 {
    margin-top: 1.5625vw
}

.mt-hd4 {
    margin-top: .2083vw
}

.mt-hd40 {
    margin-top: 2.0833vw
}

.mt-hd50 {
    margin-top: 2.6042vw
}

.mt-hd60 {
    margin-top: 3.125vw
}

.mt-hd80 {
    margin-top: 4.1667vw
}

.mt-hd90 {
    margin-top: 4.6875vw
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-1 {
    height: 1px
}

.h-15 {
    height: 15px
}

.h-1em {
    height: 1em
}

.h-3em {
    height: 3em
}

.h-full {
    height: 100%
}

.h-hd10 {
    height: .5208vw
}

.h-hd120 {
    height: 6.25vw
}

.h-hd160 {
    height: 8.3333vw
}

.h-hd20 {
    height: 1.0417vw
}

.h-hd200 {
    height: 10.4167vw
}

.h-hd30 {
    height: 1.5625vw
}

.h-hd40 {
    height: 2.0833vw
}

.h-hd50 {
    height: 2.6042vw
}

.h-hd70 {
    height: 3.6458vw
}

.h-hd90 {
    height: 4.6875vw
}

.min-h-\[2\.15em\] {
    min-height: 2.15em
}

.min-h-\[7\.5em\] {
    min-height: 7.5em
}

.w-1\/2 {
    width: 50%
}

.w-12em {
    width: 12em
}

.w-4\/5 {
    width: 80%
}

.w-full {
    width: 100%
}

.w-hd150 {
    width: 7.8125vw
}

.w-hd20 {
    width: 1.0417vw
}

.w-hd200 {
    width: 10.4167vw
}

.w-hd80 {
    width: 4.1667vw
}

.max-w-10em {
    max-width: 10em
}

.max-w-12em {
    max-width: 12em
}

.max-w-13em {
    max-width: 13em
}

.max-w-16em {
    max-width: 16em
}

.max-w-22em {
    max-width: 22em
}

.max-w-25em {
    max-width: 25em
}

.max-w-30em {
    max-width: 30em
}

.max-w-38em {
    max-width: 38em
}

.max-w-41em {
    max-width: 41em
}

.max-w-58em {
    max-width: 58em
}

.max-w-6em {
    max-width: 6em
}

.max-w-8em {
    max-width: 8em
}

.max-w-\[10em\] {
    max-width: 10em
}

.max-w-\[12em\] {
    max-width: 12em
}

.max-w-\[40em\] {
    max-width: 40em
}

.max-w-\[8em\] {
    max-width: 8em
}

.max-w-\[9em\] {
    max-width: 9em
}

.max-w-hd1320 {
    max-width: 68.75vw
}

.max-w-hd1400 {
    max-width: 72.9167vw
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.transform {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gap-hd16 {
    gap: .8333vw
}

.gap-hd20 {
    gap: 1.0417vw
}

.gap-hd30 {
    gap: 1.5625vw
}

.gap-x-5 {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.gap-x-hd10 {
    -webkit-column-gap: .5208vw;
    -moz-column-gap: .5208vw;
    column-gap: .5208vw
}

.gap-x-hd140 {
    -webkit-column-gap: 7.2917vw;
    -moz-column-gap: 7.2917vw;
    column-gap: 7.2917vw
}

.gap-x-hd15 {
    -webkit-column-gap: .7813vw;
    -moz-column-gap: .7813vw;
    column-gap: .7813vw
}

.gap-x-hd16 {
    -webkit-column-gap: .8333vw;
    -moz-column-gap: .8333vw;
    column-gap: .8333vw
}

.gap-x-hd20 {
    -webkit-column-gap: 1.0417vw;
    -moz-column-gap: 1.0417vw;
    column-gap: 1.0417vw
}

.gap-x-hd30 {
    -webkit-column-gap: 1.5625vw;
    -moz-column-gap: 1.5625vw;
    column-gap: 1.5625vw
}

.gap-x-hd40 {
    -webkit-column-gap: 2.0833vw;
    -moz-column-gap: 2.0833vw;
    column-gap: 2.0833vw
}

.gap-x-hd50 {
    -webkit-column-gap: 2.6042vw;
    -moz-column-gap: 2.6042vw;
    column-gap: 2.6042vw
}

.gap-x-hd70 {
    -webkit-column-gap: 3.6458vw;
    -moz-column-gap: 3.6458vw;
    column-gap: 3.6458vw
}

.gap-y-10 {
    row-gap: 10px
}

.gap-y-15 {
    row-gap: 15px
}

.gap-y-20 {
    row-gap: 20px
}

.gap-y-5 {
    row-gap: 5px
}

.gap-y-60 {
    row-gap: 60px
}

.gap-y-hd15 {
    row-gap: .7813vw
}

.gap-y-hd16 {
    row-gap: .8333vw
}

.gap-y-hd30 {
    row-gap: 1.5625vw
}

.gap-y-hd40 {
    row-gap: 2.0833vw
}

.gap-y-hd50 {
    row-gap: 2.6042vw
}

.gap-y-hd60 {
    row-gap: 3.125vw
}

.gap-y-hd80 {
    row-gap: 4.1667vw
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.break-words {
    overflow-wrap: break-word
}

.rounded-full {
    border-radius: 50%
}

.border-1 {
    border-width: 1px
}

.border-gray1 {
    --tw-border-opacity: 1;
    border-color: rgb(248 248 248/var(--tw-border-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-border {
    --tw-bg-opacity: 1;
    background-color: rgb(203 203 203/var(--tw-bg-opacity))
}

.bg-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(112 112 112/var(--tw-bg-opacity))
}

.bg-gray1 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity))
}

.bg-red {
    --tw-bg-opacity: 1;
    background-color: rgb(203 0 21/var(--tw-bg-opacity))
}
.bg-blue {
    --tw-bg-opacity: 1;
    background-color: #014ee5
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}
.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.p-hd20 {
    padding: 1.0417vw
}

.p-hd30 {
    padding: 1.5625vw
}

.p-hd40 {
    padding: 2.0833vw
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px
}

.px-hd20 {
    padding-left: 1.0417vw;
    padding-right: 1.0417vw
}

.py-hd10 {
    padding-top: .5208vw;
    padding-bottom: .5208vw
}

.py-hd100 {
    padding-top: 5.2083vw;
    padding-bottom: 5.2083vw
}

.py-hd120 {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
}

.py-hd160 {
    padding-top: 8.3333vw;
    padding-bottom: 8.3333vw
}

.py-hd25 {
    padding-top: 1.3021vw;
    padding-bottom: 1.3021vw
}

.py-hd30 {
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw
}

.py-hd40 {
    padding-top: 2.0833vw;
    padding-bottom: 2.0833vw
}

.py-hd60 {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.pb-50 {
    padding-bottom: 50px
}

.pb-hd10 {
    padding-bottom: .5208vw
}

.pb-hd120 {
    padding-bottom: 6.25vw
}

.pb-hd140 {
    padding-bottom: 7.2917vw
}

.pb-hd160 {
    padding-bottom: 8.3333vw
}

.pb-hd60 {
    padding-bottom: 3.125vw
}

.pb-hd70 {
    padding-bottom: 3.6458vw
}

.pt-0 {
    padding-top: 0
}

.pt-50 {
    padding-top: 50px
}

.pt-hd120 {
    padding-top: 6.25vw
}

.pt-hd30 {
    padding-top: 1.5625vw
}

.pt-hd4 {
    padding-top: .2083vw
}

.pt-hd50 {
    padding-top: 2.6042vw
}

.pt-hd60 {
    padding-top: 3.125vw
}

.pt-hd80 {
    padding-top: 4.1667vw
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-mulish {
    font-family: Mulish
}

.text-14 {
    font-size: 14px
}

.text-16 {
    font-size: 16px
}

.text-20 {
    font-size: 20px
}

.text-72 {
    font-size: 72px
}

.text-hd100 {
    font-size: 5.2083vw
}

.text-hd12 {
    font-size: .625vw
}

.text-hd120 {
    font-size: 6.25vw
}

.text-hd14 {
    font-size: .7292vw
}

.text-hd16 {
    font-size: .8333vw
}

.text-hd18 {
    font-size: .9375vw
}

.text-hd20 {
    font-size: 1.0417vw
}

.text-hd220 {
    font-size: 11.4583vw
}

.text-hd24 {
    font-size: 1.25vw
}

.text-hd32 {
    font-size: 1.6667vw
}

.text-hd40 {
    font-size: 2.0833vw
}

.text-hd48 {
    font-size: 2.5vw
}

.text-hd60 {
    font-size: 3.125vw
}

.text-hd64 {
    font-size: 3.3333vw
}

.text-hd72 {
    font-size: 3.75vw
}

.text-hd80 {
    font-size: 4.1667vw
}

.font-400 {
    font-weight: 400
}

.font-500 {
    font-weight: 500
}

.font-600 {
    font-weight: 600
}

.font-700 {
    font-weight: 700
}

.uppercase {
    text-transform: uppercase
}

.leading-1 {
    line-height: 1
}

.leading-1075 {
    line-height: 1.075
}

.leading-11 {
    line-height: 1.1
}

.leading-12 {
    line-height: 1.2
}

.leading-125 {
    line-height: 1.25
}

.leading-14 {
    line-height: 1.4
}

.leading-15 {
    line-height: 1.5
}

.leading-175 {
    line-height: 1.75
}

.leading-1875 {
    line-height: 1.875
}

.leading-2 {
    line-height: 2
}

.-tracking-10 {
    letter-spacing: -0.01em
}

.-tracking-30 {
    letter-spacing: -0.03em
}

.tracking-100 {
    letter-spacing: .1em
}

.tracking-30 {
    letter-spacing: .03em
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-black1 {
    --tw-text-opacity: 1;
    color: rgb(18 18 18/var(--tw-text-opacity))
}

.text-black2 {
    --tw-text-opacity: 1;
    color: rgb(13 13 13/var(--tw-text-opacity))
}

.text-black40 {
    color: rgba(0, 0, 0, .4)
}

.text-black50 {
    color: rgba(0, 0, 0, .5)
}

.text-gray {
    --tw-text-opacity: 1;
    color: rgb(112 112 112/var(--tw-text-opacity))
}

.text-red {
    --tw-text-opacity: 1;
    color: rgb(203 0 21/var(--tw-text-opacity))
}
.text-blue {
    --tw-text-opacity: 1;
    color: #014ee5
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-40 {
    opacity: .4
}

.blur {
    --tw-blur: blur(8px);
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms
}

@media(max-width: 1920px) {
    .hd\:bottom-60 {
        bottom: 60px
    }

    .hd\:top-30 {
        top: 30px
    }

    .hd\:top-90 {
        top: 90px
    }

    .hd\:mt-10 {
        margin-top: 10px
    }

    .hd\:mt-100 {
        margin-top: 100px
    }

    .hd\:mt-15 {
        margin-top: 15px
    }

    .hd\:mt-16 {
        margin-top: 16px
    }

    .hd\:mt-20 {
        margin-top: 20px
    }

    .hd\:mt-30 {
        margin-top: 30px
    }

    .hd\:mt-40 {
        margin-top: 40px
    }

    .hd\:mt-50 {
        margin-top: 50px
    }

    .hd\:mt-60 {
        margin-top: 60px
    }

    .hd\:mt-80 {
        margin-top: 80px
    }

    .hd\:h-10 {
        height: 10px
    }

    .hd\:h-20 {
        height: 20px
    }

    .hd\:h-30 {
        height: 30px
    }

    .hd\:h-40 {
        height: 40px
    }

    .hd\:h-50 {
        height: 50px
    }

    .hd\:h-90 {
        height: 90px
    }

    .hd\:w-150 {
        width: 150px
    }

    .hd\:w-20 {
        width: 20px
    }

    .hd\:w-200 {
        width: 200px
    }

    .hd\:w-80 {
        width: 80px
    }

    .hd\:max-w-1320 {
        max-width: 1320px
    }

    .hd\:max-w-1400 {
        max-width: 1400px
    }

    .hd\:gap-16 {
        gap: 16px
    }

    .hd\:gap-20 {
        gap: 20px
    }

    .hd\:gap-30 {
        gap: 30px
    }

    .hd\:gap-x-10 {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .hd\:gap-x-15 {
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px
    }

    .hd\:gap-x-16 {
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .hd\:gap-x-20 {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .hd\:gap-x-30 {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }

    .hd\:gap-x-40 {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    .hd\:gap-y-15 {
        row-gap: 15px
    }

    .hd\:gap-y-16 {
        row-gap: 16px
    }

    .hd\:gap-y-30 {
        row-gap: 30px
    }

    .hd\:gap-y-40 {
        row-gap: 40px
    }

    .hd\:gap-y-50 {
        row-gap: 50px
    }

    .hd\:gap-y-60 {
        row-gap: 60px
    }

    .hd\:p-20 {
        padding: 20px
    }

    .hd\:p-30 {
        padding: 30px
    }

    .hd\:p-40 {
        padding: 40px
    }

    .hd\:px-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .hd\:py-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .hd\:py-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .hd\:py-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .hd\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .hd\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .hd\:pb-10 {
        padding-bottom: 10px
    }

    .hd\:pb-120 {
        padding-bottom: 120px
    }

    .hd\:pb-40 {
        padding-bottom: 40px
    }

    .hd\:pb-70 {
        padding-bottom: 70px
    }

    .hd\:pt-30 {
        padding-top: 30px
    }

    .hd\:pt-50 {
        padding-top: 50px
    }

    .hd\:pt-60 {
        padding-top: 60px
    }

    .hd\:text-100 {
        font-size: 100px
    }

    .hd\:text-12 {
        font-size: 12px
    }

    .hd\:text-14 {
        font-size: 14px
    }

    .hd\:text-16 {
        font-size: 16px
    }

    .hd\:text-18 {
        font-size: 18px
    }

    .hd\:text-20 {
        font-size: 20px
    }

    .hd\:text-24 {
        font-size: 24px
    }

    .hd\:text-32 {
        font-size: 32px
    }

    .hd\:text-40 {
        font-size: 40px
    }

    .hd\:text-60 {
        font-size: 60px
    }
}

@media(max-width: 1440px) {
    .\32 xl\:w-160 {
        width: 160px
    }

    .\32 xl\:text-14 {
        font-size: 14px
    }

    .\32 xl\:text-16 {
        font-size: 16px
    }
}

@media(max-width: 1280px) {
    .xl\:top-80 {
        top: 80px
    }

    .xl\:ml-\[3\.375em\] {
        margin-left: 3.375em
    }

    .xl\:h-40 {
        height: 40px
    }

    .xl\:h-80 {
        height: 80px
    }

    .xl\:w-120 {
        width: 120px
    }

    .xl\:gap-x-25 {
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px
    }

    .xl\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .xl\:text-14 {
        font-size: 14px
    }

    .xl\:text-16 {
        font-size: 16px
    }

    .xl\:text-18 {
        font-size: 18px
    }

    .xl\:text-20 {
        font-size: 20px
    }
}

@media(max-width: 1024px) {
    .lg\:fixed {
        position: fixed
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:inset-0 {
        inset: 0
    }

    .lg\:bottom-0 {
        bottom: 0
    }

    .lg\:bottom-40 {
        bottom: 40px
    }

    .lg\:bottom-auto {
        bottom: auto
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:top-0 {
        top: 0
    }

    .lg\:top-15 {
        top: 15px
    }

    .lg\:top-70 {
        top: 70px
    }

    .lg\:top-auto {
        top: auto
    }

    .lg\:mx-40 {
        margin-left: 40px;
        margin-right: 40px
    }

    .lg\:ml-\[3\.428em\] {
        margin-left: 3.428em
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-10 {
        margin-top: 10px
    }

    .lg\:mt-100 {
        margin-top: 100px
    }

    .lg\:mt-15 {
        margin-top: 15px
    }

    .lg\:mt-20 {
        margin-top: 20px
    }

    .lg\:mt-25 {
        margin-top: 25px
    }

    .lg\:mt-30 {
        margin-top: 30px
    }

    .lg\:mt-4 {
        margin-top: 4px
    }

    .lg\:mt-40 {
        margin-top: 40px
    }

    .lg\:mt-50 {
        margin-top: 50px
    }

    .lg\:mt-60 {
        margin-top: 60px
    }

    .lg\:mt-70 {
        margin-top: 70px
    }

    .lg\:mt-80 {
        margin-top: 80px
    }

    .lg\:mt-90 {
        margin-top: 90px
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-100 {
        height: 100px
    }

    .lg\:h-30 {
        height: 30px
    }

    .lg\:h-40 {
        height: 40px
    }

    .lg\:h-5 {
        height: 5px
    }

    .lg\:h-70 {
        height: 70px
    }

    .lg\:h-80 {
        height: 80px
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:max-w-18em {
        max-width: 18em
    }

    .lg\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .lg\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lg\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .lg\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lg\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .lg\:gap-10 {
        gap: 10px
    }

    .lg\:gap-20 {
        gap: 20px
    }

    .lg\:gap-x-10 {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .lg\:gap-x-20 {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .lg\:gap-y-0 {
        row-gap: 0
    }

    .lg\:gap-y-10 {
        row-gap: 10px
    }

    .lg\:gap-y-15 {
        row-gap: 15px
    }

    .lg\:gap-y-20 {
        row-gap: 20px
    }

    .lg\:gap-y-30 {
        row-gap: 30px
    }

    .lg\:gap-y-40 {
        row-gap: 40px
    }

    .lg\:gap-y-50 {
        row-gap: 50px
    }

    .lg\:overflow-x-auto {
        overflow-x: auto
    }

    .lg\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0/var(--tw-bg-opacity))
    }

    .lg\:bg-gray1 {
        --tw-bg-opacity: 1;
        background-color: rgb(248 248 248/var(--tw-bg-opacity))
    }

    .lg\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }

    .lg\:p-15 {
        padding: 15px
    }

    .lg\:p-20 {
        padding: 20px
    }

    .lg\:px-10 {
        padding-left: 10px;
        padding-right: 10px
    }

    .lg\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .lg\:py-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .lg\:py-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .lg\:py-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .lg\:py-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .lg\:py-80 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .lg\:pb-20 {
        padding-bottom: 20px
    }

    .lg\:pb-40 {
        padding-bottom: 40px
    }

    .lg\:pb-50 {
        padding-bottom: 50px
    }

    .lg\:pb-60 {
        padding-bottom: 60px
    }

    .lg\:pb-80 {
        padding-bottom: 80px
    }

    .lg\:pt-15 {
        padding-top: 15px
    }

    .lg\:pt-20 {
        padding-top: 20px
    }

    .lg\:pt-40 {
        padding-top: 40px
    }

    .lg\:pt-5 {
        padding-top: 5px
    }

    .lg\:pt-60 {
        padding-top: 60px
    }

    .lg\:pt-90 {
        padding-top: 90px
    }

    .lg\:text-12 {
        font-size: 12px
    }

    .lg\:text-14 {
        font-size: 14px
    }

    .lg\:text-16 {
        font-size: 16px
    }

    .lg\:text-18 {
        font-size: 18px
    }

    .lg\:text-20 {
        font-size: 20px
    }

    .lg\:text-24 {
        font-size: 24px
    }

    .lg\:text-32 {
        font-size: 32px
    }

    .lg\:text-36 {
        font-size: 36px
    }

    .lg\:text-40 {
        font-size: 40px
    }

    .lg\:text-48 {
        font-size: 48px
    }

    .lg\:text-60 {
        font-size: 60px
    }

    .lg\:text-80 {
        font-size: 80px
    }

    .lg\:font-400 {
        font-weight: 400
    }

    .lg\:text-black {
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity))
    }
}

@media(max-width: 768px) {
    .md\:mx-25 {
        margin-left: 25px;
        margin-right: 25px
    }

    .md\:mt-20 {
        margin-top: 20px
    }

    .md\:hidden {
        display: none
    }

    .md\:w-60 {
        width: 60px
    }

    .md\:w-full {
        width: 100%
    }

    .md\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .md\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .md\:gap-y-10 {
        row-gap: 10px
    }

    .md\:gap-y-20 {
        row-gap: 20px
    }
}

@media(max-width: 640px) {
    .sm\:bottom-120 {
        bottom: 120px
    }

    .sm\:top-auto {
        top: auto
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-120 {
        margin-top: 120px
    }

    .sm\:min-h-\[7em\] {
        min-height: 7em
    }

    .sm\:max-w-12em {
        max-width: 12em
    }

    .sm\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sm\:flex-col-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .sm\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .sm\:items-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .sm\:gap-y-20 {
        row-gap: 20px
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-12 {
        font-size: 12px
    }

    .sm\:text-14 {
        font-size: 14px
    }

    .sm\:text-30 {
        font-size: 30px
    }

    .sm\:text-32 {
        font-size: 32px
    }

    .sm\:leading-14 {
        line-height: 1.4
    }
}

html.lenis,
html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

[data-aos=fadeup-small] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

[data-aos=fadeup-small].aos-animate {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media screen and (min-width: 768px) {
    [data-aos=fadeup-small] {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    [data-aos=fadeup-small].aos-animate {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.img-box::before {
    content: "";
    display: block
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

svg {
    fill: currentColor
}

body {
    font-family: "Mulish"
}

.scroll-bar::-webkit-scrollbar {
    width: 2px
}

.scroll-bar::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #fff
}

.scroll-bar::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 2px
}

.cc--defaultmode #cc-main {
    --cc-font-family: Roboto;
    --cc-btn-primary-bg: #000000;
    --cc-btn-primary-border-color: #000000;
    --cc-btn-primary-hover-bg: #444444;
    --cc-btn-primary-hover-border-color: #444444;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-btn-border-radius: 10px;
    --cc-bg: #0D8484;
    --cc-secondary-color: #fff;
    --cc-btn-primary-bg: #55A7A6;
    --cc-btn-primary-border-color: #55A7A6;
    --cc-btn-primary-hover-bg: #FAAD39;
    --cc-btn-primary-hover-border-color: #FAAD39;
    --cc-primary-color: #fff;
    --cc-cookie-category-block-bg: #55A7A6;
    --cc-cookie-category-block-border: #55A7A6;
    --cc-toggle-off-bg: #0D8484;
    --cc-cookie-category-block-hover-bg: #fff;
    --cc-separator-border-color: rgba(255, 255, 255, .5);
    --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, .5);
    --cc-btn-secondary-color: #0D8484;
    --cc-link-color: #fff
}

.cc--defaultmode #cc-main .cm--bar.cm--inline .cm__body {
    max-width: 1520px
}

.cc--defaultmode #cc-main .cc__link {
    text-decoration: underline;
    background-image: none
}

.cc--defaultmode #cc-main .pm__section--toggle .pm__section-title:hover {
    color: #0d8484
}

@font-face {
    font-display: swap;
    font-family: "Mulish";
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/mulish-v13-latin-200.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Mulish";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/mulish-v13-latin-300.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Mulish";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/mulish-v13-latin-regular.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Mulish";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/mulish-v13-latin-500.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Mulish";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/mulish-v13-latin-600.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Mulish";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/mulish-v13-latin-700.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Mulish";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/mulish-v13-latin-800.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Mulish";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/mulish-v13-latin-900.woff2") format("woff2")
}

.wx-share {
    margin-top: -85px;
    margin-left: -70px;
    border-radius: 3px;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    width: 140px;
    padding-top: 20px;
    background-color: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
}

.wx-share img {
    display: block;
    width: 120px;
    margin: 0 auto
}

.wx-share p {
    margin: 0;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    color: #000
}

.wx-share i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.wx-share i img {
    display: block;
    width: 12px;
    height: 12px;
    margin: 4px auto
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    -webkit-transition-duration: .45s;
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    -webkit-transition-duration: .55s;
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    -webkit-transition-duration: .65s;
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    -webkit-transition-duration: .75s;
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    -webkit-transition-duration: .85s;
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    -webkit-transition-duration: .95s;
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    -webkit-transition-duration: 1.05s;
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    -webkit-transition-duration: 1.1s;
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    -webkit-transition-duration: 1.15s;
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    -webkit-transition-duration: 1.25s;
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    -webkit-transition-duration: 1.35s;
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    -webkit-transition-duration: 1.45s;
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    -webkit-transition-duration: 1.55s;
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    -webkit-transition-duration: 1.65s;
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    -webkit-transition-duration: 1.7s;
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    -webkit-transition-duration: 1.75s;
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    -webkit-transition-duration: 1.85s;
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    -webkit-transition-duration: 1.9s;
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    -webkit-transition-duration: 1.95s;
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    -webkit-transition-duration: 2s;
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    -webkit-transition-duration: 2.05s;
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    -webkit-transition-duration: 2.1s;
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    -webkit-transition-duration: 2.15s;
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    -webkit-transition-duration: 2.25s;
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    -webkit-transition-duration: 2.3s;
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    -webkit-transition-duration: 2.35s;
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    -webkit-transition-duration: 2.4s;
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    -webkit-transition-duration: 2.45s;
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    -webkit-transition-duration: 2.5s;
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    -webkit-transition-duration: 2.55s;
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    -webkit-transition-duration: 2.6s;
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    -webkit-transition-duration: 2.65s;
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    -webkit-transition-duration: 2.7s;
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    -webkit-transition-duration: 2.75s;
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    -webkit-transition-duration: 2.8s;
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    -webkit-transition-duration: 2.85s;
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    -webkit-transition-duration: 2.9s;
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    -webkit-transition-duration: 2.95s;
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.95s;
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    -webkit-transition-duration: 3s;
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

[data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

[data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
    transform: translate3d(0, 100px, 0) scale(0.6)
}

[data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
    transform: translate3d(0, -100px, 0) scale(0.6)
}

[data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
    transform: translate3d(-100px, 0, 0) scale(0.6)
}

[data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
    transform: translate3d(100px, 0, 0) scale(0.6)
}

[data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

[data-aos=slide-up] {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform
}

[data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

.plugin-layer-box.msg {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plugin-layer-box.msg>p {
    display: inline-block;
    vertical-align: top;
    max-width: 90%;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    letter-spacing: .05em
}

.splide__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

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

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@-webkit-keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid rgba(0, 0, 0, 0);
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -webkit-animation: f-spinner-rotate 2s linear infinite;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
    animation: f-spinner-dash 2s ease-in-out infinite
}

@-webkit-keyframes f-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown
}

@-webkit-keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@-webkit-keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp;
    animation: var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
    animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown
}

@-webkit-keyframes f-zoomInUp {
    from {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }

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

@keyframes f-zoomInUp {
    from {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }

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

@-webkit-keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    -webkit-animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
    animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@-webkit-keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1
}

@-webkit-keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    -webkit-animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
    animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@-webkit-keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}

@-webkit-keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

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

@keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

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

@-webkit-keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

@keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

@-webkit-keyframes f-slideOutNext {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutNext {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes f-slideOutPrev {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1
}

@-webkit-keyframes f-classicInNext {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }

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

@keyframes f-classicInNext {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }

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

@-webkit-keyframes f-classicInPrev {
    0% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }

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

@keyframes f-classicInPrev {
    0% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }

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

@-webkit-keyframes f-classicOutNext {
    100% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutNext {
    100% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }
}

@-webkit-keyframes f-classicOutPrev {
    100% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    -webkit-box-shadow: var(--f-button-shadow);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    -webkit-transition: var(--f-button-transition);
    transition: var(--f-button-transition)
}

@media(hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease;
    -webkit-transform: var(--f-button-transform);
    transform: var(--f-button-transform);
    -webkit-filter: var(--f-button-svg-filter);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    -ms-touch-action: none;
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.fancybox__container::-ms-backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
    overflow: hidden
}

.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::before,
.fancybox__slide::after {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0;
    margin: auto
}

.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
    display: block
}

.fancybox__content {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-filter: blur(0px);
    filter: blur(0px)
}

.fancybox__caption {
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) {
    -webkit-animation: var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn;
    animation: var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
    animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) {
    -webkit-animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
    animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
    animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    max-width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0));
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.f-thumbs__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f-thumbs__slide {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0))*-0.5);
    width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    -webkit-transition: none;
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    -webkit-transition: -webkit-transform .33s ease;
    transition: -webkit-transform .33s ease;
    transition: transform .33s ease;
    transition: transform .33s ease, -webkit-transform .33s ease;
    transition: transform .33s ease, -webkit-transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    -webkit-transition: clip-path .33s ease;
    transition: clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    -webkit-filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    -webkit-animation: f-fadeIn .2s ease-out;
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    -webkit-transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1);
    transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important
}

.is-closing .fancybox__thumbs {
    -webkit-transition: none !important;
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -webkit-box;
    display: flex
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -ms-flexbox;
    display: flex
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.wrap {
    margin-right: 3.125vw;
    margin-left: 3.125vw
}

@media screen and (max-width: 1920px) {
    .wrap {
        margin-right: 60px;
        margin-left: 60px
    }
}

@media screen and (max-width: 1280px) {
    .wrap {
        margin-right: 40px;
        margin-left: 40px
    }
}

@media screen and (max-width: 768px) {
    .wrap {
        margin-right: 25px;
        margin-left: 25px
    }
}

.header {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media screen and (any-hover: hover) {
    .header:hover {
        background-color: #fff
    }

    .header:hover .hm-link {
        color: #000
    }
}

@media screen and (max-width: 1024px) {
    .header-menu {
        visibility: hidden;
        opacity: 0;
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

@media screen and (max-width: 1024px) {
    .menu-open .header-menu {
        visibility: visible;
        opacity: 1;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }
}

.view-more {
    padding-right: 1.5em;
    padding-left: 1.5em;
    border-radius: 2em;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.view-more.multi-line {
    padding-top: 0.625em;
    padding-bottom: 0.625em
}

.view-more svg {
    width: 1.25em;
    height: 1.25em;
    margin-left: 0.375em
}

.view-more .ico {
    width: 1.125em;
    height: 0.6875em;
    margin-left: .5em
}

.view-more .ico::before,
.view-more .ico::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: #014ee5
}

.view-more .ico::before {
    left: 0;
    height: 0.1875em;
    -webkit-transform: scaleX(0.7777);
    transform: scaleX(0.7777);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.view-more .ico::after {
    bottom: 0;
    width: 0.1875em
}

@media screen and (any-hover: hover) {
    .view-more:hover .ico::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@media screen and (min-width: 1025px) {
    .hm-li.has-sub .hm-link::after {
        content: "";
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        height: 1.3020833333vw
    }
}

@media screen and (min-width: 1025px)and (max-width: 1920px) {
    .hm-li.has-sub .hm-link::after {
        height: 25px
    }
}

@media screen and (min-width: 1025px)and (max-width: 1280px) {
    .hm-li.has-sub .hm-link::after {
        height: 20px
    }
}

@media screen and (min-width: 1025px)and (any-hover: hover) {
    .hm-li.has-sub:hover .hm-link::before {
        left: 0;
        width: 100%
    }

    .hm-li.has-sub:hover .hm-sub {
        visibility: visible;
        opacity: 1;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }
}

@media screen and (max-width: 1024px) {
    .hm-li.has-sub .hm-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        line-height: 1.4;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .hm-li.has-sub .hm-link span {
        width: calc(100% - 40px)
    }

    .hm-li.has-sub .hm-link svg {
        width: 0.8333em;
        height: 0.8333em;
        margin-top: 0.2917em;
        margin-right: 0.3333em;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .hm-li.has-sub.active .hm-link svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media screen and (max-width: 1024px) {
    .hm-li {
        padding: 0.3333em 0
    }

    .hm-li:nth-of-type(n+2) {
        border-top: 1px solid rgba(112, 112, 112, .2)
    }
}

.hm-link {
    display: block;
    position: relative;
    line-height: 1.875
}

.hm-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0.1875em;
    background-color: #014ee5;
    -webkit-transition: width .3s;
    transition: width .3s
}

@media screen and (any-hover: hover) {
    .hm-link:hover::before {
        left: 0;
        width: 100%
    }
}

@media screen and (any-hover: hover) {
    .hms-link:hover .hms-link__title svg {
        opacity: 1
    }
}

.hms-link__img {
    overflow: hidden
}

.hms-link__img::before {
    padding-top: 73.0158730159%
}

.hms-link__img img {
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

@media screen and (any-hover: hover) {
    .hms-link__img:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.hms-link__title svg {
    width: 1.25em;
    height: 1.25em;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media screen and (max-width: 1024px) {
    .hms-link__title svg {
        display: none
    }
}

@media screen and (min-width: 1025px) {
    .hm-sub {
        visibility: hidden;
        opacity: 0;
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

@media screen and (max-width: 1024px) {
    .hm-sub {
        display: none
    }

    .hm-sub .wrap {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 1921px) {
    .list-hmscate>li {
        width: calc(25% - 0.78125vw)
    }
}

@media screen and (max-width: 1920px)and (min-width: 1025px) {
    .list-hmscate>li {
        width: calc(25% - 15px)
    }
}

.btn-menu {
    width: 2em;
    height: 2em;
    margin-right: -0.5em;
    row-gap: 3px
}

.btn-menu span {
    width: 1em;
    height: 3px;
    background-color: #014ee5;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.menu-open .btn-menu span:nth-of-type(1),
.menu-open .btn-menu span:nth-of-type(3) {
    opacity: 0
}

.menu-open .btn-menu span:nth-of-type(1) {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.menu-open .btn-menu span:nth-of-type(3) {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.black-menu .header {
    background-color: #fff
}

@media screen and (min-width: 1025px) {
    .white-menu .hm-link {
        color: #fff
    }
}

.fixed-menu .header {
    background-color: #fff
}

.fixed-menu .hm-link {
    color: #000
}

.header {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.header-bg {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, .15);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.show-sub-menu .header-bg {
    opacity: 1
}

.fc-img::before {
    height: 26.0416666667vw
}

@media screen and (max-width: 1920px) {
    .fc-img::before {
        height: 500px
    }
}

@media screen and (max-width: 750px) {
    .fc-img::before {
        height: 93.3333333333vw
    }
}

@media screen and (max-width: 768px) {
    .footer-contact>div {
        padding: 15px 0
    }

    .footer-contact>div:nth-of-type(n+2) {
        border-top: 1px solid rgba(112, 112, 112, .1)
    }
}

.fc-link svg {
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.6em
}

.fc-link span {
    -webkit-transition: color .3s;
    transition: color .3s
}

@media screen and (any-hover: hover) {
    .fc-link:hover span {
        color: rgba(0, 0, 0, .4)
    }
}

.fsocial-link {
    margin-left: 0.8em;
    -webkit-transition: color .3s;
    transition: color .3s
}

.fsocial-link svg {
    width: 1em;
    height: 1em
}

.fsocial-link.amazon {
    height: 1em;
    overflow: hidden
}

.fsocial-link.amazon svg {
    width: 2.4em;
    height: 2.4em;
    margin-top: -0.65em
}

@media screen and (max-width: 768px) {
    .fsocial-link:first-of-type {
        margin-left: 0
    }
}

@media screen and (any-hover: hover) {
    .fsocial-link:hover {
        color: rgba(0, 0, 0, .4)
    }
}

.fm-dl dt {
    margin-bottom: 1em
}

.fm-dl dd {
    margin-bottom: .35em
}

.fm-link {
    -webkit-transition: color .3s;
    transition: color .3s
}

@media screen and (any-hover: hover) {
    .fm-link:hover {
        color: rgba(0, 0, 0, .4)
    }
}

@media screen and (max-width: 480px) {
    .footer-logo svg {
        width: 100%;
        height: inherit
    }
}

.gotop {
    -webkit-transition: color .3s;
    transition: color .3s
}

.gotop svg {
    width: 1.7143em;
    height: 1.7143em;
    margin-left: 0.5714em
}

@media screen and (any-hover: hover) {
    .gotop:hover {
        color: #014ee5
    }
}

.ib-item {
    height: 100vh;
    height: 100dvh
}

.ib-item__title {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.splide__slide.is-active .ib-item__title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s ease .35s, -webkit-transform .4s ease .35s;
    transition: opacity .4s ease .35s, -webkit-transform .4s ease .35s;
    transition: transform .4s ease .35s, opacity .4s ease .35s;
    transition: transform .4s ease .35s, opacity .4s ease .35s, -webkit-transform .4s ease .35s
}

.ib-pager {
    position: absolute;
    bottom: 3em;
    font-size: 1.0416666667vw
}

.ib-pager.strength {
    bottom: 0.5208333333vw
}

@media screen and (max-width: 1920px) {
    .ib-pager.strength {
        bottom: 10px
    }
}

@media screen and (max-width: 1280px) {
    .ib-pager.strength {
        bottom: 9px
    }
}

@media screen and (max-width: 1024px) {
    .ib-pager.strength {
        bottom: 8px
    }
}

.ib-pager.left {
    left: 50%;
    margin-left: -34.375vw
}

.ib-pager.right {
    right: 50%;
    margin-right: -34.375vw
}

@media screen and (max-width: 1920px) {
    .ib-pager {
        font-size: 20px
    }

    .ib-pager.left {
        margin-left: -660px
    }

    .ib-pager.right {
        margin-right: -660px
    }
}

@media screen and (max-width: 1440px) {
    .ib-pager.left {
        margin-left: 0;
        left: 60px
    }

    .ib-pager.right {
        margin-right: 0;
        right: 60px
    }
}

@media screen and (max-width: 1024px) {
    .ib-pager {
        font-size: 10px
    }

    .ib-pager.left {
        left: 40px
    }

    .ib-pager.right {
        right: 40px
    }
}

@media screen and (max-width: 768px) {
    .ib-pager {
        bottom: 25px
    }

    .ib-pager.left {
        left: 25px
    }

    .ib-pager.right {
        right: 25px
    }
}

.ib-pager>li {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.4em
}

.ib-dot {
    width: 1em;
    height: .2em;
    background-color: #fff;
    -webkit-transition: width .3s;
    transition: width .3s
}

.ib-dot.strength {
    background-color: #0d0d0d
}

@media screen and (max-width: 1024px) {
    .ib-dot {
        height: .4em
    }
}

.ib-dot.is-active {
    width: 4em;
    background-color: #014ee5
}

.ipas-tab span,
.ipas-tab a {
    -webkit-column-gap: 0.6em;
    -moz-column-gap: 0.6em;
    column-gap: 0.6em;
    cursor: pointer
}

.ipas-tab span::before,
.ipas-tab a::before {
    content: "";
    display: block;
    width: 0.6em;
    height: 0.25em;
    background-color: currentColor;
    -webkit-transition: width .3s, background-color .3s;
    transition: width .3s, background-color .3s
}

.ipas-tab span.current::before,
.ipas-tab a.current::before {
    width: 2.5em;
    background-color: #014ee5
}

.icase-item__img::before {
    padding-top: 30.875%
}

@media screen and (max-width: 750px) {
    .icase-item__img::before {
        padding-top: 160%
    }
}

.icaset-pager {
    -webkit-column-gap: 0.55em;
    -moz-column-gap: 0.55em;
    column-gap: 0.55em
}

.icaset-pager span {
    -webkit-column-gap: 0.4583em;
    -moz-column-gap: 0.4583em;
    column-gap: 0.4583em;
    cursor: pointer
}

.icaset-pager span::after {
    content: "";
    display: block;
    width: 0;
    height: 0.2083em;
    background-color: currentColor;
    -webkit-transition: width .3s, background-color .3s;
    transition: width .3s, background-color .3s
}

.icaset-pager span.current::after {
    width: 4.1667em;
    background-color: #014ee5
}

.index-about {
    min-height: 43.2291666667vw
}

.iabout-img {
    width: 50.9166666667%
}

@media screen and (max-width: 640px) {
    .iabout-img {
        width: 100%
    }
}

.iabout-img::before {
    padding-top: 59.2857142857%
}

.iabout-title {
    width: 42vw
}

@media screen and (max-width: 1024px) {
    .iabout-title {
        width: 280px
    }
}

.iabout-pager>div {
    -webkit-column-gap: 0.5em;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
    -webkit-transition: color .3s;
    transition: color .3s;
    cursor: pointer
}

.iabout-pager>div::before {
    content: "";
    display: block;
    width: 2em;
    height: 0.125em;
    background-color: currentColor;
    -webkit-transform: scaleX(0.25);
    transform: scaleX(0.25);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.iabout-pager>div.current {
    color: #014ee5
}

.iabout-pager>div.current::before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.list-news>li {
    width: calc(33.3333% - 0.7291666667vw)
}

@media screen and (max-width: 1920px) {
    .list-news>li {
        width: calc(33.3333% - 14px)
    }
}

@media screen and (max-width: 1024px) {
    .list-news>li {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width: 640px) {
    .list-news>li {
        width: 100%
    }
}

@media screen and (any-hover: hover) {
    .news-item:hover .news-item__img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.news-item__img {
    overflow: hidden
}

.news-item__img::before {
    padding-top: 70.0934579439%
}

.news-item__img img {
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

/* @media screen and (min-width: 1025px) {
    .list-page-news>li:first-of-type {
        width: 100%
    }

    .list-page-news>li:first-of-type .news-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .list-page-news>li:first-of-type .news-item__title {
        margin-top: 0;
        font-size: 2.0833333333vw;
        -webkit-line-clamp: 3
    }

    .list-page-news>li:first-of-type .news-item__desc {
        -webkit-line-clamp: 4
    }

    .list-page-news>li:first-of-type .news-item__img {
        width: calc(66.6666% - 0.4166666667vw)
    }

    .list-page-news>li:first-of-type .news-item__intro {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(33.3333% - 0.7291666667vw)
    }
}

@media screen and (max-width: 1920px)and (min-width: 1025px) {
    .list-page-news>li:first-of-type .news-item__img {
        width: calc(66.6666% - 8px)
    }

    .list-page-news>li:first-of-type .news-item__intro {
        width: calc(33.3333% - 14px)
    }
}

@media screen and (max-width: 1024px) {
    .list-page-news>li:first-of-type .view-more {
        display: none
    }
}

.list-page-news>li:nth-of-type(n+2) .view-more {
    display: none
} */

.comm-pager a {
    position: relative;
    width: 1.75em;
    line-height: 1.75em;
    text-align: center;
    margin-right: .5em;
    -webkit-transition: color .3s;
    transition: color .3s
}

.comm-pager a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0.25em solid #014ee5;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.comm-pager a.current {
    color: #014ee5
}

.comm-pager a.current::before {
    opacity: 1
}

.comm-pager a.prev::before,
.comm-pager a.prev::after,
.comm-pager a.next::before,
.comm-pager a.next::after {
    content: "";
    position: absolute;
    background-color: #014ee5
}

.comm-pager a.prev::before,
.comm-pager a.next::before {
    opacity: 1;
    border: 0;
    width: 0.875em;
    height: 0.25em;
    top: 0.4375em
}

.comm-pager a.prev::after,
.comm-pager a.next::after {
    width: 0.25em;
    height: 0.75em;
    top: 0.4375em
}

.comm-pager a.prev::after,
.comm-pager a.prev::before {
    left: 0.5em
}

.comm-pager a.next::after,
.comm-pager a.next::before {
    left: inherit;
    right: 0.5em
}

.comm-pager a.disabled {
    opacity: .2
}

.detail-share a svg {
    width: 1.5em;
    height: 1.5em
}

.dshare-link {
    -webkit-transition: color .3s;
    transition: color .3s
}

@media screen and (any-hover: hover) {
    .dshare-link:hover {
        color: #014ee5
    }
}

.newsd-left {
    width: 74.2424242424%
}

@media screen and (max-width: 1024px) {
    .newsd-left {
        width: 100%
    }
}

.newsd-body img {
    width: 100%
}

.newsd-body blockquote {
    position: relative;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.25;
    padding-left: .75em
}

.newsd-body blockquote::before {
    content: "";
    position: absolute;
    top: .25em;
    bottom: .25em;
    left: 0;
    width: .2em;
    background-color: #014ee5
}

.newsd-body h3 {
    font-size: 1.5em;
    line-height: 1.25;
    font-weight: 700
}

.newsdp-link {
    position: relative;
    width: 6.25em;
    line-height: 2.5em;
    border-radius: 2em;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.newsdp-link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #f3f3f3;
    border-radius: 2em;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.newsdp-link .txt {
    width: 2.625em;
    margin-left: 0.625em;
    -webkit-transition: color .3s;
    transition: color .3s
}

.newsdp-link .ico {
    position: relative;
    width: 0.75em;
    height: 0.75em
}

.newsdp-link .ico::before,
.newsdp-link .ico::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: #014ee5
}

.newsdp-link .ico::before {
    left: 0;
    height: 0.25em
}

.newsdp-link .ico::after {
    bottom: 0;
    width: 0.25em
}

.newsdp-link.back .ico::before {
    bottom: 0;
    right: 0;
    left: inherit;
    top: inherit;
    width: 0.875em
}

.newsdp-link.back .ico::after {
    left: -0.125em;
    top: inherit;
    right: inherit;
    width: 0.5em;
    height: 0.25em;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    clip-path: polygon(13% 0, 100% 0, 100% 100%, 0% 100%)
}

@media screen and (any-hover: hover) {
    .newsdp-link:hover {
        background-color: #000
    }

    .newsdp-link:hover::before {
        opacity: 0
    }

    .newsdp-link:hover .txt {
        color: #fff
    }
}

.list-cases>li {
    width: calc(50% - 0.5208333333vw)
}

@media screen and (max-width: 1920px) {
    .list-cases>li {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width: 640px) {
    .list-cases>li {
        width: 100%
    }
}

@media screen and (any-hover: hover) {
    .cases-item:hover .cases-item__more {
        opacity: 1
    }

    .cases-item:hover .cases-item__img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.cases-item__img {
    overflow: hidden
}

.cases-item__img::before {
    padding-top: 87.2307692308%
}

.cases-item__img img {
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.cases-item__more {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.cases-item__title {
    padding-left: 0.4167em
}

.cases-item__title::before {
    content: "";
    position: absolute;
    width: 0.2083em;
    height: 0.6667em;
    top: 0.2917em;
    left: 0;
    background-color: #014ee5
}

.list-sersu>li {
    width: calc(16.6666% - 0.7291666667vw)
}

@media screen and (max-width: 1920px) {
    .list-sersu>li {
        width: calc(16.6666% - 14px)
    }
}

@media screen and (max-width: 1024px) {
    .list-sersu>li {
        width: calc(33.3333% - 11px)
    }
}

@media screen and (max-width: 640px) {
    .list-sersu>li {
        width: calc(50% - 8px)
    }
}

.sersu-item {
    padding: 3.125vw 0
}

@media screen and (max-width: 1024px) {
    .sersu-item {
        padding: 30px 0
    }
}

.sersu-item__img {
    width: 43.75%
}

.sersu-item__img::before {
    padding-top: 100%
}

.sersu-item__title {
    height: 2.4em;
    margin-top: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.design-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0.2604166667vw;
    background-color: #014ee5;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: width .3s;
    transition: width .3s
}

@media screen and (max-width: 1920px) {
    .design-item::after {
        height: 5px
    }
}

@media screen and (any-hover: hover) {
    .design-item:hover::after {
        left: 0;
        width: 100%
    }
}

.design-item__img {
    width: 49.2424242424%
}

.design-item__img::before {
    padding-top: 61.5384615385%
}

@media screen and (max-width: 768px) {
    .design-item__img {
        width: 100%
    }
}

.design-item__intro {
    width: 41.6666666667%
}

@media screen and (max-width: 768px) {
    .design-item__intro {
        width: 100%
    }
}

.service-search {
    padding: 0 1.5em;
    height: 3.125em;
    -webkit-transition: border-color;
    transition: border-color
}

@media screen and (max-width: 1024px) {
    .service-search {
        padding-right: 1em;
        padding-left: 1em
    }
}

.service-search.focus {
    border-color: #014ee5
}

.service-search.close .ss-close {
    display: block
}

.ss-input {
    width: calc(100% - 2em);
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ss-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.ss-input::-moz-placeholder {
    color: rgba(0, 0, 0, .5)
}

.ss-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.ss-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.ss-input::placeholder {
    color: rgba(0, 0, 0, .5)
}

.ss-submit svg {
    width: 1.5em;
    height: 1.5em
}

.ss-close {
    margin-right: .5em
}

.ss-close svg {
    width: 1.4em;
    height: 1.4em
}

.cate-filter.open .cfilter-header {
    border-color: #014ee5;
    color: #121212
}

.cate-filter.open .cfilter-header svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cate-filter.open .cfilter-body {
    border-color: #014ee5
}

.cfilter-header {
    line-height: 3em;
    padding-right: 2em;
    padding-left: 1em;
    color: rgba(0, 0, 0, .5);
    -webkit-transition: border-color .3s, color .3s;
    transition: border-color .3s, color .3s
}

.cfilter-header svg {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 1.25em;
    height: 1.25em;
    margin-top: -0.625em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.cfilter-body {
    border: solid #f8f8f8;
    border-width: 0 1px 1px;
    max-height: 300px;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.cfilter-list {
    padding: .5em 1em
}

.cfilter-item:nth-of-type(n+2) {
    border-top: 1px solid #f8f8f8
}

.cfilter-link {
    padding: .75em 0
}

.cfilter-link.current {
    color: #014ee5
}

.cfilter-sub {
    border-top: 1px solid #f8f8f8
}

.cfilter-sub-link {
    padding: .75em 0 .75em 1em
}

.cfilter-sub-link.current {
    color: #014ee5
}

.cfilter-sub-link:nth-of-type(n+2) {
    border-top: 1px solid #f8f8f8
}

.list-downloads>li {
    width: calc(50% - 0.4166666667vw)
}

@media screen and (max-width: 1920px) {
    .list-downloads>li {
        width: calc(50% - 8px)
    }
}

@media screen and (max-width: 768px) {
    .list-downloads>li {
        width: 100%
    }
}

@media screen and (any-hover: hover) {
    .download-item .view-more {
        opacity: 0
    }

    .download-item:hover .view-more {
        opacity: 1
    }
}

.download-item__title {
    height: 5em
}

.faqs-nav {
    width: 13.0208333333vw
}

@media screen and (max-width: 1920px) {
    .faqs-nav {
        width: 250px
    }
}

@media screen and (max-width: 1024px) {
    .faqs-nav {
        width: 100%
    }
}

.faqs-main {
    width: calc(100% - 17.1875vw)
}

@media screen and (max-width: 1920px) {
    .faqs-main {
        width: calc(100% - 330px)
    }
}

@media screen and (max-width: 1024px) {
    .faqs-main {
        width: 100%
    }
}

.faqsnav-item.current .faqs-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faqs-cate {
    position: relative;
    display: block;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    -webkit-transition: padding .3s;
    transition: padding .3s;
    overflow: hidden;
    line-height: 1.2
}

.faqs-cate::before,
.faqs-cate::after {
    content: "";
    position: absolute
}

.faqs-cate::before {
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: rgba(112, 112, 112, .2)
}

.faqs-cate::after {
    height: 0.15em;
    width: 0;
    bottom: -0.05em;
    right: 0;
    -webkit-transition: width .3s;
    transition: width .3s;
    background-color: #014ee5
}

.faqs-cate span.ico {
    position: absolute;
    top: 1.55em;
    left: 0;
    width: 1.2em;
    height: .5em;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.faqs-cate span.ico::before,
.faqs-cate span.ico::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: #014ee5
}

.faqs-cate span.ico::before {
    left: 0;
    height: 0.15em
}

.faqs-cate span.ico::after {
    bottom: 0;
    width: 0.15em
}

.faqs-cate span.txt {
    display: inline-block;
    vertical-align: top
}

.faqs-cate.current {
    padding-left: 2em
}

.faqs-cate.current::after {
    left: 0;
    width: 100%
}

.faqs-cate.current span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

@media screen and (any-hover: hover) {
    .faqs-cate:hover {
        padding-left: 2em
    }

    .faqs-cate:hover span {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.faqs-sub {
    position: relative;
    display: none
}

.faqs-sub::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    background-color: rgba(112, 112, 112, .2)
}

.faqsub-cate {
    -webkit-transition: color .3s;
    transition: color .3s
}

@media screen and (any-hover: hover) {
    .faqsub-cate:hover {
        color: #014ee5
    }
}

.faqsub-cate.current {
    color: #014ee5
}

.faqs-item.active .faqs-item__line {
    width: 3em;
    background-color: #014ee5;
    opacity: 1
}

.faqs-item__line {
    width: 1em;
    height: 0.15em;
    -webkit-transition: background-color .3s, width .3s;
    transition: background-color .3s, width .3s
}

.list-videos>li {
    width: calc(50% - 0.5208333333vw)
}

@media screen and (max-width: 1920px) {
    .list-videos>li {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width: 640px) {
    .list-videos>li {
        width: 100%
    }
}

@media screen and (any-hover: hover) {
    .videos-item .videos-item__btn {
        opacity: 0
    }

    .videos-item:hover .videos-item__btn {
        opacity: 1
    }

    .videos-item:hover .videos-item__img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.videos-item__img {
    overflow: hidden
}

.videos-item__img::before {
    padding-top: 56.25%
}

.videos-item__img img {
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.videos-item__btn {
    width: 2.2em;
    height: 2.2em;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.videos-item__btn svg {
    width: 1em;
    height: 1em;
    margin-left: .2em
}

.contact-bg::before {
    padding-top: 62.5%
}

.form-item.col-33 {
    width: calc(33.3333% - 1.0416666667vw)
}

@media screen and (max-width: 1920px) {
    .form-item.col-33 {
        width: calc(33.3333% - 20px)
    }
}

@media screen and (max-width: 1024px) {
    .form-item.col-33 {
        width: 100%
    }
}

.form-item.col-50 {
    width: calc(50% - 0.78125vw)
}

@media screen and (max-width: 1920px) {
    .form-item.col-50 {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width: 1024px) {
    .form-item.col-50 {
        width: 100%
    }
}

.form-item.col-full {
    width: 100%
}

.form-item label.error {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: .75em;
    color: #707070
}

.form-input {
    display: block;
    width: 100%;
    height: 3.125em;
    padding: 0 1.25em;
    background-color: #fff;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    outline: 0
}

.form-textarea {
    display: block;
    width: 100%;
    padding: 1.25em;
    background-color: #fff;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    outline: 0;
    resize: none
}

@media screen and (min-width: 1025px) {
    .partner-img {
        min-height: 680px
    }
}

.partner-img::before {
    padding-top: 41.6666666667%
}

.partnership-right {
    width: 33.75vw
}

@media screen and (max-width: 1920px) {
    .partnership-right {
        width: 640px
    }
}

.partnership-desc h3 {
    font-size: 1.5em;
    font-weight: 700
}

.partnership-email {
    width: 4em;
    height: 2.5em;
    border-radius: 2em
}

.partnership-email svg {
    width: 1.2em;
    height: 1.2em
}

.form-radio-label {
    cursor: pointer
}

.form-radio-label::before {
    content: "";
    display: block;
    width: 0.5833em;
    height: 0.2083em;
    background-color: #0d0d0d;
    margin-right: 0.5833em;
    -webkit-transition: width .3s, background-color .3s;
    transition: width .3s, background-color .3s
}

.form-radio-input:checked+label::before {
    width: 2.5em;
    background-color: #014ee5
}

@media screen and (min-width: 1025px) {
    .plist-banner {
        min-height: 480px
    }
}

@media screen and (max-width: 1024px)and (min-width: 769px) {
    .plist-banner {
        min-height: 400px
    }
}

.plist-banner::before {
    padding-top: 31.25%
}

@media screen and (max-width: 768px) {
    .plist-banner::before {
        padding-top: 100%
    }
}

@media screen and (any-hover: hover) {
    .plist-banner .plist-banner-link {
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .plist-banner:hover .plist-banner-link {
        opacity: 1
    }
}

@media screen and (any-hover: hover) {
    .plist-banner:hover {
        cursor: url(../assets/images/mouse.png), auto
    }
}

.plist-banner a:hover {
    cursor: url(../assets/images/mouse.png), auto
}

.plist-banner-link {
    -webkit-transform: translate(-100%, 30px);
    transform: translate(-100%, 30px);
    margin-left: 24px
}

.sticky-prosearch::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #014ee5;
    opacity: 0
}

.faqs-nav-body {
    max-height: calc(100vh - 9.375vw);
    padding-right: 10px
}

.faqs-nav-body::-webkit-scrollbar {
    width: 2px
}

.faqs-nav-body::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #fff
}

.faqs-nav-body::-webkit-scrollbar-thumb {
    background-color: rgba(112, 112, 112, .2)
}

@media screen and (any-hover: hover) {
    .faqs-nav-body::-webkit-scrollbar {
        display: none
    }

    .faqs-nav-body:hover::-webkit-scrollbar {
        display: block
    }
}

@media screen and (max-width: 1920px) {
    .faqs-nav-body {
        max-height: calc(100vh - 180px)
    }
}

.list-product>li {
    width: calc(50% - 0.5208333333vw)
}

@media screen and (max-width: 1920px) {
    .list-product>li {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width: 640px) {
    .list-product>li {
        width: 100%
    }
}

@media screen and (any-hover: hover) {
    .product-item:hover .product-item__img .hover {
        opacity: 1
    }
}

.product-item__img::before {
    padding-top: 75%
}

.product-item__img .hover {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0
}

.prod-banner {
    max-height: calc(100vh - 4.6875vw)
}

@media screen and (max-width: 1920px) {
    .prod-banner {
        max-height: calc(100vh - 90px)
    }
}

@media screen and (max-width: 1280px) {
    .prod-banner {
        max-height: calc(100vh - 80px)
    }
}

@media screen and (max-width: 1024px) {
    .prod-banner {
        max-height: calc(100vh - 70px)
    }
}

.prod-banner::before {
    padding-top: 41.6666666667%
}

@media screen and (max-width: 768px) {
    .prod-banner::before {
        padding-top: 100%
    }
}

.prod-banner__title {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.splide__slide.is-active .prod-banner__title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s ease .15s, -webkit-transform .4s ease .15s;
    transition: opacity .4s ease .15s, -webkit-transform .4s ease .15s;
    transition: transform .4s ease .15s, opacity .4s ease .15s;
    transition: transform .4s ease .15s, opacity .4s ease .15s, -webkit-transform .4s ease .15s
}

.proda-left {
    width: 51.5151515152%
}

@media screen and (max-width: 1440px) {
    .proda-left {
        width: calc(100% - 620px)
    }
}

@media screen and (max-width: 1024px) {
    .proda-left {
        width: 100%
    }
}

.proda-right {
    width: 39.3939393939%
}

@media screen and (max-width: 1440px) {
    .proda-right {
        width: 520px
    }
}

@media screen and (max-width: 1024px) {
    .proda-right {
        width: 100%
    }
}

.prodar-item {
    width: calc(50% - 0.4166666667vw)
}

@media screen and (max-width: 1920px) {
    .prodar-item {
        width: calc(50% - 8px)
    }
}

@media screen and (max-width: 480px) {
    .prodar-item {
        width: 100%
    }
}

.prodar-item__param {
    border-top: 1px solid rgba(112, 112, 112, .1)
}

.prodar-item__param p {
    padding: 0.9em 0;
    border-bottom: 1px solid rgba(112, 112, 112, .1)
}

.list-prodb>li {
    width: calc(20% - 0.6770833333vw)
}

@media screen and (max-width: 1920px) {
    .list-prodb>li {
        width: calc(20% - 13px)
    }
}

@media screen and (max-width: 1024px) {
    .list-prodb>li {
        width: calc(33.3333% - 11px)
    }
}

@media screen and (max-width: 640px) {
    .list-prodb>li {
        width: calc(50% - 8px)
    }
}

.prodb-item__ico::before {
    padding-top: 100%
}

.prodb-item__title {
    height: 2.8em
}

.list-padv::before,
.list-padv::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #f3f3f3
}

.list-padv::before {
    top: 0
}

.list-padv::after {
    bottom: 0
}

@media screen and (min-width: 1025px) {
    .padv-item:nth-of-type(2n+1) .padv-item__img {
        margin-right: 0;
        margin-left: auto
    }

    .padv-item:nth-of-type(2n) .padv-item__intro {
        margin-right: 0;
        margin-left: auto;
        padding-left: 6.25vw
    }
}

.padv-item__img::before {
    padding-top: 72.9166666667%
}

.padv-item__title {
    padding-left: 0.3333em
}

.padv-item__title::before {
    content: "";
    position: absolute;
    top: 0.1667em;
    left: 0;
    bottom: 0.1667em;
    width: 0.1042em;
    background-color: #014ee5
}

.list-pfea>li {
    width: calc(33.3333% - 0.5729166667vw)
}

@media screen and (max-width: 1920px) {
    .list-pfea>li {
        width: calc(33.3333% - 11px)
    }
}

@media screen and (max-width: 768px) {
    .list-pfea>li {
        width: calc(50% - 8px)
    }
}

@media screen and (max-width: 640px) {
    .list-pfea>li {
        width: 100%
    }
}

@media screen and (any-hover: hover) {
    .pfea-item:hover .pfea-item__img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.pfea-item__title {
    padding-left: 0.5em
}

.pfea-item__title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2917em;
    width: 0.2083em;
    height: 0.6667em;
    background-color: #014ee5
}

.pfea-item__img {
    overflow: hidden
}

.pfea-item__img::before {
    padding-top: 116.2790697674%
}

.pfea-item__img img {
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.prodd-img {
    width: 22.9166666667vw
}

@media screen and (max-width: 1024px) {
    .prodd-img {
        width: 280px
    }
}

.prodd-img::before {
    padding-top: 100%
}

.prodd-bimg img {
    display: block;
    margin: 0 auto;
    max-width: 90%;
    width: inherit !important
}

.prodd-table table {
    min-width: 100%
}

.prodd-table table th,
.prodd-table table td {
    vertical-align: top
}

.prodd-table table thead tr {
    border-bottom: 3px solid #014ee5
}

.prodd-table table thead th {
    padding: 0.625em 2em 0.625em 0;
    white-space: nowrap
}

.prodd-table table thead th:nth-of-type(1) {
    width: 12em
}

@media screen and (max-width: 640px) {
    .prodd-table table thead th:nth-of-type(1) {
        padding-right: 10em
    }
}

.prodd-table table thead th:nth-of-type(2) {
    width: 18em
}

.prodd-table table thead th:nth-of-type(3) {
    width: 18em
}

@media screen and (max-width: 640px) {
    .prodd-table table thead th:nth-of-type(4) {
        padding-right: 10em
    }
}

.prodd-table table tbody tr {
    border-bottom: 1px solid #f3f3f3
}

.prodd-table table tbody tr td {
    padding-top: 1.875em;
    padding-bottom: 1.875em;
    padding-right: 2em
}

.prodd-table table tbody tr td:nth-of-type(n+2) {
    white-space: nowrap
}

.list-prodf>li {
    width: calc(20% - 0.6770833333vw)
}

@media screen and (max-width: 1920px) {
    .list-prodf>li {
        width: calc(20% - 13px)
    }
}

@media screen and (max-width: 1024px) {
    .list-prodf>li {
        width: calc(33.3333% - 11px)
    }
}

@media screen and (max-width: 640px) {
    .list-prodf>li {
        width: calc(50% - 8px)
    }
}

@media screen and (any-hover: hover) {
    .prodf-item:hover .prodf-item__img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.prodf-item__img {
    overflow: hidden
}

.prodf-item__img::before {
    padding-top: 72%
}

.prodf-item__img img {
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.rprod-item {
    width: calc(33.33% - 0.5729166667vw);
    -webkit-transition: width .3s;
    transition: width .3s
}

.rprod-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    border: 0.4em solid #014ee5;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media screen and (max-width: 1920px) {
    .rprod-item {
        width: calc(33.33% - 11px)
    }
}

@media screen and (min-width: 1025px) {
    .rprod-item.current {
        /* width: calc(50% - 0.5729166667vw) */
    }
}

@media screen and (min-width: 1025px)and (max-width: 1920px) {
    .rprod-item.current {
        /* width: calc(50% - 11px) */
    }
}

@media screen and (min-width: 1025px) {
    .rprod-item.current::before {
        opacity: 1
    }

    .rprod-item.current .rprod-item__title {
        padding-right: 3em
    }

    .rprod-item.current .rprod-item__title::before,
    .rprod-item.current .rprod-item__title::after {
        opacity: 1
    }

    .rprod-item.current .rprod-item__title::before {
        width: 2.9em
    }
}

@media screen and (max-width: 1024px) {
    .rprod-item {
        width: inherit
    }
}

.rprod-item__img {
    height: 18.75vw;
    max-width: 25vw
}

.rprod-item__img::before {
    padding-top: 75%
}

@media screen and (max-width: 1024px) {
    .rprod-item__img {
        width: 180px;
        height: inherit;
        max-width: inherit
    }
}

.rprod-item__title {
    height: 2.4em
}

.rprod-item__title::before,
.rprod-item__title::after {
    content: "";
    position: absolute;
    right: 0;
    background-color: #014ee5;
    top: 0.4em;
    opacity: 0;
    -webkit-transition: opacity .3s, width .3s;
    transition: opacity .3s, width .3s
}

.rprod-item__title::before {
    width: 2.5em;
    height: 0.4em
}

.rprod-item__title::after {
    width: 0.4em;
    height: 1.3em
}

.about-history__img::before {
    padding-top: 41.6666666667%
}

@media screen and (max-width: 750px) {
    .about-history__img::before {
        padding-top: 85.3333333333%
    }
}

.history-item {
    position: relative;
    cursor: pointer;
    padding-left: 20px
}

.history-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background-color: #fff
}

@media screen and (max-width: 1024px) {
    .history-item::before {
        background-color: #000
    }
}

.history-item.active .history-item__title {
    font-size: 4.1666666667vw;
    font-weight: 700;
    color: #014ee5
}

.history-item.active .history-item__title::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

@media screen and (max-width: 1024px) {
    .history-item.active .history-item__title {
        font-size: 40px
    }
}

.history-item:first-of-type {
    padding-top: 0
}

.history-item:first-of-type::before {
    top: 50%
}

.history-item:first-of-type.active::before {
    top: 2.0833333333vw
}

@media screen and (max-width: 1024px) {
    .history-item:first-of-type.active::before {
        top: 20px
    }
}

.history-item:last-of-type {
    padding-bottom: 0
}

.history-item:last-of-type::before {
    bottom: 50%
}

.history-item:last-of-type.active::before {
    bottom: inherit;
    height: 2.0833333333vw
}

@media screen and (max-width: 1024px) {
    .history-item:last-of-type.active::before {
        height: 20px
    }
}

.history-item:nth-of-type(n+2)::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 1px;
    height: 0.78125vw;
    background-color: #fff
}

@media screen and (max-width: 1920px) {
    .history-item:nth-of-type(n+2)::after {
        height: 15px
    }
}

@media screen and (max-width: 1024px) {
    .history-item:nth-of-type(n+2)::after {
        background-color: #000
    }
}

.history-item__title {
    position: relative
}

@media screen and (min-width: 1025px) {
    .history-item__title {
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

.history-item__title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -21px;
    width: 3px;
    background-color: #014ee5;
    height: 1.5625vw;
    margin-top: -0.78125vw;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (max-width: 1024px) {
    .history-item__title::before {
        height: 16px;
        margin-top: -8px
    }
}

.history-item__desc {
    padding-top: 0.625em;
    padding-bottom: 0.625em
}

.culture-item {
    width: calc(33.3333% - 0.5729166667vw)
}

@media screen and (max-width: 1920px) {
    .culture-item {
        width: calc(33.3333% - 11px)
    }
}

@media screen and (max-width: 768px) {
    .culture-item {
        width: calc(50% - 8px)
    }
}

@media screen and (max-width: 640px) {
    .culture-item {
        width: 100%
    }
}

.culture-item__ico::before {
    padding-top: 100%
}

.list-honor>li {
    width: calc(16.6666% - 0.7291666667vw)
}

@media screen and (max-width: 1920px) {
    .list-honor>li {
        width: calc(25% - 14px)
    }
}

@media screen and (max-width: 1280px) {
    .list-honor>li {
        width: calc(20% - 13px)
    }
}

@media screen and (max-width: 1024px) {
    .list-honor>li {
        width: calc(25% - 12px)
    }
}

@media screen and (max-width: 768px) {
    .list-honor>li {
        width: calc(33.3333% - 11px)
    }
}

@media screen and (max-width: 640px) {
    .list-honor>li {
        width: calc(50% - 8px)
    }
}

@media screen and (any-hover: hover) {
    .honor-item:hover .honor-item__img img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1
    }
}

.honor-item__img::before {
    padding-top: 80%
}

.honor-item__img img {
    -webkit-transition: opacity .3s, -webkit-filter .3s;
    transition: opacity .3s, -webkit-filter .3s;
    transition: filter .3s, opacity .3s;
    transition: filter .3s, opacity .3s, -webkit-filter .3s
}

@media screen and (any-hover: hover) {
    .honor-item__img img {
        opacity: .5;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }
}

.about-global-box {
    min-height: 32.1875vw
}

.about-map {
    width: 57.2916666667vw
}

.about-map::before {
    padding-top: 56.1818181818%
}

@media screen and (max-width: 1024px) {
    .about-map {
        width: 100%
    }
}

.amap-dot {
    position: absolute;
    width: 0.6em;
    height: 0.6em;
    margin-top: -0.3em;
    margin-left: -0.3em
}

.amap-dot::before,
.amap-dot::after {
    content: "";
    position: absolute;
    border-radius: 50%
}

.amap-dot::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: #014ee5
}

.amap-dot::after {
    top: 50%;
    left: 50%;
    margin-top: -1.5em;
    margin-left: -1.5em;
    width: 3em;
    height: 3em;
    background-color: rgba(203, 0, 21, .1);
    -webkit-animation: scaleOut ease infinite 1.6s;
    animation: scaleOut ease infinite 1.6s
}

.amap-dot:nth-of-type(2)::after {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.amap-dot:nth-of-type(3)::after {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.amap-dot:nth-of-type(4)::after {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.amap-dot:nth-of-type(5)::after {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.amap-dot:nth-of-type(6)::after {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes scaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    70% {
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes scaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    70% {
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.pship-item__img::before {
    padding-top: 100%
}

.list-pship-box {
    height: 17.375vw
}

@media screen and (max-width: 1024px) {
    .list-pship-box {
        height: 90px
    }
}

.list-pship {
    white-space: nowrap
}

.list-pship>li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.5208333333vw;
    width: 15.375vw;
    background: #f8f8f8;
    padding: 1vw;
}
.list-pship>li p{
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;

}

@media screen and (max-width: 1024px) {
    .list-pship>li {
        width: 90px
    }
}

.list-pship-box.left {
    -webkit-animation: marquee-left 40s linear infinite;
    animation: marquee-left 40s linear infinite
}

.list-pship-box.right {
    -webkit-animation: marquee-right 40s linear infinite;
    animation: marquee-right 40s linear infinite
}

@media screen and (any-hover: hover) {
    .list-pship-box:hover {
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }
}

@-webkit-keyframes marquee-left {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@keyframes marquee-left {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@-webkit-keyframes marquee-right {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0)
    }
}

@keyframes marquee-right {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0)
    }
}

@media screen and (max-width: 1280px) {
    .about-policy__bg {
        min-height: 400px
    }
}

.about-policy__bg::before {
    padding-top: 29.1666666667%
}

.about-policy__title {
    max-width: 9em
}

@media screen and (max-width: 1024px) {
    .about-policy__title {
        max-width: inherit
    }
}

.strength-item {
    width: 68.75vw
}

@media screen and (max-width: 1920px) {
    .strength-item {
        width: 1320px
    }
}

@media screen and (max-width: 1440px) {
    .strength-item {
        width: calc(100vw - 120px)
    }
}

@media screen and (max-width: 1024px) {
    .strength-item {
        width: 100vw
    }
}

.strength-item__img::before {
    padding-top: 37.8787878788%
}

@media screen and (max-width: 768px) {
    .strength-item__img::before {
        padding-top: 85.3333333333%
    }
}

.strength-item__title {
    margin-top: .5em;
    margin-left: .5em;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media screen and (max-width: 1024px) {
    .strength-item__title {
        margin-left: 40px
    }
}

@media screen and (max-width: 768px) {
    .strength-item__title {
        margin-left: 25px
    }
}

.splide-strength .splide__slide.is-active .strength-item__title {
    opacity: 1
}

.splide-strength .splide__arrow {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 50%;
    width: 2.5em;
    height: 2.5em;
    margin-top: -2.1em
}

.splide-strength .splide__arrow svg {
    width: 1em;
    height: 1em;
    fill: #014ee5
}

.splide-strength .splide__arrow--prev {
    right: 50%;
    left: inherit;
    margin-right: 39.0625vw
}

@media screen and (max-width: 1920px) {
    .splide-strength .splide__arrow--prev {
        margin-right: 750px
    }
}

@media screen and (max-width: 1600px) {
    .splide-strength .splide__arrow--prev {
        right: inherit;
        left: 20px;
        margin-right: inherit
    }
}

@media screen and (max-width: 1440px) {
    .splide-strength .splide__arrow--prev {
        left: 80px
    }
}

@media screen and (max-width: 1024px) {
    .splide-strength .splide__arrow--prev {
        left: 25px
    }
}

.splide-strength .splide__arrow--next {
    left: 50%;
    margin-left: 39.0625vw
}

@media screen and (max-width: 1920px) {
    .splide-strength .splide__arrow--next {
        margin-left: 750px
    }
}

@media screen and (max-width: 1600px) {
    .splide-strength .splide__arrow--next {
        left: inherit;
        right: 20px;
        margin-left: inherit
    }
}

@media screen and (max-width: 1440px) {
    .splide-strength .splide__arrow--next {
        right: 80px
    }
}

@media screen and (max-width: 1024px) {
    .splide-strength .splide__arrow--next {
        right: 25px
    }
}

.about-pleft {
    width: 45.4545454545%
}

.about-pright {
    width: 39.3939393939%
}

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

    .about-pleft,
    .about-pright {
        width: 100%
    }
}

.acert-item__img {
    width: 4.1666666667vw
}

@media screen and (max-width: 1920px) {
    .acert-item__img {
        width: 80px
    }
}

.acert-item__img::before {
    padding-top: 142.5%
}

@media screen and (any-hover: hover) {
    .acert-item:hover .acert-item__ico svg {
        opacity: 1
    }
}

.acert-item__title {
    height: 6em
}

.acert-item__ico svg {
    width: 1.2em;
    height: 1.2em;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.splide-acert .splide__arrow {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 50%;
    width: 2.5em;
    height: 2.5em;
    margin-top: -1.25em
}

.splide-acert .splide__arrow svg {
    width: 1em;
    height: 1em;
    fill: #014ee5
}

@media screen and (max-width: 1280px) {
    .splide-acert .splide__arrow {
        position: relative;
        margin-top: 0;
        display: inline-block;
        vertical-align: top;
        text-align: center
    }

    .splide-acert .splide__arrow svg {
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (max-width: 1280px) {
    .splide-acert .splide__arrows {
        text-align: center;
        margin-top: 30px
    }
}

.splide-acert .splide__arrow--prev {
    right: 50%;
    left: inherit;
    margin-right: 39.0625vw
}

@media screen and (max-width: 1920px) {
    .splide-acert .splide__arrow--prev {
        margin-right: 750px
    }
}

@media screen and (max-width: 1600px) {
    .splide-acert .splide__arrow--prev {
        right: inherit;
        left: -70px;
        margin-right: inherit
    }
}

@media screen and (max-width: 1440px) {
    .splide-acert .splide__arrow--prev {
        left: -50px
    }
}

@media screen and (max-width: 1280px) {
    .splide-acert .splide__arrow--prev {
        left: inherit;
        margin-right: 10px;
        margin-left: 10px
    }
}

.splide-acert .splide__arrow--next {
    left: 50%;
    margin-left: 39.0625vw
}

@media screen and (max-width: 1920px) {
    .splide-acert .splide__arrow--next {
        margin-left: 750px
    }
}

@media screen and (max-width: 1600px) {
    .splide-acert .splide__arrow--next {
        left: inherit;
        right: -70px;
        margin-left: inherit
    }
}

@media screen and (max-width: 1440px) {
    .splide-acert .splide__arrow--next {
        right: -50px
    }
}

@media screen and (max-width: 1280px) {
    .splide-acert .splide__arrow--next {
        right: inherit;
        margin-right: 10px;
        margin-left: 10px
    }
}

.list-aquolity>li {
    width: calc(50% - 1.3020833333vw)
}

@media screen and (max-width: 1024px) {
    .list-aquolity>li {
        width: 100%
    }
}

.aquo-item {
    padding: 1em 0
}

.aquo-item::before,
.aquo-item::after {
    content: "";
    position: absolute;
    right: 0
}

.aquo-item::before {
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #f3f3f3
}

.aquo-item::after {
    height: 3px;
    bottom: -1px;
    width: 0;
    background-color: #014ee5;
    -webkit-transition: width .3s;
    transition: width .3s
}

@media screen and (any-hover: hover) {
    .aquo-item:hover::after {
        left: 0;
        width: 100%
    }
}

.aquo-item__num {
    width: 3em
}

.aquo-item__title {
    width: calc(100% - 3em)
}

/*# sourceMappingURL=style.css.map */

#newsPage {
    width: 100%;
    justify-content: center;
  }
  #newsPage a {
    display: block;
    color: #3D3D3D;
    margin: 0 8px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #e5e5e5;
  }
  #newsPage a.current,
  #newsPage a:hover {
    color: #fff;
    background-color: #014ee5;
  }