@charset "utf-8";
@font-face {
    font-family: "iconfont";
    src: url('iconfont.woff2') format('woff2'),
         url('iconfont.woff') format('woff'),
         url('iconfont.ttf') format('truetype');
}
@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-Regular.eot');
    src: url('Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('Gilroy-Regular.woff2') format('woff2'),
        url('Gilroy-Regular.woff') format('woff'),
        url('Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-b';
    src: url('gilroy-black-6-webfont.eot');
    src: url('gilroy-black-6-webfont.eot?#iefix') format('embedded-opentype'),
        url('gilroy-black-6-webfont.woff2') format('woff2'),
        url('gilroy-black-6-webfont.woff') format('woff'),
        url('gilroy-black-6-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'cod-l';
    src: url('code_light.woff2') format('woff2'),
         url('code_light.woff') format('woff'),
         url('code_light.OTF') format('truetype');;
    font-weight: normal;
    font-style: normal;

}
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fen1{
    font-family: 'cod-l';
}
.fen2{
    font-family: 'Gilroy';
}
.fen3{
    font-family: 'Gilroy-b';
}
* {
    box-sizing: border-box;
    -webkit-font-smoothing:antialiased;
}
html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0px;
    border: 0;
    font-size: 100%;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -webkit-box-direction: normal;
}
body {
    font: 1.6rem/1.625 'Source Han Sans CN', 'Noto Sans CJK SC', 'HanHei SC',-apple-system, BlinkMacSystemFont,PingFangSC-Regular,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;
    margin: 0 auto;
    color: #161616;
    background-color: #fff;
    overscroll-behavior: none;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

strong {
    font-weight: bold;
}

img {
    border: 0;
}


a {
    text-decoration: none;
    transition: .3s;
}

a:link,
a:visited {
    text-decoration: none;
}

a:active,
a:hover {
    text-decoration: none;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

ul{ list-style: none; }

.fc {
    text-align: center;
}

.fr {
    text-align: right;
}

.fjus{
   text-align: justify; 
}

.l {
    float: left;
    display: inline-block;
}

.r {
    float: right;
    display: inline-block;
}

.vt {
    vertical-align: top;
}

.vm {
    vertical-align: middle;
}

.linkA {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.fixedImg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fixedImg2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fixedImg3 {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.imgw {
    width: 100%;
    display: block;
}

.imgwh {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.imgwf {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
}

.imgaho {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.align-vertical {
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
}

.vertical-inner {
    display: table-cell;
    vertical-align: middle;
}

.pageC img {
    max-width: 100% !important;
    height: auto !important;
}
.pageC-ul ul{ 
    margin-left: 2rem;
}
.pageC-tab table{ 
    width: 100% !important;
}
.pageC-tab table tr td{ border: 1px solid #848484; padding: 2rem 3rem;}

.transition6 {
    transition: .6s  cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: .6s  cubic-bezier(.165, .84, .44, 1);
}
.transition8{
    transition: 0.8s cubic-bezier(0.26, 0.06, 0, 1);
    -webkit-transition: 0.8s cubic-bezier(0.26, 0.06, 0, 1);
}
.transition12 {
    transition: 1s ease;
    -webkit-transition: 1s ease;
}
.scaleO:hover .img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
}

.pos-r {
    position: relative;
}

.pos-a {
    position: absolute;
}

.pos-f {
    position: fixed;
}

.pos-ov {
    position: relative;
    overflow: hidden;
}
.pos-ovz{
    position: relative;
    z-index: 3;
}
.f14{
    font-size: 14px;
}
.f16{
    font-size: 16px;
}
.lh20{
    line-height: 2;
}
.lh18{
    line-height: 1.8;
}
.lh17{
    line-height: 1.7;
}
.lh16{
    line-height: 1.6;
}
.lh15{
    line-height: 1.5;
}
.lh145{
    line-height: 1.45;
}
.lh14{
    line-height: 1.4;
}
.lh12{
    line-height: 1.2;
}
.lh1{
    line-height: 1;
}
.fwno {
    font-weight: normal;
}
.fwblod {
    font-weight: 600;
}
.df-flex{
    display: flex;
}
.df-flex-ipad{
    display: flex;
}
.df-flex-iphone{
    display: flex;
}
.flex-w{
    flex-wrap: wrap;
}
html.lenis {
    height: auto
}

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

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

.ermsblack { background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 220px; border-top: 4px solid #027369; background: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1004;  margin-top: 20px; }   
.ermSBox .img { padding: 20px; } 
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }




.md-content {
    margin: 0 auto;
    position: relative;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.md-modal-page {
    width: 100%;
    height: 100%;
    display: block;
    overflow-y: auto; 
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
    max-height: 100vh;
}

.md-show, .md-show body {
    overflow-y: hidden;
}

.md-show .form-box-close{
    opacity: 1;
}

.md-show .md-content {
    transform: inherit;
    -webkit-transform: inherit;
    opacity: 1;
}

.md-hide .md-content {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
}

.md-show .md-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.md-modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    pointer-events: none;
}

.form-box-close {
    width: 3.1rem;
    height: 3.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 300ms;
    -webkit-transition: 300ms;
    z-index: 1000;
    opacity: 0;
    border-radius: 50%;
}
.form-box-close1{
    position: absolute;
    top: 2rem;
    right: 3rem;
}
.form-box-close2{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.form-box-close i {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    text-align: center;
    transition: 300ms;
    -webkit-transition: 300ms;
    color: #CCCCCC;
}
.form-box-close:hover i {
    transform: translate(-50%,-50%) rotate(180deg);
    -webkit-transform: translate(-50%,-50%) rotate(180deg);
    color: #104CC7;
}
/**
 * Swiper 5.4.5
 */
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #0C60AA
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

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

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    /* bottom: 10px;
    left: 0;
    width: 100% */
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative;
  }
  .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    *display: inline;
  }
  .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative;
  }
  .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    *display: inline;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    visibility: hidden;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    *display: inline;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
  }
  .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
  }
  .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  
  .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
    text-align: center;
  }
  

 .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: 0 }
.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box }
.pswp img { max-width: none }
.pswp--animate_opacity { opacity: .001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1); transition: opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp--open { display: block }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing }
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black_90.png) repeat; background: none rgba(0,0,0,.9); opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity }
.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0 }
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1); transition: transform 333ms cubic-bezier(.4,0,.22,1) }
.pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1); transition: opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none }
.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden }
.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden }
.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0 }
.pswp__img--placeholder { -webkit-backface-visibility: hidden }
.pswp__img--placeholder--blank { background: #222 }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0 }
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC }
.pswp__error-msg a { color: #CCC; text-decoration: underline }
.pswp__button { width: 44px; height: 44px; position: relative; background: 0 0; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: .75; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-box-shadow: none; box-shadow: none }
.pswp__button:focus, .pswp__button:hover { opacity: 1 }
.pswp__button:active { outline: 0; opacity: .9 }
.pswp__button::-moz-focus-inner { padding: 0; border: 0 }
.pswp__ui--over-close .pswp__button--close { opacity: 1 }
.pswp__button { background: url(../images/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px }

@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button { background-image: url(../images/default-skin.svg); }
    .pswp__button--close { color: #fff }
}

.pswp__button--close { background-position: 0 -44px }
.pswp__button--share { background-position: -44px -44px }
.pswp__button--fs { display: none }
.pswp--supports-fs .pswp__button--fs { display: block }
.pswp--fs .pswp__button--fs { background-position: -44px 0 }
.pswp__button--zoom { display: none; background-position: -88px 0 }
.pswp--zoom-allowed .pswp__button--zoom { display: block }
.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0 }
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden }
.pswp__button--arrow--left, .pswp__button--arrow--right { top: 50%; width: 48px; height: 48px; line-height: 48px; margin-top: -24px; position: absolute; background: none #767676; color: #fff; display: block; font-family: "iconfont" !important; font-size: 14px; text-align: center; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.pswp__button--arrow--left { left: 2% }
.pswp__button--arrow--right { right: 2%; }
.pswp__button--arrow--left:before { content: "\e617"; }
.pswp__button--arrow--right:before { content: "\ed16"; }
.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover { color: #fff; background-color: #AB1A13; }
.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.pswp__share-modal { display: block; background: rgba(0,0,0,.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity }
.pswp__share-modal--hidden { display: none }
.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25); box-shadow: 0 2px 5px rgba(0,0,0,.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-backface-visibility: hidden; will-change: transform }
.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000 }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0 }
.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px }
.pswp__share-modal--fade-in { opacity: 1 }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px }
a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none }
a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF }
a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A }
a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF }
a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D }
a.pswp__share--download:hover { background: #DDD }
.pswp__counter { float: left; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: .75; padding: 0 10px }
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px }
.pswp__caption__center { text-align: center; max-width: 600px; font-size: 15px; margin: 0 auto; padding: 20px 10px; color: #fff }
.pswp__caption__center .xzy-zan { float: right; display: block }
.pswp__caption--empty { display: none }
.pswp__caption--fake { visibility: hidden }
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; will-change: opacity; direction: ltr }
.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px }
.pswp__preloader--active { opacity: 1 }
.pswp__preloader--active .pswp__preloader__icn { background: url(preloader.gif) 0 0 no-repeat }
.pswp--css_animation .pswp__preloader--active { opacity: 1 }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise .5s linear infinite; animation: clockwise .5s linear infinite }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite }
.pswp--css_animation .pswp__preloader__icn { background: 0 0; opacity: .75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0 }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden }
.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0 0; margin: 0 }

@media screen and (max-width:1024px) {
    .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right }
}

.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550 }
.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100% }
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1); transition: opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible }
.pswp__caption, .pswp__top-bar { background-color: rgba(0,0,0,.5) }
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: rgba(0,0,0,.3) }
.pswp__ui--idle .pswp__top-bar { opacity: 1 }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0 }
.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar { opacity: .001 }
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none }
.pswp__element--disabled { display: none !important }
.pswp--minimal--dark .pswp__top-bar { background: 0 0 }

@keyframes gelatine {
    from,
    to {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    25% {
      -webkit-transform: scale(0.94, 1.02);
      transform: scale(0.94, 1.02);
    }
    50% {
      -webkit-transform: scale(1.1, 0.98);
      transform: scale(1.1, 0.98);
    }
    75% {
      -webkit-transform: scale(0.95, 1);
      transform: scale(0.95, 1);
    }
  }
  @-webkit-keyframes gelatine {
    from,
    to {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    25% {
      -webkit-transform: scale(0.94, 1.02);
      transform: scale(0.94, 1.02);
    }
    50% {
      -webkit-transform: scale(1.1, 0.98);
      transform: scale(1.1, 0.98);
    }
    75% {
      -webkit-transform: scale(0.95, 1);
      transform: scale(0.95, 1);
    }
}
@keyframes mouse-dot {
    from {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    to {
        transform: translateY(6px);
        -webkit-transform: translateY(6px);
        opacity: 0;
    }
}

@-webkit-keyframes mouse-dot {
    from {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    to {
        transform: translateY(6px);
        -webkit-transform: translateY(6px);
        opacity: 0;
    }
}
@keyframes transformYCenter {
    0% {
        transform: translateY(-101%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes transformYTop {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(101%)
    }
}
@keyframes transformXCenter {
    0% {
        transform: translateX(-101%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes transformXTop {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(101%)
    }
}
@-webkit-keyframes bannerbuIn {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
    }

    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(2);
    }
}

@keyframes bannerbuIn {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: scale(2);
    }
}

[data-hover-split-trigger] {
    position: relative;
}
[data-hover-split-trigger] [data-hover-split-target] {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    line-height: 1.1;
}
[data-hover-split-trigger] [data-hover-split-target] [data-hover-split-second-el] {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(105%);
}
[data-hover-split-trigger] [data-hover-split-target] [data-hover-split-str] {
    display: inline-block;
    min-width: 0.2em;
}
.cookie-box{
    background-color: rgba(171, 26, 19, 0.9);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    padding: 1.5rem 5%;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    z-index: 10010;
}
.cookie-txt a{
    color: #ffffff;
    text-decoration: underline;
}
.cookie-rbox{
    flex-shrink: 0;
    margin-left: 5rem;
}
.cookie-btn{
    display: flex;
    border-radius: 10px;
    background-color: #ffffff;
    color: #AB1A13;
    padding: 1rem 3rem;
    min-width: 15rem;
    justify-content: center;
    align-items: center;
    transition: .3s;
}
.cookie-btn:hover{
    background-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

#hi-upgrade {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }
  #hi-upgrade .hi-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -177px 0 0 -450px;
    width: 900px;
  }
  #hi-upgrade .hi-wrap .hi-title {
    font-size: 30px;
    line-height: 40px;
    color: #333;
  }
  #hi-upgrade .hi-wrap .hi-close {
    margin: 10px 0;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #f16777;
  }
  #hi-upgrade .hi-wrap .hi-close:hover {
    text-decoration: underline;
  }
  #hi-upgrade .hi-wrap .hi-text1 {
    color: #666;
  }
  #hi-upgrade .hi-wrap .hi-text1 span {
    color: #f16777;
  }
  #hi-upgrade .hi-wrap .hi-text2 {
    position: relative;
    margin: 60px 0;
    color: #333;
  }
  #hi-upgrade .hi-wrap .hi-text2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    border-top: 1px solid #ddd;
  }
  #hi-upgrade .hi-wrap .hi-text2 span {
    position: relative;
    z-index: 5;
    padding: 0 30px;
    background: #fff;
  }
  #hi-upgrade .hi-wrap .hi-list {
    overflow: hidden;
  }
  #hi-upgrade .hi-wrap .hi-list li {
    display: inline-block;
    width: 16%;
  }
  #hi-upgrade .hi-wrap .hi-list li a {
    color: #666;
  }
  #hi-upgrade .hi-wrap .hi-list li a:hover {
    color: #f16777;
  }