@media (min-width: 1400px) {
    .container {
        width: 72.7%
    }
}

@media (max-width: 769px) {
    .container {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px
    }
}

.site-header .dropdown:hover .dropdown-menu, .topbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block
    }
}

.dropdown-menu {
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    border: none
}

.dropdown-menu > li > a {
    padding: 6px 15px
}


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    src: url(../font/fontawesome-webfont.eot);
    src: url(../font/fontawesome-webfont.eot) format('embedded-opentype'), url(../font/fontawesome-webfont.woff2) format('woff2'), url(../font/fontawesome-webfont.woff) format('woff'), url(../font/fontawesome-webfont.ttf) format('truetype'), url(../font/fontawesome-webfont.svg) format('svg');
    font-display: swap
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before, .fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before, .fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}

.fa-krw:before, .fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before, .fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before, .fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before, .fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

body {
    color: #000
}

button {
    outline: 0
}

/*@font-face {
    font-family: Futura-Medium;
    src: url(../font/Futura-Medium.woff2) format("woff2"), url(../font/Futura-Medium.woff) format("woff"), url(../font/Futura-Medium.ttf) format("truetype"), url(../font/Futura-Medium.eot) format("embedded-opentype"), url(../font/Futura-Medium.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: TiemannLTPro;
    src: url(../font/TiemannLTPro-Light.woff2) format("woff2"), url(../font/TiemannLTPro-Light.woff) format("woff"), url(../font/TiemannLTPro-Light.ttf) format("truetype"), url(../font/TiemannLTPro-Light.eot) format("embedded-opentype"), url(../font/TiemannLTPro-Light.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}*/

.svg-icon {
    width: 1.2em;
    height: 1.2em;
    fill: currentColor
}

.select {
    --select-border: #e8e8e8;
    --select-focus: #00f;
    --select-arrow: var(--select-border);
    grid-template-areas: "select";
    position: relative;
    width: 100%;
    min-width: 15ch;
    max-width: 30ch;
    border: 1px solid var(--select-border);
    cursor: pointer;
    line-height: 1.1;
    background-color: #fff
}

.select select {
    grid-area: select;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 15px;
    background-color: transparent;
    border: none;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    outline: 0
}

.select select.select select:-ms-expand {
    display: none;
    -ms-flex-align: center;
    align-items: center
}

.select::after {
    position: absolute;
    font-family: FontAwesome;
    font-display: swap;
    content: "\f107";
    top: 50%;
    right: 10px;
    margin-right: 5px;
    justify-self: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

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

.input-spinner-wrap .form-control {
    max-width: 77px;
    border-color: #e8e8e8;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-spinner-wrap .btn {
    border-color: #e8e8e8;
    background: #f8f9fa
}

.input-spinner-wrap .btn-decrement {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.input-spinner-wrap .btn-increment {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0
}

@-webkit-keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0
    }
    100% {
        top: 50%
    }
}

@keyframes slideFromTop {
    0% {
        top: 0
    }
    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%
    }
    100% {
        top: 0
    }
}

@keyframes slideToTop {
    0% {
        top: 50%
    }
    100% {
        top: 0
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%
    }
    100% {
        top: 50%
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%
    }
    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%
    }
    100% {
        top: 70%
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%
    }
    100% {
        top: 70%
    }
}

.showSweetAlert {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop .3s;
    animation: slideFromTop .3s
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom .3s;
    animation: slideFromBottom .3s
}

.hideSweetAlert {
    -webkit-animation: hideSweetAlert .3s;
    animation: hideSweetAlert .3s
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop .3s;
    animation: slideToTop .3s
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom .3s;
    animation: slideToBottom .3s
}

.swal-button--confirm {
    background-color: #dd6b55
}

.sweet-alert .swal2-close {
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-transition: color .1s ease-out;
    transition: color .1s ease-out;
    border: none;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-size: 20px;
    cursor: pointer
}

@-webkit-keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {
    0%, 5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100%, 12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0%, 5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100%, 12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes animateErrorIcon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s
}

@-webkit-keyframes animateXMark {
    0%, 50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animateXMark {
    0%, 50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animateXMark {
    -webkit-animation: animateXMark .5s;
    animation: animateXMark .5s
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning .75s infinite alternate;
    animation: pulseWarning .75s infinite alternate
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns .75s infinite alternate;
    animation: pulseWarningIns .75s infinite alternate
}

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

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

body.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.sweet-overlay {
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 2200
}

.sweet-alert {
    background-color: #fff;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 2300
}

@media all and (max-width: 767px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

.sweet-alert .form-group, .sweet-alert .form-group .sa-input-error {
    display: none
}

.sweet-alert.show-input .form-group {
    display: block
}

.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative
}

.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -9px;
    opacity: 0;
    visibility: hidden
}

.sweet-alert button[disabled] {
    opacity: .6;
    cursor: default
}

.sweet-alert button.confirm[disabled] {
    color: transparent
}

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
}

.sweet-alert h2 {
    font-size: 18px
}

.sweet-alert .sa-icon.sa-error {
    border-color: #d43f3a
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #d9534f;
    display: block;
    top: 37px;
    border-radius: 2px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #eea236
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #f0ad4e
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #f0ad4e
}

.sweet-alert .sa-icon.sa-info {
    border-color: #46b8da
}

.sweet-alert .sa-icon.sa-info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #5bc0de
}

.sweet-alert .sa-icon.sa-info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #5bc0de
}

.sweet-alert .sa-icon.sa-success {
    border-color: #4cae4c
}

.sweet-alert .sa-icon.sa-success::after, .sweet-alert .sa-icon.sa-success::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff;
    -webkit-transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.sweet-alert .sa-icon.sa-success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(92, 184, 92, .2);
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #5cb85c;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat
}

.sweet-alert .btn-default:focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 204, 204, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 204, 204, .6)
}

.sweet-alert .btn-success:focus {
    border-color: #4cae4c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(76, 174, 76, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(76, 174, 76, .6)
}

.sweet-alert .btn-info:focus {
    border-color: #46b8da;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(70, 184, 218, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(70, 184, 218, .6)
}

.sweet-alert .btn-danger:focus {
    border-color: #d43f3a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(212, 63, 58, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(212, 63, 58, .6)
}

.sweet-alert .btn-warning:focus {
    border-color: #eea236;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(238, 162, 54, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(238, 162, 54, .6)
}

.sweet-alert button::-moz-focus-inner {
    border: 0
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall, .la-ball-fall > div {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff
}

.la-ball-fall.la-dark {
    color: #333
}

.la-ball-fall > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid
}

.la-ball-fall {
    width: 54px;
    height: 18px
}

.la-ball-fall > div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-fall 1s ease-in-out infinite;
    animation: ball-fall 1s ease-in-out infinite
}

.la-ball-fall > div:nth-child(1) {
    -webkit-animation-delay: -200ms;
    animation-delay: -200ms
}

.la-ball-fall > div:nth-child(2) {
    -webkit-animation-delay: -100ms;
    animation-delay: -100ms
}

.la-ball-fall > div:nth-child(3) {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.la-ball-fall.la-sm {
    width: 26px;
    height: 8px
}

.la-ball-fall.la-sm > div {
    width: 4px;
    height: 4px;
    margin: 2px
}

.la-ball-fall.la-2x {
    width: 108px;
    height: 36px
}

.la-ball-fall.la-2x > div {
    width: 20px;
    height: 20px;
    margin: 8px
}

.la-ball-fall.la-3x {
    width: 162px;
    height: 54px
}

.la-ball-fall.la-3x > div {
    width: 30px;
    height: 30px;
    margin: 12px
}

@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%)
    }
    10% {
        opacity: .5
    }
    20%, 80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        opacity: .5
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%)
    }
    10% {
        opacity: .5
    }
    20%, 80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        opacity: .5
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%)
    }
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    font-size: 14px
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 34px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 34px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 34px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 32px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

/*! Select2 Bootstrap 3 CSS v1.4.6 | MIT License | github.com/t0m/select2-bootstrap-css */
.select2-container.form-control {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    display: block;
    margin: 0;
    padding: 0
}

.select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input {
    background: #fff;
    padding: 0;
    border-color: #ccc;
    border-radius: 4px;
    color: #555;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.select2-search input {
    border-color: #ccc;
    border-radius: 4px;
    color: #555;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.select2-container .select2-choices .select2-search-field input {
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container .select2-choice {
    height: 34px;
    line-height: 1.43457
}

.select2-container.select2-container-multi.form-control {
    height: auto
}

.input-group-sm .select2-container .select2-choice, .select2-container.input-sm .select2-choice {
    height: 30px;
    line-height: 1.5;
    border-radius: 3px
}

.input-group-lg .select2-container .select2-choice, .select2-container.input-lg .select2-choice {
    height: 46px;
    line-height: 1.33333;
    border-radius: 6px
}

.select2-container-multi .select2-choices .select2-search-field input {
    height: 32px
}

.input-group-sm .select2-container-multi .select2-choices .select2-search-field input, .select2-container-multi.input-sm .select2-choices .select2-search-field input {
    height: 34px
}

.input-group-lg .select2-container-multi .select2-choices .select2-search-field input, .select2-container-multi.input-lg .select2-choices .select2-search-field input {
    height: 44px
}

.select2-container-multi .select2-choices .select2-search-field input {
    margin: 0
}

.select2-choice > span:first-child, .select2-chosen, .select2-container .select2-choices .select2-search-field input {
    padding: 6px 12px
}

.input-group-sm .select2-choice > span:first-child, .input-group-sm .select2-choices .select2-search-field input, .input-group-sm .select2-chosen, .input-sm .select2-choice > span:first-child, .input-sm .select2-choices .select2-search-field input, .input-sm .select2-chosen {
    padding: 5px 10px
}

.input-group-lg .select2-choice > span:first-child, .input-group-lg .select2-choices .select2-search-field input, .input-group-lg .select2-chosen, .input-lg .select2-choice > span:first-child, .input-lg .select2-choices .select2-search-field input, .input-lg .select2-chosen {
    padding: 10px 16px
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin-top: 5px;
    margin-bottom: 3px
}

.input-group-sm .select2-container-multi .select2-choices .select2-search-choice, .select2-container-multi.input-sm .select2-choices .select2-search-choice {
    margin-top: 3px;
    margin-bottom: 2px
}

.input-group-lg .select2-container-multi .select2-choices .select2-search-choice, .select2-container-multi.input-lg .select2-choices .select2-search-choice {
    line-height: 24px
}

.select2-container .select2-choice .select2-arrow, .select2-container .select2-choice div {
    border-left: none;
    background: 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.select2-dropdown-open .select2-choice .select2-arrow, .select2-dropdown-open .select2-choice div {
    border-left-color: transparent;
    background: 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice div b {
    background-position: 0 3px
}

.select2-dropdown-open .select2-choice .select2-arrow b, .select2-dropdown-open .select2-choice div b {
    background-position: -18px 3px
}

.input-group-sm .select2-container .select2-choice .select2-arrow b, .input-group-sm .select2-container .select2-choice div b, .select2-container.input-sm .select2-choice .select2-arrow b, .select2-container.input-sm .select2-choice div b {
    background-position: 0 1px
}

.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b, .input-group-sm .select2-dropdown-open .select2-choice div b, .select2-dropdown-open.input-sm .select2-choice .select2-arrow b, .select2-dropdown-open.input-sm .select2-choice div b {
    background-position: -18px 1px
}

.input-group-lg .select2-container .select2-choice .select2-arrow b, .input-group-lg .select2-container .select2-choice div b, .select2-container.input-lg .select2-choice .select2-arrow b, .select2-container.input-lg .select2-choice div b {
    background-position: 0 9px
}

.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b, .input-group-lg .select2-dropdown-open .select2-choice div b, .select2-dropdown-open.input-lg .select2-choice .select2-arrow b, .select2-dropdown-open.input-lg .select2-choice div b {
    background-position: -18px 9px
}

.has-warning .select2-choice, .has-warning .select2-choices {
    border-color: #8a6d3b
}

.has-warning .select2-container-active .select2-choice, .has-warning .select2-container-multi.select2-container-active .select2-choices {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning.select2-drop-active {
    border-color: #66512c
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #66512c
}

.has-error .select2-choice, .has-error .select2-choices {
    border-color: #a94442
}

.has-error .select2-container-active .select2-choice, .has-error .select2-container-multi.select2-container-active .select2-choices {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error.select2-drop-active {
    border-color: #843534
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #843534
}

.has-success .select2-choice, .has-success .select2-choices {
    border-color: #3c763d
}

.has-success .select2-container-active .select2-choice, .has-success .select2-container-multi.select2-container-active .select2-choices {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success.select2-drop-active {
    border-color: #2b542c
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #2b542c
}

.select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.select2-drop-active {
    border-color: #66afe9
}

.select2-drop-auto-width, .select2-drop.select2-drop-above.select2-drop-active {
    border-top-color: #66afe9
}

.input-group.select2-bootstrap-prepend [class^=select2-choice] {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.input-group.select2-bootstrap-append [class^=select2-choice] {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.select2-dropdown-open [class^=select2-choice] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.select2-dropdown-open.select2-drop-above [class^=select2-choice] {
    border-radius: 0 0 4px 4px !important;
    background: #fff;
    -webkit-filter: none;
    filter: none
}

.input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^=select2-choice] {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^=select2-choice] {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^=select2-choice] {
    border-bottom-right-radius: 3px !important
}

.input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^=select2-choice] {
    border-bottom-right-radius: 6px !important
}

.input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^=select2-choice] {
    border-bottom-left-radius: 3px !important
}

.input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^=select2-choice] {
    border-bottom-left-radius: 6px !important
}

.select2-results .select2-highlighted {
    color: #fff;
    background-color: #337ab7
}

.select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-append .select2-container-multiple, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn, .select2-bootstrap-prepend .select2-container-multiple {
    vertical-align: top
}

.select2-container-multi .select2-choices .select2-search-choice {
    color: #555;
    background: #fff;
    border-color: #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #ebebeb;
    border-color: #adadad;
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-search-choice-close {
    margin-top: -7px;
    top: 50%
}

.select2-container .select2-choice abbr {
    top: 50%
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background-color: #fcf8e3;
    color: #8a6d3b
}

.select2-container.select2-container-disabled .select2-choice, .select2-container.select2-container-disabled .select2-choices {
    cursor: not-allowed;
    background-color: #eee;
    border-color: #ccc
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow, .select2-container.select2-container-disabled .select2-choice div, .select2-container.select2-container-disabled .select2-choices .select2-arrow, .select2-container.select2-container-disabled .select2-choices div {
    background-color: transparent;
    border-left: 1px solid transparent
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active, .select2-more-results.select2-active, .select2-search input.select2-active {
    background-position: right 4px center
}

.select2-offscreen, .select2-offscreen:focus {
    width: 1px !important;
    height: 1px !important;
    position: absolute !important
}

.has-error .select2-container--default .select2-selection--single {
    border-color: #a94442
}

.j-btn {
    display: inline-block;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid var(--primary-color);
    color: #fff;
    background: var(--primary-color);
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 2px;
    text-transform: uppercase
}

.j-btn + .j-btn {
    margin-left: 10px
}

.j-btn:hover {
    color: #fff
}

.j-btn:hover::after {
    opacity: 1
}

.j-btn-plain {
    background-color: transparent;
    color: var(--primary-color)
}

.j-btn-plain:hover {
    color: var(--primary-color)
}

.j-btn-large, .j-btn-lg {
    padding: 12px 40px
}

.j-btn::after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    background-color: rgba(255, 255, 255, .2);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.j-btn-black {
    background-color: transparent;
    color: #000;
    border-color: #000
}

.j-btn-black:hover {
    color: #000
}

.page-tab {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #DEDEDE
}

.page-tab__item {
    position: relative;
    margin: 0 30px
}

.page-tab__item a {
    display: block;
    height: 2.8em;
    line-height: 2.8em;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-size: 20px;
    color: #000
}

@media screen and (max-width: 768px) {
    .page-tab__item a {
        text-align: center
    }
}

.page-tab__item.is-active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #000
}

@media screen and (max-width: 768px) {
    .page-tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.home-module {
    padding-top: 120px
}

@media screen and (max-width: 768px) {
    .home-module {
        padding: 0;
        margin-bottom: 50px
    }
}

.home-title {
    font-size: 80px
}

.home-title.is-center {
    text-align: center
}

@media only screen and (max-width: 768px) {
    .home-module .home-title {
        margin-bottom: 25px
    }
}

.home-title h2 {
    font-size: 60px;
    font-family: TiemannLTPro;
    font-display: swap;
    margin: 0 0 30px;
    padding: 0;
    line-height: 1;
    color: #000;
    text-transform: capitalize
}

.home-title h4 {
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    margin: 0 0 20px;
    padding: 0;
    line-height: 1;
    color: #777;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .home-title {
        font-size: 30px
    }

    .home-title h2 {
        font-size: 30px;
        margin-bottom: 4vw
    }

    .home-title h4 {
        font-size: 10px
    }
}

.channel-title h2 {
    font-size: 30px
}

.page-title {
    padding: 0 50px;
    font-size: 60px;
    margin-top: .625em
}

.page-title.is-center {
    text-align: center
}

.page-title h2 {
    font-size: 60px;
    font-family: TiemannLTPro;
    font-display: swap;
    color: #000;
    line-height: 1;
    margin: 15px 0 .33em;
    padding: 0
}

.page-title h3 {
    font-size: 40px;
    margin-bottom: .5em
}

.page-title h4 {
    font-size: 12px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #777;
    margin: 0 0 .38em;
    padding: 0;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .page-title h4 {
        display: none
    }
}

.page-title h4 a {
    color: #444
}

.page-title h5 {
    font-size: 26px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #000;
    margin: 0 0 .38em;
    padding: 0;
    line-height: 1
}

.page-title.is-small {
    font-size: 60px
}

.page-title.is-big h4 {
    font-size: 14px
}

@media screen and (max-width: 768px) {
    .page-title h2 {
        font-size: 30px
    }

    .page-title h3 {
        font-size: 20px
    }
}

.sign {
    padding: 112px 0;
    width: 32%;
    margin: auto
}

.sign_tabul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none !important;
    padding: 0;
    list-style: none
}

.sign_tabul::after, .sign_tabul::before {
    content: none !important
}

.sign_title a {
    border: none !important;
    cursor: pointer;
    padding: 0 !important;
    background-color: transparent !important;
    opacity: .6;
    font-size: 24px;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #000 !important;
    line-height: 32px;
    text-decoration: none;
    text-transform: capitalize
}

.sign_title a:hover {
    background: none !important;
    color: #000
}

.sign_title.active a {
    opacity: 1
}

.sign_login {
    padding: 40px 0 0
}

.sign_login .form_input {
    width: 100%;
    margin-bottom: 28px
}

.sign_login .form_input input, .sign_login .form_input textarea {
    font-size: 16px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #999;
    padding-left: 20px
}

.sign_login .form_input input:focus, .sign_login .form_input textarea:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.sign_login .form_input .login_button, .sign_login .form_input input {
    width: 100%;
    height: 60px;
    border: 1px solid #c6c6c6;
    border-radius: 4px
}

.sign_login .form_input .login_button {
    background: #000;
    border-color: #000;
    font-size: 18px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center
}

.sign_login .form_input button:hover {
    opacity: .9
}

.sign_login .form_input label input {
    width: auto;
    height: auto
}

.sign_login_label {
    margin: 0 0 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sign_login_label span {
    font-size: 18px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #000;
    line-height: 25px
}

.sign_login_label a {
    opacity: .7;
    font-size: 18px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: right;
    color: #000;
    line-height: 25px;
    text-decoration: none
}

.sign_login_label a:first-child, .sign_login_label a:hover {
    opacity: 1
}

.sign_reg {
    padding: 40px 0 0
}

.sign_reg .checkbox_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    padding-top: 16px
}

.sign_reg .checkbox_group .checkbox:nth-child(2), .sign_reg .checkbox_group .radio:nth-child(2) {
    margin-left: 20px
}

.sign_reg .checkbox_group .checkbox {
    padding-top: 0 !important
}

.sign_reg .form_input {
    width: 100%;
    margin-bottom: 28px;
    position: relative
}

.sign_reg .form_input input, .sign_reg .form_input select, .sign_reg .form_input textarea {
    font-size: 16px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #999;
    padding-left: 20px
}

.sign_reg .form_input input:focus, .sign_reg .form_input textarea:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.sign_reg .form_input .reg_button, .sign_reg .form_input input, .sign_reg .form_input select {
    width: 100%;
    height: 60px;
    border: 1px solid #c6c6c6;
    border-radius: 4px
}

.sign_reg .form_input .reg_button {
    background: #000;
    border-color: #000;
    font-size: 18px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center
}

.sign_reg .form_input button:hover {
    opacity: .9
}

.sign_reg .form_input label input {
    width: auto;
    height: auto
}

.sign_reg .form_input .select2-container--default .select2-selection--single {
    padding-left: 25px
}

.sign_reg .form_input .select2-selection__rendered {
    color: #a4a4a4;
    font-size: 16px
}

.sign_reg .form_input .select2-container--default .select2-selection--single, .sign_reg .form_input .select2-selection__arrow, .sign_reg .form_input .select2-selection__rendered {
    height: 60px;
    line-height: 60px;
    overflow: hidden
}

.sign_reg .form_input.is-required::before {
    position: absolute;
    color: #D7000F;
    content: "*";
    line-height: 60px;
    left: 10px;
    top: 0;
    z-index: 10
}

.sign_reg .sign_reg_Ccode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sign_reg .sign_reg_Ccode .get_code {
    width: 58% !important
}

.sign_reg .sign_reg_Ccode .show_code {
    width: 38% !important
}

.sign_reg .registered_tip {
    color: #000;
    font-size: 16px;
    text-align: center;
    font-weight: 700
}

.sign_reg .name_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sign_reg .name_input .first_name, .sign_reg .name_input .last_name {
    width: 100%
}

.sign_reg_label {
    text-align: center
}

.sign_reg_label span {
    font-size: 18px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: center;
    color: #000;
    line-height: 25px
}

.sign_reg_button {
    margin: 12px 0 18px
}

.sign_reg input.captcha_form ~ img {
    display: inline-block;
    height: auto
}

@media only screen and (min-width: 768px) {
    .sign {
        min-width: 620px !important
    }
}

@media only screen and (max-width: 768px) {
    .sign {
        width: 90% !important;
        margin: 0 auto;
        padding: 20px 0 !important
    }

    .sign_title a {
        font-size: 20px !important
    }

    .sign_tabcon_login {
        padding: 20px 0 0 !important
    }

    .sign_tabcon_login .form_input {
        width: 100%;
        margin-bottom: 25px
    }

    .sign_tabcon_login .form_input .login_button, .sign_tabcon_login .form_input input {
        width: 100%;
        height: 48px;
        border: 1px solid #dfdfdf;
        font-size: 16px;
        color: #a4a4a4;
        padding-left: 33px
    }

    .sign_tabcon_login .form_input .login_button {
        background-color: #3B537C;
        border-color: #3B537C;
        color: #fff;
        font-size: 16px
    }

    .sign_tabcon_login .form_input button:hover {
        opacity: .9
    }

    .sign_tabcon_login .form_input label input {
        width: auto;
        height: auto
    }

    .sign_tabcon_login_label {
        margin: 50px 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sign_tabcon_login_label span {
        font-size: 18px;
        font-weight: 600;
        color: #000;
        line-height: 25px
    }

    .sign_tabcon_login_label a {
        font-size: 18px;
        font-weight: 600;
        color: #949494;
        line-height: 25px
    }

    .sign_tabcon_login_label a:hover {
        text-decoration: underline
    }

    .sign_tabcon_registered {
        padding: 20px 0 0
    }

    .sign_tabcon_registered .form_input {
        width: 100%;
        margin-bottom: 25px
    }

    .sign_tabcon_registered .form_input .get_code, .sign_tabcon_registered .form_input .registered_button, .sign_tabcon_registered .form_input input {
        width: 100%;
        height: 60px;
        border: 1px solid #dfdfdf;
        font-size: 16px;
        font-weight: 400;
        color: #a4a4a4;
        padding-left: 33px
    }

    .sign_tabcon_registered .form_input .get_code {
        color: #3B537C;
        border-color: #3B537C;
        background-color: #fff
    }

    .sign_tabcon_registered .form_input .registered_button {
        margin: 20px 0 0
    }

    .sign_tabcon_registered .form_input .login_button, .sign_tabcon_registered .form_input .registered_button {
        background-color: #3B537C;
        border-color: #3B537C;
        color: #fff;
        font-size: 24px;
        font-weight: 600
    }

    .sign_tabcon_registered .form_input button:hover {
        opacity: .9
    }

    .sign_tabcon_registered .form_input label {
        color: #a4a4a4;
        font-size: 16px;
        font-weight: 100;
        margin-right: 10px
    }

    .sign_tabcon_registered .form_input label input {
        width: auto;
        height: auto
    }

    .sign_tabcon_registered .form_input .select2-container--default .select2-selection--single {
        padding-left: 25px
    }

    .sign_tabcon_registered .form_input .select2-selection__rendered {
        color: #a4a4a4;
        font-size: 16px
    }

    .sign_tabcon_registered .form_input .select2-container--default .select2-selection--single, .sign_tabcon_registered .form_input .select2-selection__arrow, .sign_tabcon_registered .form_input .select2-selection__rendered {
        height: 60px;
        line-height: 60px;
        overflow: hidden
    }

    .sign_tabcon_registered .registered_tip {
        color: #000;
        font-size: 16px;
        text-align: center;
        font-weight: 700
    }

    .sign_tabcon_registered .name_input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sign_tabcon_registered .name_input .first_name, .sign_tabcon_registered .name_input .last_name {
        width: 48%
    }

    .sign_tabcon_registered_label {
        text-align: center
    }

    .sign_tabcon_registered_label span {
        font-size: 18px;
        font-weight: 600;
        color: #000;
        line-height: 25px
    }
}

.help-block {
    width: 100%
}

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

.service_h1 {
    text-align: center;
    color: #fff;
    font-size: 80px;
    font-family: TiemannLTPro, TiemannLTPro-Light;
    font-display: swap
}

@media (max-width: 768px) {
    .service_h1 {
        font-size: 30px
    }
}

.service_h2 {
    font-weight: 300;
    text-align: justify;
    font-family: TiemannLTPro, TiemannLTPro-Light;
    font-display: swap;
    color: #000;
    font-size: 40px;
    margin: 50px 0 14px
}

@media (max-width: 768px) {
    .service_h2 {
        margin-top: 25px;
        font-size: 20px;
        text-align: center
    }
}

.service_p {
    font-size: 14px;
    font-weight: 500;
    text-align: justify;
    color: #555;
    line-height: 30px;
    margin-bottom: 50px;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

@media (max-width: 768px) {
    .service_p {
        margin-bottom: 25px;
        text-align: left
    }
}

.service_span {
    font-weight: 600;
    text-align: center;
    color: #000;
    font-size: 36px
}

@media (max-width: 768px) {
    .service_span {
        font-size: 20px
    }
}

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

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

.service_banner {
    width: 100%;
    height: 480px;
    background-image: url(../image/service_banner.png);
    text-align: center
}

@media (min-width: 992px) {
    .service_banner {
        margin-bottom: 50px
    }
}

.service_banner .s__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 768px) {
    .service_banner {
        height: 300px
    }
}

.service_banner .service_h1 {
    font-size: 80px
}

@media (max-width: 768px) {
    .service_banner .service_h1 {
        font-size: 30px
    }
}

.service_strength .rowflex {
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .service_strength .rowflex {
        margin-bottom: 25px
    }
}

.service_strength .strength_desc {
    margin-top: 6px
}

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

@media (max-width: 768px) {
    .service_strength .strength_number {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.service_strength .strength_number_item {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 130px;
    text-align: center
}

.service_strength .strength_number_label {
    font-weight: 500;
    text-align: center;
    color: #000;
    font-size: 14px;
    margin-top: 3px;
    margin-bottom: 20px;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.service_strength .strength_number_line {
    display: inline-block;
    width: 12px;
    height: 1px;
    background: #d7000f;
    margin: 0 auto
}

.service_strength .strength_panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.service_strength .strength_panel_item {
    margin-left: 100px
}

@media (max-width: 768px) {
    .service_strength .strength_panel {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 30px
    }

    .service_strength .strength_panel_item {
        margin-left: 0
    }

    .service_strength .strength_panel_item:nth-child(1) {
        margin-right: 60px
    }
}

.service_strength .strength_panel .panel_box {
    width: 99px;
    height: 155px;
    border: 2px solid #d90000;
    position: relative
}

.service_strength .strength_panel .panel_info {
    position: absolute;
    width: 127px;
    background-color: #fff;
    top: 20px;
    left: 42px;
    height: 112px;
    padding: 10px 0
}

@media (max-width: 768px) {
    .service_strength .strength_panel .panel_info {
        left: 40px
    }
}

.service_strength .strength_panel .panel_info .service_span {
    height: 69px;
    margin-top: 43px;
    white-space: nowrap
}

.service_strength .strength_panel .panel_info .panel_span {
    font-size: 30px;
    font-weight: 500
}

@media (max-width: 768px) {
    .service_strength .strength_panel .panel_info .panel_span {
        font-size: 22px
    }
}

.service_strength .strength_panel .panel_info .service_p {
    margin-top: 4px;
    margin-bottom: 0;
    color: #090909;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 19px
}

.service_strength .assurance {
    padding-right: 90px
}

@media (max-width: 768px) {
    .service_strength .assurance {
        padding-right: 0
    }
}

.service_strength .connectservice a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.service_strength .connectservice a .connect_span {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #000;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    margin-left: 17px
}

.service_strength .decoration .decorationleft {
    padding-right: 120px
}

@media (max-width: 768px) {
    .service_strength .decoration .decorationleft {
        padding-right: 0
    }
}

.service_strength .decoration .decorationright {
    padding-left: 45px
}

.service_strength .decoration .decorationright .decorationbox {
    display: grid;
    height: 255px;
    width: 255px;
    gap: 25px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(10, 1fr);
    position: relative
}

.service_strength .decoration .decorationright .decorationbox .decorationitem {
    opacity: .39;
    border-radius: 50%;
    background: #000
}

.service_strength .decoration .decorationright .decorationbox .decoration-img {
    position: absolute;
    max-width: 300px;
    max-height: 300px;
    top: 45px;
    right: 45px;
    z-index: 9
}

@media (max-width: 768px) {
    .service_strength .decoration .decorationright .decorationbox .decoration-img {
        right: 8px
    }
}

.productscene {
    height: 570px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    margin-top: 50px
}

@media (min-width: 992px) {
    .productscene {
        margin-top: 100px
    }
}

.productscene .sceneleft {
    background-image: url(../image/scene.png);
    max-width: 40%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: -1
}

@media (max-width: 768px) {
    .productscene .sceneleft {
        max-width: 100%
    }
}

.productscene .sceneright {
    background: #f6f6f6;
    width: 60%;
    padding-left: 30px;
    padding-top: 325px
}

.productscene .sceneslogan {
    position: absolute;
    top: 40px;
    left: 300px;
    height: 245px;
    padding: 50px;
    max-width: 1080px
}

.productscene .sceneslogan::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #8C8986;
    opacity: .76;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    z-index: -1
}

.productscene .sceneslogan .strength_desc.service_p {
    color: #000
}

.productscene .sceneslogan .service_h2 {
    margin-top: 0
}

@media (max-width: 767px) {
    .productscene {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .productscene .sceneright {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%
    }

    .productscene .sceneleft {
        background-image: url(../image/scene.png);
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        z-index: -1
    }
}

@media (max-width: 768px) {
    .servicebottom .rowflex {
        margin-bottom: 25px
    }
}

.servicebottom .responsibility {
    margin-bottom: 120px
}

.servicebottom .responsibility .service_h2 {
    text-align: center
}

.servicebottom .swiper-container-service {
    padding: 10px
}

.servicebottom .swiper-container-service .swiper-slide {
    padding: 60px;
    background-color: #fff
}

@media (max-width: 768px) {
    .servicebottom .swiper-container-service .swiper-slide {
        padding: 0
    }
}

.servicebottom .swiper-container-service .swiper-slide:hover {
    position: relative
}

.servicebottom .swiper-container-service .swiper-slide:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(83, 134, 216, .09);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: -1
}

.servicebottom .swiper-container-service .swiper-slide:hover .service-slide .service-slide-img::after {
    background-color: #000
}

.servicebottom .swiper-container-service .swiper-slide:hover .service-slide .service-slide-title, .servicebottom .swiper-container-service .swiper-slide:hover .service-slide .service_p {
    color: #000
}

.servicebottom .swiper-container-service .service-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 280px
}

.servicebottom .swiper-container-service .service-slide-img {
    display: inline-block;
    margin: 0 auto;
    width: 42px;
    height: 42px;
    background: #717171;
    border-radius: 50%;
    font-size: 13px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: center;
    color: #fff;
    line-height: 42px;
    position: relative
}

.servicebottom .swiper-container-service .service-slide-img::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background: #717171;
    top: 60px;
    left: 0;
    left: 50%;
    margin-left: -15px
}

.servicebottom .swiper-container-service .service-slide-title {
    margin: 24px auto 0;
    display: inline-block;
    font-weight: 500;
    text-align: justify;
    color: #717171;
    font-size: 18px
}

@media (max-width: 768px) {
    .servicebottom .swiper-container-service .service-slide-title {
        text-align: left
    }
}

.servicebottom .swiper-container-service .service_p {
    color: #666;
    margin-top: 45px;
    margin-bottom: 0
}

.servicebottom .swiper-slide-active {
    position: relative
}

.servicebottom .swiper-slide-active::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(83, 134, 216, .09);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: -1
}

.servicebottom .swiper-slide-active .service-slide .service-slide-img::after {
    background-color: #000
}

.servicebottom .swiper-slide-active .service-slide .service-slide-title, .servicebottom .swiper-slide-active .service-slide .service_p {
    color: #000
}

.product__item {
    margin-bottom: 30px;
    overflow: hidden
}

.product__cover {
    display: block;
    position: relative;
    overflow: hidden;
    /*background-image: url(../image/related-02.png)*/
}

.product__cover img {
    width: 100%
}

.product__cover:hover img {
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    visibility: hidden
}

.product__view {
    height: 46px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    background: #D7000F;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.product__cover:hover .product__view {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media only screen and (max-width: 678px) {
    .product__view {
        display: none
    }
}

.product__title {
    font-size: 18px;
    margin-top: 15px;
    text-align: center;
    font-display: swap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product__title a {
    color: #000
}

.product__modal {
    font-size: 12px;
    color: #999;
    margin-top: 15px;
    text-align: center;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

._tag {
    position: relative
}

._tag::before {
    content: "Sale";
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 37px;
    background-color: #000;
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: center;
    color: #fff;
    z-index: 1;
    line-height: 37px
}

@media (max-width: 768px) {
    .member-list.is-product {
        overflow: scroll
    }
}

.faq_title {
    margin: 50px 0
}

.faq_con {
    margin-bottom: 20px
}

.faq_subtitle {
    list-style: disc;
    background: #f8f8f8;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 14px;
    border-bottom: 1px solid #e8e8e8
}

.faq_subtitle p {
    font-size: 16px;
    font-family: Futura, Futura-Medium;
    font-weight: 500;
    font-display: swap;
    text-align: justify;
    color: #000;
    line-height: 1;
    margin: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.faq_subtitle p::before {
    content: "";
    min-width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 50%;
    margin-right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 3px
}

.faq_subtitle i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.faq_subcon {
    background: #f8f8f8;
    width: 100%;
    padding: 10px 0;
    display: none
}

.faq_subcon > ol {
    padding: 0 15px
}

.faq_subcon > ol img {
    height: auto
}

.faq_subcon li {
    font-size: 14px;
    font-family: Futura;
    font-weight: 500;
    text-align: justify;
    color: #000;
    line-height: 21px;
    margin: 10px 0
}

.spage-total {
    margin-right: 20px;
    line-height: 35px;
    color: #000;
    font-size: 14px
}

.spage-number {
    display: inline-block;
    color: #666;
    font-size: 14px
}

.spage-number button {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-left: -1px;
    padding: 0 14px;
    line-height: 33px;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    outline: 0;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.spage-number button.active, .spage-number button.active:hover {
    background: #000;
    color: #fff;
    border-color: #000;
    z-index: 3
}

.spage-number button:hover {
    background-color: #eee
}

.spage-number button.button-disabled {
    cursor: not-allowed;
    color: #ccc
}

.spage-before, .spage-number .spage-after {
    padding: 0;
    width: 40px
}

.spage-skip {
    display: inline-block;
    margin-left: 20px;
    line-height: 35px
}

.spage-skip input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 45px;
    height: 35px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #ddd;
    background: 0 0;
    outline: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.spage-skip input:focus {
    border-color: #000
}

.spage-skip button {
    padding: 0 14px;
    line-height: 33px;
    vertical-align: top;
    color: #666;
    border: 1px solid #ddd;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    outline: 0;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.spage-skip button:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000
}

.spage-fillter {
    display: inline-block;
    color: #000;
    font-size: 14px;
    margin-left: 10px;
    line-height: 35px
}

.spage-fillter select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 90px;
    height: 35px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #ddd;
    background: 0 0;
    outline: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding: 0 10px
}

.spage-fillter select option {
    width: 90px;
    height: 35px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #ddd;
    background: #fff;
    outline: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding-left: 10px
}

.spage-fillter select option:hover {
    background-color: #000
}

.myPage {
    margin-top: 50px;
    text-align: right
}

@media only screen and (max-width: 768px) {
    .myPage {
        margin-top: 20px
    }
}

.spage-skip button, .spage-total {
    display: none
}

.spage-number button {
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    font-size: 12px;
    font-family: Futura;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin-right: 8px
}

.spage-skip {
    margin-left: 0 !important;
    font-size: 12px;
    font-family: Futura;
    font-weight: 500;
    text-align: center;
    color: #000
}

@media only screen and (max-width: 768px) {
    .myPage {
        text-align: center
    }

    .spage-number button {
        display: none
    }

    .spage-number button.active, .spage-number button:first-child, .spage-number button:last-child {
        display: inline-block
    }
}

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

:root {
    --swiper-theme-color: #007aff
}

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

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

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

.swiper-container-multirow-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

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

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    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 {
    -webkit-transform-style: preserve-3d;
    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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    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 {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    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: -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;
    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;
    font-variant: initial;
    line-height: 1
}

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

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

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

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

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

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

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    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 {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.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;
    -webkit-box-shadow: none;
    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%;
    -webkit-transform: translate3d(0px, -50%, 0);
    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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

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

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

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

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.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%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -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;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    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;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid;
    border-radius: 50%;
    border-top-color: transparent
}

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

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

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

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        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 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    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;
    -webkit-transform-origin: 0 0;
    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 {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

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

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

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

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

.remove {
    display: none
}

.support_h3 {
    font-size: 20px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #000;
    line-height: 27px;
    margin: 0
}

.support_text {
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #000
}

.support_title {
    margin-top: 50px;
    margin-bottom: 30px
}

.support_title .support_breadcrumb {
    margin-bottom: 24px;
    text-align: center
}

.support_title .support_breadcrumb h4 {
    font-size: 12px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #777;
    margin: 0 0 .38em;
    padding: 0;
    line-height: 1
}

.support_title .support_breadcrumb h4 a {
    font-size: 12px;
    color: #444
}

.support_title .support_breadcrumb h2 {
    font-size: 60px;
    font-family: TiemannLTPro;
    font-display: swap;
    color: #000;
    line-height: 1;
    margin: 15px 0 .33em;
    padding: 0
}

@media (max-width: 768px) {
    .support_title .support_breadcrumb h4 {
        display: none
    }
}

.support_title .support_breadcrumb .crumbtitle {
    font-size: 80px;
    font-family: TiemannLTPro, TiemannLTPro-Light;
    font-display: swap;
    font-weight: 300;
    text-align: center;
    color: #000;
    line-height: 96px;
    margin: 0
}

@media (max-width: 768px) {
    .support_title .support_breadcrumb h4 {
        display: none
    }
}

@media (max-width: 768px) {
    .authorized .container h3.support_h3 {
        font-size: 16px
    }
}

.authorized .auth_select .auth_selectl {
    padding-right: 30px
}

@media (max-width: 768px) {
    .authorized .auth_select .auth_selectl {
        padding: 0
    }
}

.authorized .auth_select .auth_selectr {
    padding-left: 30px
}

@media (max-width: 768px) {
    .authorized .auth_select .auth_selectr {
        padding: 0
    }
}

.authorized .authorizedtitle {
    width: 100%;
    position: relative
}

.authorized .authorizedtitle::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #dedfe0;
    left: 0
}

.authorized .support_h3 {
    position: relative;
    margin-bottom: 28px;
    margin-top: 26px
}

.authorized .chosecountry {
    margin: 50px 0;
    display: grid;
    grid-template-columns: 1fr 6fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.authorized .chosecountry .Country {
    font-size: 16px
}

.authorized .chosecountry .countryoption {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px 10px
}

.authorized .chosecountry .countryoption .support_text {
    font-size: 12px;
    margin-bottom: 2px
}

.authorized .chosecountry .countryoption input[type=radio] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    border-radius: 50%;
    background: #f8f8f8;
    border: 1px solid #dedfe0;
    text-indent: .15em;
    line-height: 1;
    margin-top: -2px
}

.authorized .chosecountry .countryoption input[type=radio]:checked + label::before {
    background: #000;
    background-clip: content-box;
    padding: .2em
}

.authorized .chosecountry .countryoption input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.authorized .citysearch {
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.authorized .citysearch input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #dedede;
    padding-left: 14px
}

.authorized .citysearch input:focus {
    outline: 0
}

.authorized .citysearch button {
    width: 100px;
    height: 40px;
    background: #000;
    color: #fff;
    border: none
}

.authorized .citysearch button:focus {
    outline: 0
}

.authorized .citysearch ::-webkit-input-placeholder {
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #999
}

.authorized .citysearch ::-moz-placeholder {
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #999
}

.authorized .citysearch :-ms-input-placeholder {
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #999
}

.authorized .authorizedright .authorizedmore {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.authorized .authorizedright .support_h3 {
    display: inline-block
}

.authorized .authorizedright svg {
    fill: currentColor;
    color: #dedfe0;
    height: 25px;
    width: 30px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.authorized .authorizedright .navexpand {
    display: none
}

.authorized .authorizedright .navexpand .chosecountry {
    margin-top: 22px;
    margin-bottom: 0
}

.authorized .authorizedright .navexpand .navcompany {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px 10px
}

@media (max-width: 768px) {
    .authorized .authorizedright .navexpand .navcompany {
        grid-template-columns: repeat(3, 1fr)
    }
}

.authorized .authorizedright .navexpand .navcompanyitem {
    text-align: center
}

.authorized .authorizedright .navexpand .navcompany img {
    max-width: 100px
}

.authorized .authorizedright .navexpand .navcompany .support_text {
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.navmap {
    margin: 30px 0;
    height: 370px;
    width: 100%
}

.navmap .location {
    height: 100%
}

.navmap .location .anchorBL {
    display: none
}

.navaddress {
    padding: 30px 0;
    border-bottom: 1px solid #dedede
}

.navaddress .addresstitle {
    font-size: 16px;
    margin-bottom: 15px
}

.navaddress .addressinfo {
    margin-bottom: 10px
}

.navaddress .addressitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    word-break: break-word
}

.navaddress .addressconnect .connectitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 30px
}

.navaddress .addressconnect .connectitem img {
    max-width: 20px;
    margin-right: 15px
}

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

.produce__subtitle {
    font-size: 60px;
    font-family: TiemannLTPro, TiemannLTPro-Light;
    font-display: swap;
    font-weight: 300;
    text-align: center;
    color: #000
}

@media (max-width: 768px) {
    .produce__subtitle {
        font-size: 30px
    }
}

.produce__p {
    font-size: 16px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #000
}

.produce__headline {
    font-size: 50px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #000
}

@media (max-width: 768px) {
    .produce__headline {
        font-size: 26px;
        text-align: center
    }
}

.produce__slidedisplay {
    display: none !important
}

.produce__tabopacity {
    opacity: .5
}

.produce__banner {
    height: 480px;
    background-image: url(../image/produce-banner.png);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 768px) {
    .produce__banner {
        height: 300px
    }
}

.produce__banner .bannerbox {
    height: 205px;
    max-width: 1445px;
    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
}

@media (max-width: 768px) {
    .produce__banner .bannerbox {
        height: 100px
    }
}

.produce__title {
    margin: 0;
    font-size: 80px;
    font-family: TiemannLTPro, TiemannLTPro-Light;
    font-display: swap;
    font-weight: 300;
    text-align: center;
    color: #fff;
    line-height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

@media (max-width: 768px) {
    .produce__title {
        font-size: 30px
    }
}

.produce__knowhow {
    margin-top: 100px
}

.produce__knowhow ._container {
    padding-left: 175px
}

@media (max-width: 768px) {
    .produce__knowhow {
        margin-top: 30px
    }

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

.produce__slider {
    padding: 50px 0;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media (max-width: 768px) {
    .produce__slider {
        display: none
    }
}

.produce__slider::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    width: 100%;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(101%, #f6f6f6));
    background: linear-gradient(90deg, #000, #f6f6f6 101%);
    z-index: -1
}

.produce__slider .slideritem:nth-child(2) .sliderbar {
    border: 4px solid #5B5B5B
}

.produce__slider .slideritem:nth-child(3) .sliderbar {
    border: 4px solid #ACACAC
}

.produce__slider .slideritem:nth-child(4) .sliderbar {
    border: 4px solid #E8E8E8
}

.produce__slider .sliderbar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #1b1b1b
}

.produce__slider .slidertext {
    line-height: 19px;
    height: 19px;
    position: absolute;
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
    white-space: nowrap
}

@media (max-width: 768px) {
    .produce__slider {
        margin-top: 10px
    }

    .produce__slider .sliderbar {
        width: 18px;
        height: 18px
    }

    .produce__slider .slidertext {
        display: none
    }
}

.produce__know {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 130px
}

.produce__know__item {
    padding-right: 65px
}

.produce__know__item h4 {
    margin: 0 0 10px;
    font-size: 38px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #000
}

.produce__know__item p {
    margin-top: 20px
}

.produce__know__item:last-child {
    position: relative
}

@media (max-width: 768px) {
    .produce__know {
        margin-top: 20px;
        margin-bottom: 80px
    }

    .produce__know__item {
        padding-right: 0
    }

    .produce__know__item h4 {
        margin: 0 0 10px;
        font-size: 22px;
        font-family: Futura, Futura-Medium;
        font-display: swap;
        font-weight: 500;
        text-align: center;
        color: #000
    }
}

.produce__know__img {
    display: block;
    position: relative
}

.produce__know__img img {
    max-width: 600px
}

.produce__know__img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    top: 15px;
    left: 70px;
    z-index: -2
}

.produce__know__star {
    position: absolute;
    z-index: -1;
    height: 255px;
    width: 255px;
    display: grid;
    gap: 25px;
    right: -15px;
    bottom: -25px;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(10, 1fr)
}

.produce__know__star .decorationitem {
    opacity: .39;
    border-radius: 50%;
    background: #000
}

@media (max-width: 991px) {
    .produce__know {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .produce__know__img img {
        width: 100%
    }
}

.produce__strength {
    margin-bottom: 100px
}

.produce__strength .strength__banner {
    background-image: url(../image/produce-02.png);
    height: 640px
}

.produce__strength .strength__box {
    padding: 101px 0 110px 78px;
    max-width: 50%
}

.produce__strength .strength__text {
    font-family: Futura, Futura-Medium;
    font-display: swap;
    text-align: left;
    color: #fff
}

.produce__strength .strength__subtitle {
    font-weight: 500;
    font-size: 20px
}

.produce__strength .strength__title {
    font-weight: 500;
    font-size: 40px;
    margin: 10px 0 0
}

@media (max-width: 768px) {
    .produce__strength .strength__title {
        font-size: 28px
    }
}

@media (max-width: 768px) {
    .produce__strength .strength__box {
        padding: 50px 20px;
        max-width: 100%
    }

    .produce__strength .strength__banner {
        height: 500px
    }
}

.produce__strength .digital {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 50px;
    margin-top: 56px
}

.produce__strength .digital__title {
    z-index: 2;
    position: relative;
    display: inline
}

.produce__strength .digital__title h5 {
    display: inline;
    margin: 0;
    font-size: 30px;
    font-family: Futura, Futura-Bold;
    font-weight: 700
}

.produce__strength .digital__title span {
    font-size: 14px;
    font-weight: 500
}

.produce__strength .digital__title::after {
    position: absolute;
    content: "";
    width: 110%;
    height: 10px;
    background: #d90000;
    left: 0;
    bottom: 0;
    z-index: -1
}

.produce__strength .digital__info {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 768px) {
    .produce__strength .digital__info {
        font-size: 14px
    }
}

.produce__capacity .capacity__banner {
    height: 260px;
    background-image: url(../image/produce-03.png);
    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
}

.produce__capacity .capacity__banner h2 {
    color: #fff
}

.produce__productivity {
    padding-top: 40px;
    padding-bottom: 50px
}

.produce__productivity h5 {
    margin: 0 0 20px
}

.produce__productivity .productivity {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 991px) {
    .produce__productivity .productivity {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.produce__productivity .productivity__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 30px
}

.produce__productivity .specification img {
    width: 100%;
    max-height: unset
}

.produce__productivity .specification__title {
    font-size: 18px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: center;
    color: #bba26f;
    margin-top: 14px
}

.produce__productivity .specification__title a {
    color: inherit
}

.produce__productivity .specification .produce__p {
    text-align: center;
    margin-top: 8px
}

.produce__productivity .chart {
    margin-left: 140px
}

.produce__productivity .chart img {
    width: 100%
}

@media (max-width: 768px) {
    .produce__productivity .chart {
        margin: 20px auto;
        max-width: 60%
    }
}

.produce__laboratory {
    padding-top: 57px;
    padding-bottom: 62px;
    background-color: #f5f5f5
}

.produce__laboratory h5 {
    margin: 0
}

.produce__laboratory .laboratory__title {
    font-size: 36px;
    margin-top: 22px
}

@media (max-width: 768px) {
    .produce__laboratory .laboratory__title {
        font-size: 24px
    }
}

.produce__laboratory .laboratory__subtitle {
    margin-top: 47px;
    margin-bottom: 33px;
    font-size: 24px
}

.produce__laboratory .laboratory__gallery {
    margin-top: 56px;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    margin-left: 20px;
    margin-right: 20px
}

@media (max-width: 768px) {
    .produce__laboratory .laboratory__gallery {
        grid-template-columns: repeat(1, 1fr)
    }
}

.produce__laboratory .laboratory__paragh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #000
}

@media (max-width: 768px) {
    .produce__laboratory .laboratory__paragh {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

.produce__laboratory .galleryitem img {
    width: 100%;
    max-height: unset
}

.produce__laboratory .galleryitem__info {
    margin-top: 18px;
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: center;
    color: #000
}

.produce__laboratory .galleryitem__info a {
    color: inherit
}

.produce__laboratory .paragh:nth-child(1) {
    margin-right: 100px
}

@media (max-width: 768px) {
    .produce__laboratory .paragh:nth-child(1) {
        margin-right: 0;
        margin-bottom: 20px
    }
}

.produce__laboratory .paragh__item {
    white-space: nowrap
}

.produce__technology {
    padding-top: 40px
}

.produce__technology .technology__title {
    margin-bottom: 75px;
    text-align: left
}

@media (max-width: 768px) {
    .produce__technology .technology__title {
        margin: 30px auto
    }
}

.produce__technology .technology {
    background-image: url(../image/produce-07.png);
    width: 100%;
    padding-top: 3vw;
    padding-bottom: 8vw
}

.produce__technology .__container {
    width: 60vw;
    min-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.produce__technology .technology-swiper {
    width: 100%;
    height: 100vh
}

.produce__technology .technology-swiper .swiper-slide {
    height: 100%
}

.produce__technology .technology-swiper .swiper-slide .slidetitle {
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin: 4vw 0
}

.produce__technology .technology-swiper .machine {
    display: block;
    position: relative;
    overflow: hidden
}

.produce__technology .technology-swiper .machine__cover {
    position: absolute;
    width: 100%;
    height: 3vw;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: center;
    color: #fff;
    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-transform: translateY(3vw);
    transform: translateY(3vw);
    -webkit-transition: all .5s;
    transition: all .5s
}

.produce__technology .technology-swiper .machine__cover a {
    color: inherit
}

.produce__technology .technology-swiper .machine:hover .machine__cover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.produce__technology .technology-swiper .machinedesc .produce__headline {
    font-size: 20px;
    color: #fff
}

.produce__technology .technology-swiper .machinedesc img {
    max-height: 20px;
    margin-top: 10px;
    margin-bottom: 5px
}

.produce__technology .technology-swiper .machinedesc ul {
    margin: 0;
    padding: 0 0 0 18px
}

.produce__technology .technology-swiper .machinedesc .produce__p {
    margin-top: 6px;
    color: #fff;
    font-size: 12px
}

@media (min-width: 992px) {
    .produce__technology .technology-swiper .machinedesc .produce__p {
        margin-top: 3px;
        white-space: nowrap
    }
}

.produce__technology .slidesection1 {
    height: 34vw;
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-template-rows: repeat(2, 1fr);
    gap: 2vw
}

.produce__technology .slidesection1 .machine {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.produce__technology .slidesection1 .machine:nth-child(1) {
    background-image: url(../image/ZCY1.png)
}

.produce__technology .slidesection1 .machine:nth-child(2) {
    background-image: url(../image/ZCY2.png)
}

.produce__technology .slidesection1 .machine:nth-child(3) {
    background-image: url(../image/ZCY3.png)
}

.produce__technology .slidesection1 .machine:nth-child(4) {
    background-image: url(../image/ZCY5.png)
}

.produce__technology .slidesection1 .machine:nth-child(5) {
    background-image: url(../image/ZCY6.png)
}

.produce__technology .slidesection1 .machine:nth-child(6) {
    grid-column-start: span 2;
    background-image: url(../image/ZCY4.png)
}

.produce__technology .slidesection1 .machine:nth-child(7) {
    background-image: url(../image/ZCY7.png)
}

.produce__technology .slidesection2 {
    max-height: 34vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 2vw
}

.produce__technology .slidesection2 .machine {
    height: 13vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.produce__technology .slidesection2 .machine:nth-child(1) {
    background-image: url(../image/1.2-1.png)
}

.produce__technology .slidesection2 .machine:nth-child(2) {
    background-image: url(../image/1.2-2.png)
}

.produce__technology .slidesection2 .machine:nth-child(3) {
    background-image: url(../image/1.2-3.png)
}

.produce__technology .slidesection2 .machine:nth-child(4) {
    background-image: url(../image/1.2-4.png)
}

.produce__technology .slidesection2 .machine:nth-child(5) {
    background-image: url(../image/1.2-5.png)
}

.produce__technology .slidesection2 .machine:nth-child(6) {
    background-image: url(../image/1.2-6.png)
}

.produce__technology .slidecontent1 {
    height: 31vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 2vw
}

.produce__technology .slidecontent1 .machine {
    height: 15vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.produce__technology .slidecontent1 .machine:nth-child(1) {
    background-image: url(../image/CY1.png)
}

.produce__technology .slidecontent1 .machine:nth-child(2) {
    background-image: url(../image/CY2.png)
}

.produce__technology .slidecontent1 .machine:nth-child(3) {
    background-image: url(../image/CY3.png)
}

.produce__technology .slidecontent1 .machine:nth-child(4) {
    background-image: url(../image/CY4.png)
}

.produce__technology .slidecontent2 {
    max-height: 31vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 3vh 2vw
}

.produce__technology .slidecontent2 .machine {
    height: 12vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.produce__technology .slidecontent2 .machine:nth-child(1) {
    height: auto;
    grid-row-start: span 2;
    background-image: url(../image/3-1.png)
}

.produce__technology .slidecontent2 .machine:nth-child(2) {
    background-image: url(../image/3-2.png)
}

.produce__technology .slidecontent2 .machine:nth-child(3) {
    background-image: url(../image/3-3.png)
}

.produce__technology .slidecontent2 .machine:nth-child(4) {
    background-image: url(../image/3-4.png)
}

.produce__technology .slidecontent2 .machine:nth-child(5) {
    background-image: url(../image/3-5.png)
}

.produce__technology .swiperliner {
    background-color: #fff;
    width: 2px;
    height: 193px;
    opacity: .6;
    position: absolute;
    left: calc(5vw + 4px);
    top: 42%
}

.produce__technology .slide-tab {
    position: absolute;
    bottom: 0;
    left: 4vw;
    top: 80%
}

.produce__technology .slide-tab svg {
    width: 60px;
    height: 40px;
    fill: currentColor;
    color: #fff;
    cursor: pointer
}

.produce__technology .swiper-container-vertical > .swiper-pagination-bullets {
    left: 5vw;
    top: 32%
}

.produce__technology .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: 0 0;
    border: 1px solid #fff
}

.produce__technology .swiper-pagination-bullet-active {
    background: #fff
}

.produce__technology .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 37px 0
}

.produce__design {
    height: 830px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5vw;
    position: relative;
    overflow: hidden
}

.produce__design .design__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.produce__design .design__word {
    width: 57vw;
    background: #17181a;
    border-radius: 0 100px 0 0;
    padding-left: 8vw;
    padding-top: 5vw
}

.produce__design .design__word .produce__subtitle {
    margin: 0 0 4vw;
    color: #FFF;
    text-align: left
}

.produce__design .design__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .5s;
    transition: .5s
}

.produce__design .design__carddisplay {
    position: absolute;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
    -webkit-transition: .1s;
    transition: .1s
}

.produce__design .design__mark {
    margin-right: 3vw
}

.produce__design .design__mark img {
    width: 20px;
    max-width: unset
}

.produce__design .design__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 10vw
}

.produce__design .design__name {
    font-size: 40px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #fff;
    margin-bottom: 3vw
}

.produce__design .design__text {
    color: #FFF;
    text-align: left;
    margin-bottom: 3vw;
    font-size: 14px
}

.produce__design .design__autograph {
    text-align: right
}

.produce__design .design__img {
    z-index: 9;
    margin-left: -8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.produce__design .design__img img {
    max-width: 19vw
}

.produce__design .design__img a {
    display: block;
    background: #f6f6f6;
    border-radius: 1px 0 0
}

.produce__design .design__img .activedesigner {
    background-color: #fff
}

.produce__design .design__toggle {
    position: absolute;
    bottom: 5vw;
    left: 16vw
}

.produce__design .design__toggle a svg {
    width: 60px;
    height: 40px;
    fill: currentColor;
    color: #fff
}

.produce__design .designer1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.produce__design .designer2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-transition: all .5s;
    transition: all .5s
}

.produce__technology .mobile-technology h5.produce__headline {
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
    padding-top: 35px
}

.produce__technology .mobile-technology .melaminemobile {
    background-image: url(../image/produce-07.png);
    padding: 48px auto
}

.produce__technology .machinebox {
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px
}

.produce__technology .machine {
    width: 100%;
    position: relative
}

.produce__technology .machine img {
    width: 100%
}

.produce__technology .machine__cover {
    position: absolute;
    padding: 5px;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: center;
    color: #fff;
    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-transition: all .5s;
    transition: all .5s
}

.produce__technology .machine__cover a {
    color: inherit
}

.produce__technology .machinedesc {
    margin: 20px 10px 50px;
    padding: 0 20px
}

.produce__technology .machinedesc .desctitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 30px
}

.produce__technology .machinedesc .produce__headline {
    text-align: left;
    font-size: 18px;
    color: #fff
}

.produce__technology .machinedesc img {
    max-height: 20px
}

.produce__technology .machinedesc ul {
    margin: 0;
    padding: 0 0 0 18px
}

.produce__technology .machinedesc .produce__p {
    margin-top: 6px;
    color: #fff;
    font-size: 12px
}

.produce__technology .melashow {
    display: grid;
    padding: 0 20px 50px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 20px
}

.produce__technology .melashow img {
    width: 100%
}

.produce__technology .lacquermobile {
    margin: 20px 20px 50px
}

.produce__technology .lacquermobile h5.produce__headline {
    color: #000;
    margin: 0 0 30px
}

.produce__technology .lacquermobile .lacquer-pagination {
    --swiper-pagination-color: #000;
    position: relative;
    position: static;
    height: 4px;
    margin: 0 20px 30px;
    background: 0 0
}

.produce__technology .lacquermobile .lacquer-pagination:after {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E8E8E8
}

.produce__technology .lacquermobile p.produce__p {
    margin-top: 20px;
    font-size: 14px
}

.produce__technology .lacquermobile .desctitle, .produce__technology .lacquermobile .machinedesc, .produce__technology .lacquermobile .produce__headline, .produce__technology .lacquermobile .produce__p {
    color: #000;
    padding: 0
}

.produce__technology .pvcmobile {
    background: #f8f8f8;
    padding: 50px 20px
}

.produce__technology .pvcmobile h5.produce__headline {
    color: #000;
    margin: 0 0 30px
}

.produce__technology .pvcmobile .pvcshow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 10px
}

.produce__technology .pvcmobile .pvcshow__item {
    width: 100%;
    background-image: url(../image/produce-12.png);
    height: 19vw
}

.produce__technology .pvcmobile .pvcshow__item:nth-child(1) {
    height: auto;
    grid-row-start: span 2;
    background-image: url(../image/produce-15.png)
}

.produce__technology .pvcmobile p.produce__p {
    margin-top: 20px;
    font-size: 14px
}

.produce__technology .pvcmobile .desctitle, .produce__technology .pvcmobile .machinedesc, .produce__technology .pvcmobile .produce__headline, .produce__technology .pvcmobile .produce__p {
    color: #000;
    padding: 0
}

.produce__designmobile .produce__subtitle {
    margin-top: 70px
}

.produce__designmobile .mobiledesigners {
    margin-top: 40px;
    margin-bottom: 60px;
    background: #17181a;
    border-radius: 0 100px 0 0;
    padding: 50px 0
}

.produce__designmobile .mobiledesigners .container {
    margin-left: 20px;
    margin-right: 20px
}

.produce__designmobile .mobiledesigners .produce__headline {
    text-align: left;
    color: #fff;
    margin-bottom: 30px
}

.produce__designmobile .mobiledesigners .mdinfo {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 10px
}

.produce__designmobile .mobiledesigners .mdinfo .produce__p {
    color: #fff;
    font-size: 12px
}

.produce__designmobile .mobiledesigners .mdinfo img {
    width: 100%;
    background-color: #f8f8f8
}

.produce__designmobile .mobiledesigners .mdautograph {
    position: relative;
    margin-top: 30px
}

.produce__designmobile .mobiledesigners .mdautograph img {
    height: 14px
}

.produce__designmobile .mobiledesigners .mdautograph .mdtoggle {
    position: absolute;
    right: 30px;
    top: 0;
    display: block
}

.produce__designmobile .mobiledesigners .mdautograph .mdtoggle svg {
    width: 40px;
    height: 23px;
    fill: currentColor;
    color: #fff
}

.strength__banner .view3D.digital__title {
    bottom: 15px;
    font-size: 18px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase;
    padding: 15px 50px;
    background-color: rgba(0, 0, 0, .54);
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    outline: 0;
    border: none
}

.strength__banner .view3D.digital__title:hover {
    background-color: rgba(255, 0, 0, .8);
    -webkit-transition: all .5s;
    transition: all .5s
}

.strength__banner .view3D.digital__title img {
    height: 10px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.strength__banner .view3D.digital__title span {
    display: inline-block;
    line-height: 20px
}

@media (max-width: 768px) {
    .strength__banner .view3D.digital__title {
        position: absolute;
        left: -114px;
        top: 29%;
        height: 40px;
        white-space: nowrap;
        font-size: 15px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-transform: uppercase;
        padding: 0 30px
    }

    .strength__banner .view3D.digital__title img {
        height: 11px;
        margin-bottom: 2px
    }

    .strength__banner .view3D.digital__title span {
        display: inline-block;
        line-height: 20px
    }
}

.strength__banner .view3D.digital__title::after {
    width: 100%;
    bottom: -10px
}

.coop_desc {
    margin: 0 auto
}

.coop_title1 {
    margin: 100px 0 50px
}

.coop_title2 {
    margin: 118px 0 50px
}

.coop_detail {
    margin-bottom: 20px
}

.coop_detail p {
    font-size: 16px;
    font-family: Futura, Futura-Medium;
    font-weight: 500;
    font-display: swap;
    text-align: justify;
    color: #000;
    line-height: 30px;
    margin: 0
}

@media only screen and (max-width: 768px) {
    .coop_desc {
        width: 90% !important
    }
}

.exhiDetail_title1 {
    margin: 49px 0 30px
}

.exhiDetail_title2 {
    text-align: center
}

.exhiDetail_title2 h3 {
    font-size: 24px;
    font-family: Futura;
    font-weight: 500;
    color: #000;
    line-height: 32px;
    margin: 0
}

.exhiDetail_title2 p {
    font-size: 20px;
    font-family: Futura;
    font-weight: 500;
    text-align: center;
    color: #8d8d8d;
    line-height: 27px;
    margin: 10px 0 50px
}

.exhiDetail_pic {
    width: 900px;
    height: auto;
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto
}

.exhiDetail_img1 {
    grid-column-start: 1;
    grid-column-end: 3;
    width: 100%;
    height: auto
}

.exhiDetail_img {
    width: 100%;
    height: auto
}

.exhiDetail_page {
    margin-bottom: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.exhiDetail_nextPage, .exhiDetail_prevPage {
    font-size: 18px;
    font-family: Futura;
    font-weight: 500;
    color: #000;
    line-height: 25px
}

.exhiDetail_returnPage {
    border: 1px solid #979797;
    padding: 8px 23px;
    font-size: 18px;
    font-family: Futura;
    font-weight: 500;
    text-align: center;
    color: #000;
    line-height: 25px
}

.exhiDetail_icon {
    margin: 0 9px
}

@media only screen and (max-width: 768px) {
    .exhiDetail_pic {
        width: 100%
    }

    .exhiDetail_img {
        width: 100%;
        height: auto
    }

    .exhiDetail_page {
        margin-bottom: 30px
    }
}

.download .catalogs_title {
    margin: 50px 0 30px
}

.download .btn-download {
    color: #fff !important
}

.download_picgroup {
    display: grid;
    gap: 0 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.download_picdiv {
    padding: 50px 44px 80px;
    position: relative
}

.download_picdiv img {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-height: none
}

.download_picdiv:hover .download_btndiv {
    opacity: 1
}

.download_btndiv {
    position: absolute;
    width: 100%;
    background-color: #202020;
    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;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 20px 0
}

.download_btndiv a {
    font-size: 16px;
    font-family: Futura;
    font-weight: 500;
    text-align: justify;
    color: #fff;
    line-height: 21px
}

.download_btndiv svg {
    color: #fff;
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.download_Certificates {
    background: #f8f8f8;
    padding: 70px 0 50px
}

.download_Certificates .swiper-button-prev:after {
    content: 'next' !important
}

.download_Certificates .swiper-button-next:after {
    content: 'prev' !important
}

@media (min-width: 1400px) {
    .download_Certificates ._container {
        min-width: 1200px
    }
}

.download_Certificates .swiper-container {
    padding: 150px 0 0
}

.download_Certificates .Certificatesp_title h2 {
    margin-bottom: 50px
}

.download_Certificates .Certificatesp_con {
    position: relative
}

.download_Certificates .swiper-slide-active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 1003;
    position: relative;
    top: -85px
}

.download_Certificates .swiper-slide.swiper-slide-next, .download_Certificates .swiper-slide.swiper-slide-prev {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 100;
    position: relative;
    top: -51px
}

.download_Certificates .swiper-button-prev_Certificates {
    right: -70px;
    left: auto
}

.download_Certificates .swiper-button-next_Certificates {
    left: -70px;
    right: auto
}

.download_Certificates .swiper-button-next_Certificates, .download_Certificates .swiper-button-prev_Certificates {
    opacity: 0;
    border: 2px solid;
    width: 26px;
    height: 32px;
    color: #333;
    background-image: none;
    border-radius: 5px
}

.download_Certificates .Certificatesp_con:hover .swiper-button-next, .download_Certificates .Certificatesp_con:hover .swiper-button-prev {
    opacity: 1
}

.download_Certificates .swiper-button-next_Certificates::after, .download_Certificates .swiper-button-prev_Certificates::after {
    font-size: 15px;
    font-weight: 700
}

.download_Certificates .swiper-button-next_Certificates:focus, .download_Certificates .swiper-button-prev_Certificates:focus {
    outline: 0
}

.download_Certificates .swiper-slide img {
    width: 100%;
    -webkit-box-shadow: 0 6px 13px 0 rgba(83, 134, 216, .1);
    box-shadow: 0 6px 13px 0 rgba(83, 134, 216, .1)
}

.download_Certificates .download_btndiv {
    position: absolute;
    width: 100%;
    background-color: #202020;
    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;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 20px 0
}

.download_Certificates .download_btndiv a {
    font-size: 16px;
    font-family: Futura;
    font-weight: 500;
    text-align: justify;
    color: #fff;
    line-height: 21px
}

.download_Certificates .download_btndiv svg {
    color: #fff;
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.download_Certificates .download_btndiv:hover, .download_Certificates .swiper-slide img:hover ~ .download_btndiv {
    opacity: 1;
    z-index: 2
}

@media only screen and (max-width: 768px) {
    .download_picgroup {
        grid-template-columns: 1fr 1fr !important
    }

    .download_picdiv {
        padding: 20px
    }

    .download_Certificates .swiper-slide-active, .download_Certificates .swiper-slide.swiper-slide-next, .download_Certificates .swiper-slide.swiper-slide-prev {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        position: inherit !important;
        top: 0 !important
    }

    .download_Certificates .swiper-button-prev_Certificates {
        left: 10px !important
    }

    .download_Certificates .swiper-button-next_Certificates {
        right: 10px !important
    }

    .download_Certificates .swiper-container {
        padding: 0 !important
    }
}

.member {
    position: relative
}

.member_title {
    margin: 50px 0 80px
}

@media only screen and (max-width: 768px) {
    .member_title {
        margin: 35px 0 15px
    }
}

.member_subtitle {
    margin: 0 0 17px
}

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

@media only screen and (max-width: 768px) {
    .member_con-cover {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 999;
        display: none
    }

    .member_con .member-list {
        display: none
    }

    .member_con .member-list.is-product {
        display: block;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
        position: fixed;
        z-index: 9999;
        background-color: #f8f8f8;
        top: 0;
        padding: 10px;
        margin: 0;
        width: 75%;
        height: 100vh;
        -webkit-box-shadow: 0 2px 2px rgba(10, 16, 20, .24), 0 0 2px rgba(10, 16, 20, .12);
        box-shadow: 0 2px 2px rgba(10, 16, 20, .24), 0 0 2px rgba(10, 16, 20, .12);
        right: -180vw
    }

    .member_con .member-list.is-silde {
        right: 0
    }
}

.member_product {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.member_productgroup {
    display: grid;
    gap: 0 30px;
    grid-template-columns: 1fr 1fr 1fr
}

.member_productgroup .product__item, .member_productgroup .product__item.is-remove {
    position: relative
}

.member_productgroup .product__item.is-remove .product__delete {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px
}

.member_productgroup .product__item.is-remove .product__delete img {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer
}

.member_productgroup .product__item.is-remove .product__delete img:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.member_productgroup .product__item.is-remove .product__delete img:last-child {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.member_productgroup .product__item.is-sale::before {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 57px;
    height: 35px;
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: center;
    color: #fff;
    line-height: 35px;
    z-index: 2;
    content: none
}

.member_inquiry {
    width: -webkit-fill-available
}

.member_incondiv_incon {
    padding: 20px 20px 20px 0
}

.member_incontent p, .member_inemail p, .member_information p {
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #000;
    line-height: 19px;
    margin-bottom: 20px
}

.member_inproduct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.member_inproduct .a-img {
    margin-right: 28px
}

.member_inproduct .a-img img {
    min-width: 234px
}

.member_inproduct .member_inprotitle a {
    font-size: 24px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #000;
    line-height: 32px;
    display: block;
    margin-bottom: 20px
}

.member_inproduct .member_inprotitle p {
    font-size: 16px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #8d8d8d;
    line-height: 21px;
    margin-bottom: 10px
}

.member_info {
    width: -webkit-fill-available
}

.member_infocondiv {
    padding: 50px 0
}

.member_infocondiv .j-inquiry-form {
    grid-template-columns: 1fr !important
}

.member_infocondiv .j-inquiry-form_field {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.member_infocondiv .j-inquiry-form_label {
    display: block;
    line-height: 40px;
    margin: 0 16px 0 0;
    text-align: right;
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #000
}

.member_infocondiv .input-group {
    grid-column-start: 2;
    grid-column-end: 5
}

.member_infocondiv .input-group label {
    line-height: 40px;
    margin: 0
}

.member_infocondiv .help-block {
    grid-column-start: 2;
    grid-column-end: 5
}

.member_infocondiv .j-btn-large {
    grid-column-start: 2;
    grid-column-end: 3;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 50px
}

@media only screen and (max-width: 768px) {
    .member_infocondiv .j-btn-large {
        width: 100%
    }
}

.member_pwd {
    width: -webkit-fill-available
}

.member_pwd .j-inquiry-form .j-inquiry-form_field.is-required .input-group::before {
    content: ""
}

@media only screen and (max-width: 768px) {
    .member_con {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .member_productgroup {
        grid-template-columns: 1fr 1fr !important;
        margin: 30px 10px
    }

    .member_inproduct .a-img {
        margin-right: 15px;
        width: 30%
    }

    .member_inproduct .a-img img {
        min-width: 115px;
        width: 100%
    }

    .member_inproduct .member_inprotitle a {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .member_inproduct .member_inprotitle p {
        font-size: 12px;
        line-height: 1;
        margin-bottom: 5px
    }

    .member_infocondiv .j-btn-large, .member_infocondiv .j-inquiry-form_label {
        grid-column-start: 1;
        grid-column-end: 3;
        text-align: left
    }

    .member_infocondiv .input-group {
        grid-column-start: 1;
        grid-column-end: 5
    }

    .member_infocondiv .j-btn-large {
        margin-top: 20px
    }

    .member_infocondiv {
        padding: 0
    }
}

.member-list {
    width: 18%;
    margin-right: 30px;
    min-width: 200px
}

.member-list_memtitle {
    margin: 0 0 17px;
    padding: 0
}

.member-list_memtitle h5 {
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.member-list_itemdiv {
    list-style: none;
    padding-left: 0;
    border-bottom: 1px solid #e8e8e8
}

.member-list_item a {
    font-size: 16px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #999;
    line-height: 25px;
    padding-right: 30px
}

.member-list_item .subul_li a {
    font-size: 12px
}

.member-list_item a.active, .member-list_item a:hover {
    color: #000;
    text-decoration: none
}

.member-list_subtitle {
    border-top: 1px solid #e8e8e8;
    padding: 22px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.member-list_subtitle .svg_btn {
    display: contents
}

.member-list_subtitle .svg_btn img {
    position: absolute;
    right: 11px;
    cursor: pointer
}

.member-list_subtitle .svg_btn .svg-jia {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.member-list_subul {
    border-top: 1px solid #e8e8e8;
    list-style: none;
    padding: 0
}

.member-list_subul .subul_title {
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #000;
    line-height: 19px;
    margin: 9px 0
}

.member-list_subul .subul_li {
    font-size: 14px;
    font-family: FuturaStd, FuturaStd-Book;
    font-weight: Book;
    text-align: left;
    color: #444;
    line-height: 32px
}

.member-list_subul .subul_li a.is-active {
    color: #000
}

.member-cover {
    display: none;
    background-color: rgba(0, 0, 0, .8) !important;
    height: 100%;
    width: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 555
}

.blog {
    padding-bottom: 15px
}

.blog__textfont {
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500
}

.blog__header {
    margin-top: 50px
}

.blog__breadcrumb {
    text-align: center
}

@media screen and (max-width: 768px) {
    .blog__breadcrumb {
        display: none
    }
}

.blog__breadcrumb .crumbtext {
    font-size: 12px;
    text-align: center;
    color: #444;
    cursor: pointer
}

.blog__title {
    margin: 24px 0 30px;
    font-size: 80px;
    font-family: TiemannLTPro, TiemannLTPro-Light;
    font-display: swap;
    font-weight: 300;
    text-align: center;
    color: #000
}

@media screen and (max-width: 768px) {
    .blog__title {
        font-size: 40px
    }
}

.blog__subheader {
    margin-bottom: 20px
}

.blog__subtitle {
    margin: 0;
    font-size: 38px;
    text-align: center;
    color: #000
}

@media screen and (max-width: 768px) {
    .blog__subtitle {
        font-size: 18px
    }
}

.blog__flex {
    margin-top: 10px;
    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
}

.blog__flex .blog_view {
    font-size: 16px
}

.blog__date {
    font-size: 16px;
    margin-right: 40px;
    color: #8d8d8d
}

@media screen and (max-width: 768px) {
    .blog__date {
        font-size: 12px
    }
}

.blog__maincontent {
    font-size: 16px
}

.blog__maincontent p {
    min-height: 1em;
    font-size: 16px
}

.blog__section {
    margin: 30px 9.3vw
}

.blog__caption {
    font-size: 26px;
    text-align: justify;
    color: #000
}

.blog__paragraph {
    margin-top: 20px;
    font-size: 16px;
    text-align: justify;
    color: #000
}

.blog__img {
    display: block;
    text-align: center
}

.blog__img img {
    width: 100%
}

.blog__navgiter {
    margin-top: 70px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog__navgiter input {
    border: none;
    background-color: transparent;
    font-size: 18px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #000
}

.blog__navgiter input:active, .blog__navgiter input:focus {
    outline: 0
}

.blog__navgiter .navgiter_back a {
    padding: 8px 24px;
    font-size: 18px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #000;
    border: 1px solid #979797
}

.article_disable {
    opacity: .3;
    cursor: not-allowed !important
}

.article_disable input {
    cursor: not-allowed !important
}

.article-list_title {
    margin: 49px 0 30px
}

.article-list_title h4 {
    margin-bottom: 24px
}

@media (max-width: 768px) {
    .article-list_title h4 {
        display: none
    }
}

.article-list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article-list_imgdiv {
    height: auto;
    margin-left: 60px
}

.article-list_imgdiv img {
    width: 226px;
    height: auto
}

.article-list_desc {
    border-bottom: 1px solid #dedede;
    padding: 40px 0
}

@media screen and (max-width: 768px) {
    .article-list_desc {
        border-bottom: none;
        padding: 15px 0
    }
}

.article-list_desc h1 {
    margin: 0
}

.article-list_desc h1 a {
    font-size: 24px;
    font-family: Futura;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #000;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 768px) {
    .article-list_desc h1 a {
        text-align: left;
        font-size: 20px
    }
}

.article-list_desc .desc_span {
    font-size: 16px;
    font-family: Futura;
    font-weight: 500;
    text-align: left;
    color: #8d8d8d;
    line-height: 21px;
    margin: 10px 0 20px;
    display: block
}

.article-list_desc p {
    font-size: 14px;
    font-family: Futura;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #000;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer
}

.article-list .desc_blog {
    display: none
}

.article-list_item.blog_item {
    border-bottom: 1px solid #dedede
}

.article-list_item.blog_item .desc_span {
    display: none
}

.article-list_item.blog_item .desc_h3 {
    margin-bottom: 6px
}

@media screen and (max-width: 768px) {
    .article-list_item.blog_item .desc_h3 {
        margin-bottom: 10px
    }
}

.article-list_item.blog_item .desc_blog {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.article-list_item.blog_item .desc_blog .blog_time {
    font-size: 12px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #555;
    line-height: 15px;
    letter-spacing: 1px;
    white-space: nowrap
}

.article-list_item.blog_item .desc_blog .blog_Cname {
    border-left: 1px solid #d3d2d1;
    padding: 0 20px;
    margin: 0 20px;
    font-size: 14px;
    font-display: swap;
    font-family: Futura, Futura-Medium;
    font-weight: Book;
    text-align: left;
    color: #d7d2c4;
    line-height: 17px
}

.article-list_item.blog_item .article-list_desc {
    border: none;
    padding: 10px 0
}

.article-list_imgdiv.blog_item {
    margin-left: 60px;
    padding: 24px 0
}

@media screen and (max-width: 768px) {
    .article-list_imgdiv.blog_item {
        padding: 15px 0
    }
}

.article-list_imgdiv.blog_item img {
    min-width: 276px;
    height: auto
}

.article-list .myPage {
    margin-top: 50px
}

@media only screen and (max-width: 768px) {
    .article-list_item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px !important
    }

    .article-list_imgdiv, .article-list_imgdiv.blog_item {
        width: 100% !important;
        margin: 0 !important
    }

    .article-list_imgdiv img, .article-list_imgdiv.blog_item img {
        width: 100% !important
    }
}

.blog_view {
    color: #555;
    margin-left: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.blog_view img {
    margin-right: 8px;
    width: 16px
}

#product-search-mask {
    z-index: 2004
}

#product-search-form {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 30%;
    z-index: 2005;
    padding: 15px
}

#product-search-form .w-form {
    display: block;
    width: 100%;
    max-width: 992px;
    margin: 0 auto
}

#product-search-form .input-field {
    height: 70px;
    width: 100%;
    position: relative
}

#product-search-form .input-field input {
    height: 100%;
    border: 0;
    background: #fff;
    display: block;
    width: 100%;
    padding: 10px 70px 10px 32px;
    font-size: 18px;
    color: #666;
    outline: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#product-search-form .input-field .btn-search {
    width: 70px;
    -ms-flex-align: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: 0 0;
    border: 0;
    padding: 0;
    font-size: 20px;
    color: #ccc;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    outline: 0
}

#product-search-form .input-field .btn-search:hover {
    color: #666
}

@media screen and (max-width: 992px) {
    #product-search-form {
        top: 0;
        padding: 0;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
    }

    #product-search-form .w-form .input-field {
        height: 50px
    }

    #product-search-form .w-form .input-field input {
        padding-right: 50px;
        padding-left: 25px;
        font-size: 16px
    }
}

.mask, .mobile-filter-mask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 30px;
    background-color: #171919;
    padding: 0 3%
}

.toolbar__item:hover .dropdown-menu {
    display: block;
    z-index: 100
}

.toolbar__item img.globaldona {
    height: 11px;
    width: 16px
}

.toolbar__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    color: #fff;
    font-size: 12px
}

.toolbar__link:hover {
    color: #fff
}

.toolbar__link:focus {
    outline: 0
}

.site-header {
    position: relative;
    z-index: 900;
    border-bottom: 1px solid #dedede
}

.site-header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.site-header .container::before, .site-header .container:after {
    content: none
}

@media (min-width: 1400px) {
    .site-header .container {
        width: 87.5%
    }
}

.home .site-header {
    left: 0;
    top: 30px;
    right: 0;
    border-bottom: none;
    margin-top: 0
}

.site-header__logo a {
    display: block;
    background-repeat: no-repeat;
    background-blend-mode: lighten
}

.site-header__logo img {
    max-width: 100%;
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1)
}

.home .site-header__logo img {
    -webkit-filter: none;
    filter: none
}

.site-header__search a {
    color: #000
}

.home .site-header__search a {
    color: #fff
}

.nav-menu-icon {
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.site-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 40px
}

.site-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 1680px) {
    .site-menu {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

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

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

.site-menu li, .site-menu ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0
}

.site-menu_item > a {
    display: block;
    height: 103px;
    line-height: 103px;
    padding: 0 40px;
    text-decoration: none;
    color: #000;
    opacity: .7;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

@media only screen and (max-width: 1680px) {
    .site-menu_item > a {
        padding: 0 20px
    }
}

.home .site-menu_item > a {
    color: #fff
}

.site-menu_item > a.has-sub::after {
    font-family: FontAwesome;
    font-display: swap;
    content: "\f107";
    margin-left: 5px;
    margin-top: 2px
}

.site-menu_item.is-hover > a, .site-menu_item:hover > a, .site-menu_item > a.active {
    opacity: 1
}

.site-menu_submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 102px;
    right: 0;
    z-index: 500
}

.site-menu_submenu-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .05);
    padding: 28px 50px;
    grid-gap: 80px
}

.site-menu_submenu dl {
    overflow: hidden
}

.site-menu_submenu dl dt {
    padding: 10px 0;
    border-bottom: 1px solid #D7D2C4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.site-menu_submenu dl dt a {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.site-menu_submenu dl dd {
    font-size: 14px;
    margin-top: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.site-menu_submenu dl dd a {
    color: #555;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.site-menu_submenu dl dd a:hover {
    color: #6f6f6f
}

.m-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 0 15px;
    background-color: var(--header-bg)
}

.m-header_logo {
    position: absolute;
    height: 75%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-header_logo img {
    height: 100%;
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1)
}

.m-header_logo svg {
    height: 24px;
    width: 100px;
    fill: var(--logo-default)
}

.m-header_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-header_menu a {
    color: var(--toolbar-color);
    display: block
}

.m-header_menu a svg {
    font-size: 20px;
    display: block
}

.m-header_menu a + a {
    margin-left: 20px
}

.rtl .m-header_menu a {
    margin-left: 0;
    margin-right: 20px
}

.m-header_menu .m-cart {
    position: relative
}

.m-header_menu .cartnumber {
    background-color: red;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: -5px;
    top: -3px;
    text-align: center
}

body .s-toolbar {
    position: fixed;
    height: 30px;
    z-index: 999;
    width: 100%
}

body .site-header {
    position: fixed;
    margin-top: 30px;
    width: 100%
}

.home .home-header-bgcolor {
    background-color: rgba(0, 0, 0, .6) !important
}

.home .site-header {
    z-index: 900;
    position: fixed
}

.lang-box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    z-index: 2005
}

.lang-box .w-header {
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
    text-align: right;
    background-color: #fff
}

.lang-box .w-header a {
    color: #333
}

.lang-box .w-body {
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 0 20px;
    overflow: auto
}

.lang-box .w-body ul li {
    height: 46px;
    line-height: 46px;
    text-align: left
}

.lang-box .w-body ul li a {
    display: block;
    line-height: 46px;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 0 15px
}

.lang-box .w-body ul li:first-child {
    text-align: center;
    font-weight: 700
}

.lang-box .w-body ul li a img {
    margin-right: 20px
}

.lang-box .w-body ul li a:active, .lang-box .w-body ul li a:hover {
    background-color: #f9f9f9
}

.lang-box .w-body ul li:first-child {
    border-bottom: 1px solid #ddd
}

/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */
.mm-menu_theme-white {
    --mm-color-border: rgba(0, 0, 0, .1);
    --mm-color-button: rgba(0, 0, 0, .3);
    --mm-color-text: rgba(0, 0, 0, .7);
    --mm-color-text-dimmed: rgba(0, 0, 0, .3);
    --mm-color-background: #fff;
    --mm-color-background-highlight: rgba(0, 0, 0, .06);
    --mm-color-background-emphasis: rgba(0, 0, 0, .03);
    --mm-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu_theme-dark {
    --mm-color-border: rgba(0, 0, 0, .3);
    --mm-color-button: rgba(255, 255, 255, .4);
    --mm-color-text: rgba(255, 255, 255, .85);
    --mm-color-text-dimmed: rgba(255, 255, 255, .4);
    --mm-color-background: #333;
    --mm-color-background-highlight: rgba(255, 255, 255, .08);
    --mm-color-background-emphasis: rgba(0, 0, 0, .1);
    --mm-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu_theme-black {
    --mm-color-border: rgba(255, 255, 255, .25);
    --mm-color-button: rgba(255, 255, 255, .4);
    --mm-color-text: rgba(255, 255, 255, .75);
    --mm-color-text-dimmed: rgba(255, 255, 255, .4);
    --mm-color-background: #000;
    --mm-color-background-highlight: rgba(255, 255, 255, .2);
    --mm-color-background-emphasis: rgba(255, 255, 255, .15);
    --mm-shadow: none
}

:root {
    --mm-line-height: 20px;
    --mm-listitem-size: 44px;
    --mm-navbar-size: 44px;
    --mm-offset-top: 0;
    --mm-offset-right: 0;
    --mm-offset-bottom: 0;
    --mm-offset-left: 0;
    --mm-color-border: rgba(0, 0, 0, .1);
    --mm-color-button: rgba(0, 0, 0, .3);
    --mm-color-text: rgba(0, 0, 0, .75);
    --mm-color-text-dimmed: rgba(0, 0, 0, .3);
    --mm-color-background: #f3f3f3;
    --mm-color-background-highlight: rgba(0, 0, 0, .05);
    --mm-color-background-emphasis: rgba(255, 255, 255, .4);
    --mm-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: relative
}

.mm-menu {
    color: rgba(0, 0, 0, .75);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: var(--mm-offset-top);
    right: var(--mm-offset-right);
    bottom: var(--mm-offset-bottom);
    left: var(--mm-offset-left);
    z-index: 0;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    line-height: var(--mm-line-height);
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    text-decoration: none;
    color: inherit
}

[dir=rtl] .mm-menu {
    direction: rtl
}

.mm-panel {
    color: rgba(0, 0, 0, .75);
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mm-panel:not(.mm-hidden) {
    display: block
}

.mm-panel:after {
    content: '';
    display: block;
    height: var(--mm-listitem-size)
}

.mm-panel_opened {
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panel_opened-parent {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panel_highest {
    z-index: 2
}

.mm-panel_noanimation {
    -webkit-transition: none !important;
    transition: none !important
}

.mm-panel_noanimation.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panels > .mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mm-panel__content {
    padding: 20px 20px 0
}

.mm-panels {
    color: rgba(0, 0, 0, .75);
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text)
}

[dir=rtl] .mm-panel:not(.mm-panel_opened) {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

[dir=rtl] .mm-panel.mm-panel_opened-parent {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

.mm-listitem_vertical > .mm-panel {
    display: none;
    width: 100%;
    padding: 10px 0 10px 10px;
    -webkit-transform: none !important;
    transform: none !important
}

.mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before {
    content: none;
    display: none
}

.mm-listitem_opened > .mm-panel {
    display: block
}

.mm-listitem_vertical > .mm-listitem__btn {
    height: 44px;
    height: var(--mm-listitem-size);
    bottom: auto
}

.mm-listitem_vertical .mm-listitem:last-child:after {
    border-color: transparent
}

.mm-listitem_opened > .mm-listitem__btn:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px
}

.mm-btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    padding: 0
}

.mm-btn:after, .mm-btn:before {
    border: 2px solid rgba(0, 0, 0, .3);
    border: 2px solid var(--mm-color-button)
}

.mm-btn_next:after, .mm-btn_prev:before {
    content: '';
    border-bottom: none;
    border-right: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.mm-btn_prev:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-btn_next:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.mm-btn_close:after, .mm-btn_close:before {
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-btn_close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-btn_close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

[dir=rtl] .mm-btn_next:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

[dir=rtl] .mm-btn_prev:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

[dir=rtl] .mm-btn_close:after, [dir=rtl] .mm-btn_close:before {
    right: auto
}

[dir=rtl] .mm-btn_close:before {
    left: 25px
}

[dir=rtl] .mm-btn_close:after {
    left: 18px
}

.mm-navbar {
    color: rgba(0, 0, 0, .3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--mm-navbar-size);
    border-bottom: 1px solid var(--mm-color-border);
    background: var(--mm-color-background);
    color: var(--mm-color-text-dimmed);
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-navbar > * {
    min-height: 44px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@supports (position:sticky) {
    .mm-navbar_sticky {
        position: sticky;
        top: 0;
        z-index: 1
    }
}

.mm-navbar__btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.mm-navbar__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden
}

.mm-navbar__title:not(:last-child) {
    padding-right: 0
}

.mm-navbar__title > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title {
    padding-left: 0
}

.mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title:last-child {
    padding-right: 50px
}

[dir=rtl] .mm-navbar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listitem {
    color: rgba(0, 0, 0, .75);
    color: var(--mm-color-text);
    border-color: var(--mm-color-border);
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mm-listitem:after {
    content: '';
    border-color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0
}

.mm-listitem a, .mm-listitem a:hover {
    text-decoration: none
}

.mm-listitem__btn, .mm-listitem__text {
    display: block;
    padding: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
    padding-left: 0;
    padding-right: 0;
    color: inherit
}

.mm-listitem__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}

.mm-listitem__btn {
    background: rgba(3, 2, 1, 0);
    border-color: inherit;
    width: auto;
    padding-right: 50px;
    position: relative
}

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 1px;
    border-left-style: solid
}

.mm-listitem_selected > .mm-listitem__text {
    background: var(--mm-color-background-emphasis)
}

.mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel {
    background: var(--mm-color-background-highlight)
}

[dir=rtl] .mm-listitem:after {
    left: 0;
    right: 20px
}

[dir=rtl] .mm-listitem__text {
    padding-left: 10px;
    padding-right: 20px
}

[dir=rtl] .mm-listitem__btn {
    padding-left: 50px;
    border-left-width: 0;
    border-left-style: none
}

[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) {
    padding-right: 0;
    border-right-width: 1px;
    border-right-style: solid
}

.mm-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    min-height: 100vh
}

@media screen and (max-width: 992px) {
    .mm-page {
        background-color: #fff
    }
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: 1
}

.mm-wrapper_opened {
    overflow-x: hidden;
    position: relative
}

.mm-wrapper_opened .mm-page {
    min-height: 100vh
}

.mm-wrapper_background .mm-page {
    background: inherit
}

.mm-menu_offcanvas {
    position: fixed;
    right: auto;
    z-index: 1
}

.mm-menu_offcanvas:not(.mm-menu_opened) {
    display: none
}

.mm-menu_offcanvas {
    width: 80%;
    min-width: 240px;
    max-width: 440px
}

.mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-wrapper__blocker {
    background: rgba(3, 2, 1, 0);
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.mm-wrapper_blocking, .mm-wrapper_blocking body {
    overflow: hidden
}

.mm-wrapper_blocking .mm-wrapper__blocker {
    display: block
}

.mm-sronly {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important
}

.mm-menu_autoheight:not(.mm-menu_offcanvas) {
    position: relative
}

.mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top {
    max-height: 80%
}

.mm-menu_autoheight-measuring .mm-panel {
    display: block !important
}

.mm-menu_autoheight-measuring .mm-panels > .mm-panel {
    bottom: auto !important;
    height: auto !important
}

.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel {
    display: none !important
}

[class*=mm-menu_columns-] {
    -webkit-transition-property: width;
    transition-property: width
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel {
    right: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_opened, [class*=mm-menu_columns-] .mm-panels > .mm-panel_opened-parent {
    display: block !important
}

[class*=mm-panel_columns-] {
    border-right: 1px solid;
    border-color: inherit
}

.mm-menu_columns-1 .mm-panel_columns-0, .mm-menu_columns-2 .mm-panel_columns-1, .mm-menu_columns-3 .mm-panel_columns-2, .mm-menu_columns-4 .mm-panel_columns-3 {
    border-right: none
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-0 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_columns-0 .mm-panels > .mm-panel {
    z-index: 0
}

.mm-menu_columns-0 .mm-panels > .mm-panel else {
    width: 100%
}

.mm-menu_columns-0 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu_columns-0 {
    width: 80%;
    min-width: 240px;
    max-width: 0
}

.mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width: 0) {
    .mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width: 0) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-1 {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu_columns-1 .mm-panels > .mm-panel {
    z-index: 1;
    width: 100%
}

.mm-menu_columns-1 .mm-panels > .mm-panel else {
    width: 100%
}

.mm-menu_columns-1 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu_columns-1 {
    width: 80%;
    min-width: 240px;
    max-width: 440px
}

.mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-2 {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu_columns-2 .mm-panels > .mm-panel {
    z-index: 2;
    width: 50%
}

.mm-menu_columns-2 .mm-panels > .mm-panel else {
    width: 100%
}

.mm-menu_columns-2 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu_columns-2 {
    width: 80%;
    min-width: 240px;
    max-width: 880px
}

.mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width: 1100px) {
    .mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout {
        -webkit-transform: translate3d(880px, 0, 0);
        transform: translate3d(880px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width: 1100px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-880px, 0, 0);
        transform: translate3d(-880px, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-3 {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu_columns-3 .mm-panels > .mm-panel {
    z-index: 3;
    width: 33.34%
}

.mm-menu_columns-3 .mm-panels > .mm-panel else {
    width: 100%
}

.mm-menu_columns-3 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu_columns-3 {
    width: 80%;
    min-width: 240px;
    max-width: 1320px
}

.mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width: 1650px) {
    .mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout {
        -webkit-transform: translate3d(1320px, 0, 0);
        transform: translate3d(1320px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width: 1650px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-1320px, 0, 0);
        transform: translate3d(-1320px, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-4 {
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu_columns-4 .mm-panels > .mm-panel {
    z-index: 4;
    width: 25%
}

.mm-menu_columns-4 .mm-panels > .mm-panel else {
    width: 100%
}

.mm-menu_columns-4 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.mm-menu_columns-4 {
    width: 80%;
    min-width: 240px;
    max-width: 1760px
}

.mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width: 2200px) {
    .mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout {
        -webkit-transform: translate3d(1760px, 0, 0);
        transform: translate3d(1760px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width: 2200px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-1760px, 0, 0);
        transform: translate3d(-1760px, 0, 0)
    }
}

[class*=mm-menu_columns-].mm-menu_position-bottom, [class*=mm-menu_columns-].mm-menu_position-top {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front {
    -webkit-transition-property: width, min-width, max-width, -webkit-transform;
    transition-property: width, min-width, max-width, -webkit-transform;
    transition-property: width, min-width, max-width, transform;
    transition-property: width, min-width, max-width, transform, -webkit-transform
}

.mm-counter {
    color: rgba(0, 0, 0, .3);
    display: block;
    padding-left: 20px;
    float: right;
    text-align: right;
    color: var(--mm-color-text-dimmed)
}

.mm-listitem_nosubitems > .mm-counter {
    display: none
}

[dir=rtl] .mm-counter {
    text-align: left;
    float: left;
    padding-left: 0;
    padding-right: 20px
}

.mm-divider {
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-height: var(--mm-line-height);
    padding: calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);
    padding-right: 10px;
    padding-left: 20px;
    font-size: 75%;
    text-transform: uppercase;
    background: var(--mm-color-background);
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-divider:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--mm-color-background-highlight)
}

@supports (position:sticky) {
    .mm-divider {
        position: sticky;
        z-index: 2;
        top: 0
    }

    .mm-navbar_sticky:not(.mm-hidden) ~ .mm-listview .mm-divider {
        top: var(--mm-navbar-size)
    }
}

.mm-wrapper_dragging .mm-menu, .mm-wrapper_dragging .mm-slideout {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.mm-wrapper_dragging .mm-menu {
    pointer-events: none !important
}

.mm-wrapper_dragging .mm-wrapper__blocker {
    display: none !important
}

.mm-menu_dropdown {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%
}

.mm-wrapper_dropdown .mm-slideout {
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 0
}

.mm-wrapper_dropdown .mm-wrapper__blocker {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1
}

.mm-wrapper_dropdown .mm-menu_dropdown {
    z-index: 2
}

.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown {
    display: none
}

.mm-menu_tip-bottom:before, .mm-menu_tip-left:before, .mm-menu_tip-right:before, .mm-menu_tip-top:before {
    content: '';
    background: inherit;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu_tip-left:before {
    left: 22px
}

.mm-menu_tip-right:before {
    right: 22px
}

.mm-menu_tip-top:before {
    top: -8px
}

.mm-menu_tip-bottom:before {
    bottom: -8px
}

:root {
    --mm-iconbar-size: 50px
}

.mm-menu_iconbar-left .mm-navbars_bottom, .mm-menu_iconbar-left .mm-navbars_top, .mm-menu_iconbar-left .mm-panels {
    margin-left: 50px;
    margin-left: var(--mm-iconbar-size)
}

.mm-menu_iconbar-left .mm-iconbar {
    border-right-width: 1px;
    display: block;
    left: 0
}

.mm-menu_iconbar-right .mm-navbars_bottom, .mm-menu_iconbar-right .mm-navbars_top, .mm-menu_iconbar-right .mm-panels {
    margin-right: 50px;
    margin-right: var(--mm-iconbar-size)
}

.mm-menu_iconbar-right .mm-iconbar {
    border-left-width: 1px;
    display: block;
    right: 0
}

.mm-iconbar {
    color: rgba(0, 0, 0, .3);
    display: none;
    width: var(--mm-iconbar-size);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    border: 0 solid;
    border-color: var(--mm-color-border);
    background: var(--mm-color-background);
    color: var(--mm-color-text-dimmed);
    text-align: center
}

.mm-iconbar__bottom, .mm-iconbar__top {
    width: inherit;
    position: absolute
}

.mm-iconbar__bottom > *, .mm-iconbar__top > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 12.5px 0
}

.mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover {
    text-decoration: none
}

.mm-iconbar__top {
    top: 0
}

.mm-iconbar__bottom {
    bottom: 0
}

.mm-iconbar__tab_selected {
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-iconpanel-size: 50px
}

.mm-panel_iconpanel-1 {
    width: calc(100% - 50px);
    width: calc(100% - (var(--mm-iconpanel-size) * 1))
}

.mm-panel_iconpanel-2 {
    width: calc(100% - 100px);
    width: calc(100% - (var(--mm-iconpanel-size) * 2))
}

.mm-panel_iconpanel-3 {
    width: calc(100% - 150px);
    width: calc(100% - (var(--mm-iconpanel-size) * 3))
}

.mm-panel_iconpanel-first ~ .mm-panel {
    width: calc(100% - 50px);
    width: calc(100% - var(--mm-iconpanel-size))
}

.mm-menu_iconpanel .mm-panels > .mm-panel {
    left: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform
}

.mm-menu_iconpanel .mm-panels > .mm-panel_opened, .mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent {
    display: block !important
}

.mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent {
    overflow-y: hidden;
    -webkit-transform: unset;
    transform: unset
}

.mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
    border-left-width: 1px;
    border-left-style: solid
}

.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider, .mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar {
    opacity: 0
}

.mm-panel__blocker {
    background: inherit;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-panel_opened-parent .mm-panel__blocker {
    opacity: .6;
    bottom: -100000px
}

[dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-panel {
    left: 0;
    right: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform
}

[dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
    border-left: none;
    border-right: 1px solid;
    border-color: inherit
}

.mm-menu_keyboardfocus a:focus, .mm-menu_keyboardfocus.mm-menu_opened ~ .mm-wrapper__blocker a:focus {
    background: var(--mm-color-background-emphasis);
    outline: 0
}

.mm-wrapper__blocker .mm-tabstart {
    cursor: default;
    display: block;
    width: 100%;
    height: 100%
}

.mm-wrapper__blocker .mm-tabend {
    opacity: 0;
    position: absolute;
    bottom: 0
}

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

.mm-navbars_top .mm-navbar:not(:last-child) {
    border-bottom: none
}

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

.mm-navbars_bottom .mm-navbar {
    border-bottom: none
}

.mm-navbars_bottom .mm-navbar:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid var(--mm-color-border)
}

.mm-btn:not(.mm-hidden) + .mm-navbar__searchfield .mm-searchfield__input {
    padding-left: 0
}

.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input {
    padding-right: 0
}

.mm-navbar__breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.mm-navbar__breadcrumbs > * {
    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-right: 6px
}

.mm-navbar__breadcrumbs > a {
    text-decoration: underline
}

.mm-navbar__breadcrumbs:not(:last-child) {
    padding-right: 0
}

.mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs {
    padding-left: 0
}

.mm-navbar_tabs > * {
    padding: 0 10px;
    border: 1px solid transparent
}

.mm-navbar__tab_selected {
    color: rgba(0, 0, 0, .75);
    background: var(--mm-color-background);
    color: var(--mm-color-text)
}

.mm-navbar__tab_selected:not(:first-child) {
    border-left-color: rgba(0, 0, 0, .1)
}

.mm-navbar__tab_selected:not(:last-child) {
    border-right-color: rgba(0, 0, 0, .1)
}

.mm-navbar__tab_selected:not(:first-child) {
    border-left-color: var(--mm-color-border)
}

.mm-navbar__tab_selected:not(:last-child) {
    border-right-color: var(--mm-color-border)
}

.mm-navbars_top .mm-navbar_tabs {
    border-bottom: none
}

.mm-navbars_top .mm-navbar_tabs > * {
    border-bottom-color: rgba(0, 0, 0, .1);
    border-bottom-color: var(--mm-color-border)
}

.mm-navbars_top .mm-navbar__tab_selected {
    border-top-color: rgba(0, 0, 0, .1);
    border-top-color: var(--mm-color-border);
    border-bottom-color: transparent
}

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar {
    background: var(--mm-color-background-emphasis)
}

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar {
    background: var(--mm-color-background)
}

.mm-navbars_bottom .mm-navbar_tabs:first-child {
    border-top: none
}

.mm-navbars_bottom .mm-navbar_tabs > * {
    border-top-color: rgba(0, 0, 0, .1);
    border-top-color: var(--mm-color-border)
}

.mm-navbars_bottom .mm-navbar__tab_selected {
    border-bottom-color: rgba(0, 0, 0, .1);
    border-bottom-color: var(--mm-color-border);
    border-top-color: transparent
}

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar {
    background: var(--mm-color-background)
}

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs, .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar {
    background: var(--mm-color-background-emphasis)
}

.mm-searchfield {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: var(--mm-navbar-size);
    padding: 0;
    overflow: hidden
}

.mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover {
    color: rgba(0, 0, 0, .75)
}

.mm-searchfield input {
    display: block;
    width: 100%;
    max-width: 100%;
    height: calc(var(--mm-navbar-size) * .7);
    min-height: unset;
    max-height: unset;
    margin: 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none !important;
    border-radius: 4px;
    line-height: calc(var(--mm-navbar-size) * .7);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    font: inherit;
    font-size: inherit
}

.mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover {
    background: var(--mm-color-background-highlight);
    color: var(--mm-color-text)
}

.mm-searchfield input::-ms-clear {
    display: none
}

.mm-searchfield__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-panel__noresultsmsg {
    color: rgba(0, 0, 0, .3);
    padding: 50px 0;
    color: var(--mm-color-text-dimmed);
    text-align: center;
    font-size: 150%
}

.mm-searchfield__btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.mm-panel_search {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    border-left: none !important
}

.mm-searchfield__cancel {
    display: block;
    padding-right: 10px;
    margin-right: -100px;
    line-height: var(--mm-navbar-size);
    text-decoration: none;
    -webkit-transition: margin .4s ease;
    transition: margin .4s ease
}

.mm-searchfield__cancel-active {
    margin-right: 0
}

.mm-listitem_nosubitems > .mm-listitem__btn {
    display: none
}

.mm-listitem_nosubitems > .mm-listitem__text {
    padding-right: 10px
}

.mm-listitem_onlysubitems > .mm-listitem__text:not(.mm-listitem__btn) {
    z-index: -1;
    pointer-events: none
}

.mm-sectionindexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    z-index: 5;
    -webkit-transition: right .4s ease;
    transition: right .4s ease;
    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: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.mm-sectionindexer a {
    color: rgba(0, 0, 0, .3);
    color: var(--mm-color-text-dimmed);
    line-height: 1;
    text-decoration: none;
    display: block
}

.mm-sectionindexer ~ .mm-panel {
    padding-right: 0
}

.mm-sectionindexer_active {
    right: 0
}

.mm-sectionindexer_active ~ .mm-panel {
    padding-right: 20px
}

.mm-menu_selected-hover .mm-listitem__btn, .mm-menu_selected-hover .mm-listitem__text, .mm-menu_selected-parent .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem__text {
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > .mm-listitem__text {
    background: 0 0
}

.mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover {
    background: var(--mm-color-background-emphasis)
}

.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > .mm-listitem__text {
    background: 0 0
}

.mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__text {
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-sidebar-collapsed-size: 50px;
    --mm-sidebar-expanded-size: 440px
}

.mm-wrapper_sidebar-collapsed body, .mm-wrapper_sidebar-expanded body {
    position: relative
}

.mm-wrapper_sidebar-collapsed .mm-slideout, .mm-wrapper_sidebar-expanded .mm-slideout {
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform
}

.mm-wrapper_sidebar-collapsed .mm-page, .mm-wrapper_sidebar-expanded .mm-page {
    background: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100vh
}

.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed, .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important
}

.mm-wrapper_sidebar-collapsed .mm-slideout {
    width: calc(100% - var(--mm-sidebar-collapsed-size));
    -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
    transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0)
}

.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider, .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar {
    opacity: 0
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    width: 440px;
    width: var(--mm-sidebar-expanded-size);
    min-width: 0 !important;
    max-width: 100000px !important;
    border-right-width: 1px;
    border-right-style: solid
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after {
    content: none;
    display: none
}

.mm-wrapper_sidebar-expanded.mm-wrapper_blocking, .mm-wrapper_sidebar-expanded.mm-wrapper_blocking body {
    overflow: visible
}

.mm-wrapper_sidebar-expanded .mm-wrapper__blocker {
    display: none !important
}

.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
    width: calc(100% - var(--mm-sidebar-expanded-size));
    -webkit-transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
    transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0)
}

.mm-menu__blocker {
    background: rgba(3, 2, 1, 0);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.mm-menu_opened .mm-menu__blocker {
    display: none
}

[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout, [dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout, [dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

input.mm-toggle {
    display: inline-block;
    min-width: 58px;
    width: 58px;
    height: 34px;
    margin: 0 10px;
    margin-top: calc((var(--mm-listitem-size) - 34px) / 2);
    border: none !important;
    background: var(--mm-color-border);
    border-radius: 34px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

input.mm-toggle:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    margin: 1px;
    border-radius: 34px;
    background: var(--mm-color-background);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

input.mm-toggle:checked {
    background: #4bd963
}

input.mm-toggle:checked:before {
    -webkit-transform: translateX(24px);
    transform: translateX(24px)
}

input.mm-check {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: none !important;
    background: 0 0 !important;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 10px;
    margin-top: calc((var(--mm-listitem-size) - 40px) / 2)
}

input.mm-check:before {
    content: '';
    display: block;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    border-left: 3px solid;
    border-bottom: 3px solid;
    border-color: var(--mm-color-text);
    opacity: .3;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

input.mm-check:checked:before {
    opacity: 1
}

[dir=rtl] input.mm-toggle:checked ~ label.mm-toggle:before {
    float: left
}

.mm-menu_border-none .mm-listitem:after {
    content: none
}

.mm-menu_border-full .mm-listitem:after {
    left: 0 !important
}

.mm-menu_fx-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mm-wrapper_opened .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_fx-panels-none .mm-panel, .mm-panel_fx-none {
    -webkit-transition-property: none;
    transition-property: none
}

.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent, .mm-menu_fx-panels-slide-0 .mm-panel_opened-parent, .mm-panel_fx-none.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu_fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

.mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout {
    -webkit-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0)
}

@media all and (max-width: 140px) {
    .mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 10000px) {
    .mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout {
        -webkit-transform: translate3d(10000px, 0, 0);
        transform: translate3d(10000px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-100vw, 0, 0);
    transform: translate3d(-100vw, 0, 0)
}

@media all and (max-width: 140px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 10000px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-10000px, 0, 0);
        transform: translate3d(-10000px, 0, 0)
    }
}

.mm-menu_fullscreen.mm-menu_position-bottom, .mm-menu_fullscreen.mm-menu_position-top {
    height: 100vh;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu_listview-justify .mm-panels > .mm-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mm-menu_listview-justify .mm-panels > .mm-panel:after {
    content: none;
    display: none
}

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listview {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 50px
}

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-listview_inset {
    list-style: inside disc;
    width: 100%;
    padding: 0 30px 15px;
    margin: 0
}

.mm-listview_inset .mm-listitem {
    padding: 5px 0
}

.mm-menu_multiline .mm-listitem__text {
    text-overflow: clip;
    white-space: normal
}

[class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
    opacity: 0
}

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s
}

.mm-menu_opened.mm-menu_pagedim ~ .mm-wrapper__blocker {
    background: inherit
}

.mm-menu_opened.mm-menu_pagedim-black ~ .mm-wrapper__blocker {
    background: #000
}

.mm-menu_opened.mm-menu_pagedim-white ~ .mm-wrapper__blocker {
    background: #fff
}

.mm-menu_popup {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    z-index: 2;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.mm-menu_popup.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 0
}

.mm-menu_popup.mm-menu_opened ~ .mm-wrapper__blocker {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1
}

.mm-wrapper_opening .mm-menu_popup {
    opacity: 1
}

.mm-menu_position-right {
    left: auto;
    right: 0
}

.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

.mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened {
    z-index: 2
}

.mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout, .mm-menu_position-front.mm-menu_opened ~ .mm-slideout, .mm-menu_position-top.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 0
}

.mm-menu_position-bottom.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-front.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-top.mm-menu_opened ~ .mm-wrapper__blocker {
    z-index: 1
}

.mm-menu_position-front {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu_position-front.mm-menu_position-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu_position-bottom, .mm-menu_position-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu_position-top {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-menu_position-bottom {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    top: auto;
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_shadow-page:after {
    content: '';
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 100;
    -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
    clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow)
}

.mm-menu_shadow-page.mm-menu_position-right:after {
    left: auto;
    right: 100%;
    -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%);
    clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%)
}

.mm-menu_shadow-page.mm-menu_position-front:after {
    content: none;
    display: none
}

.mm-menu_shadow-menu, .mm-menu_shadow-panels .mm-panels > .mm-panel {
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow)
}

.mm-menu_tileview .mm-listview, .mm-panel_tileview .mm-listview {
    margin: 0 !important
}

.mm-menu_tileview .mm-listview:after, .mm-panel_tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu_tileview .mm-listitem, .mm-panel_tileview .mm-listitem {
    padding: 50% 0 0;
    float: left;
    position: relative;
    width: 50%;
    height: 0
}

.mm-menu_tileview .mm-listitem:after, .mm-panel_tileview .mm-listitem:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}

.mm-menu_tileview .mm-listitem.mm-tile-xs, .mm-panel_tileview .mm-listitem.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}

.mm-menu_tileview .mm-listitem.mm-tile-s, .mm-panel_tileview .mm-listitem.mm-tile-s {
    width: 25%;
    padding-top: 25%
}

.mm-menu_tileview .mm-listitem.mm-tile-l, .mm-panel_tileview .mm-listitem.mm-tile-l {
    width: 75%;
    padding-top: 75%
}

.mm-menu_tileview .mm-listitem.mm-tile-xl, .mm-panel_tileview .mm-listitem.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}

.mm-menu_tileview .mm-listitem__text, .mm-panel_tileview .mm-listitem__text {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu_tileview .mm-listitem__btn, .mm-panel_tileview .mm-listitem__btn {
    width: auto
}

.mm-menu_tileview .mm-listitem__btn:after, .mm-menu_tileview .mm-listitem__btn:before, .mm-panel_tileview .mm-listitem__btn:after, .mm-panel_tileview .mm-listitem__btn:before {
    content: none;
    display: none
}

.mm-menu_tileview .mm-divider, .mm-panel_tileview .mm-divider {
    display: none
}

.mm-menu_tileview .mm-panel, .mm-panel_tileview {
    padding-left: 0;
    padding-right: 0
}

.mm-menu_tileview .mm-panel:after, .mm-menu_tileview .mm-panel:before, .mm-panel_tileview:after, .mm-panel_tileview:before {
    content: none;
    display: none
}

body.modal-open .mm-slideout {
    z-index: unset
}

.mmm-body {
    overflow: hidden !important
}

.header-cart {
    width: 400px;
    padding: 0 15px
}

.header-cart__empty {
    padding: 15px 0;
    text-align: center;
    color: #999;
    font-size: 14px
}

.header-cart__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #dedede
}

.header-cart__cover {
    width: 80px;
    height: 80px;
    margin-right: 15px
}

.header-cart__cover img {
    width: 80px;
    height: 80px
}

.header-cart__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    -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
}

.header-cart__title {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.header-cart__title a {
    color: #000
}

.header-cart__modal {
    color: #666;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.header-cart__del {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-cart__del a {
    color: #000
}

.header-cart__more a {
    padding: 8px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.header-cart__more a:hover {
    opacity: .8
}

.header-cart .form-control {
    height: 30px;
    line-height: 18px
}

.header-cart .btn {
    padding: 4px 10px
}

.site-footer {
    margin-top: 80px;
    color: #fff
}

@media only screen and (max-width: 768px) {
    .site-footer {
        margin-top: 0
    }
}

.site-footer__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 60px 3.1vw;
    background-color: #2D2E2F
}

@media screen and (max-width: 768px) {
    .site-footer__main {
        display: none
    }
}

.site-footer__bottom {
    background-color: #242424;
    min-height: 60px;
    line-height: 60px;
    color: rgba(255, 255, 255, .3);
    text-align: center
}

@media screen and (max-width: 768px) {
    .site-footer__bottom {
        background-color: #fff;
        color: rgba(0, 0, 0, .6)
    }
}

.site-footer__bottom a {
    margin-left: 5px;
    color: rgba(255, 255, 255, .3)
}

.site-footer__logo {
    width: 12vw
}

.site-footer__logo img {
    max-width: 100%
}

.site-footer__aboutus {
    line-height: 1.5;
    width: 27vw;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.site-footer__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

.site-footer__share a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 20px;
    font-size: 20px;
    margin-right: 10px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.site-footer__share a:hover {
    background-color: rgba(255, 255, 255, .14)
}

.site-footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.site-footer__nav dl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0
}

.site-footer__nav dl dt {
    font-weight: 400;
    margin-bottom: 10px
}

.site-footer__nav dl dt a {
    color: #fff;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.site-footer__nav dl dd {
    line-height: 2
}

.site-footer__nav dl dd a {
    color: rgba(255, 255, 255, .6);
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.site-footer__nav dl dd a:hover {
    color: #fff
}

.product_banner {
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media only screen and (max-width: 768px) {
    .product_banner {
        display: none
    }
}

.product_banner .product_con {
    position: relative;
    width: 100%;
    height: 100%
}

.product_banner .product_con .product_cont {
    position: absolute;
    right: 52%;
    width: 45%;
    margin-top: 73px;
    padding: 3%;
    background-color: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    color: #000
}

@media only screen and (max-width: 768px) {
    .product_banner .product_con .product_cont {
        position: inherit !important;
        right: auto;
        width: 100%;
        margin: 20px 0
    }
}

.product_banner .product_con .product_cont h1 {
    font-size: 64px;
    font-family: TiemannLTPro;
    font-display: swap;
    font-weight: 300;
    text-align: left;
    color: #000;
    line-height: 1.2;
    margin: 0
}

@media only screen and (max-width: 1700px) {
    .product_banner .product_con .product_cont h1 {
        font-size: 54px
    }
}

@media only screen and (max-width: 768px) {
    .product_banner .product_con .product_cont h1 {
        font-size: 30px
    }
}

.product_banner .product_con .product_cont p {
    font-size: 14px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: justify;
    color: #000;
    line-height: 19px;
    margin: 18px 0 64px
}

@media only screen and (max-width: 768px) {
    .product_banner .product_con .product_cont p {
        margin: 18px 0 30px
    }
}

.product_banner .product_con .product_cont .btn-group a.livae, .product_banner .product_con .product_cont .btn-group a.pro {
    border: 1px solid #000
}

.service-link {
    position: relative;
    min-height: 60px
}

@media only screen and (max-width: 768px) {
    .service-link {
        display: none
    }
}

.service-link_ul {
    list-style: none;
    padding: 0;
    width: 72.7%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.service-link_li {
    padding: 14px 2%;
    background: #fff;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.service-link_li img {
    margin-right: 20px
}

.service-link_li a {
    font-size: 12px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    color: #020202;
    line-height: 15px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.service-link_li a .service_first {
    font-size: 12px;
    font-family: Futura, Futura-Bold;
    font-weight: 700;
    color: #000;
    text-align: left
}

.service-link_li a .service_second {
    font-size: 12px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    color: #666;
    text-align: left;
    white-space: normal
}

.service-link_li a::before {
    width: 1px;
    height: 37px;
    background-color: #c8c8c8;
    content: "";
    position: absolute;
    left: 0
}

.service-link_li a:active, .service-link_li a:hover {
    color: #000
}

.service-link_li:first-child a::before {
    content: none
}

.phone-select {
    display: none
}

@media only screen and (max-width: 768px) {
    .phone-select {
        display: inline-block;
        padding: 0;
        position: absolute;
        top: 0;
        right: 10px
    }

    .phone-select_menu .menu-icon {
        width: 30px;
        height: 30px
    }
}

.phone-screen {
    display: block;
    position: relative
}

.phone-screen ul.first-ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 768px) {
    .phone-screen ul.first-ul {
        padding: 0 20px
    }
}

.phone-screen ul.first-ul li.first-li {
    margin: 10px 5px
}

@media only screen and (max-width: 768px) {
    .phone-screen ul.first-ul li.first-li {
        min-width: 20%;
        position: relative
    }
}

.phone-screen ul.first-ul li.first-li a.first-a {
    font-size: 12px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #000;
    line-height: 32px;
    letter-spacing: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.phone-screen ul.first-ul li.first-li a.first-a input {
    min-width: 160px;
    height: 40px;
    background: #fff;
    border: 1px solid #e8e8e8;
    padding-right: 40px;
    padding-left: 10px;
    margin-left: 10px
}

@media only screen and (max-width: 768px) {
    .phone-screen ul.first-ul li.first-li a.first-a input {
        display: none
    }
}

.phone-screen ul.first-ul li.first-li a.first-a input:focus {
    outline: 0
}

.phone-screen ul.first-ul li.first-li a.first-a svg {
    position: relative;
    left: -25px
}

@media only screen and (max-width: 768px) {
    .phone-screen ul.first-ul li.first-li a.first-a svg {
        position: inherit;
        left: 0;
        margin-left: 10px
    }
}

.phone-screen ul.first-ul li.first-li svg {
    transition: transform .4s ease, -webkit-transform .4s ease
}

.phone-screen ul.first-ul li.first-li ul.second-ul {
    width: auto;
    min-width: 190px;
    display: none;
    list-style: none;
    padding: 0;
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #e8e8e8
}

@media only screen and (max-width: 768px) {
    .phone-screen ul.first-ul li.first-li ul.second-ul {
        width: 100%;
        top: 35px;
        border: none;
        left: 0;
        margin-left: 0 !important
    }
}

.phone-screen ul.first-ul li.first-li ul.second-ul li.second-li {
    padding: 0 20px
}

.phone-screen ul.first-ul li.first-li ul.second-ul li.second-li a.second-a {
    padding: 12px 0;
    border-bottom: 1px solid #e8e8e8;
    font-size: 12px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-weight: 500;
    text-align: left;
    color: #555;
    line-height: 32px;
    letter-spacing: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.empty {
    height: calc(100vh - 481px);
    position: relative
}

@media only screen and (max-width: 768px) {
    .empty {
        height: calc(100vh - 120px)
    }
}

.empty-con {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

@media only screen and (max-width: 768px) {
    .empty-con {
        padding: 0 10px;
        width: 100%
    }
}

.empty-img {
    max-width: 200px;
    height: auto
}

.empty-h2 {
    font-size: 30px;
    font-family: PingFangSC;
    font-weight: 500;
    text-align: center;
    color: #dedede;
    line-height: 42px;
    margin: 10px 0 30px
}

.case {
    display: grid;
    grid-template-columns: 43% 43%;
    margin-top: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 768px) {
    .case {
        margin: 30px 10px
    }
}

.case__item {
    margin-bottom: 80px
}

.case__cover img {
    width: 100%
}

.case__title {
    margin-top: 26px;
    font-size: 18px;
    font-size: 24px;
    font-display: swap;
    font-family: Futura, Futura-Medium;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.case__title a {
    color: #000;
    font-size: 20px;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.case__time {
    color: #8D8D8D;
    margin-top: 5px
}

.home-banner {
    position: relative;
    z-index: 20;
    margin-bottom: 4.7vw
}

@media (min-width: 992px) {
    .home-banner {
        margin-bottom: 0;
        margin-top: 30px
    }
}

@media (max-width: 768px) {
    .home-banner {
        margin-bottom: 35px
    }
}

.home-banner__item {
    position: relative;
    height: calc(100vh - 30px);
    background-size: cover;
    background-position: center center
}

@media only screen and (max-width: 768px) {
    .home-banner__item {
        height: calc(100vh - 60px)
    }
}

.home-banner__detail {
    --primary-color: #fff;
    padding: 3.12vw 3.75vw;
    min-width: 402px;
    width: 35vw;
    color: #fff;
    position: absolute;
    top: 18%;
    overflow: hidden;
    z-index: 1;
    background-color: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px)
}

@media only screen and (max-width: 768px) {
    .home-banner__detail {
        width: 85vw;
        left: 0 !important;
        padding: 7vw;
        min-width: auto;
        color: #fff !important
    }
}

.home-banner__title {
    font-size: 34px;
    line-height: 1;
    font-family: TiemannLTPro;
    font-display: swap;
    margin: 10px 0;
    padding: 0
}

.home-banner__desc {
    font-size: 13px;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    margin: 0;
    padding: 0
}

.home-banner__link {
    margin-top: 24px;
    font-family: PingFangTC, PingFangTC-Medium;
    color: inherit
}

.home-banner__link:hover {
    color: inherit
}

@media only screen and (max-width: 768px) {
    .home-banner__link {
        color: #fff !important;
        border-color: #fff !important
    }
}

.home-banner__footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(60px + 3%);
    z-index: 10
}

.home-banner__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 5%
}

.home-banner__nav a {
    font-family: Futura, Futura-Medium;
    font-display: swap;
    font-size: 14px;
    color: #fff;
    padding: 5px 0
}

.home-banner__nav a.is-active, .home-banner__nav a:hover {
    border-bottom: 1px solid #fff
}

.home-banner__notice {
    position: absolute;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #000;
    color: #fff;
    z-index: 20
}

@media only screen and (max-width: 768px) {
    .home-banner__notice {
        bottom: auto;
        top: 0
    }
}

.home-banner__notice a {
    color: #fff
}

.home-banner__swiper {
    --swiper-navigation-color: #fff
}

.home-banner__swiper .swiper-button-next, .home-banner__swiper .swiper-button-prev {
    width: 53px;
    border-radius: 2px;
    height: 80px;
    background-image: none;
    top: 50%;
    margin-top: -40px
}

.home-banner__swiper .swiper-button-next:after, .home-banner__swiper .swiper-button-prev:after {
    font-size: 33px
}

.home-collection__item {
    position: relative
}

.home-collection__link {
    display: block
}

.home-collection__cover {
    width: 100%
}

.home-collection__mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d7d2c4;
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3.4vw 20px;
    color: #171a20;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.home-collection__item:hover .home-collection__mask {
    opacity: 1
}

@media screen and (max-width: 768px) {
    .home-collection__mask {
        display: none
    }
}

.home-collection__title {
    font-size: 24px;
    margin: 0;
    padding: 0;
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
    text-align: center;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-collection__item:hover .home-collection__title {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.home-collection__line {
    height: 24px;
    width: 1px;
    background: currentColor
}

.home-collection__more {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    --primary-color: #191C22;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-collection__item:hover .home-collection__more {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.home-collection__swiper {
    position: relative
}

.home-collection__nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px
}

@media screen and (min-width: 768px) {
    .home-collection__nav {
        display: none
    }
}

.home-collection__prev {
    left: 0
}

.home-collection__next {
    right: 0
}

.home-collection__pagination {
    position: absolute;
    --swiper-pagination-color: #f60
}

@media only screen and (max-width: 768px) {
    .home-seller {
        padding-left: 10vw;
        padding-right: 10vw
    }
}

.home-seller__nav {
    position: absolute;
    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;
    top: 50%;
    width: 26px;
    height: 32px;
    border: 2px solid #333;
    color: #333;
    margin-top: -46px;
    outline: 0;
    border-radius: 5px
}

.home-seller__nav.swiper-button-disabled {
    opacity: .5
}

@media screen and (max-width: 768px) {
    .home-seller__nav {
        display: none
    }
}

.home-seller__prev {
    left: -5%
}

.home-seller__next {
    right: -5%
}

.home-seller__more {
    --primary-color: #000;
    margin-top: 10px;
    height: 40px;
    line-height: 25px;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-seller__pagination {
    --swiper-pagination-color: #000;
    position: relative;
    position: static;
    height: 4px;
    margin: 0 20px 30px;
    background: 0 0
}

.home-seller__pagination:after {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E8E8E8
}

@media only screen and (max-width: 768px) {
    .home-wcu {
        background: #f8f8f8;
        padding-top: 35px;
        padding-bottom: 25px;
        margin-bottom: 0
    }
}

.home-wcu__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 7% 4%
}

@media screen and (max-width: 768px) {
    .home-wcu__grid {
        grid-template-columns: 1fr 1fr;
        padding: 0 20px;
        grid-gap: 0 4%
    }
}

.home-wcu__item {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .home-wcu__item {
        font-size: 16px;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.home-wcu__icon {
    width: 80px;
    height: 80px;
    margin-right: 1em
}

.home-wcu__icon img {
    max-width: 100%
}

@media screen and (max-width: 768px) {
    .home-wcu__icon {
        width: 100%;
        height: auto;
        margin-right: 0
    }

    .home-wcu__icon img {
        max-width: 3em
    }
}

.home-wcu__info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.home-wcu__info h3 {
    font-size: 1em;
    line-height: 40px;
    margin: 0;
    padding: 0;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-wcu__info p {
    font-size: .8em;
    color: #242424;
    font-family: Futura, Futura-Medium;
    font-display: swap;
    opacity: .6
}

@media (min-width: 768px) {
    .home-news {
        position: relative;
        margin-bottom: 100px
    }

    .home-news::after {
        position: absolute;
        content: "";
        height: calc(100% - 160px);
        top: 350px;
        width: 90%;
        background-color: #F1F1F1;
        left: 0
    }
}

@media only screen and (max-width: 768px) {
    .home-news {
        padding-left: 10vw;
        padding-right: 10vw;
        margin-top: 0
    }
}

.home-news__item {
    display: block;
    font-size: 14px;
    position: relative;
    color: #fff;
    overflow: hidden
}

.home-news__item:hover {
    color: #fff
}

.home-news__item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.home-news__item img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.home-news__info {
    position: absolute;
    height: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    padding: 0 15px;
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-news__info-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-news__info-time {
    font-size: 12px;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-news__item:hover .home-news__info {
    opacity: 0
}

@media screen and (max-width: 768px) {
    .home-news__info {
        background-color: rgba(0, 0, 0, .3)
    }
}

.home-news__info2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25% 18.5%;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-news__info2-title {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-news__info2-time {
    font-size: 12px;
    margin-top: 7%;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-news__info2-desc {
    margin-top: 5%;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-news__item:hover .home-news__info2 {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    background-color: rgba(0, 0, 0, .5)
}

.home-news__tag {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-size: 16px;
    background-color: rgba(0, 0, 0, .8);
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

@media screen and (max-width: 768px) {
    .home-news__tag {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: block
    }
}

.home-news__item:hover .home-news__tag {
    opacity: 0
}

.home-news__pagination {
    --swiper-pagination-color: #000;
    position: relative;
    position: static;
    height: 4px;
    margin: 0 20px 30px;
    background: 0 0
}

.home-news__pagination:after {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E8E8E8
}

.home-desginer {
    margin-top: 100px
}

@media screen and (max-width: 768px) {
    .home-desginer {
        background-color: #faf9f7;
        padding-top: 155px;
        margin-top: -155px
    }
}

.home-desginer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0 40px 2vw;
    background-color: #faf9f7;
    color: #000
}

@media screen and (max-width: 768px) {
    .home-desginer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        padding-bottom: 0
    }
}

.home-desginer__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home-desginer__img img {
    width: 100%
}

.home-desginer__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 2vw
}

@media only screen and (max-width: 768px) {
    .home-desginer__info {
        padding: 0 10vw 25px
    }
}

.home-desginer__sub-title {
    font-size: 12px;
    color: #000;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-desginer__name {
    font-size: 28px;
    font-family: TiemannLTPro, TiemannLTPro-Light;
    font-display: swap
}

@media (min-width: 992px) {
    .home-desginer__name {
        font-size: 52px
    }
}

@media only screen and (max-width: 768px) {
    .home-desginer__name {
        margin-top: 20px;
        font-size: 24px
    }
}

.home-desginer__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #444;
    padding: 20px 0;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-desginer__signature {
    text-align: right
}

.home-case {
    margin-top: 100px
}

@media screen and (max-width: 768px) {
    .home-case {
        margin-top: 35px;
        padding: 0 15px
    }
}

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

@media screen and (max-width: 768px) {
    .home-case__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.home-case__cover {
    position: relative
}

@media (min-width: 992px) {
    .home-case__cover {
        width: 56vw
    }
}

.home-case__cover__bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .home-case__cover__bg {
        height: 61vw
    }
}

.home-case__pagination {
    --swiper-pagination-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    display: none
}

@media screen and (max-width: 768px) {
    .home-case__pagination {
        display: block
    }
}

.home-case__pagination .swiper-pagination-bullet {
    background: #fff
}

.home-case__pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 10px
}

.home-case__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3.6vw 6.9vw 3.1vw 3.1vw;
    background: #ededed
}

@media (min-width: 992px) {
    .home-case__main {
        width: 43.75%
    }
}

@media screen and (max-width: 768px) {
    .home-case__main {
        background: 0 0
    }
}

.home-case__main .home-title {
    margin: 0 0 10px
}

.home-case__main .home-title h2 {
    margin: 0
}

@media screen and (max-width: 768px) {
    .home-case__main {
        padding: 10px 0;
        margin-top: 5px
    }
}

.home-case__title {
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: TiemannLTPro, TiemannLTPro-Light;
    font-display: swap
}

.home-case__desc {
    font-size: 16px;
    margin-top: 10px;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

@media screen and (min-width: 768px) {
    .home-case__desc {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.home-case__product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 3.75vw
}

@media screen and (max-width: 768px) {
    .home-case__product {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.home-case__product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

@media screen and (max-width: 768px) {
    .home-case__product-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.home-case__product-item:first-child {
    margin-bottom: 1.9vw
}

@media screen and (max-width: 768px) {
    .home-case__product-item:first-child {
        margin-right: 15px
    }
}

.home-case__product-cover {
    width: 8.7vw;
    margin-right: 1.5vw
}

@media screen and (max-width: 768px) {
    .home-case__product-cover {
        width: 100%
    }
}

.home-case__product-cover img {
    width: 100%;
    height: 100%
}

.home-case__product-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 768px) {
    .home-case__product-info {
        width: 100%
    }
}

.home-case__product-title {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

@media screen and (max-width: 768px) {
    .home-case__product-title {
        margin-top: 20px
    }
}

.home-case__product-title a {
    color: #000
}

.home-case__product-modal {
    color: #444;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

@media screen and (max-width: 768px) {
    .home-case__product-arrow {
        display: none
    }
}

.home-case__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3.75vw
}

.home-case__footer .home-case__btn a {
    font-family: PingFangSC, PingFangSC-Medium
}

@media screen and (max-width: 768px) {
    .home-case__footer {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 6vw
    }
}

.home-case__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .home-case__nav {
        display: none
    }
}

.home-case__nav a {
    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;
    width: 28px;
    height: 28px;
    border: 1px solid #000;
    color: #000;
    border-radius: 2px
}

.home-case__nav a + a {
    margin-left: 10px
}

.home-case__nav a.swiper-button-disabled {
    opacity: .6
}

.home-video {
    position: relative;
    margin-top: 100px
}

@media only screen and (max-width: 768px) {
    .home-video {
        margin-top: 0
    }
}

.home-video__inner {
    height: 30vw;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 768px) {
    .home-video__inner {
        height: 84.4vw
    }
}

.home-video__video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.home-video__play {
    position: absolute;
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
    top: 50%;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

@media (max-width: 768px) {
    .home-video__play {
        left: 50%
    }
}

.home-video .video-pause {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    left: 0;
    display: none
}

.home-video__info {
    position: absolute;
    right: 12.76vw;
    top: 20%;
    padding: 3vw 3.5vw;
    z-index: 2;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 10px 3px rgba(0, 0, 0, .08)
}

@media screen and (max-width: 768px) {
    .home-video__info {
        position: relative;
        width: 79vw;
        margin: -29vw auto 0;
        left: auto;
        right: auto;
        z-index: 3;
        padding: 6vw 7.5vw
    }
}

.home-video__desc {
    font-display: swap
}



.home-gg {
    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;
    height: 16vw;
    background-attachment: fixed;
    background-size: 100%;
    padding-top: 0
}

@media screen and (max-width: 768px) {
    .home-gg {
        height: 40vw
    }
}

.home-gg__inner {
    width: 32vw;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .home-gg__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.home-gg__inner a {
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-gg__name {
    font-size: 24px;
    color: #fff;
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-contact {
    background-color: #000;
    color: #fff;
    font-size: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 4.7vw
}

@media screen and (max-width: 768px) {
    .home-contact {
        margin-bottom: 0;
        padding-bottom: 5vw
    }
}

.home .home-contact {
    margin-top: 0
}

.home-contact .j-btn {
    font-family: Futura, Futura-Medium;
    font-display: swap
}

.home-contact .home-title h2 {
    color: #fff
}

@media screen and (max-width: 768px) {
    .home-contact .home-title h2 {
        margin-top: 7vw;
        margin-bottom: 5vw
    }
}

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

.home-contact__address {
    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;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home-contact__address p + p {
    margin-top: 15px
}

.home-contact__way {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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;
    margin-left: 15px
}

.home-contact__way-icon {
    font-size: 15px
}

.home-contact__way-icon img {
    width: 1em;
    height: 1em
}

.home-contact__way-item {
    white-space: nowrap
}

.home-contact .site-footer__share {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-inquiry .j-inquiry-form_field:last-child {
    text-align: center
}

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

@media only screen and (max-width: 768px) {
    .product-detail__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-detail__cover {
    width: 40%
}

@media only screen and (max-width: 768px) {
    .product-detail__cover {
        width: 100%
    }
}

.product-detail__base {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 2.6vw
}

@media screen and (max-width: 768px) {
    .product-detail__base {
        padding: 0
    }
}

@media (min-width: 768px) {
    .product-detail__base #inquiry-form .j-prod-info_btn {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.product-detail__content {
    margin-top: 20px
}

@media only screen and (max-width: 768px) {
    .product-detail__content {
        padding: 0
    }
}

.product-detail__tab {
    border-bottom: 1px solid #e8e8e8
}

.product-detail__tab li {
    position: relative;
    min-width: 160px
}

.product-detail__tab li a {
    display: block;
    line-height: 40px;
    font-size: 16px;
    color: #000;
    padding: 0 20px;
    width: 100%;
    text-align: center
}

.product-detail__tab li.r-tabs-state-active {
    font-weight: 700
}

.product-detail__tab li.r-tabs-state-active::after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: 0;
    right: 0
}

.product-detail__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .product-detail__btn {
        display: none
    }
}

.product-detail__btn a {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #000;
    background-color: #fff
}

.product-detail__btn a:nth-child(2) {
    color: #fff;
    background-color: #000
}

.j-showcase {
    width: 100%
}

.j-showcase_large {
    position: relative;
    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
}

.j-showcase_large_pic {
    width: 100%
}

@media only screen and (max-width: 768px) {
    .j-showcase_large {
        display: none
    }
}

.j-showcase_video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000
}

.j-showcase_video video {
    width: 100%;
    height: 100%
}

.j-showcase_play {
    display: none;
    position: absolute;
    font-size: 60px;
    line-height: 1;
    color: rgba(0, 0, 0, .5);
    cursor: pointer;
    z-index: 1100
}

.j-showcase_thumnbs {
    position: relative;
    background-color: #fff;
    margin-top: 20px
}

@media only screen and (max-width: 768px) {
    .j-showcase_thumnbs {
        display: none
    }
}

.j-showcase_thumnbs .swiper-slide {
    cursor: pointer
}

.j-showcase_thumnbs-img {
    opacity: .7;
    width: 100%;
    display: none
}

.j-showcase_thumnbs-img.xactive {
    opacity: 1
}

.swiper-container-initialized .j-showcase_thumnbs-img {
    display: block
}

.j-showcase_thumnbs_btn {
    position: absolute;
    height: 24px;
    color: #fff;
    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;
    width: 28px;
    background-color: transparent;
    top: 50%;
    z-index: 100;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center
}

.j-showcase_thumnbs_btn svg {
    display: block;
    color: rgba(0, 0, 0, .5);
    font-size: 25px
}

.j-showcase_thumnbs_btn.swiper-button-disabled {
    display: none
}

.j-showcase_thumnbs_next {
    right: 10px;
    display: none
}

.j-showcase_thumnbs_next svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.j-showcase_thumnbs_prev {
    left: 10px;
    display: none
}

.j-showcase_thumnbs_prev svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.j-showcase_thumnbs_item {
    position: relative
}

.j-showcase_thumnbs:hover .j-showcase_thumnbs_next, .j-showcase_thumnbs:hover .j-showcase_thumnbs_prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.j-showcase_preview {
    display: none;
    position: absolute;
    left: 100%;
    height: 100%;
    width: 100%;
    top: 0;
    overflow: hidden
}

.j-showcase .swiper-wrapper {
    height: auto
}

.j-prod-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 35px 20px 10px;
    background-color: #fff;
    min-height: 100%
}

@media only screen and (max-width: 768px) {
    .j-prod-info {
        padding: 0
    }
}

.j-prod-info_like {
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .j-prod-info_like {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.j-prod-info_like-icon {
    cursor: pointer
}

.j-prod-info_like svg {
    vertical-align: middle
}

.j-prod-info_like:after {
    content: attr(data-qyt);
    margin-left: 10px;
    color: #000
}

@media only screen and (max-width: 768px) {
    .j-prod-info_like:after {
        margin-left: 0
    }
}

.j-prod-info_like[data-qyt="0"]:after {
    content: none
}

.j-prod-info_like.is-like {
    color: red
}

.j-prod-info_title {
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    min-width: 0
}

@media only screen and (max-width: 768px) {
    .j-prod-info_title {
        font-size: 18px
    }
}

.j-prod-info_modal {
    font-size: 16px;
    margin-top: 10px
}

.j-prod-info_desc {
    color: #666;
    margin-top: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    margin-bottom: 15px
}

.j-prod-info_attr {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 5px 20px;
    font-size: 14px;
    line-height: 24px
}

.j-prod-info_attr dt {
    color: #8790A6;
    font-weight: 400;
    white-space: nowrap
}

.j-prod-info_attr dd {
    color: #0F214E
}

.j-prod-info .attribute dl {
    margin-bottom: 5px
}

.j-prod-info_space {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#skypedetectioncontainer {
    z-index: 1200
}

.xzoom-lens img, .xzoom-preview img, .xzoom-source img {
    display: block;
    max-width: none;
    max-height: none;
    -webkit-transition: none;
    transition: none
}

.xzoom-container {
    display: inline-block
}

.xzoom-thumbs {
    text-align: center;
    margin-bottom: 10px
}

.xzoom, .xzoom2, .xzoom3, .xzoom4, .xzoom5 {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5)
}

.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
    border: 1px solid #f0f0f0;
    margin-left: 5px;
    margin-bottom: 10px
}

.xzoom-preview, .xzoom-source {
    z-index: 800
}

.xzoom-hidden, .xzoom-source {
    display: block;
    position: static;
    float: none;
    clear: both;
    overflow: hidden
}

.xzoom-hidden {
    overflow: hidden
}

.xzoom-preview {
    border: 1px solid #f0f0f0;
    background: #2f4f4f;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.xzoom-lens {
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    cursor: crosshair
}

.xzoom-loading {
    border-radius: 100%;
    opacity: .7;
    background: url(https://asset.site.joinf.com/duona/images/xloading.gif);
    width: 48px;
    height: 48px
}

.xzoom-caption {
    position: absolute;
    bottom: -43px;
    left: 0;
    background: #000;
    width: 100%;
    text-align: left
}

.xzoom-caption span {
    color: #fff;
    font-family: Arial, sans-serif;
    display: block;
    font-size: .75em;
    font-weight: 700;
    padding: 10px
}

.j-tab_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.j-tab_header:after, .j-tab_header:before {
    content: none
}

.j-tab_header .navbar-right {
    margin-right: 0
}

.j-tab_list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    list-style: none;
    padding: 0;
    overflow: hidden
}

.j-tab_item {
    height: 28px;
    line-height: 28px;
    border-left: 1px solid #d3d2d1
}

.j-tab_item a {
    color: var(--main-text-color) !important;
    opacity: .7;
    padding: 0 23px
}

.j-tab_item a:hover {
    opacity: 1
}

.j-tab_item.active a {
    background-color: transparent !important;
    opacity: 1;
    text-decoration: underline;
    -webkit-text-decoration-color: var(--primary-color);
    text-decoration-color: var(--primary-color)
}

.j-tab .tab-pane {
    padding: 20px 15px
}

.j-prod-swiper {
    position: relative
}

.j-prod-swiper_arrow {
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 22px
}

.j-prod-swiper_arrow .swiper-button-disabled {
    opacity: .5
}

.rtl .j-prod-swiper_arrow {
    right: auto;
    left: 0
}

.j-prod-swiper_next {
    margin-left: 20px
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none
}

.r-tabs .r-tabs-accordion-title, .r-tabs .r-tabs-panel {
    display: none
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block
}

@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none
    }

    .r-tabs .r-tabs-accordion-title {
        display: block
    }
}

.r-tabs-accordion-title {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e8e8e8
}

.r-tabs-accordion-title a {
    position: relative;
    display: block;
    font-size: 18px;
    color: #000
}

.r-tabs-accordion-title a:after {
    content: '+';
    position: absolute;
    line-height: 50px;
    right: 10px;
    top: 0
}

.r-tabs-accordion-title.r-tabs-state-active a:after {
    content: '-'
}

@media only screen and (max-width: 768px) {
    .r-tabs-panel {
        border-bottom: 1px solid #e8e8e8
    }
}

.article {
    padding-top: 20px
}

.article p {
    min-height: 1em
}

.article img, .article video {
    max-width: 100%;
    max-height: none
}

@media screen and (max-width: 768px) {
    .article img, .article video {
        height: auto !important
    }
}

.m-showcase__pagination {
    --swiper-pagination-color: #000;
    position: relative;
    position: static;
    height: 4px;
    width: 40%;
    background: 0 0;
    margin: 0 10px
}

.m-showcase__pagination-wrap {
    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;
    margin-top: 20px
}

.m-showcase__pagination:after {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E8E8E8
}

.m-showcase img {
    width: 100%
}

.attribute dt {
    margin-bottom: 15px;
    font-weight: 400
}

.attribute dd {
    margin-bottom: 15px
}

.attr-label {
    display: inline-block;
    color: #666;
    background-color: #FFF;
    margin-right: 7px;
    margin-bottom: 4px
}

.attr-label a {
    height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 22px;
    border: 1px solid #e8e8e8;
    padding: 0 13px;
    display: block;
    white-space: nowrap;
    color: #666;
    text-decoration: none !important
}

.attr-label.selected a {
    border: 1px solid #e3393c;
    color: #333
}

.attr-label.disabled a {
    opacity: .5;
    border: 1px dashed #898989;
    cursor: not-allowed;
    color: #999
}

.product-related {
    margin-top: 80px
}

@media only screen and (max-width: 768px) {
    .product-related {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 40px
    }
}

.product-related h2 {
    text-align: center;
    margin-bottom: 70px
}

@media only screen and (max-width: 768px) {
    .product-related h2 {
        margin-bottom: 30px;
        text-align: left
    }
}

.product-related__nav {
    position: absolute;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    width: 26px;
    height: 32px;
    border: 2px solid #333;
    color: #333;
    margin-top: -46px;
    outline: 0;
    border-radius: 5px
}

.product-related__nav.swiper-button-disabled {
    opacity: .5
}

@media screen and (max-width: 768px) {
    .product-related__nav {
        display: none !important
    }
}

.product-related:hover .product-related__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-related__prev {
    left: -5%
}

.product-related__next {
    right: -5%
}

.product-related__more {
    --primary-color: #000;
    margin-top: 10px
}

.product-related__pagination {
    --swiper-pagination-color: #000;
    position: relative;
    position: static;
    height: 4px;
    margin: 0 20px 30px;
    background: 0 0
}

.product-related__pagination:after {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E8E8E8
}

.inquiry-prod {
    padding: 0 15px
}

.inquiry-prod + .inquiry-prod {
    margin-top: 20px
}

.inquiry-prod__check {
    margin-right: 10px
}

.inquiry-prod__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #E8E8E8
}

@media screen and (max-width: 768px) {
    .inquiry-prod__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.inquiry-prod__cover {
    width: 200px
}

.inquiry-prod__cover a {
    display: block
}

.inquiry-prod__cover a img {
    display: block;
    width: 100%
}

@media screen and (max-width: 768px) {
    .inquiry-prod__cover {
        width: 80px
    }
}

.inquiry-prod__info {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

@media screen and (max-width: 768px) {
    .inquiry-prod__info {
        padding: 10px
    }
}

.inquiry-prod__title {
    font-size: 18px;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.inquiry-prod__title a {
    color: #000
}

.inquiry-prod__modal {
    color: #888;
    font-size: 12px;
    margin-top: 10px
}

.inquiry-prod__number {
    margin-top: 30px
}

.inquiry-prod__del {
    padding-right: 100px
}

@media screen and (max-width: 768px) {
    .inquiry-prod__del {
        padding-right: 0
    }
}

.inquiry-prod__del a {
    color: #000
}

.j-inquiry-form {
    display: grid;
    background-color: #fff;
    grid-template-columns: 1fr 1fr;
    padding: 0 15px;
    grid-gap: 20px
}

@media screen and (max-width: 768px) {
    .j-inquiry-form {
        grid-template-columns: 1fr
    }
}

.j-inquiry-form_field {
    position: relative;
    z-index: 0
}

.j-inquiry-form_field.span-2 {
    grid-column: span 2
}

@media screen and (max-width: 768px) {
    .j-inquiry-form_field.span-2 {
        grid-column: span 1
    }
}

.j-inquiry-form_label {
    display: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--main-text-color);
    line-height: 18px;
    margin-bottom: 10px
}

.is-required .j-inquiry-form_label:before {
    content: '*';
    color: #F56C6C
}

.j-inquiry-form_tip {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 12px;
    color: #F56C6C;
    line-height: 20px
}

.j-inquiry-form .j-inquiry-form_field.is-required .input-group::before {
    position: absolute;
    color: #D7000F;
    content: "*";
    line-height: 40px;
    left: 10px;
    top: 0;
    z-index: 10
}

.j-inquiry-form .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    position: relative
}

.j-inquiry-form .input-group .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    padding: 9px 16px
}

.j-inquiry-form .input-group .select2-selection__arrow {
    height: 38px
}

.j-inquiry-form .input-group.is-error .form-control, .j-inquiry-form .input-group.is-error .select2-container--default .select2-selection--single {
    border-color: #F56C6C
}

.j-inquiry-form .input-group .select2-selection--single {
    height: 40px !important
}

.j-inquiry-form .input-group .select2-selection__rendered {
    line-height: 40px !important;
    padding-left: 16px !important
}

.j-inquiry-form textarea {
    min-height: 150px
}

@media only screen and (max-width: 768px) {
    .j-inquiry-form_field:last-child {
        text-align: center
    }
}

.story-banner {
    position: relative;
    z-index: 39
}

@media (max-width: 768px) {
    .story-banner {
        display: none
    }
}

.story-banner__title {
    position: absolute;
    left: 50%;
    top: calc(50% - 30px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 80px;
    font-family: TiemannLTPro;
    font-display: swap
}

.story-banner__nav {
    position: absolute;
    bottom: 60px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1000
}

.sticky-wrapper.is-sticky .story-banner__nav {
    bottom: auto
}

.story-banner__item {
    display: block;
    line-height: 60px;
    position: relative;
    color: #fff;
    min-width: 200px;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    font-size: 16px
}

.story-banner__item:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    right: 0;
    background-color: rgba(255, 255, 255, .4)
}

.story-banner__item:last-child:after {
    content: none
}

.story-banner__item:active, .story-banner__item:focus, .story-banner__item:hover {
    color: #fff
}

.story-banner__item.is-active {
    background-color: #000
}

.story-generate__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px
}

@media only screen and (max-width: 768px) {
    .story-generate__grid {
        grid-template-columns: 1fr;
        padding: 0 15px
    }
}

.story-generate__title h2 {
    display: inline-block;
    font-size: 40px;
    font-family: TiemannLTPro;
    font-display: swap;
    padding: 10px 30px;
    line-height: 1;
    background-color: #000;
    color: #fff;
    margin-bottom: 5px
}

.story-generate__title h4 {
    font-size: 16px
}

.story-generate__content {
    padding-top: 30px;
    border-top: 2px solid #000
}

.story-generate__content p {
    font-size: 16px
}

.story-generate__content p + p {
    margin-top: 15px
}

.story-profile__grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width: 768px) {
    .story-profile__grid {
        grid-template-columns: 1fr
    }
}

.story-profile__img {
    width: 80%;
    position: relative;
    justify-self: end
}

.story-profile__img img {
    position: relative;
    z-index: 2
}

.story-profile__img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f1f1;
    z-index: 1;
    -webkit-transform: translate(-14%, 10%);
    transform: translate(-14%, 10%)
}

.story-profile__content {
    padding-top: 50px;
    padding-left: 50px
}

@media only screen and (max-width: 768px) {
    .story-profile__content {
        padding: 15px
    }
}

@media (min-width: 992px) {
    .story-profile__content .home-title {
        margin-bottom: 60px
    }
}

.story-profile__content h2 {
    margin-bottom: 10px
}

.story-profile__content p {
    padding: 0 40px;
    font-size: 16px
}

.story-profile__content p + p {
    margin-top: 15px
}

@media only screen and (max-width: 768px) {
    .story-profile__content p {
        padding: 0
    }
}

@media (min-width: 992px) {
    .story-development {
        padding-top: 210px
    }
}

.story-development .home-title {
    margin-bottom: 0
}

.story-development__info {
    position: absolute;
    width: 41vw;
    top: -10%;
    left: -2%;
    min-height: 100%;
    background-color: rgba(241, 241, 241, .7);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    padding-left: 3.6vw;
    padding-right: 3.6vw;
    padding-top: 3.6vw
}

@media only screen and (max-width: 768px) {
    .story-development__info {
        position: static;
        width: 100%;
        padding: 15px
    }
}

@media (min-width: 992px) {
    .story-development__info .home-title h2 {
        margin-bottom: 55px
    }
}

.story-development__list li {
    font-size: 16px
}

.story-development__list li + li {
    margin-top: 20px
}

.story-partner__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

@media only screen and (max-width: 768px) {
    .story-partner__grid {
        grid-template-columns: 1fr 1fr;
        padding: 0 15px
    }
}

.story-partner img {
    max-width: 100%;
    max-height: unset
}

.story-partner__info {
    width: 50%
}

@media (min-width: 992px) {
    .story-contact .home-title {
        margin-bottom: 120px
    }
}

.story-contact__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 85px 10px
}

@media only screen and (max-width: 768px) {
    .story-contact__grid {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }
}

.story-contact h3 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 25px
}

.story-contact ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.story-contact ul li {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 16px
}

.story-contact ul li + li {
    margin-top: 20px
}

.story-contact__text {
    -ms-flex-item-align: center;
    align-self: center
}

.story-contact__text.is-right {
    padding: 0 30% 0 10%
}

.story-contact__text.is-left {
    padding: 0 10% 0 30%
}

@media only screen and (max-width: 768px) {
    .story-contact__text {
        padding: 0 15px !important
    }
}

.story-contact__img {
    position: relative;
    width: 80%
}

@media only screen and (max-width: 768px) {
    .story-contact__img {
        padding: 0 15px !important;
        width: 100%
    }
}

.story-contact__img img {
    position: relative;
    width: 100%;
    z-index: 2
}

.story-contact__img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f1f1;
    z-index: 1
}

@media only screen and (max-width: 768px) {
    .story-contact__img:after {
        content: none
    }
}

.story-contact__img.is-right {
    justify-self: start
}

.story-contact__img.is-right::after {
    -webkit-transform: translate(27%, -18%);
    transform: translate(27%, -18%)
}

.story-contact__img.is-left {
    justify-self: end
}

.story-contact__img.is-left::after {
    -webkit-transform: translate(-27%, -18%);
    transform: translate(-27%, -18%)
}

.is-hide {
    display: none !important
}

.p_r {
    position: relative
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0
}

.d-flex.row::before, .d-flex.row:after {
    content: none
}

@media screen and (max-width: 768px) {
    .d-flex .col-md-6 {
        width: 100%
    }
}

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

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

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

.flex_1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.w100p {
    width: 100%
}

.select2.select2-container.select2-container--default {
    border-radius: 0
}

.select2.select2-container.select2-container--default:focus {
    outline: 0
}

.select2.select2-container.select2-container--default:focus .select2-selection.select2-selection--single {
    border: 1px solid #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.select2.select2-container.select2-container--default .select2-selection.select2-selection--single {
    border-radius: 0
}

.select2.select2-container.select2-container--default .select2-selection.select2-selection--single:focus {
    outline: 0;
    border: 1px solid #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.swiper-pagination.technology-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    width: 1vw
}

.visible-xs-block.visible-sm-block.phone_home {
    position: sticky;
    top: 0;
    z-index: 30;
    background-color: #fff
}

#cmsFloatPanel .ctrolPanel {
    bottom: 24px;
    top: unset;
    height: unset;
    width: unset
}

#cmsFloatPanel .servicePanel {
    bottom: -100px;
    top: unset
}

#cmsFloatPanel .qrcodePanel {
    bottom: 100px;
    top: unset
}

#cmsFloatPanel .ctrolPanel div {
    width: 67px;
    height: 67px;
    font-size: 10px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    background-color: #dcdedd;
    line-height: 10px;
    border-radius: 2px
}

#cmsFloatPanel .ctrolPanel div:hover {
    cursor: pointer
}

#cmsFloatPanel .ctrolPanel div + div {
    margin-top: 2px
}

#cmsFloatPanel .ctrolPanel i {
    font-size: 36px
}

#cmsFloatPanel .ctrolPanel .skype, #cmsFloatPanel .ctrolPanel .whatsapp {
    display: block;
    margin: 2px auto
}

#cmsFloatPanel .qrcodePanel {
    right: 87px
}

#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel {
    -webkit-box-shadow: 0 20px 30px 0 rgba(15, 33, 78, .3);
    box-shadow: 0 20px 30px 0 rgba(15, 33, 78, .3)
}

.chat-dialog {
    --primary-color: #0F214E;
    position: fixed;
    width: 161px;
    right: -141px;
    background-color: #fff;
    z-index: 2000;
    border-radius: 4px;
    -webkit-box-shadow: 0 20px 30px 0 rgba(15, 33, 78, .3);
    box-shadow: 0 20px 30px 0 rgba(15, 33, 78, .3);
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s
}

.chat-dialog.is-visible {
    opacity: 1;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.chat-dialog__content {
    padding: 14px 12px 24px
}

.chat-dialog__header {
    position: relative;
    height: 32px;
    background: #2D69FF;
    padding: 0 12px;
    line-height: 32px;
    color: #fff;
    border-radius: 4px
}

.chat-dialog__btn {
    text-align: center
}

.chat-dialog__btn .j-btn {
    width: 137px;
    height: 32px;
    border: 1px solid #2d69ff;
    border-radius: 2px;
    background: #fff;
    color: #2d69ff
}

.chat-dialog__close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px
}

.chat-dialog__close img {
    width: 16px;
    height: 16px;
    margin-top: -4px
}

.chat-dialog__shade {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    background: #0f214e
}

#cmsFloatPanel .ctrolPanel img {
    margin-bottom: 0
}

.isOnline {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #999;
    position: absolute;
    top: 0;
    right: 0
}

#cmsFloatPanel .ctrolPanel .arrow-panel {
    margin-top: 10px;
    border: none
}

#cmsFloatPanel .skypePanel, #cmsFloatPanel .whatsappPanel {
    width: 138px;
    position: fixed;
    right: 87px;
    top: 200px;
    z-index: 2500;
    overflow: visible;
    display: none
}

#cmsFloatPanel .sharePanel {
    width: 280px;
    height: 90px;
    position: fixed;
    right: 87px;
    top: 255px;
    z-index: 10000;
    overflow: visible;
    display: none
}

#cmsFloatPanel .sharePanel .sharePanel-inner {
    width: 280px;
    position: relative;
    overflow: visible
}

#cmsFloatPanel .sharePanel .sharePanel-inner .arrowPanel {
    width: 10px;
    height: 30px;
    position: absolute;
    right: 1px;
    top: 15px
}

#cmsFloatPanel .sharePanel .sharePanel-inner .arrowPanel .arrow01 {
    border-left: 10px solid #fff;
    left: 1px
}

#cmsFloatPanel .sharePanel .sharePanel-inner .arrowPanel .arrow02 {
    border-left: 10px solid #fff
}

#cmsFloatPanel .sharePanel .sharePanel-inner .formPanel {
    width: 270px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 20px 30px 0 rgba(15, 33, 78, .3);
    box-shadow: 0 20px 30px 0 rgba(15, 33, 78, .3)
}

#cmsFloatPanel .sharePanel .sharePanel-inner .formPanel .formPanel-hd {
    height: 32px;
    font-family: 微软雅黑;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-indent: 10px;
    background: url(https://asset.site.joinf.com/duona/img/cmsfloatformpanel-hd-bg.gif) no-repeat
}

#cmsFloatPanel .sharePanel .sharePanel-inner .formPanel .formPanel-hd a {
    width: 32px;
    height: 32px;
    font-family: 宋体;
    font-size: 12px;
    color: #fff;
    line-height: 32px;
    letter-spacing: 1px;
    text-indent: 0;
    display: block;
    float: right
}

#cmsFloatPanel .sharePanel .sharePanel-inner .formPanel .formPanel-hd a span {
    display: none
}

#cmsFloatPanel .sharePanel .sharePanel-inner .formPanel .formPanel-bd {
    padding: 0;
    overflow: hidden
}

#cmsFloatPanel .sharePanel .sharePanel-inner .formPanel .formPanel-bd p {
    font-size: 12px;
    color: #666;
    line-height: 22px;
    overflow: hidden
}

#cmsFloatPanel .sharePanel .sharePanel-inner .formPanel .formPanel-ft {
    height: 30px;
    background: #f4f4f4;
    text-align: right;
    padding: 0 10px;
    overflow: hidden
}

#cmsFloatPanel .sharePanel .sharePanel-inner .formPanel .formPanel-ft a {
    font-size: 12px;
    color: #999;
    line-height: 30px;
    letter-spacing: 1px
}

#cmsFloatPanel .messagePanel {
    width: 410px;
    height: 568px;
    position: fixed;
    right: 87px;
    bottom: 24px;
    top: auto;
    overflow: visible;
    display: none;
    z-index: 2001
}

#cmsFloatPanel .messagePanel .messagePanel-inner {
    width: 400px;
    position: relative;
    overflow: visible
}

#cmsFloatPanel .messagePanel .messagePanel-inner .messageBoxPanel {
    background: #fff;
    width: 400px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 30px 0 rgba(59, 134, 255, .05);
    box-shadow: 0 10px 30px 0 rgba(59, 134, 255, .05)
}

#cmsFloatPanel .messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-hd {
    width: 400px;
    height: 55px;
    background: #333;
    color: #fff;
    padding: 0 20px;
    line-height: 55px;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#cmsFloatPanel .messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-hd i {
    font-size: 20px;
    line-height: 55px;
    cursor: pointer
}

#cmsFloatPanel .messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-hd img {
    width: 20px;
    margin-right: 6px
}

#cmsFloatPanel .messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd {
    padding: 20px
}

#cmsFloatPanel .messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd .message-item {
    width: 100%;
    height: 36px;
    margin-top: 5px;
    margin-bottom: 18px;
    line-height: 36px;
    padding: 0 10px;
    border: 1px solid #D3D2D1;
    border-radius: 2px;
    color: #333
}

#cmsFloatPanel .messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd .message-warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    line-height: 18px
}

#cmsFloatPanel .messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd .message-warning i {
    margin-right: 5px;
    font-size: 16px;
    color: #2D5994
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

::-ms-input-placeholder {
    color: #999
}

::placeholder {
    color: #999
}

#cmsFloatPanel .messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd textarea.message-item {
    height: 90px
}

#cmsFloatPanel .messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd .message-button {
    background: #000;
    color: #fff;
    border: none;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    width: 108px
}

ul {
    list-style: none
}

* {
    margin: 0;
    padding: 0
}

#cmsFloatPanel ul {
    margin: 0
}

#cmsFloatPanel ul li {
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.siderbarCartNum {
    position: absolute;
    right: 4px;
    top: 4px;
    background: red;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    padding: 3px
}