@charset "UTF-8";
/*********************************************************************************

    Template Name: Wenro Multipurpose  Bootstrap 4 Template
    Template URI: https://themeforest.net/user/hastech
    Description: Wenro is a beautifula and unique multipurpose Bootstrap 4 template.
    Author: HasTech
    Author URI: https://hastech.company/
    Version: 1.0
    Note: This is style css.


**********************************************************************************/
/*===============================================================================
      [ CSS INDEX ]
=================================================================================

    reset
    typography
    helper class
    button
    section-title
    slide-activation
    social-icon
    popup
    cartbox
    setting-box
    header
    navigation
    banner
    welcome-area
    testimonial
    product
    shop-colection
    newsletter
    slider
    look-book
    brand
    blog
    add-banner
    hot-banner
    recent-post
    instagram
    video-area
    info
    module-product
    bradcaump
    single-product
    sidebar
    blog-details
    portfolio
    about
    team
    error
    contact
    faq
    myaccount
    cart
    wishlist
    checkout
    shop-single
    footer

// Needed Files
@import 'variables';
@import 'mixins';



/*******************
Basic Styles
********************/
/* 第一層 */
/* 第二層 */
/* 第三層 */
/*********************************************************************************

	Template Name: Template full name
	Template URI: https://themeforest.net/user/
	Description: Template description
	Author: author name
	Author URI: author uri
	Version: 1.0

	Note: This is plugins. All plugins files import here.

**********************************************************************************/
/* 第一層 */
/* 第二層 */
/* 第三層 */
/*! Bootstrap v4.1.1 (https://getbootstrap.com/) Copyright 2011-2018 The Bootstrap Authors Copyright 2011-2018 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
; }

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

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }

@-ms-viewport { width: device-width; }

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

[tabindex="-1"]:focus { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

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

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

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

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

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

sub { bottom: -.25em; }

sup { top: -.5em; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; }

a:not([href]):not([tabindex]):focus { outline: 0; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg:not(:root) { overflow: hidden; }

table { border-collapse: collapse; }

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

th { text-align: inherit; }

label { display: inline-block; margin-bottom: .5rem; }

button { border-radius: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

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

textarea { overflow: auto; resize: vertical; }

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

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

progress { vertical-align: baseline; }

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

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

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }

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

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

.lead { font-size: 1.25rem; font-weight: 300; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

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

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

.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }

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

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

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

.img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto; }

.figure { display: inline-block; }

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

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

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

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

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

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

[class*=col-] { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }

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

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

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

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

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

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

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

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

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

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

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

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

.order-first { -ms-flex-order: -1; order: -1; }

.order-last { -ms-flex-order: 13; order: 13; }

.order-0 { -ms-flex-order: 0; order: 0; }

.order-1 { -ms-flex-order: 1; order: 1; }

.order-2 { -ms-flex-order: 2; order: 2; }

.order-3 { -ms-flex-order: 3; order: 3; }

.order-4 { -ms-flex-order: 4; order: 4; }

.order-5 { -ms-flex-order: 5; order: 5; }

.offset-1 { margin-left: 8.333333%; }

.offset-2 { margin-left: 16.666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.333333%; }

.offset-5 { margin-left: 41.666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.333333%; }

.offset-8 { margin-left: 66.666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.333333%; }

.offset-11 { margin-left: 91.666667%; }

.table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; }

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

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

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

.table .table { background-color: #fff; }

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

.table-bordered { border: 1px solid #dee2e6; }

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

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

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

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

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

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

.table-hover .table-primary:hover { background-color: #9fcdff; }

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

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

.table-hover .table-secondary:hover { background-color: #c8cbcf; }

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

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

.table-hover .table-success:hover { background-color: #b1dfbb; }

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

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

.table-hover .table-info:hover { background-color: #abdde5; }

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

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

.table-hover .table-warning:hover { background-color: #ffe8a1; }

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

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

.table-hover .table-danger:hover { background-color: #f1b0b7; }

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

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

.table-hover .table-light:hover { background-color: #ececf6; }

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

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

.table-hover .table-dark:hover { background-color: #b9bbbe; }

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

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

.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }

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

.table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; }

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

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

.table-dark td, .table-dark th, .table-dark thead th { border-color: #32383e; }

.table-dark.table-bordered { border: 0; }

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

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

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

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

.form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }

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

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

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

.form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; }

.form-control::-moz-placeholder { color: #6c757d; opacity: 1; }

.form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; }

.form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; }

.form-control::placeholder { color: #6c757d; opacity: 1; }

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

select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); }

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

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

.col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }

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

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

.form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; }

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text { padding-right: 0; padding-left: 0; }

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

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); }

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

.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) { height: calc(2.875rem + 2px); }

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

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

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

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

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

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

.form-check-input:disabled ~ .form-check-label { color: #6c757d; }

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

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

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

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

.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(40, 167, 69, 0.8); border-radius: .2rem; }

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: #28a745; }

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

.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; }

.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip { display: block; }

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

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

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

.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: #71dd8a; }

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block; }

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

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

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

.custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before { border-color: inherit; }

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block; }

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

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

.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: .2rem; }

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: #dc3545; }

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

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; }

.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block; }

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

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

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

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

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; }

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

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

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

.custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before { border-color: inherit; }

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; }

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

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

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

.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }

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

.btn:focus, .btn:hover { text-decoration: none; }

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

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

.btn:not(:disabled):not(.disabled) { cursor: pointer; }

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active { background-image: none; }

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

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

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

.btn-block { display: block; width: 100%; }

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

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

.fade { transition: opacity .15s linear; }

@media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } }

.fade:not(.show) { opacity: 0; }

.collapse:not(.show) { display: none; }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease; }

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

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

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

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

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

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

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

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

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

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

.dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; }

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

.dropright .dropdown-toggle::after { vertical-align: 0; }

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

.dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; }

.dropleft .dropdown-toggle::after { display: none; }

.dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent; }

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

.dropleft .dropdown-toggle::before { vertical-align: 0; }

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

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

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

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

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

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

.dropdown-menu.show { display: block; }

.dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap; }

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

.btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; }

.btn-group-vertical > .btn, .btn-group > .btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1; }

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1; }

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; }

.btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; }

.btn-toolbar .input-group { width: auto; }

.btn-group > .btn:first-child { margin-left: 0; }

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

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

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

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

.dropleft .dropdown-toggle-split::before { margin-right: 0; }

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem; }

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem; }

.btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; }

.btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; }

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; }

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

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

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

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

.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control { margin-left: -1px; }

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

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

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

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

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

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

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

.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; }

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

.input-group-append { margin-left: -1px; }

.input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; }

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

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

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

.nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }

.nav-link { display: block; padding: .5rem 1rem; }

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

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

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

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

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

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

.nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }

.nav-pills .nav-link { border-radius: .25rem; }

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

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

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

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

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

.navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem; }

.navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

.navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }

.navbar-brand:focus, .navbar-brand:hover { text-decoration: none; }

.navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }

.navbar-nav .dropdown-menu { position: static; float: none; }

.navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem; }

.navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; }

.navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; }

.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; }

.navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; }

.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; }

.card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: .25rem; }

.card > hr { margin-right: 0; margin-left: 0; }

.card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; }

.card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; }

.card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; }

.card-title { margin-bottom: .75rem; }

.card-subtitle { margin-top: -.375rem; margin-bottom: 0; }

.card-text:last-child { margin-bottom: 0; }

.card-link:hover { text-decoration: none; }

.card-link + .card-link { margin-left: 1.25rem; }

.card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }

.card-header + .list-group .list-group-item:first-child { border-top: 0; }

.card-footer { padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); }

.card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); }

.card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0; }

.card-header-pills { margin-right: -.625rem; margin-left: -.625rem; }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }

.card-img { width: 100%; border-radius: calc(.25rem - 1px); }

.card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); }

.card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px); }

.card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.card-deck .card { margin-bottom: 15px; }

.card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.card-group > .card { margin-bottom: 15px; }

.card-columns .card { margin-bottom: .75rem; }

.accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; }

.accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; }

.accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }

.breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem; }

.breadcrumb-item + .breadcrumb-item { padding-left: .5rem; }

.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }

.breadcrumb-item.active { color: #6c757d; }

.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; }

.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; }

.page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; }

.page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.page-link:not(:disabled):not(.disabled) { cursor: pointer; }

.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }

.page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }

.page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; }

.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }

.pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; }

.pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; }

.pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; }

.pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem; }

.badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; }

.badge:empty { display: none; }

.btn .badge { position: relative; top: -1px; }

.badge-primary { color: #fff; background-color: #007bff; }

.badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #0062cc; }

@-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; }
  to { background-position: 0 0; } }

@keyframes progress-bar-stripes { from { background-position: 1rem 0; }
  to { background-position: 0 0; } }

.progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; }

.progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width .6s ease; }

@media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } }

.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }

.progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; }

.media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }

.media-body { -ms-flex: 1; flex: 1; }

.list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; }

.list-group-item-action { width: 100%; color: #495057; text-align: inherit; }

.list-group-item-action:focus, .list-group-item-action:hover { color: #495057; text-decoration: none; background-color: #f8f9fa; }

.list-group-item-action:active { color: #212529; background-color: #e9ecef; }

.list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); }

.list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; }

.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; }

.list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; }

.list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; }

.list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; }

.list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; }

.list-group-flush:first-child .list-group-item:first-child { border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; }

.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; }

.close:focus, .close:hover { color: #000; text-decoration: none; opacity: .75; }

.close:not(:disabled):not(.disabled) { cursor: pointer; }

button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; }

.modal-open { overflow: hidden; padding-right: 0 !important; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); }

@media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } }

.modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)); }

.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; outline: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: .5; }

.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: .3rem; border-top-right-radius: .3rem; }

.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; }

.modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; }

.modal-footer > :not(:first-child) { margin-left: .25rem; }

.modal-footer > :not(:last-child) { margin-right: .25rem; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

.align-baseline { vertical-align: baseline !important; }

.align-top { vertical-align: top !important; }

.align-middle { vertical-align: middle !important; }

.align-bottom { vertical-align: bottom !important; }

.align-text-bottom { vertical-align: text-bottom !important; }

.align-text-top { vertical-align: text-top !important; }

.bg-transparent { background-color: transparent !important; }

.border { border: 1px solid #dee2e6 !important; }

.border-top { border-top: 1px solid #dee2e6 !important; }

.border-right { border-right: 1px solid #dee2e6 !important; }

.border-bottom { border-bottom: 1px solid #dee2e6 !important; }

.border-left { border-left: 1px solid #dee2e6 !important; }

.border-0 { border: 0 !important; }

.border-top-0 { border-top: 0 !important; }

.border-right-0 { border-right: 0 !important; }

.border-bottom-0 { border-bottom: 0 !important; }

.border-left-0 { border-left: 0 !important; }

.border-primary { border-color: #007bff !important; }

.border-secondary { border-color: #6c757d !important; }

.border-success { border-color: #28a745 !important; }

.border-info { border-color: #17a2b8 !important; }

.border-warning { border-color: #ffc107 !important; }

.border-danger { border-color: #dc3545 !important; }

.border-light { border-color: #f8f9fa !important; }

.border-dark { border-color: #343a40 !important; }

.border-white { border-color: #fff !important; }

.rounded { border-radius: .25rem !important; }

.rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important; }

.rounded-right { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important; }

.rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important; }

.rounded-left { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !important; }

.rounded-circle { border-radius: 50% !important; }

.rounded-0 { border-radius: 0 !important; }

.clearfix::after { display: block; clear: both; content: ""; }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: -ms-flexbox !important; display: flex !important; }

.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }

.embed-responsive::before { display: block; content: ""; }

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9::before { padding-top: 42.857143%; }

.embed-responsive-16by9::before { padding-top: 56.25%; }

.embed-responsive-4by3::before { padding-top: 75%; }

.embed-responsive-1by1::before { padding-top: 100%; }

.flex-row { -ms-flex-direction: row !important; flex-direction: row !important; }

.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }

.flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }

.flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

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

.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }

.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

.flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }

.flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }

.flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }

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

.flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }

.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }

.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }

.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }

.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }

.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }

.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; }

.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; }

.align-items-center { -ms-flex-align: center !important; align-items: center !important; }

.align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }

.align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }

.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }

.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }

.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }

.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }

.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }

.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }

.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }

.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }

.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }

.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }

.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }

.float-left { float: left !important; }

.float-right { float: right !important; }

.float-none { float: none !important; }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: -webkit-sticky !important; position: sticky !important; }

.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }

@supports (position: -webkit-sticky) or (position: sticky) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } }

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

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

.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none { box-shadow: none !important; }

.w-25 { width: 25% !important; }

.w-50 { width: 50% !important; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

.h-25 { height: 25% !important; }

.h-50 { height: 50% !important; }

.h-75 { height: 75% !important; }

.h-100 { height: 100% !important; }

.h-auto { height: auto !important; }

.mw-100 { max-width: 100% !important; }

.mh-100 { max-height: 100% !important; }

.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: .25rem !important; }

.mt-1, .my-1 { margin-top: .25rem !important; }

.mr-1, .mx-1 { margin-right: .25rem !important; }

.mb-1, .my-1 { margin-bottom: .25rem !important; }

.ml-1, .mx-1 { margin-left: .25rem !important; }

.m-2 { margin: .5rem !important; }

.mt-2, .my-2 { margin-top: .5rem !important; }

.mr-2, .mx-2 { margin-right: .5rem !important; }

.mb-2, .my-2 { margin-bottom: .5rem !important; }

.ml-2, .mx-2 { margin-left: .5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: .25rem !important; }

.pt-1, .py-1 { padding-top: .25rem !important; }

.pr-1, .px-1 { padding-right: .25rem !important; }

.pb-1, .py-1 { padding-bottom: .25rem !important; }

.pl-1, .px-1 { padding-left: .25rem !important; }

.p-2 { padding: .5rem !important; }

.pt-2, .py-2 { padding-top: .5rem !important; }

.pr-2, .px-2 { padding-right: .5rem !important; }

.pb-2, .py-2 { padding-bottom: .5rem !important; }

.pl-2, .px-2 { padding-left: .5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.text-justify { text-align: justify !important; }

.text-nowrap { white-space: nowrap !important; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-lowercase { text-transform: lowercase !important; }

.text-uppercase { text-transform: uppercase !important; }

.text-capitalize { text-transform: capitalize !important; }

.font-weight-light { font-weight: 300 !important; }

.font-weight-normal { font-weight: 400 !important; }

.font-weight-bold { font-weight: 700 !important; }

.font-italic { font-style: italic !important; }

.text-white { color: #fff !important; }

.text-body { color: #212529 !important; }

.text-muted { color: #6c757d !important; }

.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

/*# sourceMappingURL=bootstrap.min.css.map */
@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1140px; } }

@media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { -ms-flex-order: -1; order: -1; }
  .order-sm-last { -ms-flex-order: 13; order: 13; }
  .order-sm-0 { -ms-flex-order: 0; order: 0; }
  .order-sm-1 { -ms-flex-order: 1; order: 1; }
  .order-sm-2 { -ms-flex-order: 2; order: 2; }
  .order-sm-3 { -ms-flex-order: 3; order: 3; }
  .order-sm-4 { -ms-flex-order: 4; order: 4; }
  .order-sm-5 { -ms-flex-order: 5; order: 5; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.333333%; }
  .offset-sm-2 { margin-left: 16.666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.333333%; }
  .offset-sm-5 { margin-left: 41.666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.333333%; }
  .offset-sm-8 { margin-left: 66.666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; } }

@media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-md-first { -ms-flex-order: -1; order: -1; }
  .order-md-last { -ms-flex-order: 13; order: 13; }
  .order-md-0 { -ms-flex-order: 0; order: 0; }
  .order-md-1 { -ms-flex-order: 1; order: 1; }
  .order-md-2 { -ms-flex-order: 2; order: 2; }
  .order-md-3 { -ms-flex-order: 3; order: 3; }
  .order-md-4 { -ms-flex-order: 4; order: 4; }
  .order-md-5 { -ms-flex-order: 5; order: 5; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.333333%; }
  .offset-md-2 { margin-left: 16.666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.333333%; }
  .offset-md-5 { margin-left: 41.666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.333333%; }
  .offset-md-8 { margin-left: 66.666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; } }

@media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { -ms-flex-order: -1; order: -1; }
  .order-lg-last { -ms-flex-order: 13; order: 13; }
  .order-lg-0 { -ms-flex-order: 0; order: 0; }
  .order-lg-1 { -ms-flex-order: 1; order: 1; }
  .order-lg-2 { -ms-flex-order: 2; order: 2; }
  .order-lg-3 { -ms-flex-order: 3; order: 3; }
  .order-lg-4 { -ms-flex-order: 4; order: 4; }
  .order-lg-5 { -ms-flex-order: 5; order: 5; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.333333%; }
  .offset-lg-2 { margin-left: 16.666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.333333%; }
  .offset-lg-5 { margin-left: 41.666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.333333%; }
  .offset-lg-8 { margin-left: 66.666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.333333%; }
  .offset-lg-11 { margin-left: 91.666667%; } }

@media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { -ms-flex-order: -1; order: -1; }
  .order-xl-last { -ms-flex-order: 13; order: 13; }
  .order-xl-0 { -ms-flex-order: 0; order: 0; }
  .order-xl-1 { -ms-flex-order: 1; order: 1; }
  .order-xl-2 { -ms-flex-order: 2; order: 2; }
  .order-xl-3 { -ms-flex-order: 3; order: 3; }
  .order-xl-4 { -ms-flex-order: 4; order: 4; }
  .order-xl-5 { -ms-flex-order: 5; order: 5; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.333333%; }
  .offset-xl-2 { margin-left: 16.666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.333333%; }
  .offset-xl-5 { margin-left: 41.666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.333333%; }
  .offset-xl-8 { margin-left: 66.666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.333333%; }
  .offset-xl-11 { margin-left: 91.666667%; } }

@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-sm > .table-bordered { border: 0; } }

@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-md > .table-bordered { border: 0; } }

@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-lg > .table-bordered { border: 0; } }

@media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-xl > .table-bordered { border: 0; } }

@media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; }
  .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-plaintext { display: inline-block; }
  .form-inline .custom-select, .form-inline .input-group { width: auto; }
  .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; }
  .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: .25rem; margin-left: 0; }
  .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
  .form-inline .custom-control-label { margin-bottom: 0; } }

@media (min-width: 576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }
  .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } }

@media (min-width: 576px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap; }
  .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; }
  .card-group > .card + .card { margin-left: 0; border-left: 0; }
  .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0; }
  .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0; }
  .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0; }
  .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0; }
  .card-group > .card:only-child { border-radius: .25rem; }
  .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { border-top-left-radius: .25rem; border-top-right-radius: .25rem; }
  .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0; } }

@media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; }
  .card-columns .card { display: inline-block; width: 100%; } }

@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
  .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); }
  .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg { max-width: 800px; } }

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 1200px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 576px) { .float-sm-left { float: left !important; }
  .float-sm-right { float: right !important; }
  .float-sm-none { float: none !important; } }

@media (min-width: 768px) { .float-md-left { float: left !important; }
  .float-md-right { float: right !important; }
  .float-md-none { float: none !important; } }

@media (min-width: 992px) { .float-lg-left { float: left !important; }
  .float-lg-right { float: right !important; }
  .float-lg-none { float: none !important; } }

@media (min-width: 1200px) { .float-xl-left { float: left !important; }
  .float-xl-right { float: right !important; }
  .float-xl-none { float: none !important; } }

@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; }
  .mt-sm-0, .my-sm-0 { margin-top: 0 !important; }
  .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; }
  .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
  .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; }
  .m-sm-1 { margin: 0.25rem !important; }
  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
  .m-sm-2 { margin: 0.5rem !important; }
  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
  .m-sm-3 { margin: 1rem !important; }
  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
  .m-sm-4 { margin: 1.5rem !important; }
  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
  .m-sm-5 { margin: 3rem !important; }
  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
  .p-sm-0 { padding: 0 !important; }
  .pt-sm-0, .py-sm-0 { padding-top: 0 !important; }
  .pr-sm-0, .px-sm-0 { padding-right: 0 !important; }
  .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
  .pl-sm-0, .px-sm-0 { padding-left: 0 !important; }
  .p-sm-1 { padding: 0.25rem !important; }
  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
  .p-sm-2 { padding: 0.5rem !important; }
  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
  .p-sm-3 { padding: 1rem !important; }
  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
  .p-sm-4 { padding: 1.5rem !important; }
  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
  .p-sm-5 { padding: 3rem !important; }
  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }
  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }

@media (min-width: 768px) { .m-md-0 { margin: 0 !important; }
  .mt-md-0, .my-md-0 { margin-top: 0 !important; }
  .mr-md-0, .mx-md-0 { margin-right: 0 !important; }
  .mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
  .ml-md-0, .mx-md-0 { margin-left: 0 !important; }
  .m-md-1 { margin: 0.25rem !important; }
  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
  .m-md-2 { margin: 0.5rem !important; }
  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }
  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }
  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
  .p-md-0 { padding: 0 !important; }
  .pt-md-0, .py-md-0 { padding-top: 0 !important; }
  .pr-md-0, .px-md-0 { padding-right: 0 !important; }
  .pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
  .pl-md-0, .px-md-0 { padding-left: 0 !important; }
  .p-md-1 { padding: 0.25rem !important; }
  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
  .p-md-2 { padding: 0.5rem !important; }
  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }
  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }
  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }
  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
  .m-md-auto { margin: auto !important; }
  .mt-md-auto, .my-md-auto { margin-top: auto !important; }
  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }
  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
  .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }

@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; }
  .mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
  .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; }
  .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
  .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; }
  .m-lg-1 { margin: 0.25rem !important; }
  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
  .m-lg-2 { margin: 0.5rem !important; }
  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
  .p-lg-0 { padding: 0 !important; }
  .pt-lg-0, .py-lg-0 { padding-top: 0 !important; }
  .pr-lg-0, .px-lg-0 { padding-right: 0 !important; }
  .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
  .pl-lg-0, .px-lg-0 { padding-left: 0 !important; }
  .p-lg-1 { padding: 0.25rem !important; }
  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
  .p-lg-2 { padding: 0.5rem !important; }
  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }
  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }

@media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; }
  .mt-xl-0, .my-xl-0 { margin-top: 0 !important; }
  .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; }
  .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
  .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; }
  .m-xl-1 { margin: 0.25rem !important; }
  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
  .m-xl-2 { margin: 0.5rem !important; }
  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
  .m-xl-3 { margin: 1rem !important; }
  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
  .m-xl-4 { margin: 1.5rem !important; }
  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
  .m-xl-5 { margin: 3rem !important; }
  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
  .p-xl-0 { padding: 0 !important; }
  .pt-xl-0, .py-xl-0 { padding-top: 0 !important; }
  .pr-xl-0, .px-xl-0 { padding-right: 0 !important; }
  .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
  .pl-xl-0, .px-xl-0 { padding-left: 0 !important; }
  .p-xl-1 { padding: 0.25rem !important; }
  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
  .p-xl-2 { padding: 0.5rem !important; }
  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
  .p-xl-3 { padding: 1rem !important; }
  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
  .p-xl-4 { padding: 1.5rem !important; }
  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
  .p-xl-5 { padding: 3rem !important; }
  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }
  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }

@media (min-width: 576px) { .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; } }

@media (min-width: 768px) { .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; } }

@media (min-width: 992px) { .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; } }

@media (min-width: 1200px) { .text-xl-left { text-align: left !important; }
  .text-xl-right { text-align: right !important; }
  .text-xl-center { text-align: center !important; } }

@font-face { font-family: 'Socicon'; src: url("../fonts/Socicon.eot?484r1f"); src: url("../fonts/Socicon.eot?484r1f#iefix") format("embedded-opentype"), url("../fonts/Socicon.woff2?484r1f") format("woff2"), url("../fonts/Socicon.ttf?484r1f") format("truetype"), url("../fonts/Socicon.woff?484r1f") format("woff"), url("../fonts/Socicon.svg?484r1f#Socicon") format("svg"); font-weight: normal; font-style: normal; }

[class^="socicon-"], [class*=" socicon-"] { /* use !important to prevent issues with browser extensions that change fonts */ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.socicon-internet:before { content: "\e957"; }

.socicon-moddb:before { content: "\e94b"; }

.socicon-indiedb:before { content: "\e94c"; }

.socicon-traxsource:before { content: "\e94d"; }

.socicon-gamefor:before { content: "\e94e"; }

.socicon-pixiv:before { content: "\e94f"; }

.socicon-myanimelist:before { content: "\e950"; }

.socicon-blackberry:before { content: "\e951"; }

.socicon-wickr:before { content: "\e952"; }

.socicon-spip:before { content: "\e953"; }

.socicon-napster:before { content: "\e954"; }

.socicon-beatport:before { content: "\e955"; }

.socicon-hackerone:before { content: "\e956"; }

.socicon-hackernews:before { content: "\e946"; }

.socicon-smashwords:before { content: "\e947"; }

.socicon-kobo:before { content: "\e948"; }

.socicon-bookbub:before { content: "\e949"; }

.socicon-mailru:before { content: "\e94a"; }

.socicon-gitlab:before { content: "\e945"; }

.socicon-instructables:before { content: "\e944"; }

.socicon-portfolio:before { content: "\e943"; }

.socicon-codered:before { content: "\e940"; }

.socicon-origin:before { content: "\e941"; }

.socicon-nextdoor:before { content: "\e942"; }

.socicon-udemy:before { content: "\e93f"; }

.socicon-livemaster:before { content: "\e93e"; }

.socicon-crunchbase:before { content: "\e93b"; }

.socicon-homefy:before { content: "\e93c"; }

.socicon-calendly:before { content: "\e93d"; }

.socicon-realtor:before { content: "\e90f"; }

.socicon-tidal:before { content: "\e910"; }

.socicon-qobuz:before { content: "\e911"; }

.socicon-natgeo:before { content: "\e912"; }

.socicon-mastodon:before { content: "\e913"; }

.socicon-unsplash:before { content: "\e914"; }

.socicon-homeadvisor:before { content: "\e915"; }

.socicon-angieslist:before { content: "\e916"; }

.socicon-codepen:before { content: "\e917"; }

.socicon-slack:before { content: "\e918"; }

.socicon-openaigym:before { content: "\e919"; }

.socicon-logmein:before { content: "\e91a"; }

.socicon-fiverr:before { content: "\e91b"; }

.socicon-gotomeeting:before { content: "\e91c"; }

.socicon-aliexpress:before { content: "\e91d"; }

.socicon-guru:before { content: "\e91e"; }

.socicon-appstore:before { content: "\e91f"; }

.socicon-homes:before { content: "\e920"; }

.socicon-zoom:before { content: "\e921"; }

.socicon-alibaba:before { content: "\e922"; }

.socicon-craigslist:before { content: "\e923"; }

.socicon-wix:before { content: "\e924"; }

.socicon-redfin:before { content: "\e925"; }

.socicon-googlecalendar:before { content: "\e926"; }

.socicon-shopify:before { content: "\e927"; }

.socicon-freelancer:before { content: "\e928"; }

.socicon-seedrs:before { content: "\e929"; }

.socicon-bing:before { content: "\e92a"; }

.socicon-doodle:before { content: "\e92b"; }

.socicon-bonanza:before { content: "\e92c"; }

.socicon-squarespace:before { content: "\e92d"; }

.socicon-toptal:before { content: "\e92e"; }

.socicon-gust:before { content: "\e92f"; }

.socicon-ask:before { content: "\e930"; }

.socicon-trulia:before { content: "\e931"; }

.socicon-loomly:before { content: "\e932"; }

.socicon-ghost:before { content: "\e933"; }

.socicon-upwork:before { content: "\e934"; }

.socicon-fundable:before { content: "\e935"; }

.socicon-booking:before { content: "\e936"; }

.socicon-googlemaps:before { content: "\e937"; }

.socicon-zillow:before { content: "\e938"; }

.socicon-niconico:before { content: "\e939"; }

.socicon-toneden:before { content: "\e93a"; }

.socicon-augment:before { content: "\e908"; }

.socicon-bitbucket:before { content: "\e909"; }

.socicon-fyuse:before { content: "\e90a"; }

.socicon-yt-gaming:before { content: "\e90b"; }

.socicon-sketchfab:before { content: "\e90c"; }

.socicon-mobcrush:before { content: "\e90d"; }

.socicon-microsoft:before { content: "\e90e"; }

.socicon-pandora:before { content: "\e907"; }

.socicon-messenger:before { content: "\e906"; }

.socicon-gamewisp:before { content: "\e905"; }

.socicon-bloglovin:before { content: "\e904"; }

.socicon-tunein:before { content: "\e903"; }

.socicon-gamejolt:before { content: "\e901"; }

.socicon-trello:before { content: "\e902"; }

.socicon-spreadshirt:before { content: "\e900"; }

.socicon-500px:before { content: "\e000"; }

.socicon-8tracks:before { content: "\e001"; }

.socicon-airbnb:before { content: "\e002"; }

.socicon-alliance:before { content: "\e003"; }

.socicon-amazon:before { content: "\e004"; }

.socicon-amplement:before { content: "\e005"; }

.socicon-android:before { content: "\e006"; }

.socicon-angellist:before { content: "\e007"; }

.socicon-apple:before { content: "\e008"; }

.socicon-appnet:before { content: "\e009"; }

.socicon-baidu:before { content: "\e00a"; }

.socicon-bandcamp:before { content: "\e00b"; }

.socicon-battlenet:before { content: "\e00c"; }

.socicon-mixer:before { content: "\e00d"; }

.socicon-bebee:before { content: "\e00e"; }

.socicon-bebo:before { content: "\e00f"; }

.socicon-behance:before { content: "\e010"; }

.socicon-blizzard:before { content: "\e011"; }

.socicon-blogger:before { content: "\e012"; }

.socicon-buffer:before { content: "\e013"; }

.socicon-chrome:before { content: "\e014"; }

.socicon-coderwall:before { content: "\e015"; }

.socicon-curse:before { content: "\e016"; }

.socicon-dailymotion:before { content: "\e017"; }

.socicon-deezer:before { content: "\e018"; }

.socicon-delicious:before { content: "\e019"; }

.socicon-deviantart:before { content: "\e01a"; }

.socicon-diablo:before { content: "\e01b"; }

.socicon-digg:before { content: "\e01c"; }

.socicon-discord:before { content: "\e01d"; }

.socicon-disqus:before { content: "\e01e"; }

.socicon-douban:before { content: "\e01f"; }

.socicon-draugiem:before { content: "\e020"; }

.socicon-dribbble:before { content: "\e021"; }

.socicon-drupal:before { content: "\e022"; }

.socicon-ebay:before { content: "\e023"; }

.socicon-ello:before { content: "\e024"; }

.socicon-endomodo:before { content: "\e025"; }

.socicon-envato:before { content: "\e026"; }

.socicon-etsy:before { content: "\e027"; }

.socicon-facebook:before { content: "\e028"; }

.socicon-feedburner:before { content: "\e029"; }

.socicon-filmweb:before { content: "\e02a"; }

.socicon-firefox:before { content: "\e02b"; }

.socicon-flattr:before { content: "\e02c"; }

.socicon-flickr:before { content: "\e02d"; }

.socicon-formulr:before { content: "\e02e"; }

.socicon-forrst:before { content: "\e02f"; }

.socicon-foursquare:before { content: "\e030"; }

.socicon-friendfeed:before { content: "\e031"; }

.socicon-github:before { content: "\e032"; }

.socicon-goodreads:before { content: "\e033"; }

.socicon-google:before { content: "\e034"; }

.socicon-googlescholar:before { content: "\e035"; }

.socicon-googlegroups:before { content: "\e036"; }

.socicon-googlephotos:before { content: "\e037"; }

.socicon-googleplus:before { content: "\e038"; }

.socicon-grooveshark:before { content: "\e039"; }

.socicon-hackerrank:before { content: "\e03a"; }

.socicon-hearthstone:before { content: "\e03b"; }

.socicon-hellocoton:before { content: "\e03c"; }

.socicon-heroes:before { content: "\e03d"; }

.socicon-smashcast:before { content: "\e03e"; }

.socicon-horde:before { content: "\e03f"; }

.socicon-houzz:before { content: "\e040"; }

.socicon-icq:before { content: "\e041"; }

.socicon-identica:before { content: "\e042"; }

.socicon-imdb:before { content: "\e043"; }

.socicon-instagram:before { content: "\e044"; }

.socicon-issuu:before { content: "\e045"; }

.socicon-istock:before { content: "\e046"; }

.socicon-itunes:before { content: "\e047"; }

.socicon-keybase:before { content: "\e048"; }

.socicon-lanyrd:before { content: "\e049"; }

.socicon-lastfm:before { content: "\e04a"; }

.socicon-line:before { content: "\e04b"; }

.socicon-linkedin:before { content: "\e04c"; }

.socicon-livejournal:before { content: "\e04d"; }

.socicon-lyft:before { content: "\e04e"; }

.socicon-macos:before { content: "\e04f"; }

.socicon-mail:before { content: "\e050"; }

.socicon-medium:before { content: "\e051"; }

.socicon-meetup:before { content: "\e052"; }

.socicon-mixcloud:before { content: "\e053"; }

.socicon-modelmayhem:before { content: "\e054"; }

.socicon-mumble:before { content: "\e055"; }

.socicon-myspace:before { content: "\e056"; }

.socicon-newsvine:before { content: "\e057"; }

.socicon-nintendo:before { content: "\e058"; }

.socicon-npm:before { content: "\e059"; }

.socicon-odnoklassniki:before { content: "\e05a"; }

.socicon-openid:before { content: "\e05b"; }

.socicon-opera:before { content: "\e05c"; }

.socicon-outlook:before { content: "\e05d"; }

.socicon-overwatch:before { content: "\e05e"; }

.socicon-patreon:before { content: "\e05f"; }

.socicon-paypal:before { content: "\e060"; }

.socicon-periscope:before { content: "\e061"; }

.socicon-persona:before { content: "\e062"; }

.socicon-pinterest:before { content: "\e063"; }

.socicon-play:before { content: "\e064"; }

.socicon-player:before { content: "\e065"; }

.socicon-playstation:before { content: "\e066"; }

.socicon-pocket:before { content: "\e067"; }

.socicon-qq:before { content: "\e068"; }

.socicon-quora:before { content: "\e069"; }

.socicon-raidcall:before { content: "\e06a"; }

.socicon-ravelry:before { content: "\e06b"; }

.socicon-reddit:before { content: "\e06c"; }

.socicon-renren:before { content: "\e06d"; }

.socicon-researchgate:before { content: "\e06e"; }

.socicon-residentadvisor:before { content: "\e06f"; }

.socicon-reverbnation:before { content: "\e070"; }

.socicon-rss:before { content: "\e071"; }

.socicon-sharethis:before { content: "\e072"; }

.socicon-skype:before { content: "\e073"; }

.socicon-slideshare:before { content: "\e074"; }

.socicon-smugmug:before { content: "\e075"; }

.socicon-snapchat:before { content: "\e076"; }

.socicon-songkick:before { content: "\e077"; }

.socicon-soundcloud:before { content: "\e078"; }

.socicon-spotify:before { content: "\e079"; }

.socicon-stackexchange:before { content: "\e07a"; }

.socicon-stackoverflow:before { content: "\e07b"; }

.socicon-starcraft:before { content: "\e07c"; }

.socicon-stayfriends:before { content: "\e07d"; }

.socicon-steam:before { content: "\e07e"; }

.socicon-storehouse:before { content: "\e07f"; }

.socicon-strava:before { content: "\e080"; }

.socicon-streamjar:before { content: "\e081"; }

.socicon-stumbleupon:before { content: "\e082"; }

.socicon-swarm:before { content: "\e083"; }

.socicon-teamspeak:before { content: "\e084"; }

.socicon-teamviewer:before { content: "\e085"; }

.socicon-technorati:before { content: "\e086"; }

.socicon-telegram:before { content: "\e087"; }

.socicon-tripadvisor:before { content: "\e088"; }

.socicon-tripit:before { content: "\e089"; }

.socicon-triplej:before { content: "\e08a"; }

.socicon-tumblr:before { content: "\e08b"; }

.socicon-twitch:before { content: "\e08c"; }

.socicon-twitter:before { content: "\e08d"; }

.socicon-uber:before { content: "\e08e"; }

.socicon-ventrilo:before { content: "\e08f"; }

.socicon-viadeo:before { content: "\e090"; }

.socicon-viber:before { content: "\e091"; }

.socicon-viewbug:before { content: "\e092"; }

.socicon-vimeo:before { content: "\e093"; }

.socicon-vine:before { content: "\e094"; }

.socicon-vkontakte:before { content: "\e095"; }

.socicon-warcraft:before { content: "\e096"; }

.socicon-wechat:before { content: "\e097"; }

.socicon-weibo:before { content: "\e098"; }

.socicon-whatsapp:before { content: "\e099"; }

.socicon-wikipedia:before { content: "\e09a"; }

.socicon-windows:before { content: "\e09b"; }

.socicon-wordpress:before { content: "\e09c"; }

.socicon-wykop:before { content: "\e09d"; }

.socicon-xbox:before { content: "\e09e"; }

.socicon-xing:before { content: "\e09f"; }

.socicon-yahoo:before { content: "\e0a0"; }

.socicon-yammer:before { content: "\e0a1"; }

.socicon-yandex:before { content: "\e0a2"; }

.socicon-yelp:before { content: "\e0a3"; }

.socicon-younow:before { content: "\e0a4"; }

.socicon-youtube:before { content: "\e0a5"; }

.socicon-zapier:before { content: "\e0a6"; }

.socicon-zerply:before { content: "\e0a7"; }

.socicon-zomato:before { content: "\e0a8"; }

.socicon-zynga:before { content: "\e0a9"; }

/** Swiper 8.0.7 Most modern mobile touch slider and framework with hardware accelerated transitions https://swiperjs.com Copyright 2014-2022 Vladimir Kharlampidi Released under the MIT License Released on: March 4, 2022 */
@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"); font-weight: 400; font-style: normal; }

:root { --swiper-theme-color: #007aff
; }

#mobile_banner .Swiper_MainBanner, #mainbanner .Swiper_MainBanner { text-align: center; }

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

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

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

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

.swiper-pointer-events { touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical { touch-action: pan-x; }

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

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

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

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

.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }

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

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

.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }

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

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

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

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

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

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

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

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

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

.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }

.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; }

.swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); }

: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(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

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

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

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

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

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

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

.swiper-button-lock { display: none; }

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

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

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

.swiper-pagination-bullet:only-child { display: none !important; }

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

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

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; }

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

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

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

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

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

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

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

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

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

.swiper-pagination-lock { display: none; }

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

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

.swiper-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, 0.5); border-radius: 10px; left: 0; top: 0; }

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

.swiper-scrollbar-lock { display: none; }

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

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

.swiper-slide-zoomed { cursor: move; }

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

.swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; }

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

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

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

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

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

.swiper-grid > .swiper-wrapper { flex-wrap: wrap; }

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

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

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

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

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

.swiper-cube { overflow: visible; }

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

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

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

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

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

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

.swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; }

.swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); }

.swiper-flip { overflow: visible; }

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

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

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

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

.swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; }

.swiper-cards { overflow: visible; }

.swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }

:root { --swiper-theme-color: #000; }

/*! Datetimepicker for Bootstrap 3 version : 4.17.47 https://github.com/Eonasdan/bootstrap-datetimepicker/ */
.bootstrap-datetimepicker-widget { list-style: none; }

.bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0; padding: 4px; width: 19em; }

@media (min-width: 576px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

@media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

@media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; }

.bootstrap-datetimepicker-widget .list-unstyled { margin: 0; }

.bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; }

.bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; }

.bootstrap-datetimepicker-widget button[data-action] { padding: 6px; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; }

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker"; }

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today"; }

.bootstrap-datetimepicker-widget .picker-switch { text-align: center; }

.bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; }

.bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; }

.bootstrap-datetimepicker-widget .picker-switch td span, .bootstrap-datetimepicker-widget .picker-switch td i { line-height: 2.5; height: 2.5em; width: 100%; }

.bootstrap-datetimepicker-widget table { width: 100%; margin: 0; }

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 0.25rem; padding: 0.5em; }

.bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; }

.bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; }

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #dee2e6; cursor: not-allowed; }

.bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; }

.bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; }

.bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; }

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #f8f9fa; }

.bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; }

.bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #dee2e6; }

.bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; }

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #f8f9fa; cursor: pointer; }

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #dee2e6; }

.bootstrap-datetimepicker-widget table td.today { position: relative; }

.bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #dee2e6; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; }

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #dee2e6; color: #007bff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; }

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #dee2e6; cursor: not-allowed; }

.bootstrap-datetimepicker-widget table td span, .bootstrap-datetimepicker-widget table td i { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 0.25rem; }

.bootstrap-datetimepicker-widget table td span:hover, .bootstrap-datetimepicker-widget table td i:hover { background: #f8f9fa; }

.bootstrap-datetimepicker-widget table td span.active, .bootstrap-datetimepicker-widget table td i.active { background-color: #dee2e6; color: #007bff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td span.old, .bootstrap-datetimepicker-widget table td i.old { color: #dee2e6; }

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td i.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover, .bootstrap-datetimepicker-widget table td i.disabled:hover { background: none; color: #dee2e6; cursor: not-allowed; }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; }

.bootstrap-datetimepicker-widget.wider { width: 21em; }

.bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important; }

.input-group.date .input-group-addon { cursor: pointer; }

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

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.slick-lightbox { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: black; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

.slick-lightbox .slick-loading .slick-list { background-color: transparent; }

.slick-lightbox .slick-prev { left: 15px; }

.slick-lightbox .slick-next { right: 15px; }

.slick-lightbox-hide { opacity: 0; }

.slick-lightbox-hide.slick-lightbox-ie { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.slick-lightbox-hide-init { position: absolute; top: -9999px; opacity: 0; }

.slick-lightbox-hide-init.slick-lightbox-ie { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.slick-lightbox-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.slick-lightbox-slick-item { text-align: center; overflow: hidden; }

.slick-lightbox-slick-item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; margin-bottom: 20px; }

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { display: block; text-align: center; }

.slick-lightbox-slick-item-inner { display: inline-block; vertical-align: middle; max-width: 90%; max-height: 90%; }

.slick-lightbox-slick-img { margin: 0 auto; display: block; max-width: 90%; max-height: 90%; }

.slick-lightbox-slick-caption { margin: 10px 0 0; color: white; }

.slick-lightbox-close { position: absolute; top: 15px; right: 15px; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; }

.slick-lightbox-close:focus { outline: none; }

.slick-lightbox-close:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '×'; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; }

.fancybox-skin { position: relative; background: #e2e2e2; color: #333; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #555; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox/fancybox_sprite.png); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: visible !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../images/fancybox/fancybox_overlay.png); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(22, 22, 27, 0.95); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #fff; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(22, 22, 27, 0.95); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-image: url(../images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }

/**
Reset Styles
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; }

body { color: #555; margin: 0; }

a { color: #555; text-decoration: none; }

a:focus { outline: thin dotted; }

a:active, a:hover { color: #5e9fdf; outline: 0; }

a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { clear: both; font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; line-height: 1.3; }

h1 { font-size: 3rem; margin: 33px 0; }

h2 { font-size: 1.875rem; margin: 25px 0; }

h3 { font-size: 1.375rem; margin: 22px 0; }

h4 { font-size: 1.25rem; margin: 25px 0; }

h5 { font-size: 1.125rem; margin: 30px 0; }

h6 { font-size: 1rem; margin: 36px 0; }

address { font-style: italic; margin: 0 0 24px; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #5e9fdf; color: #555; }

p { margin: 0 0 24px; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 0.875rem; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

pre { background: #e2e2e2; color: #7b7b7b; font-family: monospace; font-size: 0.875rem; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }

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

blockquote { font-size: 1.125rem; font-style: italic; font-weight: normal; margin: 24px 40px; }

blockquote blockquote { margin-right: 0; }

blockquote cite, blockquote small { font-size: 0.875rem; font-weight: normal; text-transform: uppercase; }

blockquote em, blockquote i { font-style: normal; font-weight: normal; }

blockquote strong, blockquote b { font-weight: normal; }

small { font-size: 0.75rem; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl { margin: 0 20px; }

dt { font-weight: bold; }

dd { margin: 0 0 20px; }

menu, ol, ul { margin: 0; padding: 0; }

ul { list-style-type: square; }

nav ul, nav ol { list-style: none; list-style-image: none; }

li > ul, li > ol { margin: 0; }

img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #e2e2e2; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; outline: none; }

button, input { line-height: normal; }

input { -webkit-border-radius: 0; }

input[type="input"], input[type="text"], input[type="password"], input[type="email"], textarea, select { background: #fff; background-color: #fff; box-shadow: none !important; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { padding: 0; }

input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px; }

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

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

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

.table thead th { border-bottom-width: 1px; }

table { border-collapse: collapse; border-spacing: 0; margin: 0 0 20px; width: 100%; }

caption, th, td { font-weight: normal; text-align: left; }

caption { margin: 20px 0; }

th { font-weight: bold; text-transform: uppercase; }

td { padding: 6px 10px 6px 0; }

del { color: #555; }

ins { background: #555; }

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { color: #aaa; }

:-moz-placeholder { color: #aaa; }

:-ms-input-placeholder { color: #aaa; }

/**
Typography
*/
html { overflow-x: hidden; }

::-webkit-input-placeholder { color: #555; }

:-moz-placeholder { color: #555; }

::-moz-placeholder { color: #555; }

:-ms-input-placeholder { color: #555; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr { margin: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; }

h1, .h1 { font-size: 3rem; }

h2, .h2 { font-size: 1.875rem; }

h3, .h3 { font-size: 1.375rem; }

h4, .h4 { font-size: 1.25rem; }

h5, .h5 { font-size: 1.125rem; }

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

@media (min-width: 768px) and (max-width: 991px) { h1, .h1 { font-size: 2.25rem; }
  h2, .h2 { font-size: 1.625rem; }
  h3, .h3 { font-size: 1.25rem; } }

@media (max-width: 767px) { h1, .h1 { font-size: 2rem; }
  h2, .h2 { font-size: 1.5rem; }
  h3, .h3 { font-size: 1.125rem; } }

h1, .h1, h2, .h2 { font-weight: bold; }

h3, .h3, h4, .h4 { font-weight: bold; }

h5, .h5, h6, .h6 { font-weight: bold; }

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

/**
Helper Class
*/
.swal2-icon.swal2-success [class^=swal2-success-line] { background-color: #62b141 !important; }

.swal2-icon.swal2-success { border-color: #62b141 !important; color: #62b141 !important; }

.swal2-icon.swal2-success .swal2-success-ring { border: solid rgba(175, 175, 175, 0.3) 0.25em !important; }

.hidden { display: none; }

.poss--relative { position: relative; }

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

.animation1 { transition-duration: 400ms; }

.theme-color { color: #5e9fdf; }

ul { list-style: none; }

a#scrollUp { font-size: clamp(0.875rem, 5vw, 1rem); border-radius: 100%; color: #fff; padding: 13px 0; background-color: #5e9fdf; border-color: #5e9fdf; bottom: 52px; right: 20px; height: 50px; width: 50px; text-align: center; box-shadow: 0 0 15px 0px rgba(50, 50, 50, 0.2); z-index: 1039 !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

a#scrollUp svg { fill: #fff; height: 20px; }

a#scrollUp:hover, a#scrollUp:focus { color: #fff; background-color: #5ec9df; border-color: #5ec9df; }

.icon_Community { bottom: 55px !important; }

img { max-width: 100%; }

a:hover { color: #5e9fdf; }

a { transition: 0.3s; }

.ya-product-list__add-cart-button { display: inline-block; }

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

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* Define Colors */
.color--theme { color: #5e9fdf; }

.color--light { color: #aaa; }

.color--dark { color: #333; }

.color--black { color: #333; }

.color--white { color: #fff; }

.p-50 { padding-top: 50% !important; }

/* Background Color */
.bg--theme { background: #5e9fdf; }

.bg--light { background: #aaa; }

.bg--dark { background: #333; }

.bg--black { background: #333; }

.bg--white { background: #fff; }

.bg__cat--1 { background: #aaa; }

.bg__cat--2 { background: #333; }

.bg__cat--3 { background: #e2e2e2; }

.bg__cat--4 { background: #e2e2e2; }

.bg__cat--5 { background: #333; }

.bg__cat--6 { background: #f3f3f3; }

.bg__cat--7 { background: #191919; }

.bg__cat--8 { background: #e2e2e2; }

.bg__cat--9 { background: #aaa; }

.md__dec--30 { margin-bottom: -30px; }

/* Background Image */
.bg-image--1 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--2 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--3 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--4 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--5 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--6 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--7 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--8 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--9 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--10 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--11 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--12 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--13 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--14 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--15 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--16 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--17 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--18 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--19 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--20 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--21 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--22 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--23 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--24 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--25 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--26 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--27 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--28 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--29 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--30 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--31 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--32 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--33 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--34 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--35 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--36 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--37 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--38 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--39 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--40 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--41 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--42 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--43 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--44 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--45 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--46 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--47 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--48 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--49 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--50 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--51 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--52 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--53 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--54 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--55 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--56 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--57 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--58 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--59 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--60 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--61 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--62 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--63 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--64 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--65 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--66 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--67 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--68 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--69 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-image--70 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

/* spacing */
.mt--20 { margin-top: 20px; }

.mt--30 { margin-top: 30px; }

.mt--40 { margin-top: 40px; }

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

.mt--60 { margin-top: 60px; }

.mt--70 { margin-top: 70px; }

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

.mt--90 { margin-top: 90px; }

.mt--100 { margin-top: 100px; }

.mt--110 { margin-top: 110px; }

.mt--120 { margin-top: 120px; }

.mt--130 { margin-top: 130px; }

.mt--140 { margin-top: 140px; }

.mt--150 { margin-top: 150px; }

/* spacing */
.pt--30 { padding-top: 30px; }

.pt--40 { padding-top: 40px; }

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

.pt--60 { padding-top: 60px; }

.pt--70 { padding-top: 70px; }

.pt--80 { padding-top: 80px; }

.pt--90 { padding-top: 90px; }

.pt--100 { padding-top: 100px; }

.pt--110 { padding-top: 110px; }

.pt--120 { padding-top: 120px; }

.pt--130 { padding-top: 130px; }

.pt--140 { padding-top: 140px; }

.pt--150 { padding-top: 150px; }

/* spacing */
.pb--30 { padding-bottom: 30px; }

.pb--40 { padding-bottom: 40px; }

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

.pb--60 { padding-bottom: 60px; }

.pb--70 { padding-bottom: 70px; }

.pb--80 { padding-bottom: 80px; }

.pb--90 { padding-bottom: 90px; }

.pb--100 { padding-bottom: 100px; }

.pb--110 { padding-bottom: 110px; }

.pb--120 { padding-bottom: 120px; }

.pb--130 { padding-bottom: 130px; }

.pb--140 { padding-bottom: 140px; }

.pb--150 { padding-bottom: 150px; }

/* spacing */
.ptb--30 { padding-top: 30px; padding-bottom: 30px; }

.ptb--40 { padding-top: 40px; padding-bottom: 40px; }

.ptb--50 { padding-top: 50px; padding-bottom: 50px; }

.ptb--60 { padding-top: 60px; padding-bottom: 60px; }

.ptb--70 { padding-top: 70px; padding-bottom: 70px; }

.ptb--80 { padding-top: 80px; padding-bottom: 80px; }

.ptb--90 { padding-top: 90px; padding-bottom: 90px; }

.ptb--100 { padding-top: 100px; padding-bottom: 100px; }

.ptb--110 { padding-top: 110px; padding-bottom: 110px; }

.ptb--120 { padding-top: 120px; padding-bottom: 120px; }

.ptb--130 { padding-top: 130px; padding-bottom: 130px; }

.ptb--140 { padding-top: 140px; padding-bottom: 140px; }

.ptb--150 { padding-top: 150px; padding-bottom: 150px; }

.padding--lr--30px { padding: 0 30px; }

.margin--lr--60 { margin: 0 60px; }

/* Text specialized */
.text--italic { font-style: italic; }

.text--normal { font-style: normal; }

.text--underline { font-style: underline; }

/* Font specialized */
.body--font { font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; }

.heading--font { font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; }

/* Height and width */
.mbr-fullscreen { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; align-items: center; -webkit-align-items: center; min-height: 100vh; }

.fullscreen { min-height: 100vh; width: 100%; }

.w--100 { width: 100%; }

.w--75 { width: 75%; }

.w--50 { width: 50%; }

.w--33 { width: 33.33%; }

.w--25 { width: 25%; }

.w--10 { width: 10%; }

.h--100 { height: 100%; }

.h--75 { height: 75%; }

.h--50 { height: 50%; }

.h--25 { height: 25%; }

.h--33 { height: 33.33%; }

.h--10 { height: 10%; }

/* Section padding */
.section-padding--xlg { padding-top: 180px; padding-bottom: 180px; }

.section-padding--md { padding: 120px 0.9375rem; }

.section-padding--sm { padding: 100px 0.9375rem; }

.section-padding--xs { padding: 80px 0.9375rem; }

@media (min-width: 768px) and (max-width: 991px) { .section-padding--xlg { padding: 120px 0; }
  .section-padding--md { padding: 85px 0; }
  .section-padding--sm { padding: 70px 0; }
  .section-padding--xs { padding: 60px 0; }
  .md-mt-30 { margin-top: 30px; }
  .md-mt-40 { margin-top: 40px; }
  .md-mb-40 { margin-bottom: 40px; } }

@media (max-width: 767px) { .section-padding--xlg { padding: 90px 0; }
  .section-padding--md { padding: 60px 0; }
  .section-padding--sm { padding: 50px 0; }
  .section-padding--xs { padding: 50px 0; }
  .sm-mt-30 { margin-top: 30px; }
  .sm-mt-40 { margin-top: 40px; }
  .sm-mb-40 { margin-bottom: 40px; } }

@media (max-width: 575px) { .xs-mt-0 { margin-top: 0; }
  .xs-mt-30 { margin-top: 30px; }
  .xs-mt-40 { margin-top: 40px; }
  .xs-pt-100 { padding-top: 100px !important; }
  .xs-mt--30 { margin-top: -30px !important; }
  .xs-pb-0 { padding-bottom: 0 !important; } }

/* Overlay styles */
[data-overlay], [data-black-overlay] { position: relative; }

[data-overlay] > div, [data-overlay] > *, [data-black-overlay] > div, [data-black-overlay] > * { position: relative; z-index: 2; }

[data-overlay]:before, [data-black-overlay]:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; }

[data-overlay]:before { background-color: #5e9fdf; }

[data-black-overlay]:before { background-color: #333; }

[data-overlay="1"]:before, [data-black-overlay="1"]:before { opacity: 0.1; }

[data-overlay="2"]:before, [data-black-overlay="2"]:before { opacity: 0.2; }

[data-overlay="3"]:before, [data-black-overlay="3"]:before { opacity: 0.3; }

[data-overlay="4"]:before, [data-black-overlay="4"]:before { opacity: 0.4; }

[data-overlay="5"]:before, [data-black-overlay="5"]:before { opacity: 0.5; }

[data-overlay="6"]:before, [data-black-overlay="6"]:before { opacity: 0.6; }

[data-overlay="7"]:before, [data-black-overlay="7"]:before { opacity: 0.7; }

[data-overlay="8"]:before, [data-black-overlay="8"]:before { opacity: 0.8; }

[data-overlay="9"]:before, [data-black-overlay="9"]:before { opacity: 0.9; }

[data-overlay="10"]:before, [data-black-overlay="10"]:before { opacity: 1; }

.fb_reset > div { background-color: transparent; }

.fb_customer_chat_bounce_in_v2 { bottom: 140px !important; }

.loading_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.3); z-index: 99999; }

.loading_wrap .loading_center { width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.loading_wrap .loading_center .lds-dual-ring { display: inline-block; width: 80px; height: 80px; }

.loading_wrap .loading_center .lds-dual-ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; }

@keyframes lds-dual-ring { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@media (min-width: 768px) { .col-md-1-5 { width: 20%; flex: 0 0 20%; } }

/*******************
Elements Styles
********************/
/*------------------------------
	Slide Activation Styles
------------------------------*/
.productcategory__slide--2 [class*="col-"] { max-width: 100%; }

.product__slide--5 [class*="col-"] { max-width: 100%; }

.module__activation [class*="col-"] { max-width: 100%; }

.furniture--5 [class*="col-"] { max-width: 100%; }

.activation--2 [class*="col-"] { max-width: 100%; }

.outside_arrow_out { padding: 0 50px; position: relative; }

@media (max-width: 991px) { .outside_arrow_out { padding: 0 15px; } }

.outside_arrow_out .outside_arrow_in { position: initial; }

.swiperPaginationStyle { position: relative; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; bottom: 10px; left: 0; width: 100%; line-height: 0; }

.swiperPaginationStyle .swiper-pagination-bullet { background: #5e9fdf; margin-top: clamp(1.5rem, 2.5vw, 2.5rem); }

.swiperPaginationStyle .swiper-pagination-bullet-active { background: #5ec9df; }

.swiper-box { padding: 0 50px; }

.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #5e9fdf; }

.swiper-pagination-bullets { margin: 2.5rem 0 0; }

.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 14px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 14px)); opacity: var(--swiper-pagination-bullet-inactive-opacity, 1); }

#mainbanner, #mobile_banner { /*banner 按鈕*/ }

#mainbanner .index-Banner-pagination, #mobile_banner .index-Banner-pagination { position: absolute; }

#mainbanner .swiper-pagination-bullets, #mobile_banner .swiper-pagination-bullets { margin: 2.5rem 0; }

@media (max-width: 767px) { #mainbanner .swiper-pagination-bullets, #mobile_banner .swiper-pagination-bullets { margin: 1.5625rem 0; } }

#mainbanner .swiperBtnStyleL, #mainbanner .swiperBtnStyleR, #mobile_banner .swiperBtnStyleL, #mobile_banner .swiperBtnStyleR { cursor: pointer; position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; z-index: 10; justify-content: center; align-items: center; background: none; border: none; }

#mainbanner .swiperBtnStyleL svg, #mainbanner .swiperBtnStyleR svg, #mobile_banner .swiperBtnStyleL svg, #mobile_banner .swiperBtnStyleR svg { width: 25px; }

#mainbanner .swiperBtnStyleL svg path, #mainbanner .swiperBtnStyleR svg path, #mobile_banner .swiperBtnStyleL svg path, #mobile_banner .swiperBtnStyleR svg path { fill: #fff; transition: fill 0.5s; }

#mainbanner .swiperBtnStyleL:hover svg path, #mainbanner .swiperBtnStyleR:hover svg path, #mobile_banner .swiperBtnStyleL:hover svg path, #mobile_banner .swiperBtnStyleR:hover svg path { fill: #fff; }

#mainbanner .swiperBtnStyleL[aria-label], #mainbanner .swiperBtnStyleR[aria-label], #mobile_banner .swiperBtnStyleL[aria-label], #mobile_banner .swiperBtnStyleR[aria-label] { display: flex; }

#mainbanner .swiperBtnStyleL.swiper-button-disabled, #mainbanner .swiperBtnStyleR.swiper-button-disabled, #mobile_banner .swiperBtnStyleL.swiper-button-disabled, #mobile_banner .swiperBtnStyleR.swiper-button-disabled { opacity: 0; pointer-events: none; }

#mainbanner .swiperBtnStyleL, #mobile_banner .swiperBtnStyleL { left: 10px; right: auto; }

#mainbanner .swiperBtnStyleL.allow-style2, #mobile_banner .swiperBtnStyleL.allow-style2 { top: auto; bottom: 0; left: 0; border-radius: 0; }

#mainbanner .swiperBtnStyleR, #mobile_banner .swiperBtnStyleR { right: 10px; left: auto; }

#mainbanner .swiperBtnStyleR.allow-style2, #mobile_banner .swiperBtnStyleR.allow-style2 { right: auto; left: 40px; bottom: 0; top: auto; border-radius: 0; }

.swiperBtnStyleL, .swiperBtnStyleR { cursor: pointer; position: absolute; top: 45%; width: 40px; height: 40px; margin-top: -20px; z-index: 10; display: none; justify-content: center; align-items: center; background-image: none; border-radius: 50%; background: transparent; transition: background 0.5s, opacity 0.5s; outline: none; }

.swiperBtnStyleL svg, .swiperBtnStyleR svg { width: 15px; }

.swiperBtnStyleL svg path, .swiperBtnStyleR svg path { fill: #5e9fdf; transition: fill .5s; }

.swiperBtnStyleL:hover svg path, .swiperBtnStyleR:hover svg path { fill: #201f29; }

.swiperBtnStyleL[aria-label], .swiperBtnStyleR[aria-label] { display: flex; }

@media (max-width: 991px) { .swiperBtnStyleL[aria-label], .swiperBtnStyleR[aria-label] { display: none; } }

.swiperBtnStyleL.swiper-button-disabled, .swiperBtnStyleR.swiper-button-disabled { opacity: 0.2; pointer-events: none; }

/*banner 按鈕*/
.swiperBtnStyleL { left: 10px; right: auto; }

.swiperBtnStyleL.allow-style2 { top: auto; bottom: 0; left: 0; border-radius: 0; }

.swiperBtnStyleR { right: 10px; left: auto; }

.swiperBtnStyleR.allow-style2 { right: auto; left: 40px; bottom: 0; top: auto; border-radius: 0; }

.social__net li { margin-right: 5px; margin-left: 5px; font-size: 1rem; }

.social__net li a { display: inline-block; border: 1px solid #bbb; color: #bbb; border-radius: 100%; height: 34px; line-height: 32px; padding: 0; position: relative; text-align: center; width: 34px; transition: all 300ms ease-in 0s; }

.social__net li a:before { display: none; }

.social__net li a:hover { color: #fff !important; }

.social__net li > .facebook:hover { border-color: #3b5998; background: #3b5998; }

.social__net li > .google-plus:hover { border-color: #dd4b39; background: #dd4b39; }

.social__net li > .youtube:hover { border-color: #c4302b; background: #c4302b; }

.social__net li > .twitter:hover { border-color: #00acee; background: #00acee; }

.social__net li > .instagram:hover { border-color: rgba(255, 255, 255, 0.2); background: #5353c9; background: -moz-linear-gradient(-45deg, #5353c9 0%, #a034b3 28%, #f10d01 86%, #f7d57b 100%); background: -webkit-linear-gradient(-45deg, #5353c9 0%, #a034b3 28%, #f10d01 86%, #f7d57b 100%); background: linear-gradient(135deg, #5353c9 0%, #a034b3 28%, #f10d01 86%, #f7d57b 100%); }

.social__net li > .pinterest:hover { border-color: #c8232c; background: #c8232c; }

.social__net li > .line:hover { border-color: #00b400; background: #00b400; }

.social__net li > .facebook:hover { border-color: #3b5998 !important; background: #3b5998 !important; }

.social__net li > .google-plus:hover, .social__net li > .google-plus:hover { border-color: #dd4b39 !important; background: #dd4b39 !important; }

.social__net li > .youtube:hover, .social__net li > .youtube:hover { border-color: #c4302b !important; background: #c4302b !important; }

.social__net li > .twitter:hover, .social__net li > .twitter:hover { border-color: #00acee !important; background: #00acee !important; }

.social__net li > .instagram:hover, .social__net li > .instagram:hover { border-color: rgba(255, 255, 255, 0.2); background: #5353c9; background: -moz-linear-gradient(-45deg, #5353c9 0%, #a034b3 28%, #f10d01 86%, #f7d57b 100%); background: -webkit-linear-gradient(-45deg, #5353c9 0%, #a034b3 28%, #f10d01 86%, #f7d57b 100%); background: linear-gradient(135deg, #5353c9 0%, #a034b3 28%, #f10d01 86%, #f7d57b 100%); }

.social__net li > .pinterest:hover, .social__net li > .pinterest:hover { border-color: #c8232c !important; background: #c8232c !important; }

.social__icon li a { color: #b5b5b5; font-size: 1.25rem; transition: all 300ms ease-in 0s; padding: 0 12px; }

.social__icon li:last-child a { padding: 0 0px 0 12px; }

.icon_Community a.js-btn-icon_Community { display: flex; justify-content: center; align-items: center; }

.icon_Community a.js-btn-icon_Community:not([href]):not([tabindex]) { color: #FFF; }

/*-------------------------------
	Popup Styles
---------------------------------*/
.box-menu-content .container-fluid { padding: 0 80px; }

.box-menu-content .ppnav .ppmainmenu { align-items: center; height: 115px; }

.box-menu-content .ppnav .ppmainmenu > li { align-items: center; align-self: stretch; display: flex; }

.box-menu-content .ppnav .ppmainmenu > li > a { align-items: center; align-self: stretch; display: flex; color: #fff; font-size: 0.875rem; font-weight: bold; line-height: 25px; padding: 10px 20px; position: relative; text-transform: uppercase; transition: 0.4s; }

.box-menu-content .ppnav .ppmainmenu > li.drop { position: relative; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu { background: #151515 none repeat scroll 0 0; box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1); display: flex; left: 0; opacity: 0; padding: 30px 0 25px; position: absolute; text-align: left; top: 120%; transition: all 0.5s ease 0s; visibility: hidden; width: 720px; z-index: 3000; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu.mega02 { width: 490px; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu.mega03 { width: 720px; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu.mega04 { width: 950px; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu.dropdown { width: 240px; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu .item.item01 { flex-basis: 100%; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu .item.item02 { flex-basis: 50%; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu .item.item03 { flex-basis: 33.33%; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu .item.item04 { flex-basis: 25%; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu .item .title { border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; font-size: 0.875rem; font-weight: normal; line-height: 20px; margin-bottom: 19px; margin-left: 30px; margin-right: 20px; padding-bottom: 10px; padding-left: 0; text-transform: uppercase; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu .item li a { color: #aaa; font-size: 0.875rem; font-weight: normal; line-height: 34px; text-transform: capitalize; display: block; padding: 0; transition: 0.3s; }

.box-menu-content .ppnav .ppmainmenu > li.drop .ppmegamenu .item li a:hover { color: #5e9fdf; padding-left: 3px; }

.box-menu-content .ppnav .ppmainmenu > li.drop:hover .ppmegamenu { opacity: 1; top: 100%; visibility: visible; }

.box-menu-content .ppnav .ppmainmenu ul li.label2 { display: block; position: relative; }

.box-menu-content .ppnav .ppmainmenu ul li.label2 ul { background: #000 none repeat scroll 0 0; left: 87%; opacity: 0; padding: 6px 22px; position: absolute; top: 0; transition: all 0.5s ease 0s; visibility: hidden; width: 206px; }

.box-menu-content .ppnav .ppmainmenu li.drop .ppmegamenu ul li.label2 ul li a { line-height: 28px; }

.box-menu-content .ppnav .ppmainmenu ul li.label2 a { display: block; position: relative; }

.box-menu-content .ppnav .ppmainmenu li.drop .ppmegamenu .item > li { padding-left: 30px; padding-right: 20px; }

.box-menu-content .ppnav .ppmainmenu ul li.label2:hover ul { left: 100%; opacity: 1; visibility: visible; }

.box-menu-content .ppnav .ppmainmenu li.drop .ppmegamenu .item > li a { position: relative; }

.box-menu-content .ppnav .ppmainmenu li.drop .ppmegamenu .item > li.label2 > a::after { content: "\f2fb"; font-family: Material-Design-Iconic-Font; font-size: 0.875rem; position: absolute; right: 0; }

.box-search-content .close__wrap { position: absolute; right: 30px; top: 30px; }

.minisearch .field__search { margin: 0 auto auto; max-width: 1000px; position: fixed; left: 1.25rem; right: 1.25rem; top: 50%; }

.minisearch .field__search input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: currentcolor currentcolor #e2e2e2; border-image: none; border-style: none none solid; border-width: 0 0 1px; height: 60px; padding: 10px 60px 10px 10px; position: static; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 1; font-size: 1rem; outline: none; border-radius: 0; color: #fff; }

.minisearch .field__search .action { position: absolute; left: 0; top: -4px; z-index: 2; }

.minisearch .field__search .action .btn { padding: 0; border: none; background: none; }

@media (min-width: 992px) and (max-width: 1199px) { .box-menu-content .ppnav .ppmainmenu li.drop { position: static; }
  .box-menu-content .ppnav .ppmainmenu li.drop .ppmegamenu.mega04 { width: 725px; } }

/*------------------------------ Cart Box Styles ------------------------------*/
.cartbox_active { position: relative; display: flex; }

/*------------------------------
	Setting Styles
------------------------------*/
.no-dropdown-toggle::after { display: none; }

.navTool-dropdown .dropdown-menu { z-index: 10000; padding: 1.5rem; min-width: 200px; border: 1px solid #e2e2e2; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); }

.navTool-dropdown .dropdown-menu > a { padding: .25rem 0; color: #323334; }

.navTool-dropdown .dropdown-menu > a:hover, .navTool-dropdown .dropdown-menu > a:focus { color: #5e9fdf; background: transparent; }

.navTool-dropdown .dropdown-menu > a.navtool-title { color: #323334; }

.product_box h5 { font-size: 1.125rem; line-height: 1.2; }

.product_details { margin: 5px 0 0; }

.product_details .qun { font-size: 0.875rem; color: #a8a8a8; line-height: 1.3; }

.product_details .prize { margin: 5px 0 0; }

.toast-body { border-top: 1px solid #e2e2e2; padding-top: 1.563rem; margin-top: 1.563rem; }

@media (max-height: 675px) { .toast-body { margin-bottom: 0.6rem; padding-bottom: 0.6rem; } }

.toast-body .check_out { margin-top: 0.938rem; }

.toast-body .button_text { margin-top: 1.563rem; }

.toast-body .price_total { display: flex; justify-content: space-between; }

.toast-body .shopping_tools { display: flex; justify-content: space-between; }

.toast-body .ya-cart__subtotal { font-size: 1.375rem; color: #de0000; }

.toast-body .total_amount { font-size: 1rem; }

.toast-body.product_box { max-height: 325px; padding-right: 8px; overflow-x: hidden; overflow-y: auto; }

@media (max-height: 800px) { .toast-body.product_box { max-height: 200px; } }

@media (max-height: 675px) { .toast-body.product_box { max-height: 170px; } }

.navtool-shop .dropdown-menu { min-width: 390px; }

@media (max-width: 575px) { .navtool-shop .dropdown-menu { min-width: 313px; } }

.navtool-shop .ya-cart__item__price { font-weight: bold; }

.navtool-shop .close-div { display: flex; align-items: center; justify-content: flex-end; font-size: 0.75rem; margin-bottom: 10px; font-weight: normal; }

.navtool-shop .close-div .icon-mark { font-size: 1.563rem; }

.trash_can_box { padding-right: 25px; }

.switcher-currency-trigger .switcher-dropdown { background: #fff; left: auto; right: 0; text-align: center; position: absolute; top: 100%; transition: -webkit-transform 0.8s ease 0s, -moz-transform 0.8s ease 0s, -o-transform 0.8s ease 0s, transform 0.8s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s; z-index: 10; padding-top: 20px; }

.switcher-currency-trigger .switcher-dropdown.is-visible { display: block; position: inherit; }

.searchbar__content { border: 1px solid #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); max-height: 430px; overflow-x: hidden; overflow-y: auto; }

.searchbar__content .content-inner { background: #fff; max-width: 230px; min-width: 230px; overflow: hidden; padding: 15px 30px; position: relative; transition: all 0.4s ease-out 0s; }

.searchbar__content .content-inner .switcher-currency .label { border-bottom: 1px solid #e2e2e2; color: #323334; cursor: pointer; display: block; font-weight: bold; line-height: 30px; margin: 0 0 10px; overflow: hidden; position: static; text-align: left; text-transform: uppercase; }

.searchbar__content .content-inner .switcher-currency .label span { color: #323334; cursor: pointer; font-weight: bold; line-height: 30px; text-align: left; text-shadow: none; text-transform: uppercase; }

.searchbar__content .content-inner .switcher-currency .switcher-options { cursor: pointer; display: block; }

.searchbar__content .content-inner .switcher-currency .switcher-options .switcher-currency-trigger .currency-trigger { display: block; font-weight: normal; text-align: left; }

.searchbar__content .content-inner .switcher-currency .switcher-options .switcher-currency-trigger .switcher-dropdown { border-radius: 0; color: #7b7b7b; display: block; font-weight: normal; height: inherit; line-height: 20px; padding: 5px 0; text-align: left; text-transform: capitalize; }

.searchbar__content .content-inner .switcher-currency .switcher-options .switcher-currency-trigger .switcher-dropdown li { border-radius: 0; color: #7b7b7b; display: block; line-height: 20px; padding: 5px 0; text-align: left; text-transform: capitalize; }

.searchbar__content .content-inner .switcher-currency .switcher-options .switcher-currency-trigger .setting__menu span a { display: block; font-weight: normal; height: inherit; line-height: 20px; padding: 5px 0; text-align: left; text-transform: capitalize; }

.searchbar__content .content-inner .switcher-currency .switcher-options .switcher-currency-trigger .setting__menu span a:hover { color: #5e9fdf; }

.ya-cart__item__remove-button { font-size: 1rem; }

/*******************
Blocks Styles
********************/
/* Header Styles */
.boxlayout { padding: 30px; }

.logo a { padding: 15px 0; display: block; }

/* 電腦版選單 */
.header__area { background: #fff; top: 0; left: 0; position: fixed; z-index: 999; width: 100%; }

.header__area .container-fluid { padding: 0 80px; }

.header__area .menubar { display: inline-block; }

.header__area .menubar a.open_sidebar { color: #2e2e2e; cursor: pointer; font-weight: bold; line-height: 20px; text-transform: uppercase; display: flex; height: 80px; align-items: center; position: relative; }

.header__area .header__sidebar__right { list-style: outside none none; position: relative; }

.header__area .header__sidebar__right > li { align-items: center; display: flex; }

.header__area .header__sidebar__right > li > a { align-items: center; align-self: stretch; display: flex; }

.header__area .header__sidebar__right > li.setting__bar__icon, .header__area .header__sidebar__right > li.shop_search { position: relative; }

@media (max-width: 420px) { .header__area .header__sidebar__right > li.setting__bar__icon, .header__area .header__sidebar__right > li.shop_search { padding-left: 0px; } }

.header__area .header__sidebar__right > li.click__menu { padding-right: 20px; }

/* 手機版選單 */
.mobileMenu_nav { position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; overflow-y: auto; display: none; background: #fff; }

.mobileMenu_nav > ul { border: none; }

.mobileMenu_nav > ul li { border-bottom: solid rgba(0, 0, 0, 0.1) thin; /* 第一層選單配色 */ }

.mobileMenu_nav > ul li:last-child { border: none; }

.mobileMenu_nav > ul li a { display: block; padding: 15px 15px; background: #fff; color: #333; font-size: 1rem; text-transform: uppercase; }

.mobileMenu_nav > ul li a:hover { color: #FE983E; background: #fff; }

.mobileMenu_nav > ul li ul.menu_ul { /* 第二層選單配色 */ }

.mobileMenu_nav > ul li ul.menu_ul a { color: #333; background: #eee; font-size: 1rem; text-transform: uppercase; }

.mobileMenu_nav > ul li ul.menu_ul a:hover { color: #fff; background: #FE983E; }

.mobileMenu_nav > ul li ul.menu_ul ul.menu_ul_sub li { /* 第三層選單配色 */ }

.mobileMenu_nav > ul li ul.menu_ul ul.menu_ul_sub li:last-child { border-bottom: none; }

.mobileMenu_nav > ul li ul.menu_ul ul.menu_ul_sub li a { color: #333; background: #ddd; font-size: 1rem; text-transform: uppercase; }

.mobileMenu_nav > ul li ul.menu_ul ul.menu_ul_sub li a:hover { color: #333; background: #FEDA3E; }

.mobileMenu_nav > ul li ul.menu_ul ul.menu_ul_sub li .btn-addmenu:before { content: ""; background: #ffa5d0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; opacity: 0.1; }

.mobileMenu_nav > ul li ul.menu_ul ul.menu_ul_sub li .btn-addmenu .js_btn_add { display: flex; }

.mobileMenu_nav > ul li .btn-addmenu > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.mobileMenu_nav > ul li .btn-addmenu > div { background: #f6f6f6; color: #333; }

.mobileMenu_nav .menu-list .btn-addmenu { border-left: #4221ff; }

.navtool-lang .dropdown-toggle { cursor: pointer; }

.navtool-lang .dropdown-toggle:after { display: none; }

.navtool-lang .navtool-title { cursor: default; }

.navtool-menber > a, .navtool-shop > a { cursor: pointer; }

/* Header Style Two*/
.navtool-menber > a, .navtool-shop > a, .navtool-lang > a { cursor: pointer; }

/* Header Style Two*/
.header__box { padding-left: 80px; padding-right: 80px; }

.hor-nav { flex-wrap: wrap; -mz-flex-wrap: wrap; }

.hor-nav ul.item { padding-right: 20px; }

.mainmenu__nav .meninmenu > li > a, .mainmenu__nav .meninmenu > li > .li-menu { color: #faa; font-weight: bold; }

.mainmenu__nav .meninmenu > li > a:hover, .mainmenu__nav .meninmenu > li > a:focus, .mainmenu__nav .meninmenu > li > .li-menu:hover, .mainmenu__nav .meninmenu > li > .li-menu:focus { color: #5e9fdf; }

.meninmenu li.drop .megamenu { box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1); display: flex; left: 0; opacity: 0; position: absolute; text-align: left; top: 120%; transition: all 0.5s ease 0s; visibility: hidden; width: 200px; z-index: 3000; padding: 30px 20px; background: #fff; pointer-events: none; }

.meninmenu li.drop:hover .megamenu { opacity: 1; top: 76%; visibility: visible; pointer-events: auto; }

/* Header */
.header__area .search_active_x { position: absolute; top: 100%; right: 0; padding-top: 5px; opacity: 0; pointer-events: none; }

@media (max-width: 767px) { .header__area .search_active_x { right: unset; left: 0; } }

@media (max-width: 575px) { .header__area .search_active_x { top: 2.5rem; left: 50%; right: unset; transform: translateX(-50%); } }

.header__area .search_active_x.is-visible { opacity: 1; pointer-events: painted; transition: all 0.3s ease; z-index: 99999; }

@media (max-width: 575px) { .header__area .search_active_x.is-visible { position: fixed; top: 2.5rem; left: 50%; right: unset; transform: translateX(-50%); } }

.header__area .search_active_x .box { width: 300px; height: 50px; background: #fff; border-radius: 50px; box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.16); display: flex; align-items: center; }

.header__area .search_active_x .box .minisearch { width: 100%; }

.header__area .search_active_x .box .minisearch .field__search { left: 0; margin: 0 auto auto; max-width: 100%; padding: 0 10px; position: relative; right: 0; top: 50%; border-radius: 50px; }

.header__area .search_active_x .box .minisearch .field__search .fa_svg svg { transition: 0.3s; }

.header__area .search_active_x .box .minisearch .field__search .fa_svg:hover svg { transition: 0.3s; fill: #5e9fdf; }

.header__area .search_active_x .box .action button { padding: 0 0 0 20px; }

.header__area .search_active_x .box .action svg { fill: #666; }

.header__area .search_active_x .box .minisearch .field__search input { height: 42px; padding: 0 12px 0 40px; border: none; background-color: transparent !important; color: #555; }

.header__area .search_active_x .box .minisearch .field__search input::placeholder { color: #ccc; }

.header__area .search_active_x .box .close { position: absolute; top: 14px; right: 20px; }

.header__area .search_active_x .box .close .phone-crossX-svg { width: 12px; height: 12px; }

.header__area .search_active_x .box .minisearch .field__search .action .btn i { width: 45px; height: 45px; line-height: 45px; color: #fff; }

.header__area .shopping_tools p { font-size: 0.75rem; }

.header__area .mainnav { min-height: 80px; height: auto; /* LOGO */ /* 選單 */ /* 選單工具 */ }

.header__area .mainnav .logo a { display: flex; width: 100%; align-items: center; position: relative; z-index: 1000; }

.header__area .mainnav span { letter-spacing: 0; align-items: center; }

.header__area .mainnav span svg { width: 8px; height: 12px; margin-left: 5px; }

@media (max-width: 1199px) { .header__area .mainnav .nav-menu { padding: 0; } }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu { align-items: center; -ms-grid-row-align: stretch; align-self: stretch; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu .with--one--item ul li ul { border-radius: 0.3125rem; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu .title { color: #323334; font-weight: bold; margin: 0 0 0.9375rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu .title a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 0; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu .title .li-title-menu { color: #323334; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu .title a:hover { color: #5e9fdf; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.label2 { display: flex; justify-content: space-between; position: relative; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.label2:before { content: ""; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 10px; border-color: transparent transparent transparent #fff; opacity: 0; transition: .3s ease-in-out; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.label2:hover:before { transition: 0.3s ease-in-out; opacity: 1; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.label2:hover ul { left: 115%; opacity: 1; visibility: visible; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.label2 span { display: block; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.label2 a { width: 100%; display: flex; justify-content: space-between; position: relative; line-height: 1.2; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.label2 a:hover:before { transition: 0.3s ease-in-out; opacity: 1; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.label2 ul { background: #fff; box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1); left: 87%; opacity: 0; padding: 0 22px; position: absolute; top: 0; transition: all 0.5s ease 0s; visibility: hidden; width: 206px; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.label2 ul li a:hover:before { display: none; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li { color: #323334; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li a, .header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li .li-menu, .header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li .li-title-menu { color: #323334; display: flex; padding: 1.8rem 0.625rem; text-transform: capitalize; transition: all 0.4s ease 0s; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li a:hover, .header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li .li-menu:hover, .header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li .li-title-menu:hover { color: #5e9fdf; }

@media (min-width: 992px) and (max-width: 1199px) { .header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li > a { padding-bottom: 0; padding-top: 0; } }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li > a:hover span svg { fill: #5e9fdf; transition: 0.3s ease-in-out; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop { position: relative; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop:hover .megamenu { opacity: 1; top: 85%; visibility: visible; pointer-events: auto; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop > a { display: inline-flex; align-items: center; line-height: 1; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu { box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1); display: flex; left: 50%; opacity: 0; position: absolute; text-align: left; top: 120%; transition: all 0.5s ease 0s; visibility: hidden; width: 720px; z-index: 3000; padding: 1.5625rem 1rem; background: #fff; pointer-events: none; transform: translateX(-50%); }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu.dropdown { width: 240px; padding: 0.625rem 1.375rem; border-radius: 0.3125rem; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu.mega02 { width: 490px; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu.mega03 { width: 720px; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu.mega04 { width: 950px; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu .item li:not(.title) a { position: relative; border-bottom: 1px #eee solid; padding: 1.125rem 0 0.9375rem; line-height: 1.2; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu .item li:last-child a { border: none; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu .item li:last-child ul li a { border-bottom: 1px #eee solid; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu .item li:last-child ul li:last-child { border: none; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu .item.item01 { flex-basis: 100%; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu .item.item02 { flex-basis: 50%; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu .item.item03 { flex-basis: 33.33%; }

.header__area .mainnav .nav-menu .mainmenu__nav .meninmenu li.drop .megamenu .item.item04 { flex-basis: 25%; margin: 0 12px; }

.header__area .mainnav #navtool.borderNone { border: none; }

@media (max-width: 575px) { .header__area .mainnav .navtool { border-bottom: solid #ddd thin; padding: 0.938rem 0.625rem; } }

@media (max-width: 450px) { .header__area .mainnav .navtool { padding: 0.625rem 5px; } }

.header__area .mainnav .navtool .cart-deco, .header__area .mainnav .navtool .product_compare { position: relative; }

.header__area .mainnav .navtool .badge-cart { position: relative; display: inline-block; padding: 3px 4px 2px 5px; font-size: .75rem; left: 0; top: -8px; border-radius: 50px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; background: #585858; color: #fff; margin-left: -5px; }

@media (max-width: 767px) { .header__area .mainnav .navtool .badge-cart { padding: 3px 5px 2px 5px; } }

.header__area .mainnav .navtool .setting__menu { font-size: 0.875rem; }

.header__area .mainnav .navtool li > a { position: relative; padding: 0 0.5rem 0 0; z-index: 1; align-items: center; }

@media (max-width: 390px) { .header__area .mainnav .navtool li > a { font-size: 0.875rem; } }

.header__area .mainnav .navtool li .setting_lang_active:hover { color: #5e9fdf; }

.header__area .mainnav .navtool li .setting_lang_active:hover .fa_svg { fill: #5e9fdf; transition: .3s ease-in-out; }

.header__area .mainnav .navtool .product_cart .fa-cart-shopping-solid-svg { width: 100%; height: 100%; }

.header__area .mainnav .navtool .setting_lang_block { visibility: hidden; opacity: 0; left: auto; position: absolute; right: 0; top: 100%; padding: 0 1.125rem; background: #fff none repeat scroll 0 0; z-index: 10000; border: 1px solid #e2e2e2; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); width: 150px; border-radius: 0.3125rem; }

.header__area .mainnav .navtool .setting_lang_block > a { padding: 1.125rem 0 0.9375rem; border-bottom: 1px #eee solid; color: #323334; }

.header__area .mainnav .navtool .setting_lang_block > a:last-child { border: none; }

.header__area .mainnav .navtool .setting_lang_block > a:hover, .header__area .mainnav .navtool .setting_lang_block > a:focus { color: #5e9fdf; background: transparent; }

.header__area .mainnav .navtool .setting_lang_block > a.navtool-title { color: #323334; }

.header__area .mainnav .navtool .setting_lang_block .dropdown-item.active { color: #5e9fdf; background: transparent; cursor: default; }

.header__area .mainnav .navtool .setting_lang_block.is-visible { opacity: 1; visibility: visible; }

.header__area .mainnav .navtool .navtool-box { position: relative; padding-right: 0; }

@media (max-width: 450px) { .header__area .mainnav .navtool .navtool-box { padding-right: 0; } }

.header__area .mainnav .navtool .navtool-lang-box { position: relative; padding-left: 15px; }

.header__area .mainnav .navtool .navtool-lang-box:after { content: ""; position: absolute; background: #555; width: 1px; height: 20px; left: 0; top: 50%; transform: translateY(-50%); }

.header__area .mainnav .navtool .setting__block, .header__area .mainnav .navtool .block-minicart { top: 115%; visibility: hidden; opacity: 0; left: auto; background: #fff none repeat scroll 0 0; right: 0; z-index: 99999; position: absolute; padding: 1.5rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17); border: 1px solid #e2e2e2; border-radius: 0.3125rem; }

@media (max-width: 767px) { .header__area .mainnav .navtool .setting__block, .header__area .mainnav .navtool .block-minicart { right: 0; } }

.header__area .mainnav .navtool .setting__block.is-visible, .header__area .mainnav .navtool .block-minicart.is-visible { opacity: 1; visibility: visible; }

@media (max-width: 575px) { .header__area .mainnav .navtool .setting__block.is-visible, .header__area .mainnav .navtool .block-minicart.is-visible { position: fixed; top: 2.5rem; left: 50%; right: unset; transform: translateX(-50%); } }

.header__area .mainnav .navtool .setting__block > a, .header__area .mainnav .navtool .block-minicart > a { padding: 0.438rem 0; color: #323334; line-height: 1; display: flex; align-items: center; }

.header__area .mainnav .navtool .setting__block > a:hover, .header__area .mainnav .navtool .setting__block > a:focus, .header__area .mainnav .navtool .block-minicart > a:hover, .header__area .mainnav .navtool .block-minicart > a:focus { color: #5e9fdf; background: transparent; }

.header__area .mainnav .navtool .setting__block > a.navtool-title, .header__area .mainnav .navtool .block-minicart > a.navtool-title { color: #323334; }

.header__area .mainnav .navtool .block-minicart { width: 390px; }

.header__area .mainnav .navtool .block-minicart .product_box { max-height: 30vh; overflow-y: auto; overflow-x: hidden; }

.header__area .mainnav .navtool .block-minicart .trash-can-svg { margin-left: auto; fill: #aaa; }

.header__area .mainnav .navtool .block-minicart .trash-can-svg:hover { fill: #5e9fdf; }

.header__area .mainnav .navtool .block-minicart .phone-crossX-svg { fill: #A8A8A8; }

.header__area .mainnav .navtool .block-minicart .phone-crossX-svg:hover { fill: #5e9fdf; }

.header__area .mainnav .navtool .block-minicart .total_amount { font-weight: normal; }

@media (max-width: 575px) { .header__area .mainnav .navtool .block-minicart { right: 0%; transform: translateX(65%); width: 320px; } }

@media (max-width: 767px) { .header__area .mainnav .navtool .block-minicart { transform: translateX(60%); } }

@media (max-width: 390px) { .header__area .mainnav .navtool .block-minicart { width: 300px; } }

@media (max-width: 320px) { .header__area .mainnav .navtool .block-minicart { transform: translateX(54%); } }

.header__area .mainnav .navtool .setting__block { width: 200px; }

@media (max-width: 575px) { .header__area .mainnav .navtool .setting__block { position: fixed; left: 13rem; top: 2.5rem; } }

.navtool-shop-item { margin-bottom: 25px; }

.navtool-shop-item .prize { letter-spacing: 0; }

.block-bg { background: rgba(22, 22, 27, 0.95); height: 100%; left: 0; opacity: 0; position: fixed; text-align: center; top: 0; transform: scale(0.7); transition: -webkit-transform 0.8s ease 0s, -moz-transform 0.8s ease 0s, -o-transform 0.8s ease 0s, transform 0.8s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s; visibility: hidden; width: 100%; z-index: 1002; }

.block-bg.is-visible { opacity: 1; transform: scale(1); visibility: visible; }

.block-bg .close__wrap { cursor: pointer; color: white; font-size: 0.875rem; font-weight: bold; line-height: 25px; display: flex; align-items: center; text-transform: uppercase; z-index: 11; transition: 0.4s; }

.block-bg .close__wrap:hover { color: #5e9fdf; }

/* 選單置頂 */
.sticky__header.is-sticky { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; box-shadow: 0 0 5px #bdbdbd; left: 0; position: fixed; top: 0; transition: box-shadow 0.5s ease-in-out 0s; width: 100%; z-index: 99; }

.sticky__header.is-sticky .menubar a.open_sidebar, .sticky__header.is-sticky .header__sidebar__right, .sticky__header.is-sticky .mainmenu__nav, .sticky__header.is-sticky .mainmenu__nav .meninmenu { height: 55px; }

/* Responsive Css*/
@media only screen and (max-width: 1359px) { .mainmenu__nav .meninmenu li a { padding-left: 12px; padding-right: 12px; } }

@media (min-width: 992px) and (max-width: 1199px) { .header__area .container-fluid { padding: 0 30px; }
  .header__box { padding-left: 0px; padding-right: 0px; }
  .header__box .header__area.sticky__header.is-sticky { padding-left: 0; padding-right: 0; }
  .meninmenu li.drop .megamenu.mega03 { width: 600px; } }

@media (min-width: 768px) and (max-width: 991px) { .sticky__header { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; box-shadow: 0 0 5px #bdbdbd; left: 0; position: fixed; top: 0; transition: box-shadow 0.5s ease-in-out 0s; width: 100%; z-index: 99; }
  .sticky__header.is-sticky { box-shadow: none; }
  .header__box .header__area.sticky__header.is-sticky { padding-left: 0; padding-right: 0; }
  .header__box .header__area.sticky__header.is-sticky .container-fluid { padding: 0 60px 0 20px; }
  .header__box { padding-left: 0px; padding-right: 0px; }
  .header__area .container-fluid { padding: 0 20px; }
  .header__area .header__sidebar__right { height: fit-content; }
  .header__area.sticky__header.is-sticky .menubar a.open_sidebar, .header__area.sticky__header.is-sticky .header__sidebar__right, .header__area.sticky__header.is-sticky .mainmenu__nav, .header--two.sticky__header.is-sticky .mainmenu__nav .meninmenu { height: 80px; }
  .header__area .logo { z-index: 2; position: relative; }
  .header__absolute { top: 0; } }

@media (max-width: 767px) { .header__area .header__sidebar__right > li > a i { font-size: 1rem; }
  .header__area .container-fluid { padding: 0 18px; }
  .header__box { padding-left: 0; padding-right: 0; }
  .header__box .header__area.sticky__header.is-sticky { padding-left: 0; padding-right: 0; }
  .sticky__header { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; box-shadow: 0 0 5px #bdbdbd; left: 0; position: fixed; top: 0; transition: box-shadow 0.5s ease-in-out 0s; width: 100%; z-index: 99; }
  .mean-container .mean-nav > ul { height: calc(100vh - 60px); } }

@media (max-width: 575px) { .boxlayout { padding: 20px; } }

@media (max-width: 420px) { .header__box { padding-left: 0; padding-right: 0; } }

@media (max-width: 575px) { .header__area .header__sidebar__right > li.setting__bar__icon { padding-left: 1px; } }

@media (max-width: 420px) { .header__area .header__sidebar__right > li.setting__bar__icon { padding-left: 0px; } }

@media (min-width: 1200px) and (max-width: 1300px) { .header__area .container-fluid { padding: 0 20px; } }

.mean-container .mean-nav ul li a.mean-expand { height: auto; }

@media (max-width: 991px) { .mobileMenu_nav_side, .header__sidebar__right { display: none; } }

@media (max-width: 991px) { .navtool_side { display: none; } }

/**
Navigation Styles
*/
nav.menu { display: block; width: 100%; border-style: solid; border-width: 0 1px; border-color: #fff; padding: 0 15px; }

nav.menu ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; padding-left: 0; }

nav.menu ul li { padding: 0 12px; }

nav.menu ul li a { font-size: 0.875rem; letter-spacing: 1px; display: inline-block; padding: 30px 5px; color: #fff; font-weight: bold; text-transform: uppercase; }

/*-------------------------- Banner Styles ----------------------------*/
.banner__collection__box .collection__thumb { margin-left: -15px; margin-right: -15px; display: block; overflow: hidden; }

.banner__collection__box .collection__thumb a img { -webkit-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }

.banner__collection__box .collection__thumb:hover img { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }

.banner__collection__box .collection__content { margin-left: -15px; margin-right: -15px; }

.banner__collection__box .collection__content .clc__brand { margin-bottom: 30px; }

.index-product section:nth-child(2n) { background-color: #fff; }

@media (max-width: 991px) { .slider_pdtop { padding-top: 80px; } }

@media (max-width: 767px) { .slider_pdtop { padding-top: 55px; } }

@media (max-width: 575px) { .slider_pdtop { padding-top: 92px; } }

.slider-area .slide.position_relative { position: relative; }

.slider-area .slide_bg { width: 100%; height: auto; align-self: center; }

.slider-area .slide_bg img { width: 100%; }

.slider-area .slider_text { top: 50%; left: 50%; transform: translate(-50%, -50%); }

.new__box { color: #fff; font-size: 0.625rem; font-weight: bold; line-height: 23px; min-width: 65px; position: absolute; text-align: center; text-transform: uppercase; left: 0; top: 0; z-index: 1; }

.new__box span { left: 0; position: absolute; right: 0; top: 0; background: #474747; border-radius: 0.3125rem 0; padding: 0.125rem 0; font-size: 0.938rem; }

.hot__box { background: #474747; border-radius: 4px; color: #fff; display: inline-block; font-size: 0.625rem; font-weight: bold; line-height: 18px; min-width: 55px; padding: 5px 10px 5px 18px; position: absolute; right: 6px; text-align: center; text-transform: uppercase; top: 6px; z-index: 3; border-radius: 0.3125rem 0; }

.hot__box::after { content: ""; border-right: 6px solid #5e9fdf; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #5e9fdf transparent transparent; border-image: none; border-style: solid; border-width: 6px; left: 0; margin-top: -6px; position: absolute; top: 50%; }

.product-remove .td-content { display: flex; justify-content: center; }

.product_padding .page_spacing { padding: 0 5px; }

@media (max-width: 991px) { .product_padding { padding: 0 25px; } }

.shop_list_wrapper_padding { padding: 0 5px; }

.product_padding_sitemap { padding: 6.25rem 15px; }

@media (max-width: 991px) { .product_padding_sitemap { padding: 2.5rem 25px; } }

@media (max-width: 575px) { .shop_list_wrapper_padding { padding: 0 5px; } }

.txtNormal .tab-pane .customer_details { margin-top: 0; }

.txtNormal .panel-group .card, .txtNormal .panel-group .panel { margin-bottom: 0.625rem; }

.txtNormal .panel-group .card .customer_details, .txtNormal .panel-group .panel .customer_details { margin-top: 0; }

.txtNormal .panel-group .card .card-heading .card-title, .txtNormal .panel-group .card .card-heading .panel-title, .txtNormal .panel-group .card .panel-heading .card-title, .txtNormal .panel-group .card .panel-heading .panel-title, .txtNormal .panel-group .panel .card-heading .card-title, .txtNormal .panel-group .panel .card-heading .panel-title, .txtNormal .panel-group .panel .panel-heading .card-title, .txtNormal .panel-group .panel .panel-heading .panel-title { margin: 0; }

.txtNormal .panel-group .card .card-heading .card-title a, .txtNormal .panel-group .card .card-heading .panel-title a, .txtNormal .panel-group .card .panel-heading .card-title a, .txtNormal .panel-group .card .panel-heading .panel-title a, .txtNormal .panel-group .panel .card-heading .card-title a, .txtNormal .panel-group .panel .card-heading .panel-title a, .txtNormal .panel-group .panel .panel-heading .card-title a, .txtNormal .panel-group .panel .panel-heading .panel-title a { color: #555; background: #f7f7f7; padding: 0.625rem 1.25rem; letter-spacing: .1vw; border-radius: 0.3125rem 0.3125rem 0 0; border: 1px #ebebeb solid; font-size: 1.375rem; font-weight: bold; }

.txtNormal .panel-group .card .card-heading .card-title a:hover, .txtNormal .panel-group .card .card-heading .panel-title a:hover, .txtNormal .panel-group .card .panel-heading .card-title a:hover, .txtNormal .panel-group .card .panel-heading .panel-title a:hover, .txtNormal .panel-group .panel .card-heading .card-title a:hover, .txtNormal .panel-group .panel .card-heading .panel-title a:hover, .txtNormal .panel-group .panel .panel-heading .card-title a:hover, .txtNormal .panel-group .panel .panel-heading .panel-title a:hover { background: #5e9fdf; }

.txtNormal .panel-group .card .card-heading .card-title a.collapsed, .txtNormal .panel-group .card .card-heading .panel-title a.collapsed, .txtNormal .panel-group .card .panel-heading .card-title a.collapsed, .txtNormal .panel-group .card .panel-heading .panel-title a.collapsed, .txtNormal .panel-group .panel .card-heading .card-title a.collapsed, .txtNormal .panel-group .panel .card-heading .panel-title a.collapsed, .txtNormal .panel-group .panel .panel-heading .card-title a.collapsed, .txtNormal .panel-group .panel .panel-heading .panel-title a.collapsed { border-radius: 0.3125rem; }

.txtNormal .panel-group .card .card-heading .card-title a.collapsed:hover, .txtNormal .panel-group .card .card-heading .panel-title a.collapsed:hover, .txtNormal .panel-group .card .panel-heading .card-title a.collapsed:hover, .txtNormal .panel-group .card .panel-heading .panel-title a.collapsed:hover, .txtNormal .panel-group .panel .card-heading .card-title a.collapsed:hover, .txtNormal .panel-group .panel .card-heading .panel-title a.collapsed:hover, .txtNormal .panel-group .panel .panel-heading .card-title a.collapsed:hover, .txtNormal .panel-group .panel .panel-heading .panel-title a.collapsed:hover { background: #5e9fdf; }

.txtNormal .panel-group .card .card-body, .txtNormal .panel-group .card .panel-body, .txtNormal .panel-group .panel .card-body, .txtNormal .panel-group .panel .panel-body { border: 1px #ebebeb solid; border-radius: 0 0 0.3125rem 0.3125rem; border-top: none; }

.txtNormal .panel-group .card .card-body .checkout_info, .txtNormal .panel-group .card .card-body .download_table, .txtNormal .panel-group .card .card-body .twin-in-gtuttable, .txtNormal .panel-group .card .panel-body .checkout_info, .txtNormal .panel-group .card .panel-body .download_table, .txtNormal .panel-group .card .panel-body .twin-in-gtuttable, .txtNormal .panel-group .panel .card-body .checkout_info, .txtNormal .panel-group .panel .card-body .download_table, .txtNormal .panel-group .panel .card-body .twin-in-gtuttable, .txtNormal .panel-group .panel .panel-body .checkout_info, .txtNormal .panel-group .panel .panel-body .download_table, .txtNormal .panel-group .panel .panel-body .twin-in-gtuttable { margin-bottom: 0; }

.gtut_mobile_bar_title .fa_svg { width: 30px; }

.gtut_mobile_bar_title .fa_svg svg { width: 15px; }

.wn__related__product { padding: 2.5rem 0.9375rem 0; }

.fotorama__thumb-border { border-radius: 0.3125rem; }

.add_to_links, .gtut_add_to_links { display: flex; width: 100%; }

.add_to_links .add_to_link_div2 .button_settings, .add_to_links .add_to_link_div1 .button_settings, .gtut_add_to_links .add_to_link_div2 .button_settings, .gtut_add_to_links .add_to_link_div1 .button_settings { padding: 0.4rem 0.5rem; }

.add_to_links .add_to_link_div1, .gtut_add_to_links .add_to_link_div1 { margin-right: 0.5rem; width: 58%; }

@media (max-width: 767px) { .add_to_links .add_to_link_div1, .gtut_add_to_links .add_to_link_div1 { margin-right: 0; margin-bottom: 0.3125rem; width: 100%; } }

.add_to_links .add_to_link_div1 .button_settings, .gtut_add_to_links .add_to_link_div1 .button_settings { color: #fff; }

.add_to_links .add_to_link_div1 .button_settings:hover, .gtut_add_to_links .add_to_link_div1 .button_settings:hover { color: #fff; }

.add_to_links .add_to_link_div2, .gtut_add_to_links .add_to_link_div2 { width: 42%; }

.add_to_links .add_to_link_div2 .button_settings, .gtut_add_to_links .add_to_link_div2 .button_settings { color: #2e2e2e; }

.add_to_links .add_to_link_div2 .button_settings:hover, .gtut_add_to_links .add_to_link_div2 .button_settings:hover { color: #fff; }

.add_to_links .add_to_link_div a.version_button_04, .gtut_add_to_links .add_to_link_div a.version_button_04 { width: fit-content; margin: 0; padding: 0.3125rem 0; }

.add_to_links .add_to_link_div .button_settings, .gtut_add_to_links .add_to_link_div .button_settings { text-align: center; font-weight: bold; }

.add_to_links .add_to_link_div a, .gtut_add_to_links .add_to_link_div a { width: 100%; display: block; font-size: 1rem; }

.add_to_links .add_to_link_div3 .button_settings, .gtut_add_to_links .add_to_link_div3 .button_settings { font-weight: normal; }

.add_to_links li, .gtut_add_to_links li { margin-bottom: 4px; }

.add_to_links li .cart, .gtut_add_to_links li .cart { margin-right: 5px; }

.add_to_links li a, .gtut_add_to_links li a { border: 0 none; display: inline-block; font-weight: normal; height: 38px; line-height: 36px; padding: 0; position: relative; text-align: center; width: 38px; color: #333; border-radius: 0.3125rem; }

.add_to_links li a:hover, .gtut_add_to_links li a:hover { color: #5ec9df; }

.add_to_links li a:hover svg, .gtut_add_to_links li a:hover svg { fill: #5ec9df; transition: 0.3s ease-in-out; }

.add_to_links li a svg, .gtut_add_to_links li a svg { fill: #333; transition: 0.3s ease-in-out; }

.add_to_links_div { display: flex; }

@media (max-width: 767px) { .add_to_links_div { flex-wrap: wrap; } }

.add_to_links_div .version_button_01, .add_to_links_div .version_button_02, .add_to_links_div .version_button_03, .add_to_links_div .version_button_04 { width: 100%; text-align: center; }

.add_to_links_div .add_to_link_div svg { width: 20px; }

.add_to_links_div .add_to_link_div.add_to_link_div3 { margin: 0.3125rem 0 0; }

.add_to_links_div .add_to_link_div.add_to_link_div3 a { position: relative; padding: 0 0 0 30px; font-size: 1rem; color: #555; }

.add_to_links_div .add_to_link_div.add_to_link_div3 a:before { content: ""; position: absolute; width: 20px; height: 20px; background: #eee; left: 0; top: 50%; transform: translateY(-50%); border-radius: 100px; }

.add_to_links_div .add_to_link_div.add_to_link_div3 a:after { content: "+"; position: absolute; width: 0; height: 0; left: 5px; top: 0; border-radius: 100px; }

.add_to_links_div .add_to_link_div a svg { transition: 0.3s ease-in-out; }

.add_to_links_div .add_to_link_div a .fa_svg_inA { width: auto; margin-right: 0.3rem; }

.cart_button { width: 100%; }

.listview-actions_inner { padding-top: 0.9375rem; }

.box-tocart .box-tocart-actions_inner { margin-left: 0.625rem; }

.box-tocart .box-tocart-actions_inner li { margin-right: 0.625rem; }

.product-addto-links { margin-top: 2.5rem; }

@media (max-width: 767px) { .product-addto-links { margin-top: 1.5625rem; } }

.shop-grid .product-prize { margin: 0 0 0.9375rem; padding: 0; display: flex; flex-wrap: wrap; align-items: baseline; }

.shop-grid .first_description { margin-top: 10px; }

.shop-grid .actions_inner { margin-top: 10px; }

.product_title { color: #2e2e2e; font-size: clamp(1.125rem, 2.5vw, 1.25rem); line-height: 1.4; display: block; font-weight: normal; margin: 0.9375rem 0 0.3125rem; }

.product_title a:hover { color: #5e9fdf; }

.date { margin: 0.9375rem 0 0; color: #aaaaaa; font-size: 0.75rem; font-weight: bold; }

.td_num .pdf-file-svg { margin-right: 5px; }

button.swal2-cancel { background: #ebebeb; }

.add_to_link_div a { font-size: 1rem; color: #fff; }

.product-prize { margin: 0; align-items: center; }

.product-prize li { display: inline; padding: 0; }

.product-prize .old_prize { color: #ccc; font-weight: normal; font-size: 0.875rem; text-decoration: line-through; margin-top: -5px; }

.product-prize .final_prize { color: #de0000; margin-right: 5px; }

/* 商品內頁列表設定 */
.add_to_link_div1 a { font-weight: bold; }

@media (min-width: 1200px) and (max-width: 1300px) { .add_to_link_div1 { width: 50%; } }

@media (max-width: 1199px) { .add_to_link_div1 { margin: 0 0 0.3125rem; width: 100%; } }

.gtut_add_to_links div.add_to_link_div2 a { font-weight: bold; padding: 0.35rem 0.9375rem; }

@media (min-width: 1200px) and (max-width: 1300px) { .gtut_add_to_links div.add_to_link_div2 { width: 47%; } }

#nav-list .blog__post .thumb, #nav-grid .blog__post .thumb { padding: 0; }

#nav-list .blog__post .thumb img, #nav-grid .blog__post .thumb img { border-radius: 0.3125rem; }

#nav-list .blog__post .blog_content, #nav-grid .blog__post .blog_content { padding: 0 0 0 1.5625rem; }

#nav-list .gtut_add_to_links .add_to_link_div .button_settings, #nav-grid .gtut_add_to_links .add_to_link_div .button_settings { text-align: center; font-weight: bold; }

#nav-list .list_style { margin: 0; }

#nav-list .list_content { padding-left: 1.5625rem; padding-right: 0; }

#nav-list .gtut_qty_input { width: calc(32% - 60px); }

@media (max-width: 575px) { #nav-list .gtut_qty_input { width: calc(100% - 60px); } }

#nav-list .page_spacing { padding: 0; }

#nav-list .add_to_link_div2 a { font-weight: bold; }

@media (max-width: 767px) { #nav-list .add_to_link_div { flex: auto; width: 100%; } }

@media (max-width: 767px) { #nav-list .gtut_add_to_links { display: block; } }

@media (max-width: 767px) { #nav-list .gtut_add_to_links div.add_to_link_div2 { width: 100%; } }

#nav-grid .in-product { margin: 0 0 1.5625rem; }

@media (max-width: 767px) { #nav-grid .in-product { margin: 0 0 0.9375rem; } }

@media (max-width: 575px) { #nav-grid .in-product { padding-right: 5px; padding-left: 5px; } }

#nav-grid .in-product .list_style { margin: 0.625rem 0 0.3125rem; }

@media (max-width: 1199px) { #nav-grid .add_to_link_div { flex: auto; width: 100%; } }

@media (max-width: 1199px) { #nav-grid .gtut_add_to_links { display: block; } }

@media (max-width: 1199px) { #nav-grid .gtut_add_to_links div.add_to_link_div2 { width: 100%; } }

.description_bottom { margin-top: 1.2rem; }

.fa-star-svg, .star-border-svg { display: flex; justify-content: center; align-items: center; }

.product-reviews-summary .rating { align-items: center; margin-right: 0.3125rem; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: number-input; }

.product { position: relative; overflow: hidden; }

.product .product__content, .product .content { width: 100%; }

.product .list_style { margin: 0.625rem 0 0; }

.product .add_to_links { text-align: left; }

.product .add_to_links li { display: inline-block; vertical-align: top; }

.product .product__content .text_limited { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-height: 32px; }

.product .product__content .list_style { margin: 0.625rem 0 0.3125rem; }

.product .product__content .description { margin: 0.3125rem 0; color: #888; }

.product .product__content .description p { margin: 0; }

.product .product__content .product_button { padding: 0; }

.product .product__content .list_style { margin: 0.625rem 0 0.3125rem; }

.product .product__content .gtut_qty_wrap { display: flex; margin: 0 0 0.9375rem; }

.product .product__content .gtut_qty_wrap .num_text { display: flex; margin: 0 6px 0 0; align-items: center; white-space: nowrap; line-height: 1; font-size: 0.875rem; }

.product .product__content .gtut_qty_wrap .num_function { display: flex; }

.product .product__content .rating { margin: 0 0 0.9375rem; list-style: none; align-items: center; }

.product .product__content .rating li i { color: #e0e0e0; }

.product .product__content .rating li.on i { color: #feda3e; }

.product .product__content .rating.rating--yellow li.on i { color: #feda3e; }

.gtut_product_filter_show_btn { display: flex; align-items: center; justify-content: center; }

.badge_wrap { display: flex; flex-wrap: wrap; width: 100%; margin: 0.9375rem 0 0; }

.badge_wrap img { max-width: 1.6rem; }

.badge_wrap .badge { padding: 0.35rem 0.4rem 0.3rem; margin: 0 0.3125rem 0.3125rem 0; }

.badge_wrap .badge-primary { border: 1px #BDBDBD solid; color: #BDBDBD; background: transparent; }

.badge_wrap .badge-primary img { width: 0.625rem; }

.badge_wrap .badge-primary:hover, .badge_wrap .badge-primary:focus, .badge_wrap .badge-primary:active { color: #fff; border: 1px #5197dc solid; background-color: #5197dc; }

.thumb { overflow: hidden; }

.product__thumb { overflow: hidden; position: relative; }

.product__thumb a { display: block; }

.product__thumb a img { width: 100%; border-radius: 0.3125rem; }

.ya-favorite-product-button { position: absolute; top: 0; right: 0; padding: 10px; color: #fff; }

.productcategory__slide--2 .product__content { background: transparent none repeat scroll 0 0; }

.product:hover .product__thumb .action .actions_inner .add_to_links li:nth-child(1) { opacity: 1; transition: opacity 300ms linear 0s; }

.product:hover .product__thumb .action .actions_inner .add_to_links li:nth-child(2) { opacity: 1; transition: opacity 500ms linear 0s; }

.product:hover .product__thumb .action .actions_inner .add_to_links li:nth-child(3) { opacity: 1; transition: opacity 700ms linear 0s; }

.product:hover .product__thumb .action .actions_inner .add_to_links li:nth-child(4) { opacity: 1; transition: opacity 900ms linear 0s; }

.product:hover .product__thumb a.second__img { opacity: 1; visibility: visible; width: 100%; }

.rating-summary .rating { padding: 0; list-style: none; }

@media (max-width: 575px) { .rating-summary .rating { margin: 0; } }

.rating-summary .rating li i { color: #feda3e; }

.rating-summary .rating li.off i { color: #e0e0e0; }

.rating-summary .rating.rating--yellow li.off i { color: #e0e0e0; }

.productcategory__slide [class*="col-"] { max-width: 100%; }

.first__img { position: relative; }

.first__img img { border-radius: 0.3125rem; }

.single__tab.tab-pane:not(.active) { display: none; }

.shop-grid.tab-pane:not(.active) { display: none; }

.product__nav { padding: 0.9375rem 0; }

.product__nav a { cursor: pointer; border-left: 1px solid #e2e2e2; color: #7b7b7b; display: inline-block; font-weight: bold; line-height: 18px; padding: 0 25px; position: relative; text-transform: uppercase; transition: all 300ms ease-in 0s; }

.product__nav a:first-child { border-left: 0 none; }

.product__nav a:hover, .product__nav a.active { color: #5e9fdf; transition: all 300ms ease-in 0s; }

.single__tab.space__top--none .product { margin-top: 0px; }

.product.product__style--3 .product__content.content--center { text-align: center; }

.content--center .rating, .product.product__style--3 .product__content.content--center .prize { justify-content: center; }

/*------------------------------
  06. Quickview Area
--------------------------------*/
#quickview-wrapper { position: relative; z-index: 9956748; }

.modal-dialog.modal__container { max-width: 1170px; background: #fff; }

.review a { color: #555; }

.product-info { padding-left: 50px; max-width: 50%; }

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

.rating__and__review .rating { display: flex; }

@media (min-width: 768px) and (max-width: 991px) { .onsale__thumb { text-align: center; }
  .product-info { padding-left: 0; }
  .margin--lr--60 { margin: 0 40px; } }

@media (max-width: 767px) { .product__nav.nav--right a { padding: 0 20px; }
  .wn__product__area.spacing--lr { padding-left: 0; padding-right: 0; }
  .product-info { max-width: 100%; padding-left: 0; }
  .margin--lr--60 { margin: 0; } }

@media (max-width: 420px) { .product__nav a { padding: 0 18px; margin-bottom: 10px; } }

.newsletter__block p { word-break: break-all; margin-bottom: 15px; }

.newsletter__block .newsletter__box { display: inline-block; margin-top: 1.5625rem; max-width: 570px; position: relative; width: 100%; }

.newsletter__block .newsletter__box input { background: #e2e2e2; border: 1px solid #e2e2e2; color: #7b7b7b; display: inline-block; height: 50px; line-height: 30px; padding: 10px 168px 10px 10px; width: 100%; outline: none; border-radius: 0.3125rem; }

.newsletter__block .newsletter__box button { background: #5e9fdf; border: 1px solid #5e9fdf; color: #fff; display: inline-block; font-weight: bold; height: 50px; letter-spacing: 0.025em; line-height: 36px; padding: 0 35px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; transition: all 300ms ease-in 0s; border-radius: 0 0.3125rem 0.3125rem 0; }

.newsletter__block .newsletter__box button:hover { background: #5ec9df; border: 1px solid #5ec9df; }

@media (min-width: 992px) and (max-width: 1199px) { .newsletter--bg { background-position: left center; } }

@media (min-width: 768px) and (max-width: 991px) { .newsletter--bg { background-position: right center; } }

@media (max-width: 767px) { .newsletter--bg { background-position: right center; }
  .newsletter__block .newsletter__box input { padding: 10px 98px 10px 10px; } }

@media (max-width: 575px) { .newsletter--bg { background: #fff none no-repeat scroll left center / cover; }
  .newsletter__block .newsletter__box button { padding: 0 10px; } }

/*------------------------- Slider Styles -------------------------*/
#mobile_banner .Swiper_MainBanner, #mainbanner .Swiper_MainBanner { text-align: center; }

.banner { margin-top: 0; }

.banner_col { margin-top: 0; }

.banner_col img { width: 100%; }

@media (max-width: 575px) { .banner_col { margin-top: 114px; } }

.slide.align__center--left { align-items: center; display: flex; }

.slide .slider__content h2 { font-size: 5rem; text-transform: capitalize; }

.slide .slider__content h1 { font-size: 3.75rem; line-height: 1; margin-bottom: 20px; }

.slide .slider__content h1 span { color: #5e9fdf; }

.slide .slider__content p { max-width: 725px; }

.slide__arrow01, .slider--one, .slider--four, .slider__group, .slider--12 { position: relative; }

.slide__arrow03 { position: relative; }

.slider__fixed--height { width: 100%; height: 860px; }

@media (min-width: 768px) and (max-width: 991px) { .slider__fixed--height { padding: 150px 0; height: auto; }
  .fullscreen { min-height: auto; padding: 150px 0; }
  .page-slider { padding-right: 0; } }

@media (max-width: 767px) { .slider__fixed--height { height: auto; padding: 100px 0; }
  .fullscreen { min-height: auto; padding: 100px 0; }
  .main-page-content { padding-left: 0; padding-right: 0; }
  .page-slider { padding-right: 0; } }

/*-------------------------
	Brand Styles
-------------------------*/
.gtut_tag_list { display: flex; flex-wrap: wrap; width: 100%; margin-top: 1rem; margin-bottom: 1rem; }

.gtut_tag_list .gtut_tag_item { margin-bottom: 1rem; width: 33.33%; flex: 0 0 33.33%; }

@media (min-width: 576px) { .gtut_tag_list .gtut_tag_item { width: 20%; flex: 0 0 20%; } }

.gtut_tag_list img { max-width: 35px; max-height: 25px; margin-right: 0.3rem; }

.gtut_tag_list .gtut_tag_content { display: flex; align-items: center; margin-bottom: 0.5rem; }

.blog .blog__inner { flex-basis: 50%; }

.blog .blog__inner .date__time { margin-bottom: 14px; }

.blog .blog__inner .date__time .day { color: #2e2e2e; display: inline-block; font-size: 3rem; font-weight: bold; }

.blog .blog__inner .date__time .seperate { display: inline-block; margin-top: 26px; }

.blog .blog__inner .date__time .month { display: inline-block; margin-top: 26px; }

.blog .blog__thumb { display: block; overflow: hidden; flex-basis: 50%; }

.blog .blog__thumb img { transition: all 300ms ease-in 0s; width: 100%; }

.blog:hover .blog__thumb img { transform: scale3d(1.05, 1.05, 1.05); }

.blog__post.last_border_none:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }

.post__meta { position: relative; color: #aaa; font-size: 0.875rem; }

.blog__post { border-bottom: solid #ddd thin; margin: 0 0 2.5rem; padding: 0 0 2.5rem; }

@media (max-width: 991px) { .blog__post { margin-bottom: 1.5625rem; padding-bottom: 1.5625rem; } }

.blog__post:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }

.blog__post .description { margin: 0.3125rem 0 0; }

.blog__post .text_box { margin: 0.625rem 0 1.5625rem; }

@media (max-width: 575px) { .blog__post .text_box { margin: 0; } }

.blog__post .list_style { text-align: left; margin: 0; }

.blog__post .button_settings { margin: 0; }

.blog__post .blog__btn { display: flex; align-items: center; }

.blog__post .thumb { flex-basis: 50%; height: fit-content; }

.blog__post .thumb a { display: block; }

.blog__post .thumb a img { width: 100%; }

.blog__post .badge_wrap { margin: 0.9375rem 0 0; }

@media (max-width: 575px) { .blog__post .badge_wrap { margin: 0.9375rem 0 0; } }

.blog__post .content { flex-basis: 50%; }

.blog__post .content .post__meta { line-height: 1; margin-bottom: 10px; }

.blog__post .content .post__meta .blog__btn { margin-top: 2rem; }

.blog__post .content .post__meta li { color: #aaa; font-size: 0.625rem; font-weight: bold; text-transform: uppercase; }

.blog__post .content .post__meta li a { padding-left: 5px; color: #aaa; font-size: 0.625rem; font-weight: bold; }

.blog__post.text--post .content { padding: 0; }

.wn__pagination { margin: 3.75rem 0 0; text-align: center; display: flex; justify-content: center; align-items: center; }

@media (max-width: 767px) { .wn__pagination { margin: 1.875rem 0; } }

.A-List .news_A_list_blog { margin: 0 0 2.5rem; padding: 0 0 2.5rem; }

@media (max-width: 767px) { .A-List .news_A_list_blog { margin: 0 0 1.5625rem; padding: 0 0 1.5625rem; } }

@media (min-width: 576px) { .A-List .news_A_list_blog .text_box { margin: 0; } }

.A-List .news_A_list_blog .text_box .list_style { font-size: clamp(1rem, 5vw, 1.375rem); margin: 0; }

.A-List .news_A_list_blog .text_box .description { margin: 0.625rem 0 0; text-align: left; }

.A-List .news_A_list_blog .text_box .description a { color: #555; }

.A-List .news_A_list_blog .blog__post { padding-bottom: 23px; margin-bottom: 25px; }

.A-List .news_A_list_blog .blog__post .post_content { align-items: center; }

.A-List .news_A_list_blog .blog__post .post_content .blog__btn { margin: 0; align-items: center; display: flex; }

@media (max-width: 767px) { .A-List .news_A_list_blog .blog__post .post_content .blog__btn { width: 100%; margin: 0.9375rem 0 0; text-align: center; } }

@media (max-width: 767px) { .A-List .news_A_list_blog .blog__btn { display: none; } }

.B-List .news_B_list_blog { border: none; }

@media (max-width: 991px) { .B-List .news_B_list_blog { min-height: 10vh; border-bottom: 1px #ddd solid; margin: 0 0 2.5rem; padding: 0 0 2.5rem; } }

@media (max-width: 991px) and (max-width: 767px) { .B-List .news_B_list_blog { margin: 0 0 1.5625rem; padding: 0 0 1.5625rem; } }

.B-List .news_B_list_blog .thumb { padding-left: 0; }

.B-List .news_B_list_blog .thumb a img { border-radius: 0.3125rem; }

.B-List .news_B_list_blog .blog_content { padding: 0; }

.B-List .news_B_list_blog .blog_content .list_style { text-align: left; }

.B-List .news_B_list_blog .blog_content .button_settings { margin: 0; }

.B-List .news_B_list_blog .text_box { margin: 0 0 0.9375rem; }

@media (max-width: 767px) { .B-List .news_B_list_blog .text_box { margin: 0 0 0.625rem; } }

.B-List .news_B_list_blog .description a { color: #555; }

.B-List .news_B_list_blog .badge_wrap { justify-content: left; margin: 0.9375rem 0 0; }

@media (max-width: 991px) { .B-List .blog_box:last-child .news_B_list_blog { border: none; margin-bottom: 0; padding-bottom: 0; } }

@media (max-width: 767px) { .B-List .blog__btn { display: none; } }

.C-List .news_C_list_havechild, .C-List .news_C_list { align-items: stretch; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog, .C-List .news_C_list .page_box .news_C_list_blog { position: relative; text-align: left; width: 100%; height: 100%; border: none; }

@media (max-width: 991px) { .C-List .news_C_list_havechild .page_box .news_C_list_blog, .C-List .news_C_list .page_box .news_C_list_blog { padding-bottom: 0; } }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .content .blog__btn, .C-List .news_C_list .page_box .news_C_list_blog .content .blog__btn { border-bottom: none; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .thumb, .C-List .news_C_list .page_box .news_C_list_blog .thumb { display: block; overflow: hidden; border-radius: 0.3125rem; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .thumb a, .C-List .news_C_list .page_box .news_C_list_blog .thumb a { display: block; overflow: hidden; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .thumb a img, .C-List .news_C_list .page_box .news_C_list_blog .thumb a img { transition: all 0.3s ease-in-out 0s; width: 100%; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .content .text_box, .C-List .news_C_list .page_box .news_C_list_blog .content .text_box { margin: 0.625rem 0 1.5625rem; }

@media (max-width: 575px) { .C-List .news_C_list_havechild .page_box .news_C_list_blog .content .text_box, .C-List .news_C_list .page_box .news_C_list_blog .content .text_box { margin: 0.625rem 0; } }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .content .badge_wrap, .C-List .news_C_list .page_box .news_C_list_blog .content .badge_wrap { margin: 0.9375rem 0 0; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .content .text_limited, .C-List .news_C_list .page_box .news_C_list_blog .content .text_limited { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-height: 28px; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .content .description a, .C-List .news_C_list .page_box .news_C_list_blog .content .description a { color: #555; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .content .list_style a, .C-List .news_C_list .page_box .news_C_list_blog .content .list_style a { color: #2e2e2e; transition: 0.3s; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .content .list_style a:hover, .C-List .news_C_list .page_box .news_C_list_blog .content .list_style a:hover { color: #5e9fdf; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .content .blog__btn, .C-List .news_C_list .page_box .news_C_list_blog .content .blog__btn { color: #2e2e2e; transition: all 0.3s ease-in-out 0s; margin: 0.9375rem 0 0; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog .content .blog__btn:hover, .C-List .news_C_list .page_box .news_C_list_blog .content .blog__btn:hover { border-color: #5e9fdf; color: #5e9fdf; }

.C-List .news_C_list_havechild .page_box .news_C_list_blog:hover .thumb a img, .C-List .news_C_list .page_box .news_C_list_blog:hover .thumb a img { transform: scale3d(1.05, 1.05, 1.05); }

.C-List .news_C_list_havechild .page_box:last-child .news_C_list_blog, .C-List .news_C_list .page_box:last-child .news_C_list_blog { padding-bottom: 0; }

.D-List .blog__post { padding-bottom: 2.5rem; margin-bottom: 2.5rem; margin-right: 0; margin-left: 0; }

@media (max-width: 767px) { .D-List .blog__post { padding-bottom: 1.5625rem; margin-bottom: 1.5625rem; } }

.D-List .blog-page { padding: 0; }

.D-List .blog__post .text_box { margin: 0 0 1.5625rem; }

@media (max-width: 575px) { .D-List .blog__post .text_box { margin: 0; } }

.D-List .thumb { padding-left: 0; }

.D-List .thumb a img { border-radius: 0.3125rem; }

.D-List .blog_content { padding-right: 0; }

.D-List .news_D_list_blog:last-child { border: none; padding: 0; }

@media (max-width: 767px) { .D-List .news_D_list_blog .thumb { padding: 0; } }

.D-List .news_D_list_blog .description a { color: #555; }

@media (max-width: 767px) { .D-List .list_out { padding: 0; } }

@media (max-width: 767px) { .D-List .blog__btn { display: none; } }

.search_page .description { margin: .625rem 0 1.5625rem; }

.search_page .blog__btn { margin: 0.9375rem 0 0; }

@media (max-width: 767px) { .search_page .blog__btn { display: none; } }

.search_page .blog_thumb { padding: 0 30px 0 0; }

@media (max-width: 991px) { .search_page .blog_thumb { padding: 0 15px 0 0; } }

@media (max-width: 767px) { .search_page .blog_thumb { margin-bottom: 10px; } }

@media (max-width: 575px) { .search_page .blog_thumb { padding: 0 15px 0 0; } }

.search_page .blog_content { padding: 0; }

/* 標籤頁 */
.tags_page .page_box { border: none; margin: 0 0 2.5rem; }

.tags_page .blog__post { padding: 0; border: none; }

.blog_thumb img { border-radius: 0.3125rem; }

div.down_text { margin: .625rem 0 0; }

div.down_text p { margin: 0; }

.page__header { border-bottom: 1px solid #e2e2e2; margin-bottom: 30px; }

@media (max-width: 420px) { .blog .blog__inner, .blog .blog__thumb { flex-basis: 100%; } }

/*客製最新消息*/
.content_box_product { margin: 0 5px; }

.content_box_product > .row { border-bottom: 1px solid #e2e2e2; padding-bottom: 2.5rem; margin-bottom: 2.5rem; }

@media (max-width: 767px) { .content_box_product > .row { padding-bottom: 1.5625rem; margin-bottom: 1.5625rem; } }

.content_box_product > .row .in-gtutblock { padding: 0; }

.content_box .row-in-gtutblock { border-bottom: 1px solid #e2e2e2; padding-bottom: 2.5rem; margin: 0 0 2.5rem; }

@media (max-width: 767px) { .content_box .row-in-gtutblock { padding-bottom: 1.5625rem; margin: 0 0 1.5625rem; } }

.content_box .in-gtutblock { padding: 0; }

.blog__post-border-bottom { border-bottom: 1px solid #fff; padding-bottom: .8rem; }

@media (max-width: 767px) { .news_B_list_havechild, .news_C_list_havechild, .news_D_list_havechild { margin-top: 0.2rem; } }

.bradcaump-content a { color: #aaa; }

.bradcaump-content a:hover { color: #5ec9df; }

/*--------------------------
	Breadcaump Styles
----------------------------*/
.bradcaump__inner .bradcaump-title { font-weight: bold; text-transform: uppercase; line-height: 30px; }

.bradcaump__inner .bradcaump-content { padding: 15px 0; }

.bradcaump__inner .bradcaump-content .breadcrumb_item { font-weight: normal; text-transform: capitalize; }

.bradcaump__inner .bradcaump-content span.brd-separetor { font-style: italic; margin: 0 7px; }

.bradcaump-content { color: #aaa; letter-spacing: 0.1vw; font-size: 0.875rem; padding: 0 0 0.9375rem; }

@media (max-width: 767px) { .bradcaump-content { padding: 0.3125rem 0; } }

.bradcaump-content a { color: #aaa; letter-spacing: 0.1vw; }

/*--------------------------
	Single Product Styles
----------------------------*/
.product_inpage .breadcrumb_list { margin-bottom: 0.9375rem; }

.product_inpage .inpage_product_tools { display: flex; align-items: center; max-height: 2vh; margin: 0.9375rem 0 1.875rem; font-size: 1rem; }

.product_inpage .inpage_product_tools svg { width: 20px; height: 20px; }

.product_inpage .inpage_product_tools .facebook svg:hover, .product_inpage .inpage_product_tools .line svg:hover, .product_inpage .inpage_product_tools .twitter svg:hover { filter: brightness(120%); }

.product_inpage .inpage_product_tools .facebook svg { fill: #3b5998; }

.product_inpage .inpage_product_tools .line svg { fill: #00b400; }

.product_inpage .inpage_product_tools .twitter svg { fill: #00acee; }

.product_inpage .inpage_product_tools .box_1 { width: 100%; }

.product_inpage .inpage_product_tools .box_2 { width: 70%; }

.product_inpage .inpage_product_tools .box_3 { width: 100%; }

.product_inpage .inpage_product_tools .box_3 .add_to_link_div.add_to_link_div3 { margin: 0; }

.product_inpage .inpage_product_tools .box_3 .add_to_link_div.add_to_link_div3 a { font-size: 1rem; line-height: 1; margin: auto; }

.product_inpage .inpage_product_tools .in_tool { border-left: 1px #ccc solid; display: flex; justify-content: space-around; }

.product_inpage .inpage_product_tools .in_tool:first-child { border: none; }

.product_inpage .inpage_product_tools .in_tool .add_to_links { justify-content: center; }

.product_inpage .inpage_product_tools .in_tool .add_to_links li { margin: 0; }

.product_inpage .inpage_product_tools .in_tool .wishlist { display: flex; align-items: center; justify-content: center; width: unset; height: unset; white-space: nowrap; line-height: 1; }

.product_inpage .inpage_product_tools .in_tool .wishlist:hover .fa_svg svg { fill: #5ec9df; }

.product_inpage .inpage_product_tools .in_tool .wishlist.added .fa_svg svg { fill: #5e9fdf; }

.product_inpage .inpage_product_tools .in_tool .wishlist.added .wish_text { display: none; }

.product_inpage .inpage_product_tools .in_tool .wishlist.added .wish_text_ed { display: block; color: #555; margin-left: 5px; }

.product_inpage .inpage_product_tools .in_tool .wishlist .wish_text_ed { display: none; }

.product_inpage .inpage_product_tools .in_tool .wishlist .wish_text_ed .fa_svg { margin: 0 5px 0 0; }

.product_inpage .inpage_product_tools .in_tool .wishlist .wish_text { margin-left: 5px; }

.product_inpage .inpage_product_tools .in_tool .wishlist .fa_svg { position: unset; align-items: center; display: flex; width: 13px; }

.product_inpage .inpage_product_tools .in_tool .wishlist .fa_svg svg { fill: #ebebeb; }

.product_inpage .inpage_product_tools .product-addto-links { margin: 0; }

.product_inpage .inpage_product_tools .product-addto-links .share_text { white-space: nowrap; line-height: 1; font-weight: normal; }

.product_inpage .inpage_product_tools .product-addto-links .post-thumbnail ul li a { margin-right: 0.3125rem; }

@media (max-width: 991px) { .product_inpage .inpage_product_tools .product-addto-links .post-thumbnail ul li a { margin-right: 0.625rem; } }

.product_inpage .product__info__main .add_to_links { display: flex; }

.product_inpage .product__info__main .version_button_01 { padding: 0.9375rem 0; width: 100%; margin-top: 0.625rem; font-weight: bold; }

.product_inpage .product__info__main .product-info-stock-sku { margin-bottom: 0.9375rem; }

.product_inpage .product__info__main .product-info-stock-sku .product_info_text { display: inline-block; font-size: 0.875rem; text-transform: capitalize; margin-bottom: 0; color: #666; }

.product_inpage .product__info__main .product-info-stock-sku .product_info_text span { color: #666; }

.product_inpage .product__info__main .sec_title_style { margin-bottom: 0.438rem; text-align: left; }

.product_inpage .product__info__main .price-box { margin-bottom: 0.625rem; }

@media (max-width: 991px) { .product_inpage .product__info__main .price-box { margin-bottom: 0.1rem; } }

.product_inpage .product__info__main .price-box > span { font-size: clamp(1.5rem, 5vw, 1.625rem); font-weight: bold; line-height: 1; display: inline-block; color: #de0000; }

.product_inpage .product__info__main .price-box > span.original-price { font-weight: normal; font-size: 0.875rem; color: #ccc; text-decoration: line-through; }

@media (max-width: 767px) { .product_inpage .product__info__main .price-box > span.original-price { margin-left: 5px; } }

.product_inpage .product__info__main .price-box .final-price { margin-right: 3px; }

.product_inpage .product__info__main .price-box .single-price { color: #555; }

.product_inpage .product__info__main .product-reviews-summary { margin-bottom: 1.875rem; }

@media (max-width: 991px) { .product_inpage .product__info__main .product-reviews-summary { margin-bottom: 1.3rem; } }

.product_inpage .product__info__main .product-reviews-summary .rating-summary { margin-right: 8px; }

.product_inpage .product__info__main .product-reviews-summary .rating-summary li i { color: #5e9fdf; font-size: 0.875rem; }

.product_inpage .product__info__main .product-reviews-summary .reviews-actions a { color: #858484; transition: 0.4s; }

.product_inpage .product__info__main .product-reviews-summary .reviews-actions a + a { border-left: 1px solid #858484; padding-left: 6px; margin-left: 5px; }

.product_inpage .product__info__main .product-reviews-summary .reviews-actions a:hover { color: #5e9fdf; }

.product_inpage .product__info__main .description { margin-bottom: 1.875rem; color: #666; }

@media (max-width: 991px) { .product_inpage .product__info__main .description { margin-bottom: 1.3rem; } }

.product_inpage .product__info__main .radio_select { display: flex; }

.product_inpage .product__info__main .radio_select span { margin-bottom: 0.625rem; }

.product_inpage .product__info__main .product-color-label input:disabled ~ span.ya-option_name_sold { color: #ccc; }

.product_inpage .product__info__main .product-color-label span { font-weight: normal; display: block; }

.product_inpage .product__info__main .product-color-label .text_title { margin-right: 0.625rem; min-width: 50px; }

.product_inpage .product__info__main .product-color-label .color__attribute { display: inline-block; width: 100%; margin-bottom: 0.625rem; }

.product_inpage .product__info__main .product-color-label .color__attribute label + label { margin-left: 0.3125rem; }

.product_inpage .product__info__main .product-color-label .color__attribute .swatch-option { cursor: pointer; border: 1px solid #dadada; float: left; margin: 0 10px 5px 0; max-width: 90px; min-width: 30px; overflow: hidden; padding: 1px 2px; position: relative; text-align: center; text-overflow: ellipsis; }

.product_inpage .product__info__main .form-control:disabled, .product_inpage .product__info__main .form-control[readonly] { background: #ececec; }

.product_inpage .product__info__main .box-tocart { margin: 1.875rem 0 0; }

@media (max-width: 991px) { .product_inpage .product__info__main .box-tocart { margin: 0.65rem 0 0; } }

.product_inpage .product__info__main .box-tocart span { display: inline-block; font-weight: normal; line-height: 40px; text-transform: capitalize; }

.product_inpage .product__info__main .box-tocart .input-text { /* !important為了壓過IOS系統設定，請勿刪除 */ border: 1px solid #ececec !important; color: #555 !important; opacity: 1 !important; font-size: 0.875rem; height: 40px; text-align: center; width: 100px; margin: 0 15px 15px 0; }

.product_inpage .product__info__main .box-tocart .input-text:disabled { border: 1px solid #ececec !important; color: #555 !important; opacity: 1 !important; }

.product_inpage .product__info__main .box-tocart .tocart { font-size: 1.125rem; }

.product_inpage .product__info__main .product-addto-links > a { border: 2px solid #ececec; color: #7b7b7b; float: left; height: 40px; line-height: 40px; margin-right: 7px; padding: 0; position: relative; text-align: center; width: 40px; }

.product_inpage .product__info__main .product-addto-links > a.wishlist { background-color: #fff; }

.product_inpage .product__info__main .product-addto-links > a.compare { background-color: #fff; }

.product_inpage .product__info__main .product-addto-links > a.email { background: #fff url("../images/icons/button-email.png") no-repeat scroll 0 0; }

.product_inpage .product__info__main .product-addto-links > a.facebook:hover { background-color: #3b5998; border-color: #3b5998; }

.product_inpage .product__info__main .product-addto-links > a.line:hover { background-color: #00b400; border-color: #00b400; }

.product_inpage .product__info__main .product-addto-links > a.twitter:hover { background-color: #00acee; border-color: #00acee; }

.product_inpage .product__info__main .product-addto-links > a.google:hover { background-color: #dd4b39; border-color: #dd4b39; }

.swatch-option.image:hover:not(.disabled), .swatch-option.color:hover:not(.disabled) { border: 1px solid #fff; outline: 2px solid #ff5216; }

.swatch-option:hover:not(.disabled) { border: 1px solid #fff; color: #333; outline: 1px solid #999; }

.nav-tabs { border-bottom: 2px solid #ececec; margin-bottom: 25px; list-style: none; }

.nav-tabs li { border: 0 none; color: #ececec; font-weight: normal; height: 46px; line-height: 46px; position: relative; text-transform: uppercase; padding: 0 0.938rem; margin: 0 0.625rem 0 0; list-style: none; }

.nav-tabs li::marker { display: none; }

.nav-tabs li:last-child { margin-right: 0px; }

.nav-tabs li::after { content: ""; background: #5ec9df none repeat scroll 0 0; bottom: -1px; height: 2px; left: 0; position: absolute; transition: all 0.3s ease-in-out 0s; width: 0; }

.nav-tabs li.active::after, .nav-tabs li:hover::after { width: 100%; }

.nav-tabs li a { color: #bebebe; }

.nav-tabs li a.active, .nav-tabs li a:hover { color: #2e2e2e; font-weight: bold; }

.nav-tabs li a.active::after { content: ""; background: #5ec9df none repeat scroll 0 0; bottom: -1px; height: 2px; left: 0; position: absolute; transition: all 0.3s ease-in-out 0s; width: 100%; }

.product__info__detailed .post-thumbnail ul { display: flex; }

@media (max-width: 767px) { .product__info__detailed .post-thumbnail ul { display: block; } }

.product__info__detailed .post-thumbnail ul li { display: inline-block; padding: 0; border: 2px solid #ebebeb; margin-right: 15px; }

@media (max-width: 767px) { .product__info__detailed .post-thumbnail ul li { width: 100%; display: block; } }

.product__info__detailed .post-thumbnail ul a { padding: 5px 15px; display: block; }

.review__attribute h1 { font-size: 2.6rem; font-weight: normal; line-height: 1.1; margin-bottom: 2rem; }

.review__attribute h2 { font-size: 1.8rem; font-weight: normal; line-height: 1.1; margin: 0 0 30px; }

.review__attribute .review__ratings__type { margin-bottom: 1.5625rem; }

.review__attribute .review__ratings__type .review-ratings .rating-summary { margin-bottom: 5px; }

.review__attribute .review__ratings__type .review-ratings .rating-summary span { display: inline-block; line-height: 28px; padding: 0 10px 0 0; }

@media (min-width: 576px) { .review__attribute .review__ratings__type .review-content { margin-left: 45px; } }

.review__attribute .review__ratings__type .review-content p { color: #555; }

.review__attribute .review__ratings__type .review-content .post_content { margin-bottom: 0.9375rem; }

.review__attribute .review__ratings__type .review-content .post_details p { font-size: 0.875rem; color: #bdbdbd; margin: 0; }

/*--------------------------
	Blog Details Styles
----------------------------*/
.blog-details .blog-post-details .post_wrapper .post_header { margin: 0 0 10px; }

.blog-details .blog-post-details .post_wrapper .post_header h2 { font-size: 1.5rem; font-weight: bold; line-height: 25px; margin-bottom: 5px; text-transform: uppercase; color: #2e2e2e; }

.blog-details .blog-post-details .post_wrapper .post_header .post_author { display: flex; }

.blog-details .blog-post-details .post_wrapper .post_header .post_author li { color: #aaa; font-size: 0.625rem; font-weight: bold; text-transform: uppercase; padding-right: 5px; }

.blog-details .blog-post-details .post_wrapper .post_header .post_author li a { color: #7b7b7b; }

.blog-details .blog-post-details .post_wrapper .post_content .row-in-gtutblock { margin-bottom: 2.5rem; }

.blog-details .blog-post-details .post_wrapper .post_content .row-in-gtutblock a { color: #5e9fdf; }

.blog-details .blog-post-details .post_wrapper .post_content .row-in-gtutblock a:hover { color: #5ec9df; }

.blog-details .blog-post-details .post_wrapper .post_content blockquote { background: #e2e2e2; border: medium none; color: #555; font-style: italic; margin: 20px 0; padding: 30px; }

.wn__pagination { margin: 2.5rem 0 0; text-align: center; display: flex; justify-content: center; align-items: center; }

@media (max-width: 767px) { .wn__pagination { margin: 2.5rem 0 0.625rem; } }

.wn__pagination .fa-chevron-left-svg, .wn__pagination .fa-chevron-right-svg { height: 22px; }

.wn__pagination .fa-chevron-left-svg { margin-right: 25px; }

.wn__pagination .fa-chevron-right-svg { margin-left: 25px; }

.wn__pagination li { display: inline-block; margin: 0 15px 0 0; }

.wn__pagination li.active a { border-color: #5e9fdf; color: #2e2e2e; }

.wn__pagination li:last-child { margin: 0; }

.wn__pagination li a { border-bottom: 2px solid rgba(0, 0, 0, 0); color: #ccc; display: inline-block; font-size: 0.9375rem; font-weight: normal; line-height: 20px; text-align: center; }

.wn__pagination li a:hover { border-color: #5e9fdf; color: #5e9fdf; }

@media (max-width: 575px) { ccccz.blog__post .thumb { flex-basis: 100%; }
  .blog-page .blog__post .content { flex-basis: 100%; } }

.product-addto-links { align-items: center; }

.post-thumbnail.post-society-graf { margin-left: 10px; }

.post-thumbnail ul { padding-left: 0 !important; list-style: none !important; }

.post-thumbnail ul li a { display: flex; align-items: center; margin-right: 0.9375rem; }

.post-thumbnail ul li a svg { width: 26px; height: 26px; }

.post-thumbnail ul li a.facebook:hover svg { fill: #3b5998; transition: 0.3s ease-in-out; }

.post-thumbnail ul li a.line:hover svg { fill: #00b400; transition: 0.3s ease-in-out; }

.post-thumbnail ul li a.twitter:hover svg { fill: #00acee; transition: 0.3s ease-in-out; }

.post-thumbnail ul li a.google:hover svg { fill: #dd4b39; transition: 0.3s ease-in-out; }

.post-thumbnail ul li svg { color: #7b7b7b; font-size: 1rem; height: 20px; text-align: center; fill: #7b7b7b; transition: 0.3s ease-in-out; }

/*-------------------------- Error Styles ----------------------------*/
.gtut_error_page { margin: 120px 0 0; }

.gtut_error_page h2 { display: inline-block; font-size: 4rem; letter-spacing: 0.3rem; color: #5E5E5E; border-bottom: 1px solid #CECECE; text-align: center; margin-left: auto; margin-right: auto; line-height: 1.1; }

.gtut_error_page h2 small { font-size: 1.4rem; margin-right: 1rem; }

@media (min-width: 576px) { .gtut_error_page h2 { font-size: 7rem; letter-spacing: 0.3rem; line-height: 1.1; }
  .gtut_error_page h2 small { font-size: 3rem; } }

.gtut_error_page .gtut_error_content { text-align: center; margin-left: auto; margin-right: auto; letter-spacing: 0.15rem; padding-top: 1rem; }

.gtut_error_page .error-button { background-color: #7E7E7E; border-color: #7E7E7E; color: #fff; transition: all .2s ease-in-out; }

.gtut_error_page .error-button:hover { background-color: #606060; border-color: #606060; }

/*--------------------------
	Contact Styles
----------------------------*/
.contact-form-wrap p { margin-bottom: 35px; color: #848484; }

.contact-form-wrap .single-contact-form.space-between { display: flex; justify-content: space-around; margin-left: -10px; margin-right: -10px; }

.contact-form-wrap .single-contact-form.space-between input { margin: 0 10px; }

.contact-form-wrap .single-contact-form .btn-primary { margin-top: 0.9375rem; }

.contact-form-wrap .single-contact-form textarea { border: 1px solid #e2e2e2; border-radius: 0.3125rem; max-width: 100%; padding: 10px; height: 200px; padding: 15px; width: 100%; outline: none; font-size: clamp(1rem, 2vw, 1.125rem); }

.captcha-box { display: flex; }

.captcha-box img.captcha { width: auto; margin: 0; height: 43px; border: none; box-shadow: none; padding: 0; }

@media (max-width: 991px) { .wn__address { margin-top: 2.5rem; } }

.wn__address p { margin-bottom: 35px; }

.wn__address .single__address { display: flex; }

.wn__address .single__address i { color: #353535; font-size: 1.25rem; margin-right: 20px; margin-top: 10px; }

.wn__address .single__address .content span { color: #353535; display: inline-block; font-weight: bold; text-transform: uppercase; }

.wn__address .single__address .content p { margin-bottom: 15px; }

.select__option, .btn-select { border: 1px solid #e2e2e2; height: 45px; padding: 0.375rem 0.75rem; width: 100%; }

.ya-field__select { background-color: #fff; height: 40px; }

#googleMap { width: 100%; height: 500px; }

@media (max-width: 420px) { .contact-form-wrap .single-contact-form.space-between { flex-wrap: wrap; }
  .contact-form-wrap .single-contact-form.space-between input + input { margin-top: 30px; } }

/*--------------------------
	Faq Styles
----------------------------*/
.wn_accordion .card { border: 0 none; margin-bottom: 20px; }

.acc-header h5 a, .wn_accordion h4 a { display: block; font-size: 1rem; font-weight: normal; padding: 18px 40px 18px 26px; position: relative; }

.wn_accordion .card { border-radius: 0; }

.wn_accordion .card-body { padding-left: 18px; padding-right: 18px; border: none; }

.wn_accordion h4.card-title { margin-bottom: 0; }

.acc-header h5 a.collapsed::after, .wn_accordion h4 a.collapsed::after { background-image: url("../images/others/toggle_open.png"); background-repeat: no-repeat; content: ""; height: 20px; padding: 0 10px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 20px; }

.acc-header h5 a::after, .wn_accordion h4 a::after { background-image: url("../images/others/toggle_close.png"); background-repeat: no-repeat; content: ""; height: 20px; padding: 0 10px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 20px; }

/*--------------------------
MyAccount Styles
----------------------------*/
select, select.form-control, .select__option { -moz-appearance: none; -webkit-appearance: none; padding-right: 3.25rem; appearance: none; position: relative; background-color: #FFF; background-image: url(../images/icons/angle-down-solid.svg); background-repeat: no-repeat; background-size: 50px 8px; background-position: right center; background-clip: border-box; -moz-background-clip: border-box; -webkit-background-clip: border-box; border-radius: 0.3125rem; }

select::-ms-expand, select.form-control::-ms-expand, .select__option::-ms-expand { display: none; }

.btn-select:after { background-image: url(../images/icons/angle-down-solid.svg); background-repeat: no-repeat; width: 15px; height: 10px; border: none; }

.modal-content { padding: 1.875rem; }

.modal-content h4 { border-bottom: 1px #eee solid; padding: 0 0 15px; font-size: 1.375rem; }

.modal-content .modal-body { padding: 0.938rem 0 0; }

.modal-content .modal-footer { padding: 1rem 0 0; border: none; }

.modal-content .modal-footer button { border: none; padding: 8px 30px; }

#ya-address-container .card { border: 1px #eee solid; border-radius: 0.3125rem; padding: 2.5rem; margin-bottom: 1.5625rem; position: relative; }

#ya-address-container .card .card-header { padding: 0; margin-bottom: 1.875rem; }

@media (max-width: 767px) { #ya-address-container .card .card-header { margin-bottom: 1.25rem; } }

#ya-address-container .card .card-body { padding: 0; }

#ya-address-container .card .card-body .form-group { margin-bottom: 0.9375rem; }

@media (max-width: 767px) { #ya-address-container .card .card-body .form-group { margin-bottom: 0.625rem; } }

@media (max-width: 767px) { #ya-address-container .card .card-body .form-group .title { text-align: left; } }

@media (max-width: 767px) { #ya-address-container .card .card-body .form-group .input_box { padding: 0; } }

#ya-address-container .card .adress-number-box { position: absolute; background: #eee; border-radius: 0.3125rem 0 0.3125rem 0; padding: 0.375rem 1rem; left: 0; top: 0; }

#ya-address-container .add_address_box { display: flex; justify-content: center; }

#ya-address-container .add_address_box .account_text { font-size: 1.375rem; font-weight: bold; }

#ya-address-container .add_address_box button { margin: 0; }

.account__title { font-size: 1.875rem; color: #2e2e2e; font-weight: bold; line-height: 1.35; margin: 0 0 5px; }

.account__form { text-align: center; }

.account__form .form__btn { display: flex; justify-content: center; margin-top: 2.5rem; margin-bottom: 1.563rem; }

.account__form .form__btn .button_settings { border: none; }

.account__form .form__btn a { padding: 0 5px; }

.account__form span { color: #848484; }

.gtut_menber_list_nav_pills { margin: 0 0 20px; }

@media (max-width: 767px) { .gtut_menber_list_nav_pills { justify-content: center; } }

.gtut_menber_list_nav_pills .nav-item { margin-right: 10px; }

@media (max-width: 767px) { .gtut_menber_list_nav_pills .nav-item { margin: 0 0.3125rem 0.3125rem 0; font-size: 1rem; } }

.btn-lg { margin-bottom: 20px; }

.repay_btn { margin: 5px 0 0; }

.repay_btn_small_box { margin-top: 10px; }

.repay_btn_small { background: #e2e2e2; padding: 5px; }

.repay_btn_small:hover { background: #5e9fdf; color: #fff; }

.repay_text { color: #f03; font-size: .75rem; display: block; line-height: 1.1; margin: 6px 0 0; }

.go_back { transition: 0.3s ease-in-out; }

.go_back:hover { cursor: pointer; color: #5e9fdf; transition: 0.3s ease-in-out; }

.box-tocart .sold_out_text { width: 100%; }

.sold_out_text { font-weight: bold; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 5px 0 0; color: #aaa; border-radius: 0.3125rem; border: 1px #ebebeb solid; width: 55%; }

@media (max-width: 1199px) { .sold_out_text { margin: 0 0 0.3125rem; padding: 0.3125rem 0; width: 100%; } }

.g-recaptcha { margin-bottom: 10px; }

.form__btn2 { text-align: center; display: inline-block; }

.mamber_link { padding: 0 15px; line-height: 38px; }

.mamber_link + .mamber_link { border-left: 1px solid #ccc; }

.account__form .form__btn .label-for-checkbox { margin-bottom: 0; margin-left: 10px; margin-right: 15px; }

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

textarea.form-control[readonly] { background-color: #fff; }

.eye-svg svg { fill: #555; }

.eye-svg:active svg { fill: #5e9fdf; }

.input__box { margin: 0 0 1rem; display: flex; align-items: start; }

.input__box .label { min-width: 100px; display: block; }

.input__box label { white-space: nowrap; }

.input__box label span { color: #ff0000; }

.input__box input { display: block; width: 100%; padding: .375rem .75rem; line-height: 1.5; border-radius: 0.3125rem; background-clip: padding-box; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; text-align: left; margin: 0; border: 1px solid #e2e2e2; font-size: clamp(1rem, 2vw, 1.125rem); }

.input__box input::placeholder { color: #fff; }

.member-title { width: 100%; margin-top: 5px; margin-bottom: 10px; }

.my__account__wrapper { max-width: 500px; width: 100%; margin: 0 auto; }

.my__account__wrapper .ya-form__submit { width: 100%; font-weight: bold; font-size: 1.125rem; }

.my__account__wrapper .form-control { color: #555; }

.contact-form-wrap .ya-form__submit { margin: 2.5rem auto 0; }

.member_social { max-width: 500px; width: 100%; margin: 2.5rem auto 0; padding: 0 30px; background: #f7f7f7; border-radius: 0.3125rem; padding: 2.5rem; }

@media (max-width: 991px) { .member_social { border-left: initial; } }

.member_social .member-title { text-align: center; }

.member_social .member_social_bt { justify-content: center; }

.member_social .facebook-svg { width: 22px; height: 22px; margin-right: 5px; }

.member_social .facebook-svg svg { fill: #fff; }

ul.member_social_bt { margin-top: 30px; display: flex; flex-wrap: wrap; }

ul.member_social_bt { text-align: center; margin-top: 15px; line-height: 34px; border-radius: 500px; }

ul.member_social_bt li { margin: 0; width: calc(100%/2); }

ul.member_social_bt li a { display: block; color: #FFF; padding: 5px 13px; line-height: 30px; margin: 5px; background-color: #e1e1e1; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; border-radius: 0.3125rem; }

ul.member_social_bt li a span { color: #fff; font-size: 1.25rem; margin-right: 11px; }

ul.member_social_bt li a.facebook { background-color: #3b5998; }

ul.member_social_bt li a.facebook i { margin-right: 10px; }

ul.member_social_bt li a.google { background-color: white; color: #757575; display: flex; display: flex; align-items: center; justify-content: center; padding: 5px; border: solid #ddd thin; }

ul.member_social_bt li a.google img { width: 25px; height: auto; max-width: inherit; margin-right: 12px; }

ul.member_social_bt li a.instagram { background-color: #fff; color: #000; border: solid #ddd thin; }

ul.member_social_bt li a.instagram img { height: 20px; width: auto; margin-right: 14px; }

ul.member_social_bt li a.twitter { background-color: #239bed; }

ul.member_social_bt li a.line { background-color: #2cb126; }

#customBtn { display: inline-block; background: white; color: #444; width: 190px; border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; }

#customBtn:hover { cursor: pointer; }

span.label { font-family: serif; font-weight: normal; }

span.icon { display: inline-block; vertical-align: middle; width: 42px; height: 42px; }

span.buttonText { display: inline-block; vertical-align: middle; padding-left: 42px; padding-right: 42px; font-size: 0.875rem; font-weight: bold; font-family: 'Roboto', sans-serif; }

@media (max-width: 575px) { .account__form .mamber_link { line-height: 38px; text-align: center; margin-top: 5px; }
  ul.member_social_bt li { flex-basis: 100%; }
  ul.member_social_bt li + li { margin-left: 0px; margin-top: 5px; }
  ul.member_social_bt li a { padding: 7px 5px; } }

.field__checkbox-group, .field__radio-group { position: relative; display: inline-block; }

@media (max-width: 767px) { .field__checkbox-group, .field__radio-group { margin-bottom: 10px; } }

.input__box { display: block; text-align: left; }

.input__box .label { min-width: 100%; margin: 0; }

.input__box .field__checkbox-option__value { height: 20px; width: 20px; }

.input__box div.ya-field__radio-option > label { display: inline-block; }

@media (min-width: 576px) { .input__box.form-date-select-group-plugin .date_select_row .col-sm-4 { padding-right: 0.2rem; } }

@media (max-width: 575px) { .input__box.form-date-select-group-plugin .date_select_row .col-sm-4 { margin-bottom: 1rem; } }

.input__box.form-date-select-group-plugin .date_select_row .col-sm-4 span { padding-left: 0.2rem; }

.input__box.form-date-select-group-plugin .date_select_row .form-date-select { display: inline-block; max-width: calc(100% - 3.2rem); }

.field__checkbox-option { position: relative; display: inline-block; }

.field__checkbox-option label { padding-left: 15px; margin-right: 20px; }

@media (max-width: 767px) { .field__checkbox-option label { white-space: inherit; } }

.field__checkbox-option .field__checkbox-option__value { cursor: pointer; opacity: 0; position: absolute; }

.field__checkbox-option .checkmark { position: absolute; top: 5px; left: 0; height: 16px; width: 16px; border: 2px solid #e1e1e1; background-color: #fff; border-radius: 50%; }

.field__checkbox-option .checkmark:after { content: ""; position: absolute; display: none; left: 4px; top: 1px; width: 5px; height: 10px; border: solid #5cb85c; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.field__checkbox-option:hover input ~ .checkmark { background-color: #fff; }

.field__checkbox-option.disabled { background: #e9ecef; }

.field__checkbox-option input:checked ~ .checkmark:after { display: block; }

.field__checkbox-option__extra-value-wrapper { display: inline-block; }

@media (max-width: 767px) { .field__checkbox-option__extra-value-wrapper { display: inline-block; } }

.field__checkbox-option__extra-value-wrapper input { height: 27px; }

.field__radio-option { position: relative; display: inline-block; vertical-align: top; height: 28px; margin-right: 14px; }

.field__radio-option .radio-relative { position: relative; }

.field__radio-option label { padding-left: 22px; }

@media (max-width: 767px) { .field__radio-option label { white-space: inherit; } }

.field__radio-option .field__radio-option__value { position: absolute; opacity: 0; cursor: pointer; }

.field__radio-option .checkmark { position: absolute; top: 5px; left: 0; height: 16px; width: 16px; border: 2px solid #e1e1e1; background-color: #fff; border-radius: 50%; }

.field__radio-option .checkmark:after { content: ""; position: absolute; display: none; top: 2px; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: #5e9fdf; }

.field__radio-option .checkmark.disabled { background: #e9ecef; }

.field__radio-option:hover input ~ .checkmark { background-color: #fff; }

.field__checkbox-option { height: inherit; padding-left: 10px; padding-bottom: 10px; }

@media (max-width: 450px) { .field__checkbox-option { height: auto; } }

label.checkbox_label { display: flex; align-items: center; padding-bottom: 5px; padding-left: 0; }

.label_name { line-height: initial; padding-left: 5px; }

input.checkbox_btn { width: auto; display: inline-block; }

.field__radio-option input:checked ~ .checkmark:after { display: block; }

.field__radio-option__extra-value-wrapper { display: inline-block; }

.field__radio-option__extra-value-wrapper input { height: 27px; }

/*date picker 滑過變黑*/
.datepicker table thead th.prev:hover, .datepicker table thead th.prev.active, .datepicker table thead th.next:hover, .datepicker table thead th.next.active, .datepicker table thead th.picker-switch:hover, .datepicker table thead th.picker-switch.active { color: #000; }

/*date picker 客製手機板*/
@media (max-width: 767px) { .bootstrap-datetimepicker-widget.dropdown-menu { width: 100%; left: 0px !important; } }

@media (max-width: 767px) { .bootstrap-datetimepicker-widget.dropdown-menu.top:before, .bootstrap-datetimepicker-widget.dropdown-menu.top:after { left: 230px; } }

.input__box input::-webkit-input-placeholder { color: #6c757d; opacity: 1; }

.input__box input::-moz-placeholder { color: #6c757d; opacity: 1; }

.input__box input:-ms-input-placeholder { color: #6c757d; opacity: 1; }

.input__box input::-ms-input-placeholder { color: #6c757d; opacity: 1; }

.input__box input::placeholder { color: #6c757d; opacity: 1; }

.input__box input.gtut_password_input { width: calc(100% - 2.4rem); display: inline-block; }

i.gtut_show_password { margin-left: 0.5rem; font-size: 1.2rem; color: #7b7b7b; cursor: pointer; }

.gtut_product_filter_show_btn, .gtut_product_compare_show_btn { display: none; }

@media (max-width: 991px) { .gtut_poroduct_filter, .gtut_poroduct_compare { overflow: hidden; position: relative; }
  .gtut_product_filter_form, .gtut_product_compare_aside { display: none; overflow: hidden; transition: 0.3s height ease; border: 1px solid rgba(50, 51, 52, 0.3); border-bottom: none; padding: 0.75rem; }
  .gtut_product_filter_form.active, .gtut_product_compare_aside.active { height: auto; }
  .gtut_product_filter_show_btn, .gtut_product_compare_show_btn { cursor: pointer; display: flex; align-items: center; border: 1px solid rgba(50, 51, 52, 0.3); padding: 0.4rem 1rem; margin-bottom: 2.5rem; border-radius: 0.3125rem; }
  .gtut_product_filter_show_btn .text, .gtut_product_compare_show_btn .text { line-height: 1; }
  .gtut_product_filter_show_btn .fa-chevron-down-svg, .gtut_product_compare_show_btn .fa-chevron-down-svg { width: 15px; height: unset; margin-left: 5px; }
  .gtut_product_filter_show_btn.rotate .fa-chevron-down-svg, .gtut_product_compare_show_btn.rotate .fa-chevron-down-svg { transform: rotate(180deg); } }

.setting__active .fa-member-svg { margin-right: 0.3rem; }

.member_notify { display: inline-block; padding: 3px 6px; font-size: 75%; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; background: #585858; color: #fff; position: relative; margin-left: 0.3125rem; border-radius: 50px; }

/*======= Cart Styles =======*/
/*---------------------------------------
  26. Our Cart Area
----------------------------------------*/
.car-header-title h2 { font-size: 1.25rem; margin: 0; text-transform: uppercase; }

.table-content table { background: #fff; border-color: #e2e2e2; border-radius: 0; border-style: solid; border-width: 1px 0 0 1px; text-align: center; width: 100%; }

.table-content table th { border-top: medium none; font-weight: bold; padding: 13px 10px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; }

.table-content table th, .table-content table td { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }

.table-content table td { border-top: medium none; font-size: 0.875rem; padding: 20px 10px; vertical-align: middle; }

.product-quantity input { background: #e2e2e2 none repeat scroll 0 0; border: medium none; border-radius: 0.3125rem; color: #555; font-size: 1rem; font-weight: normal; height: 27px; padding: 0 5px 0 10px; width: 60px; text-align: center; }

.product-subtotal .amount { color: #555; }

.table-content table td.product-name a { font-size: 0.875rem; font-weight: bold; margin-left: 10px; color: #555; }

.table-content table .product-price .amount { color: #343940; }

.input-group-text { background-color: #e2e2e2; border: 1px solid #e2e2e2; border-radius: 0.3125rem; }

.input-group-text i { color: #7b7b7b; }

.bg-color-cart { background: #5e9fdf !important; }

.cart_totals table tr.order-total th, .cart_totals table tr.order-total .amount { font-size: 1.25rem; text-transform: uppercase; white-space: nowrap; }

.cartbox__btn { margin-top: 2.5rem; }

.cartbox__btn .add_product a { background: #0d569b; color: #fff; transition: 0.3s; border: 1px #0d569b solid; }

.cartbox__btn .add_product a:hover { transition: 0.3s; background: #999; border: 1px #999 solid; }

@media (max-width: 767px) { .cartbox__btn a, .cartbox__btn button { width: 100%; } }

.cartbox__btn .order_text { display: block; text-align: right; margin: 0.313rem 0 0; }

.cartbox__btn .button_settings { line-height: 1; }

.gtut_cart_under_info { border: 1px #ccc solid; margin-top: 2.5rem; padding: 1.875rem; border-radius: 0.3125rem; }

.cartbox-total { background: #e2e2e2; padding: 15px 40px; }

@media (max-width: 767px) { .cartbox-total { padding: 10px 15px; } }

.cartbox__total__area { margin-top: 90px; }

@media (max-width: 991px) { .cartbox__total__area { margin-top: 40px; } }

.cart__total__amount { display: flex; justify-content: flex-end; line-height: 60px; height: 60px; padding: 0 40px; border-top: solid #ddd thin; background: #e2e2e2; }

@media (max-width: 767px) { .cart__total__amount { line-height: 50px; height: 50px; padding: 0 15px; } }

:root { --height: 50px; }

.cart__total__list li { color: #444444; font-family: Arial, "微軟正黑體", "Microsoft JhengHei"; font-size: 1rem; white-space: nowrap; height: var(--height); line-height: var(--height); }

@media (max-width: 767px) { .cart__total__list li { font-size: 0.875rem; height: 50px; line-height: 50px; } }

.product-price span { display: block; }

.product-price .gtut_old_prize { color: #ccc; font-weight: normal; font-size: 0.875rem; text-decoration: line-through; }

.gtut_cart_under_info .badge { font-size: 100%; }

.gtut_cart_under_info h5 { font-size: 1.375rem; margin-bottom: 0.3125rem; }

.gtut_cart_under_info ul, .gtut_cart_under_info ol { margin-left: 28px !important; }

.ya-cart__free_shipping_hint span, .ya-cart__total { color: #de0000; }

.ya-cart__total { font-size: 1.125rem; }

.cart__total__tk li { color: #444; font-size: 1rem; display: flex; justify-content: flex-end; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; }

@media (max-width: 767px) { .cart__total__tk li { font-size: 0.875rem; } }

.cart__total__tk li.cart_menber .bonus_title { line-height: 1; }

.cart__total__tk li.cart_menber .bonus_content { color: #444; }

.cart__total__tk li.cart_menber .cart_total_tk_con { min-width: 100px; margin-left: 50px; }

.cart__total__amount span { color: #de0000; font-size: 1.125rem; }

.cart_total_tk_title { min-width: 80px; text-align: right; }

.cart_total_tk_con { min-width: 150px; text-align: right; }

.cart_total_tk_con input { text-align: right; padding-right: 0.25rem; }

.cart_total_tk_con input::-webkit-outer-spin-button, .cart_total_tk_con input::-webkit-inner-spin-button { -webkit-appearance: none; }

.ya-cart__free_shipping_hint { text-align: right; }

@media (max-width: 767px) { .ya-cart__free_shipping_hint { width: 100%; margin-top: 16px; } }

.ya-cart__item__link img { max-width: 100%; max-height: 100%; margin: 0 auto; width: auto; height: auto; }

.ya-cart-index .table-content table td { padding: 20px 10px; }

.ya-cart-index .table-content table td span { font-size: 0.875rem !important; }

.ya-cart__item__option-name { color: #7b7b7b; background: #f3f3f3; padding: 2px 8px; display: inline-block; font-weight: normal; transition: 0.3s; border-radius: 0.3125rem; }

.ya-cart__item__option-name:hover { background: #5ec9df; color: #fff; transition: 0.3s; }

.product-name { width: 50%; }

@media (max-width: 767px) { .product-name { width: 100%; } }

.product-price, .product-quantity, .product-subtotal, .product-remove { text-align: center; }

.order-info-send { border: none; text-align: center; }

.order-info-send a { margin-right: 10px; }

.order-info-send .btn-primary { margin: 0; }

.cart__total__list { padding-right: 15px; }

.cart__btn__list li { text-align: right; }

@media (max-width: 767px) { .cart__btn__list li { text-align: center; } }

/*手機版購物車訂單*/
.wnro__table_xs .product-price, .wnro__table_xs .product-quantity, .wnro__table_xs .product-subtotal { text-align: left; }

.wnro__table_xs .product-thumbnail { display: block; min-height: 80px; display: flex; align-items: center; justify-content: center; }

.li-wnro__table_xs { margin-bottom: 20px; padding: 15px 0; margin: 0 0 15px; border-bottom: solid #ddd thin; }

.li-wnro__table_xs:last-child { border: none; }

.li-wnro_table_xs_item { margin-bottom: 10px; display: block; }

td.gtut_product_quantity { position: relative; }

.formError .formErrorContent { min-width: 130px; }

@media (max-width: 767px) { .cart__btn__list li { flex-basis: 50%; margin-bottom: 20px; } }

.cart-info { position: relative; padding-top: 0; margin-bottom: 2.5rem; background: transparent; }

.cart-info:before { content: ''; display: block; width: 75%; position: absolute; top: 50%; left: 80px; transform: translateY(-50%); z-index: 0; border-bottom: 2px solid #bbb; }

@media (max-width: 767px) { .cart-info:before { display: none; } }

.cart-info .card { background: transparent; }

@media (max-width: 767px) { .cart-info .card:last-child .card-body { border-bottom: none; } }

.cart-info .card .card-body { background: #f3f3f3; color: #6d6d6d; padding: 20px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 0.3125rem; }

@media (max-width: 767px) { .cart-info .card .card-body { padding: 0.5rem 0.25rem; margin: 0 0 0.625rem; border-bottom: solid #ddd thin; } }

.cart-info .card .card-body h3 { font-size: 1.125rem; line-height: 1; }

@media (max-width: 991px) { .cart-info .card .card-body h3 { font-size: 1rem; } }

.cart-info .cart-info-text { margin-top: 2rem; margin-bottom: 2rem; text-align: center; border-radius: 0.3125rem; }

.cart-info-text { max-width: 767px; width: 100%; margin: 0 auto 1.563rem; text-align: center; }

.cart-info-text div#copyarea { border-top: solid 2px #000; border-bottom: solid 2px #000; display: inline-block; padding: 40px 80px; font-size: 1.24rem; letter-spacing: 0.124rem; }

.cart-info-text div#copyarea button.copy { border-radius: 5px; outline: none; border: none; background-color: #047742; color: #fff; margin-left: 15px; font-size: 1rem; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); padding: 5px 10px; }

.cart-info-text div#copyarea button.copy:hover { background-color: #08844a; }

.order-box { margin-top: 50px; }

.order-box .card { background: #f9f9f9; padding: 20px; height: 100%; }

.in-order-box { margin-bottom: 2.5rem; padding: 0 1.25rem; }

.in-order-box .input-group-text { background-color: transparent; border: 1px solid transparent; }

.in-order-box .input-group-text i { padding-right: 8px; display: block; }

.in-order-box .input-group-text .red { margin-left: 10px; }

.order-information .input-group-text { min-width: 93px; text-align: center; display: flex; justify-content: center; align-items: center; }

.js-cart-btn { cursor: pointer; position: relative; text-align: center; font-size: 1.875rem; width: 50px; margin: 0 auto 0; background: #f6f6f6; border-radius: 100px; }

.js-cart-btn.active { transform: rotate(180deg); }

.js-cart-open { display: none; margin: 30px 0 0; }

.cart__total__amount_top { display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }

.cart__total__amount_top .amount_total { font-size: 1.375rem; font-weight: bolder; color: #de0000; margin-left: 15px; }

.red { color: #de0000; }

.card .deadline { margin: 0; }

.card .deadline p { font-size: 1.875rem; color: #F03; margin-bottom: 10px; }

@media (max-width: 767px) { .card .deadline p { font-size: 1.5rem; } }

@media (max-width: 767px) { .card .deadline span { display: block; } }

.card .barcode-area { padding: 20px 20px 25px; background-color: #f3f3f3; }

.card .barcode-area .deadline-box { justify-content: center; }

.card .barcode-text { font-size: 1.5rem; font-weight: bold; }

.in-order-box small { background: #5e9fdf; padding: 0.3rem; }

.navTool-dropdown { cursor: pointer; }

.copy_order_infomation_wrap { padding: 0.375rem 0.75rem; }

/*--------------------------
	Wishlist Styles
----------------------------*/
.wishlist.added .fa-heart-solid-svg { fill: #5e9fdf; }

.wishlist.added .fa-heart-svg { fill: #5e9fdf; }

.wishlist:hover .fa-heart-solid-svg { fill: #5e9fdf; transition: .3s ease-in-out; }

.wishlist .fa_svg { position: absolute; top: 7px; right: 12px; }

.wishlist .fa_svg_inA { top: 0; right: 0; }

.wishlist .fa-heart-solid-svg { fill: rgba(56, 56, 56, 0.15); transition: .3s ease-in-out; }

.wishlist .fa-heart-svg { fill: #383838; transition: .3s ease-in-out; }

.wnro__table table { width: 100%; }

.product-name a { color: #555; font-size: 0.875rem; font-weight: normal; }

.product-name a:hover { color: #5e9fdf; }

.product-price span.amount { color: #555; }

.product-stock-status { font-weight: bold; }

.product-stock-status .off-sale { color: #ccc; }

.product-stock-status .wishlist-in-stock { color: #28a745; }

.product-stock-status .wishlist-out-stock { color: #de0000; }

.product-add-to-cart a { border: 2px solid #333; border-radius: 20px; color: #555; display: inline-block; font-size: 0.875rem; font-weight: normal; height: 40px; line-height: 35px; padding: 0 20px; text-align: center; transition: all 0.3s ease 0s; width: 190px; }

.product-add-to-cart { padding: 0; width: 190px; }

.product-add-to-cart a:hover { border: 2px solid #5e9fdf; color: #5e9fdf; }

.gtut_qty_wrap { display: flex; }

.wishlist-table table { min-width: 320px; }

.wishlist-table table .gtut_add_to_links .add_to_link_div { margin: 5px 0 0; width: 100%; }

.wishlist-table table .product-remove, .wishlist-table table .product-thumbnail, .wishlist-table table .product-name, .wishlist-table table .product-stock-stauts { min-width: 80px; }

.gtut_rwd_table .noyet_read { font-weight: bold; color: #000; }

.gtut_rwd_table .accounts_show_order_link, .gtut_rwd_table .accounts_show_inquiry_link { display: block; }

.gtut_rwd_table .fa-search-svg { width: 16px; display: block; margin: 0 auto; }

.gtut_rwd_table .repay_btn_wrap { display: block; }

.gtut_rwd_table .repay_btn { color: #fff; background: #0d569b; padding: 0.3rem; }

.gtut_rwd_table .repay_btn:hover { color: #fff; background: #05223d; }

.gtut_rwd_table .cancel_btn { padding: 0.3rem; line-height: 1; }

@media (max-width: 575px) { .gtut_rwd_table .repay_btn, .gtut_rwd_table .cancel_btn { font-size: 0.9rem; } }

@media (max-width: 767px) { .gtut_rwd_table .repay_btn_wrap { display: inline-block; }
  .gtut_rwd_table table th { display: none; }
  .gtut_rwd_table table td:before { content: attr(data-th); background: #2e2e2e; color: #FFF; display: flex; align-items: center; justify-content: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; font-weight: bold; width: 7.5em; min-height: 38px; } }

@media (max-width: 767px) { .gtut_rwd_table table { border-collapse: separate; border-spacing: 0 40px; border-color: transparent; }
  .gtut_rwd_table table { margin-top: -20px; }
  .gtut_rwd_table table thead { display: none; }
  .gtut_rwd_table table tbody td { display: flex; justify-content: flex-start; padding: 0; padding-right: 1rem; padding-left: 0rem; }
  .gtut_rwd_table table tbody td div.td-content { justify-content: flex-start; padding: 0.5rem; } }

@media (max-width: 575px) { .gtut_rwd_table table tbody td:before { font-size: 0.8rem; } }

@media (max-width: 320px) { .gtut_rwd_table table tbody td:before { width: 6rem; padding: 2px 4px; } }

.cart-main-area .btn-group.btn_group_center { margin-right: 0.3rem; }

/*--------------------------
	Checkout Styles
----------------------------*/
.txtNormal .checkout_info a { color: #2e2e2e; }

.txtNormal .checkout_info a:hover { color: #5e9fdf; }

.checkout_login, .checkout_coupon { display: none; }

.checkout_info { background-color: #f7f7f7; margin: 0 0 3.438rem; padding: 1.875rem; position: relative; width: auto; border-radius: 0.3125rem; }

.checkout_info p { margin-bottom: 0.938rem; }

.checkout_info a.showlogin { background: #333; color: #fff; margin-left: 5px; border-radius: 0.3125rem; padding: 3px 25px 2px; font-size: 1rem; }

@media (max-width: 450px) { .checkout_info a.showlogin { width: 70%; padding: 0.313rem 0; } }

.checkout_info a.showcoupon { color: #43A7FF; }

.checkout_info a:hover { color: #333; background: #5e9fdf; }

.checkout_info .user-plus-svg, .checkout_info .user-svg { fill: #585858; display: inline-block; width: 20px; height: 20px; }

.checkout_info .join_member_box { display: flex; align-items: center; }

@media (max-width: 450px) { .checkout_info .join_member_box { justify-content: center; flex-wrap: wrap; text-align: center; } }

.checkout_info .join_member_box .member_text_box { min-width: 180px; }

.customer_details h3 { color: #2e2e2e; font-weight: bold; line-height: 1.35; font-size: 1.25rem; }

.customer_details .customar__field .input_box { margin: 0 0 40px; }

.customer_details .customar__field .input_box.space_between { margin: 0 15px; width: 50%; }

.customer_details .customar__field .input_box label { color: #2e2e2e; line-height: 2; font-size: 0.75rem; display: block; }

.customer_details .customar__field .input_box label span { color: red; font-weight: bold; }

.customer_details .customar__field .input_box input { height: 40px; background: #fff; border: 1px solid #e2e2e2; height: 32px; width: 100%; padding: 0 10px; }

.customer_details .customar__field .margin_between { display: flex; margin-bottom: 40px; margin-left: -15px; margin-right: -15px; }

.order_product { margin-top: 18px; padding: 0 80px; }

.order_product li { color: #333; font-size: 0.875rem; font-weight: normal; padding: 15px 0; }

.order_product li span { float: right; }

.total__amount { border-top: 1px solid #e2e2e2; padding: 0 80px; }

.total__amount li span { float: right; }

.total__amount li { color: #333; font-size: 1.125rem; font-weight: bold; padding-bottom: 15px; padding-top: 15px; text-transform: uppercase; }

@media (max-width: 767px) { .order__total { padding: 22px 60px 0; }
  .order_product { padding: 0 60px; }
  .shipping__method { padding: 15px 60px 25px; }
  .total__amount { padding: 0 60px; } }

@media (max-width: 575px) { .order__total { padding: 22px 20px 0; }
  .order_product { padding: 0 20px; }
  .shipping__method { padding: 15px 20px 25px; }
  .total__amount { padding: 0 20px; } }

@media (max-width: 420px) { .checkout_coupon .form__coupon button { margin-left: 0; margin-top: 20px; }
  .checkout_coupon .form__coupon input { width: 100%; } }

/*--------------------------
Shop Single Styles
----------------------------*/
.wedget__title { border-bottom: 1px solid #2e2e2e; padding-bottom: 0.9375rem; position: relative; color: #2e2e2e; text-transform: uppercase; font-size: 26px; font-weight: normal; }

.choose_content { margin: 0.9375rem 0; }

.choose_content .button_settings { width: 100%; }

.choose_content .form-control { border-radius: 0.3125rem; }

.choose_content .phone-crossX-svg svg { width: 10px; fill: #383838; }

.wedget__categories .card .card-body.show .card.active > .card-header, .wedget__categories .card .card-body.show .card.active > .card-header button { background: transparent; color: #555; }

.wedget__categories .card .card-body.show .card.active > .card-header:hover, .wedget__categories .card .card-body.show .card.active > .card-header button:hover { color: #5e9fdf; }

.wedget__categories .card .card-body.show .card.active .card-body > .card-header, .wedget__categories .card .card-body.show .card.active .card-body > .card-header button { background: #5ec9df; color: #fff; }

.wedget__categories .card .card-body.show .card.active .card-body > .card-header a, .wedget__categories .card .card-body.show .card.active .card-body > .card-header button a { color: #fff; }

.wedget__categories .card-header { /*第1層*/ background: none; padding: 0; border-radius: 0; display: flex; border-bottom: solid #e2e2e2 thin; }

.wedget__categories .card-header svg { transition: 0.3s ease-in-out; }

.wedget__categories .card-header:hover svg { transition: 0.3s ease-in-out; fill: #5ec9df; }

.wedget__categories .card > .card-body { /*第2層*/ }

.wedget__categories .card > .card-body .card-header { background: transparent; }

.wedget__categories .card > .card-body .card > .card-body { /*第3層*/ }

.wedget__categories .card > .card-body .card > .card-body .card-header { background: transparent; }

.wedget__categories .card-body { padding: 0; }

.wedget__categories.poroduct--cat { margin: 0 0 2.5rem; }

.wedget__categories.poroduct--cat ul li { border: none; text-align: left; text-transform: capitalize; }

.wedget__categories.poroduct--cat ul li.active > div.card-header a { color: #5ec9df; }

.wedget__categories.poroduct--cat ul li a { flex: 1 1 100px; color: #555; font-weight: normal; line-height: 150%; padding: clamp(10px, 50vw, 15px) 25px; }

.wedget__categories.poroduct--cat ul li a:hover { color: #5ec9df; padding-left: 35px; }

.wedget__categories.poroduct--cat ul li a span { color: #7b7b7b; float: right; }

.wedget__categories.poroduct--cat ul li button { flex: 0 0 50px; padding: 0; margin: 0; border: none; background: none; outline: none; justify-content: center; align-items: center; display: flex; }

.wedget__categories.poroduct--cat ul li ul li.active > .card-header a { color: #5ec9df; }

.wedget__categories.poroduct--cat ul li ul li.active a { color: #555; }

.wedget__categories.poroduct--cat ul li ul li a { color: #555; }

.wedget__categories.poroduct--cat ul li ul li ul li a { color: #555; padding-left: 50px; }

.wedget__categories.poroduct--cat ul li ul li ul li a:hover { padding-left: 60px; }

.wedget__categories.pro--range { margin: 0 0 30px; }

.wedget__categories.poroduct--compare { margin: 0 0 30px; }

@media (max-width: 991px) { .wedget__categories.poroduct--compare { margin: 0; } }

.wedget__categories.poroduct--compare ul li { padding: 0.625rem; margin-bottom: 0.625rem; text-align: left; text-transform: capitalize; background: #f7f7f7; border-radius: 0.3125rem; transition: 0.3s ease-in-out; display: flex; justify-content: space-between; }

.wedget__categories.poroduct--compare ul li a { display: block; color: #555; font-weight: normal; }

.wedget__categories.poroduct--compare ul li a svg { transition: 0.3s ease-in-out; }

.wedget__categories.poroduct--compare ul li a svg:hover { transition: 0.3s ease-in-out; fill: #fff; }

.wedget__categories.poroduct--compare ul li:hover { background: #5e9fdf; transition: 0.3s ease-in-out; }

.shop__sidebar { background: #f7f7f7; padding: 1.5625rem; border-radius: 0.3125rem; }

.shop__sidebar .wedget__title { font-size: clamp(1rem, 5vw, 1.125rem); border-bottom: transparent; padding: 0 0 0.75rem 0.625rem; font-weight: bold; }

.shop__sidebar .choose_content { margin: 0; }

.shop__sidebar .choose_content .form-control { margin: 0 0 0.3125rem; }

.shop__sidebar .wedget__categories { margin: 0 0 1.5625rem; }

.wedget__categories.poroduct--compare ul li:last-child { border: 0 none; }

.ui-widget-content { background: #e2e2e2; border: 0 none; color: #333; }

.ui-slider-horizontal { height: 7px; }

.ui-slider .ui-slider-handle { border-radius: 100%; cursor: default; height: 16px; position: absolute; touch-action: none; width: 16px; z-index: 2; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #000 none repeat scroll 0 0; border: 0 none; color: #000; }

.ui-slider-range.ui-widget-header.ui-corner-all { background: #000 none repeat scroll 0 0; }

.ui-slider-horizontal { margin-bottom: 25px; margin-top: 7px; }

.content-shopby .button_settings { width: 100%; border-color: transparent; }

.content-shopby .button_settings { transition: 0.3s ease-in-out; }

.shop__list__wrapper { padding: 0 0 2.5rem; width: 100%; align-items: center; }

.shop__list__wrapper .views_text { line-height: 1; }

.shop__list__wrapper .shop__list a { border: 1px solid #ebebeb; color: #aaa; height: 36px; line-height: 36px; margin-right: 8px; padding: 0 !important; text-align: center; transition: all 0.5s ease 0s; width: 36px; border-radius: 0.3125rem; }

.shop__list__wrapper .shop__list a.active, .shop__list__wrapper .shop__list a:hover { border-color: #aaa; }

.shop__list__wrapper .shop__list a.active .fa_svg_inA svg, .shop__list__wrapper .shop__list a:hover .fa_svg_inA svg { width: 18px; transition: 0.3s ease-in-out; fill: #aaa; }

.shop__list__wrapper .shop__list .fa_svg_inA { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; transition: 0.3s ease-in-out; }

.shop__list__wrapper .shop__list .fa_svg_inA svg { width: 18px; fill: #ccc; transition: 0.3s ease-in-out; }

.shop__list__wrapper .shop__list .shop__list .active svg { width: 18px; fill: #aaa; }

.shop__list__wrapper p { color: #333; display: inline-block; height: 31px; line-height: 31px; }

.shop__list__wrapper .orderby__wrapper span { color: #ccc; display: inline-block; height: 31px; line-height: 31px; }

@media (max-width: 767px) { .orderby__wrapper { flex-basis: 100%; margin-top: 14px; }
  .list__view { flex-wrap: wrap; }
  .list__view .thumb { flex-basis: 100%; margin-bottom: 20px; }
  .list__view .content { flex-basis: 100%; padding-left: 0; } }

#wn__footer { background: #ffffff00; }

#wn__footer .footer-static-top.section_Area_spacing { padding: 6.25rem 0.938rem; }

@media (max-width: 991px) { #wn__footer .footer-map { margin-top: 1.5625rem; } }

#wn__footer #footer_logo { display: flex; }

@media (max-width: 767px) { #wn__footer #footer_logo { margin-bottom: 1.5625rem; justify-content: center; } }

#wn__footer h4 { color: #fff; }

@media (max-width: 767px) { #wn__footer h4 { text-align: center; } }

#wn__footer .footer__address { color: #555; }

@media (max-width: 575px) { #wn__footer .footer__address { text-align: center; } }

#wn__footer .footer__address ul li { margin: 0 0 0.9375rem; display: flex; }

@media (max-width: 575px) { #wn__footer .footer__address ul li { align-items: flex-start; justify-content: center; } }

#wn__footer .footer__address ul li svg { margin-right: 0.625rem; fill: #5e9fdf; min-width: 22px; height: 22px; top: 3px; position: relative; }

#wn__footer .footer__address ul li svg.earth { min-width: 22px; height: 20px; }

#wn__footer .footer__address.address.location { background: rgba(0, 0, 0, 0) url("../images/icons/lc.png") no-repeat scroll 0 0; }

#wn__footer .footer__address.address.phone { background: rgba(0, 0, 0, 0) url("../images/icons/ph.png") no-repeat scroll 0 0; }

#wn__footer .footer__address.address.email { background: rgba(0, 0, 0, 0) url("../images/icons/em.png") no-repeat scroll 0 0; }

#wn__footer .ft__menu li { position: relative; padding-left: 12px; margin-top: 15px; color: #555; }

#wn__footer .ft__menu li a { color: #555; display: block; text-transform: capitalize; transition: all 300ms ease-in 0s; }

#wn__footer .ft__menu li a:hover { color: #5e9fdf; }

#wn__footer .ft__menu li a:before { content: ""; position: absolute; width: 5px; height: 5px; top: 10px; left: 0; border-radius: 50%; background: #feda3e; }

#wn__footer .googleUrl iframe { border-radius: 0.3125rem; }

#wn__footer .copyright__wrapper { font-size: 0.75rem; background: #555; color: #bbb; }

#wn__footer .copyright__wrapper .copyright { color: #bbb; }

#wn__footer .copyright__wrapper .copyright .copy__right__inner, #wn__footer .copyright__wrapper .copyright .sitemap_privacy { color: #bbb; }

#wn__footer .copyright__wrapper .copyright .copy__right__inner a, #wn__footer .copyright__wrapper .copyright .sitemap_privacy a { color: #bbb; }

#wn__footer .copyright__wrapper .copyright .copy__right__inner a:hover, #wn__footer .copyright__wrapper .copyright .sitemap_privacy a:hover { color: #5ec9df; }

#wn__footer .copyright__wrapper .copyright .copy__right__inner p { color: #bbb; line-height: 34px; margin: 0; text-align: center; }

#wn__footer .copyright__wrapper .copyright .copy__right__inner p a { color: #5ec9df; }

#wn__footer .copyright__wrapper .copyright .social__net { margin: 0.9375rem 0; }

#wn__footer .copyright__wrapper .copyright .sitemap_privacy { padding: 0.9375rem 0; }

#wn__footer .copyright__wrapper .copyright .sitemap_privacy li { display: inline-block; margin: 0 2px; }

@media (max-width: 575px) { #wn__footer .ft__logo { text-align: center; } }

#wn__footer .footer__widget h4 { color: #fff; font-size: clamp(1.125rem, 2.5vw, 1.25rem); font-weight: bold; line-height: 30px; text-transform: uppercase; }

@media (max-width: 575px) { #wn__footer .footer__widget h4 { text-align: center; } }

#wn__footer .footer__widget .footer__content .des__footer { color: #aaa; font-size: 0.75rem; line-height: 25px; }

@media (max-width: 575px) { #wn__footer .footer__widget .footer__content { display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; align-items: center; -ms-flex-align: center; } }

@media (max-width: 575px) { #wn__footer .footer__widget .footer__content .footer__address { margin-bottom: 1.5625rem; } }

#wn__footer a { color: #555; }

#wn__footer a:hover { color: #5e9fdf; }

@media (max-width: 767px) { #wn__footer .copyright { text-align: center; }
  #wn__footer .copyright .copy__right__inner { margin-top: 1rem; } }

/*--------------------------
	Compare Styles
----------------------------*/
.compare-box th { white-space: nowrap; }

.compare-box .tocart { background: #2e2e2e; border: 0 none; color: #fff; font-weight: bold; height: 40px; line-height: 40px; padding: 0 20px 0 20px; text-transform: uppercase; transition: all 0.4s ease 0s; }

.compare-box .tocart:hover { background-color: #5e9fdf; border-color: #5e9fdf; }

.compare_button { justify-content: center; }

@media (max-width: 991px) { .compare_button { display: block; } }

.compare_button .add_to_link_div1 { width: 100%; }

.compare_button .button_settings { margin-bottom: 7px; padding: 0.6rem 0.9375rem 0.5rem; width: 100%; }

.compare_button .inquiry_cart, .compare_button .shopping_cart { white-space: nowrap; font-weight: bold; margin: 0 0 8px; }

.compare_button .cancel_button { white-space: nowrap; font-weight: bold; }

.compare_button a { display: flex; align-items: center; justify-content: center; }

.ya-compare-table_with_products .fa_svg { width: 18px; }

.ya-compare-table_with_products .fa_svg svg { height: 100%; }

.ya-compare-table_with_products .btn-primary { margin: 0; }

.compare-table { table-layout: fixed; margin-bottom: 3rem; position: relative; }

.compare-table tr.table-secondary th { border: 0; }

.compare-table tr.table-secondary .fix:after { width: 0; }

.compare-table tr { background: #fff; transition: 0.2s all; text-align: center; }

.compare-table tr td { text-align: center; padding: 1rem 1.25rem; vertical-align: baseline; min-width: 10vw; background: #fff; width: 25%; border-right: 1px #ededed solid; }

.compare-table tr td img { max-width: 135px; border-radius: 0.3125rem; }

.compare-table tr th { padding: 1rem 1.25rem; background: #fff; }

.compare-table tr.table-secondary > th { background: #ededed; }

.compare-table tr.title-tr { background: transparent; font-size: 1.3rem; }

.compare-table tr.img-tr { background: transparent; }

.compare-table tr.img-tr .thumb { min-width: 180px; }

.compare-table tr.del-tr { background: transparent; font-size: 1.6rem; }

.compare-table tbody .del-tr th, .compare-table tbody .title-tr th, .compare-table tbody .img-tr th { background-color: #f1f1f1; }

.compare-table.table-hover tbody .del-tr:hover, .compare-table.table-hover tbody .title-tr:hover, .compare-table.table-hover tbody .img-tr:hover { background-color: #f1f1f1; }

.table .fix { left: 0px; position: -webkit-sticky; position: sticky; }

.table .fix:after { content: ""; width: 1px; height: 100%; background: #d4d4d4; position: absolute; right: 0; top: 0; }

.table .fix:before { content: ""; position: absolute; background: #d4d4d4; left: -2px; top: 0; height: 100%; width: 2px; }

/* 網站icon字型設定 */
#navtool .fa_svg { display: grid; }

.input-group-prepend .fa_svg { fill: #ccc; }

.td-content .download-svg { height: 16px; width: 16px; margin-right: 6px; }

.fa_svg { width: 18px; height: 18px; transition: 0.3s ease-in-out; }

.fa_svg:hover { fill: #5e9fdf; transition: 0.3s ease-in-out; }

.fa_svg.fa-member-svg { width: 21px; }

.fa_svg.fa-cart-shopping-solid-svg svg { width: 22px; }

/* 選單icon大小微調 */
#navtool .setting__active .fa-member-svg { width: 20px; }

#navtool .setting__active:hover { color: #5e9fdf; }

#navtool .setting__active:hover .fa-member-svg { fill: #5e9fdf; }

#navtool .in_quiry_text { width: 100%; margin-right: 8px; line-height: 1; }

#navtool .field__search .fa-search-svg { width: 16px; margin: 15px 0; }

#navtool .fa-right-left-solid-svg { width: 15px; }

#navtool .fa-search-svg { width: 18px; }

.fa_svg_inA { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; }

.fa_svg_inA svg { width: 16px; fill: #aaa; }

button.ya-product__cart-button { display: flex; justify-content: center; align-items: center; }

button.ya-product__cart-button .fa-cart-shopping-solid-svg { margin-right: 10px; }

.wedget__categories .fa_svg { fill: #333; }

.fa-chevron-right-svg, .fa-chevron-left-svg { width: 8px; }

.fa-chevron-down-svg-account svg { position: relative; width: 20px; top: -3px; fill: #555; }

.fa-heart-svg:hover { fill: #5e9fdf; }

.financial_report_table .pdf-file-svg svg { width: 30px; display: inline-flex; margin: auto; padding: 3px; }

.list-icon-svg, .page-list-svg { margin: auto; }

.fa-star-svg, .star-border-svg { fill: #5e9fdf; }

.play-buttom-svg { fill: #fff; border: solid #fff thin; padding: 15px 10px 14px 16px; border-radius: 500px; transition: all 0.5s ease; width: 55px; height: 55px; display: flex; justify-content: center; }

.play-buttom-svg:hover { background: #ffa800; border: solid #ffa800 thin; fill: #fff; }

.crossX-svg { fill: #fff; margin-left: 5px; }

.phone-crossX-svg { fill: #333; }

.circle-right-svg { display: inline-block; fill: #fff; width: 12px; }

.calendar-svg { margin-right: 0.625rem; width: 18px; }

.calendar-svg svg { fill: #333; }

.card-header .crossX-svg svg { height: 22px; }

.trash-can-svg { fill: #474747; display: block; }

.eye-svg { cursor: pointer; display: inline-block; margin-left: 5px; height: 100%; }

.gtut_member_menu .fa_svg { min-width: 22px; min-height: 22px; margin: 0 10px 0 0; }

@media (max-width: 575px) { .gtut_member_menu .fa_svg { margin: 0 8px 0 0; } }

.gtut_member_menu .log-out-svg { width: 18px; height: 18px; }

.gtut_member_menu span { padding: 4px 0 0; }

.mobile-nav-btn .hamburger-bar-svg { height: 18px; width: 26px; }

.footer__widget .footer__content .footer__address ul li svg { fill: #5e9fdf; width: 16px; height: 16px; }

.social__net li a svg { fill: #fff; width: 14px; display: inline-block; padding: 8px 0 0; }

.social__net li .facebook svg { width: 16px; }

.ya-product__cart-button svg { fill: #fff; }

.order-information .email-svg, .order-information .id-card, .order-information .phone-svg, .order-information .location-svg, .order-information .chat-bubble-svg { fill: #ccc; justify-content: center; align-items: center; display: flex; }

.order-information .location-svg { width: 12px; }

#navtool .fa-earth-solid-svg { margin-right: 5px; }

#popupModal .modal-content { padding: 1.563rem; }

#popupModal .modal-header { border: none; padding: 0; }

.modal-dialog .modal-header { padding: 0 0 1.25rem; }

.modal-dialog .modal-header .modal-title { font-size: 22px; }

.form-control { border-radius: 0.3125rem; text-align: left; margin: 0; border: 1px solid #e2e2e2; border-radius: 0.3125rem !important; }

.form-control svg { opacity: 0.5; }

/* 文字主要設定 */
body { font-size: clamp(1rem, 2vw, 1.125rem); line-height: 1.6; letter-spacing: 0.05vw; overflow: hidden; }

input::placeholder { color: #ccc !important; }

/* 各模組區塊間距 */
.section_Area_spacing { padding: 6.25rem 0; }

@media (max-width: 767px) { .section_Area_spacing { padding: 2.5rem 0; } }

/* 行高設定 */
.copyright__wrapper { line-height: 1.6; }

.title_style { line-height: 1.3; }

.list_style, .sec_title_style { line-height: 1.4; }

/* 文字大標*/
.title_style { color: #2e2e2e; font-size: clamp(1.62rem, 2vw, 2.375rem); margin: 0 0 2.5vw; position: relative; text-align: center; z-index: 1; }

@media (max-width: 767px) { .title_style { margin: 0 0 1.5625rem; } }

/* 頁面標題 */
.page_header { font-size: clamp(1.75rem, 4vw, 2.375rem); margin-bottom: 0.9375rem; }

/* 次要大標 */
.sec_title_style { font-size: clamp(1.5rem, 4vw, 1.625rem); margin: 0 0 0.9375rem; }

@media (max-width: 767px) { .sec_title_style { margin: 0.625rem 0 0.625rem; text-align: center; } }

.sec_title_style a:hover { color: #5e9fdf; }

/* 次要標題 */
.sec_title { font-size: clamp(1.25rem, 4vw, 1.375rem); margin: 0 0 0.625rem; }

@media (max-width: 767px) { .sec_title { text-align: center; } }

/* 列表標題 */
.list_style { font-size: clamp(1rem, 4vw, 1.375rem); display: block; margin: 0 0 0.3125rem; font-weight: bold; }

.list_style a:hover { color: #5e9fdf; }

/* 簡述 */
.description { font-size: clamp(1rem, 3vw, 1.125rem); }

@media (max-width: 767px) { .description { margin: 0 0 1.5625rem; } }

/* 簡述限制行數 */
.text_limited { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 60px; }

/* 按鈕切換 */
.lg_button { text-align: center; }

@media (max-width: 991px) { .lg_button .button_settings { display: none; } }

@media (min-width: 992px) { .xs_button .button_settings { display: none; } }

.ya-product__cart-button { margin: 0; }

/* 內頁間距設定 */
.inpage_Area_spacing { padding: 6.25rem 0.9375rem; }

@media (max-width: 767px) { .inpage_Area_spacing { padding: 4rem 0.9375rem; } }

/* 內頁列表分頁間距 */
.page_spacing { margin: 0 0 1.5625rem; }

.post_content img { border-radius: 0.3125rem; }

.post_content .ya-page-tab { padding: 0 10px; list-style: none; border: none; }

/* 內頁 */
table { border-radius: 0.3125rem; margin: 0 !important; /* 第一欄第一列：左上 */ /* 第一欄最後列：左下 */ /* 最後欄第一列：右上 */ /* 最後欄第一列：右下 */ }

table tr:first-child th:first-child { border-top-left-radius: 0.3125rem; }

table tr:last-child td:first-child { border-bottom-left-radius: 0.3125rem; }

table tr:first-child th:last-child { border-top-right-radius: 0.3125rem; }

table tr:last-child td:last-child { border-bottom-right-radius: 0.3125rem; }

.page-container .page-header { margin-bottom: 0.9375rem; }

.page-container .table-responsive { border-radius: 0.3125rem; border: 1px #e2e2e2 solid; }

.page-container .txtNormal p { margin-bottom: 1.5625rem; }

.page-container .title_style { margin-bottom: 0.8rem; }

.page-container .content_Swiper_main .swiperBtnStyleL, .page-container .content_Swiper_main .swiperBtnStyleR { top: 50%; }

.page-container .mops_btn { border-radius: 0.3125rem; }

.page-container .mops_btn:hover { background: #5ec9df; color: #fff; }

.page-container .txtNormal .row-in-gtutblock { margin-bottom: 2.5rem; }

.page-container .td-content .lg_button a { border-radius: 0.3125rem; }

.page-container .product-addto-links { margin-top: 2.5rem; }

@media (max-width: 767px) { .page-container .product-addto-links { margin-top: 1.5625rem; } }

.lightModal_icon { z-index: 2; background: transparent; border: none; transition: all 0.3s; opacity: 0.6; }

.lightModal_icon svg { fill: #000; width: 25px; height: 25px; opacity: 0.8; }

.content_Swiper_main { position: relative; border-radius: 0.3125rem; }

.content_Swiper_main .lightModal_icon { position: absolute; top: -100px; right: -100px; }

.content_Swiper_main .swiper-wrapper { align-items: center; }

.content_Swiper_main img { border-radius: 0.3125rem; }

.content_Swiper_main:hover .lightModal_icon, .content_Swiper_main:focus .lightModal_icon { top: 6px; right: 0; }

.content_Swiper_main .swiper-slide:first-child img { height: auto !important; }

.content_Swiper_main .swiper-slide { overflow: hidden; display: flex; justify-content: center; align-items: center; min-height: 300px; }

@media screen and (max-width: 767px) { .content_Swiper_main .swiper-slide { min-height: 200px; } }

.content_Swiper_main .swiper-slide.content_swiper_video { background: #000; }

.content_Swiper_main .swiper-slide video { width: 100%; }

.content_Swiper_main .swiperBtnStyleL[aria-label], .content_Swiper_main .swiperBtnStyleR[aria-label] { display: block; text-align: center; }

.content_Swiper_thumbs { margin-top: 0.625rem; height: 64px; margin-bottom: 2rem; }

.content_Swiper_thumbs .content_swiper_video:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; }

.content_Swiper_thumbs .swiper-slide { display: flex; align-items: center; justify-content: center; }

.content_Swiper_thumbs .swiper-slide .swiper-slide-visible { margin: 0 5px 0 0; }

.content_Swiper_thumbs .swiper-slide .video-container { width: 100%; height: 100%; }

.content_Swiper_thumbs .swiper-slide iframe { width: 100%; height: 100%; pointer-events: none; filter: sepia(1); -webkit-filter: sepia(1); opacity: 0.8; }

.content_Swiper_thumbs .swiper-wrapper { justify-content: center; padding: 0 5px; }

@media screen and (max-width: 767) { .content_Swiper_thumbs .swiper-wrapper { justify-content: flex-start; } }

.content_Swiper_thumbs .swiper-slide-thumb-active { border: solid #5e9fdf 2px; }

.content_Swiper_thumbs .swiper-slide { overflow: hidden; display: flex; justify-content: center; align-items: center; border-radius: 0.3125rem; }

.content_Swiper_thumbs .swiper-slide img, .content_Swiper_thumbs .swiper-slide video { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; }

.product_carousel .content_Swiper_main .swiper-slide { min-height: 300px; }

.product_carousel .content_Swiper_main .swiper-slide img { max-width: 100%; max-height: 100%; }

.product_carousel .content_Swiper_thumbs .swiper-wrapper { justify-content: left; }

.modal-backdrop.show { opacity: 0.9; }

.modal-fullscreen { width: 100%; max-width: none; height: 100vh; margin: 0; }

#lightModal { padding-right: 0 !important; }

#lightModal button.close { width: 50px; height: 50px; opacity: 1; padding: 15px; right: 0; position: fixed; top: 0; z-index: 999; }

#lightModal button.close:hover svg, #lightModal button.close:focus svg { fill: #5e9fdf; }

#lightModal button.close svg { fill: #fff; }

#lightModal .modal-header { border-bottom: none; }

#lightModal .modal-content { border-radius: 0; background: transparent; display: flex; align-items: center; justify-content: center; }

#lightModal .modal-body { width: 100%; }

.lightSwiper_main { height: 80vh; }

.lightSwiper_main .media-name { color: #fff; text-align: center; bottom: 0; position: absolute; left: 50%; transform: translateX(-50%); }

.lightSwiper_main .swiper-slide img, .lightSwiper_main .swiper-slide video { left: 50%; transform: translate(-50%, -50%); position: relative; top: 50%; }

.lightSwiper_main .swiper-slide video { max-width: 1190px; }

.lightSwiper_main .swiper-button-next, .lightSwiper_main .swiper-button-prev { color: #fff; }

.lightSwiper_main .swiper-button-next:hover, .lightSwiper_main .swiper-button-next:focus, .lightSwiper_main .swiper-button-prev:hover, .lightSwiper_main .swiper-button-prev:focus { color: #5e9fdf; }

.lightSwiper_main .swiper-button-next::before, .lightSwiper_main .swiper-button-next::before, .lightSwiper_main .swiper-button-prev::before, .lightSwiper_main .swiper-button-prev::before { color: #fff; }

.lightSwiper_main .embed-responsive { height: 100%; }

.lightSwiper_main video { width: 100%; height: 100%; }

.lightSwiper { max-width: 680px; width: 100%; height: 64px; margin-top: 2rem; padding: 0 15px; }

@media screen and (max-width: 575px) { .lightSwiper { max-width: 100vw; height: 50px; } }

.lightSwiper .swiper-wrapper { justify-content: center; }

.lightSwiper .swiper-slide-thumb-active { border: solid #5e9fdf 2px; }

.lightSwiper .swiper-slide { overflow: hidden; display: flex; justify-content: center; align-items: center; }

.lightSwiper .swiper-slide:before { content: ""; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: 0.5; }

.lightSwiper .swiper-slide iframe { width: 100%; height: 100%; pointer-events: none; filter: sepia(1); -webkit-filter: sepia(1); opacity: 0.8; }

.lightSwiper .swiper-slide video { width: 100%; height: 100%; object-fit: cover; }

.lightSwiper .swiper-slide img { max-width: 100%; max-height: 100%; height: 100%; width: 100%; object-fit: cover; }

.swal2-popup.swal2-toast { box-sizing: border-box; grid-column: 1/4 !important; grid-row: 1/4 !important; grid-template-columns: 1fr 99fr 1fr; padding: 1em; overflow-y: hidden; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.075), 1px 2px 4px rgba(0, 0, 0, 0.075), 1px 3px 8px rgba(0, 0, 0, 0.075), 2px 4px 16px rgba(0, 0, 0, 0.075); pointer-events: all; }

.swal2-popup.swal2-toast > * { grid-column: 2; }

.swal2-popup.swal2-toast .swal2-title { margin: 0.5em 1em; padding: 0; font-size: 1em; text-align: initial; }

.swal2-popup.swal2-toast .swal2-loading { justify-content: center; }

.swal2-popup.swal2-toast .swal2-input { height: 2em; margin: 0.5em; font-size: 1em; }

.swal2-popup.swal2-toast .swal2-validation-message { font-size: 1em; }

.swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; }

.swal2-popup.swal2-toast .swal2-close { grid-column: 3/3; grid-row: 1/99; align-self: center; width: 0.8em; height: 0.8em; margin: 0; font-size: 2em; }

.swal2-popup.swal2-toast .swal2-html-container { margin: 0.5em 1em; padding: 0; font-size: 1em; text-align: initial; }

.swal2-html-container li { list-style: none; }

.swal2-popup.swal2-toast .swal2-html-container:empty { padding: 0; }

.swal2-popup.swal2-toast .swal2-loader { grid-column: 1; grid-row: 1/99; align-self: center; width: 2em; height: 2em; margin: 0.25em; }

.swal2-popup.swal2-toast .swal2-icon { grid-column: 1; grid-row: 1/99; align-self: center; width: 2em; min-width: 2em; height: 2em; margin: 0 0.5em 0 0; }

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold; }

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; }

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 0.875em; width: 1.375em; }

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 0.3125em; }

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 0.3125em; }

.swal2-popup.swal2-toast .swal2-actions { justify-content: flex-start; height: auto; margin: 0; margin-top: 0.5em; padding: 0 0.5em; }

.swal2-popup.swal2-toast .swal2-success { border-color: #137de2; }

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 1.6em; height: 3em; transform: rotate(45deg); border-radius: 50%; }

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em; }

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.25em; left: 0.9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0; }

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; }

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: 0.4375em; width: 0.4375em; height: 2.6875em; }

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { height: 0.3125em; }

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { top: 1.125em; left: 0.1875em; width: 0.75em; }

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { top: 0.9375em; right: 0.1875em; width: 1.375em; }

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { -webkit-animation: swal2-toast-animate-success-line-tip 0.75s; animation: swal2-toast-animate-success-line-tip 0.75s; }

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { -webkit-animation: swal2-toast-animate-success-line-long 0.75s; animation: swal2-toast-animate-success-line-long 0.75s; }

.swal2-popup.swal2-toast.swal2-show { -webkit-animation: swal2-toast-show 0.5s; animation: swal2-toast-show 0.5s; }

.swal2-popup.swal2-toast.swal2-hide { -webkit-animation: swal2-toast-hide 0.1s forwards; animation: swal2-toast-hide 0.1s forwards; }

.swal2-container { display: grid; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; grid-template-areas: "top-start  top top-end" "center-start  center center-end" "bottom-start  bottom-center  bottom-end"; grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto); grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto); height: 100%; padding: 0.625em; overflow-x: hidden; transition: background-color 0.1s; -webkit-overflow-scrolling: touch; }

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { background: rgba(0, 0, 0, 0.4); }

.swal2-container.swal2-backdrop-hide { background: transparent !important; }

.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start { grid-template-columns: minmax(0, 1fr) auto auto; }

.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom { grid-template-columns: auto minmax(0, 1fr) auto; }

.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end { grid-template-columns: auto auto minmax(0, 1fr); }

.swal2-container.swal2-top-start > .swal2-popup { align-self: start; }

.swal2-container.swal2-top > .swal2-popup { grid-column: 2; align-self: start; justify-self: center; }

.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup { grid-column: 3; align-self: start; justify-self: end; }

.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup { grid-row: 2; align-self: center; }

.swal2-container.swal2-center > .swal2-popup { grid-column: 2; grid-row: 2; align-self: center; justify-self: center; }

.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup { grid-column: 3; grid-row: 2; align-self: center; justify-self: end; }

.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup { grid-column: 1; grid-row: 3; align-self: end; }

.swal2-container.swal2-bottom > .swal2-popup { grid-column: 2; grid-row: 3; justify-self: center; align-self: end; }

.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup { grid-column: 3; grid-row: 3; align-self: end; justify-self: end; }

.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup { grid-column: 1/4; width: 100%; }

.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup { grid-row: 1/4; align-self: stretch; }

.swal2-container.swal2-no-transition { transition: none !important; }

.swal2-popup { display: none; position: relative; box-sizing: border-box; grid-template-columns: minmax(0, 100%); width: 32em; max-width: 100%; padding: 0 0 1.25em; border: none; border-radius: 5px; background: #fff; color: #545454; font-family: inherit; font-size: 1rem; }

.swal2-popup:focus { outline: none; }

.swal2-popup.swal2-loading { overflow-y: hidden; }

.swal2-title { position: relative; max-width: 100%; margin: 0; padding: 0.8em 1em 0; color: inherit; font-size: 1.3em; font-weight: bold; text-align: center; text-transform: none; word-wrap: break-word; }

.swal2-actions { display: flex; z-index: 1; box-sizing: border-box; flex-wrap: wrap; align-items: center; justify-content: center; width: auto; margin: 1.25em auto 0; padding: 0; }

.swal2-loader { display: none; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin: 0 1.875em; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border-width: 0.25em; border-style: solid; border-radius: 100%; border-color: #0d569b transparent #0d569b transparent; }

.swal2-styled { margin: 0.3125em; }

.swal2-footer { justify-content: center; margin: 1em 0 0; padding: 1em 1em 0; border-top: 1px solid #eee; color: inherit; font-size: 1em; }

.swal2-timer-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; grid-column: auto !important; height: 0.25em; overflow: hidden; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

.swal2-timer-progress-bar { width: 100%; height: 0.25em; background: rgba(0, 0, 0, 0.2); }

.swal2-image { max-width: 100%; margin: 2em auto 1em; }

.swal2-close { z-index: 2; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; margin-top: 0; margin-right: 0; margin-bottom: -1.2em; padding: 0; overflow: hidden; transition: color 0.1s, box-shadow 0.1s; border: none; border-radius: 5px; background: transparent; color: #ccc; font-family: serif; font-family: monospace; font-size: 2.5em; cursor: pointer; justify-self: end; }

.swal2-close:hover { transform: none; background: transparent; color: #f27474; }

.swal2-close:focus { outline: none; box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5); }

.swal2-close::-moz-focus-inner { border: 0; }

.swal2-html-container { z-index: 1; justify-content: center; margin: 1em 1.6em 0.3em; padding: 0; overflow: auto; color: inherit; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; word-wrap: break-word; word-break: break-word; }

.swal2-input, .swal2-file, .swal2-textarea, .swal2-select, .swal2-radio, .swal2-checkbox { margin: 1em 2em 3px; }

.swal2-input, .swal2-file, .swal2-textarea { box-sizing: border-box; width: auto; transition: border-color 0.1s, box-shadow 0.1s; border: 1px solid #d9d9d9; border-radius: 0.1875em; background: inherit; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent; color: inherit; font-size: 1.125em; }

.swal2-input.swal2-inputerror, .swal2-file.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; }

.swal2-input:focus, .swal2-file:focus, .swal2-textarea:focus { border: 1px solid #b4dbed; outline: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5); }

.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder { color: #ccc; }

.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder { color: #ccc; }

.swal2-input::placeholder, .swal2-file::placeholder, .swal2-textarea::placeholder { color: #ccc; }

.swal2-range { margin: 1em 2em 3px; background: #fff; }

.swal2-range input { width: 80%; }

.swal2-range output { width: 20%; color: inherit; font-weight: bold; text-align: center; }

.swal2-range input, .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em; }

.swal2-input { height: 2.625em; padding: 0 0.75em; }

.swal2-file { width: 75%; margin-right: auto; margin-left: auto; background: inherit; font-size: 1.125em; }

.swal2-textarea { height: 6.75em; padding: 0.75em; }

.swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; background: inherit; color: inherit; font-size: 1.125em; }

.swal2-radio, .swal2-checkbox { align-items: center; justify-content: center; background: #fff; color: inherit; }

.swal2-radio label, .swal2-checkbox label { margin: 0 0.6em; font-size: 1.125em; }

.swal2-radio input, .swal2-checkbox input { flex-shrink: 0; margin: 0 0.4em; }

.swal2-input-label { display: flex; justify-content: center; margin: 1em auto 0; }

.swal2-validation-message { align-items: center; justify-content: center; margin: 1em 0 0; padding: 0.625em; overflow: hidden; background: #f0f0f0; color: #666666; font-size: 1em; font-weight: normal; }

.swal2-validation-message::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 0.625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: bold; line-height: 1.5em; text-align: center; }

.swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 2.5em auto 0.6em; border: 0.25em solid transparent; border-radius: 50%; border-color: #000; font-family: inherit; line-height: 5em; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; }

.swal2-icon.swal2-error { border-color: rgba(175, 175, 175, 0.3); color: rgba(175, 175, 175, 0.3); }

.swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; }

.swal2-icon.swal2-error [class^=swal2-x-mark-line] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: #f2747b; }

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; transform: rotate(45deg); }

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; transform: rotate(-45deg); }

.swal2-icon.swal2-error.swal2-icon-show { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; }

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark 0.5s; animation: swal2-animate-error-x-mark 0.5s; }

.swal2-icon.swal2-warning { border-color: #ff2c2c; color: #ff2c2c; }

.swal2-icon.swal2-warning.swal2-icon-show { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; }

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content { -webkit-animation: swal2-animate-i-mark 0.5s; animation: swal2-animate-i-mark 0.5s; }

.swal2-icon.swal2-info { border-color: #137de2; color: #137de2; }

.swal2-icon.swal2-info.swal2-icon-show { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; }

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content { -webkit-animation: swal2-animate-i-mark 0.8s; animation: swal2-animate-i-mark 0.8s; }

.swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd; }

.swal2-icon.swal2-question.swal2-icon-show { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; }

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content { -webkit-animation: swal2-animate-question-mark 0.8s; animation: swal2-animate-question-mark 0.8s; }

.swal2-icon.swal2-success { border-color: #1170ca; color: #1170ca; }

.swal2-icon.swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50%; }

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; }

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; }

.swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(13, 86, 155, 0.3); border-radius: 50%; }

.swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; transform: rotate(-45deg); }

.swal2-icon.swal2-success [class^=swal2-success-line] { display: block; position: absolute; z-index: 2; height: 0.3125em; border-radius: 0.125em; background-color: #137de2; }

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 2.875em; left: 0.8125em; width: 1.5625em; transform: rotate(45deg); }

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 2.375em; right: 0.5em; width: 2.9375em; transform: rotate(-45deg); }

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip 0.75s; animation: swal2-animate-success-line-tip 0.75s; }

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long 0.75s; animation: swal2-animate-success-line-long 0.75s; }

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in; }

.swal2-progress-steps { flex-wrap: wrap; align-items: center; max-width: 100%; margin: 1.25em auto; padding: 0; background: inherit; font-weight: bold; }

.swal2-progress-steps li { display: inline-block; position: relative; }

.swal2-progress-steps .swal2-progress-step { z-index: 20; flex-shrink: 0; width: 2em; height: 2em; border-radius: 2em; background: #0d569b; color: #fff; line-height: 2em; text-align: center; }

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #0d569b; }

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: #add8e6; color: #fff; }

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: #add8e6; }

.swal2-progress-steps .swal2-progress-step-line { z-index: 10; flex-shrink: 0; width: 2.5em; height: 0.4em; margin: 0 -1px; background: #0d569b; }

[class^=swal2] { -webkit-tap-highlight-color: transparent; }

.swal2-show { -webkit-animation: swal2-show 0.3s; animation: swal2-show 0.3s; }

.swal2-hide { -webkit-animation: swal2-hide 0.15s forwards; animation: swal2-hide 0.15s forwards; }

.swal2-noanimation { transition: none; }

.swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

.swal2-rtl .swal2-close { margin-right: initial; margin-left: 0; }

.swal2-rtl .swal2-timer-progress-bar { right: 0; left: auto; }

@-webkit-keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); }
  33% { transform: translateY(0) rotateZ(-2deg); }
  66% { transform: translateY(0.3125em) rotateZ(2deg); }
  100% { transform: translateY(0) rotateZ(0deg); } }

@keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); }
  33% { transform: translateY(0) rotateZ(-2deg); }
  66% { transform: translateY(0.3125em) rotateZ(2deg); }
  100% { transform: translateY(0) rotateZ(0deg); } }

@-webkit-keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg);
    opacity: 0; } }

@keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg);
    opacity: 0; } }

@-webkit-keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em;
    left: 0.0625em;
    width: 0; }
  54% { top: 0.125em;
    left: 0.125em;
    width: 0; }
  70% { top: 0.625em;
    left: -0.25em;
    width: 1.625em; }
  84% { top: 1.0625em;
    left: 0.75em;
    width: 0.5em; }
  100% { top: 1.125em;
    left: 0.1875em;
    width: 0.75em; } }

@keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em;
    left: 0.0625em;
    width: 0; }
  54% { top: 0.125em;
    left: 0.125em;
    width: 0; }
  70% { top: 0.625em;
    left: -0.25em;
    width: 1.625em; }
  84% { top: 1.0625em;
    left: 0.75em;
    width: 0.5em; }
  100% { top: 1.125em;
    left: 0.1875em;
    width: 0.75em; } }

@-webkit-keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em;
    right: 1.375em;
    width: 0; }
  65% { top: 1.25em;
    right: 0.9375em;
    width: 0; }
  84% { top: 0.9375em;
    right: 0;
    width: 1.125em; }
  100% { top: 0.9375em;
    right: 0.1875em;
    width: 1.375em; } }

@keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em;
    right: 1.375em;
    width: 0; }
  65% { top: 1.25em;
    right: 0.9375em;
    width: 0; }
  84% { top: 0.9375em;
    right: 0;
    width: 1.125em; }
  100% { top: 0.9375em;
    right: 0.1875em;
    width: 1.375em; } }

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

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

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

@keyframes swal2-hide { 0% { transform: scale(1);
    opacity: 1; }
  100% { transform: scale(0.5);
    opacity: 0; } }

@-webkit-keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em;
    left: 0.0625em;
    width: 0; }
  54% { top: 1.0625em;
    left: 0.125em;
    width: 0; }
  70% { top: 2.1875em;
    left: -0.375em;
    width: 3.125em; }
  84% { top: 3em;
    left: 1.3125em;
    width: 1.0625em; }
  100% { top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em; } }

@keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em;
    left: 0.0625em;
    width: 0; }
  54% { top: 1.0625em;
    left: 0.125em;
    width: 0; }
  70% { top: 2.1875em;
    left: -0.375em;
    width: 3.125em; }
  84% { top: 3em;
    left: 1.3125em;
    width: 1.0625em; }
  100% { top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em; } }

@-webkit-keyframes swal2-animate-success-line-long { 0% { top: 3.375em;
    right: 2.875em;
    width: 0; }
  65% { top: 3.375em;
    right: 2.875em;
    width: 0; }
  84% { top: 2.1875em;
    right: 0;
    width: 3.4375em; }
  100% { top: 2.375em;
    right: 0.5em;
    width: 2.9375em; } }

@keyframes swal2-animate-success-line-long { 0% { top: 3.375em;
    right: 2.875em;
    width: 0; }
  65% { top: 3.375em;
    right: 2.875em;
    width: 0; }
  84% { top: 2.1875em;
    right: 0;
    width: 3.4375em; }
  100% { top: 2.375em;
    right: 0.5em;
    width: 2.9375em; } }

@-webkit-keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); }
  5% { transform: rotate(-45deg); }
  12% { transform: rotate(-405deg); }
  100% { transform: rotate(-405deg); } }

@keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); }
  5% { transform: rotate(-45deg); }
  12% { transform: rotate(-405deg); }
  100% { transform: rotate(-405deg); } }

@-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0; }
  50% { margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0; }
  80% { margin-top: -0.375em;
    transform: scale(1.15); }
  100% { margin-top: 0;
    transform: scale(1);
    opacity: 1; } }

@keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0; }
  50% { margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0; }
  80% { margin-top: -0.375em;
    transform: scale(1.15); }
  100% { margin-top: 0;
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg);
    opacity: 0; }
  100% { transform: rotateX(0deg);
    opacity: 1; } }

@keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg);
    opacity: 0; }
  100% { transform: rotateX(0deg);
    opacity: 1; } }

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

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

@-webkit-keyframes swal2-animate-question-mark { 0% { transform: rotateY(-360deg); }
  100% { transform: rotateY(0); } }

@keyframes swal2-animate-question-mark { 0% { transform: rotateY(-360deg); }
  100% { transform: rotateY(0); } }

@-webkit-keyframes swal2-animate-i-mark { 0% { transform: rotateZ(45deg);
    opacity: 0; }
  25% { transform: rotateZ(-25deg);
    opacity: 0.4; }
  50% { transform: rotateZ(15deg);
    opacity: 0.8; }
  75% { transform: rotateZ(-5deg);
    opacity: 1; }
  100% { transform: rotateX(0);
    opacity: 1; } }

@keyframes swal2-animate-i-mark { 0% { transform: rotateZ(45deg);
    opacity: 0; }
  25% { transform: rotateZ(-25deg);
    opacity: 0.4; }
  50% { transform: rotateZ(15deg);
    opacity: 0.8; }
  75% { transform: rotateZ(-5deg);
    opacity: 1; }
  100% { transform: rotateX(0);
    opacity: 1; } }

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; }

body.swal2-height-auto { height: auto !important; }

body.swal2-no-backdrop .swal2-container { background-color: transparent !important; pointer-events: none; }

body.swal2-no-backdrop .swal2-container .swal2-popup { pointer-events: all; }

body.swal2-no-backdrop .swal2-container .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

@media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] { display: none; }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important; } }

body.swal2-toast-shown .swal2-container { box-sizing: border-box; width: 360px; max-width: 100%; background-color: transparent; pointer-events: none; }

body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); }

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; }

body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { top: 0; right: auto; bottom: auto; left: 0; }

body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { top: 50%; right: auto; bottom: auto; left: 0; transform: translateY(-50%); }

body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); }

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%); }

body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { top: auto; right: auto; bottom: 0; left: 0; }

body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%); }

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto; }

.rating { unicode-bidi: bidi-override; color: #ebebeb; }

.rating .ranting_text { color: #555; margin-left: 5px; }

.rating svg { height: 13px; }

.rating .fa-star-svg { margin: 0 0.1rem 0 0; }

.rating .star-svg, .rating .star-border-svg { width: 18px; height: 18px; }

.rating .star-svg { fill: #feda3e; }

.rating .star-border-svg { fill: #feda3e; }

.ya-rating label { display: inline !important; }

.ya-rating input { display: none; }

.ya-rating input:checked + label ~ label { color: #e0e0e0 !important; }

.ya-rating input:checked + label ~ label svg { fill: #e0e0e0 !important; }

.ya-rating input:checked + label ~ label svg:hover { fill: #e0e0e0 !important; transition: 0.3s ease-in-out; }

.product-reviews-summary .rating { margin-bottom: 0; align-items: center; }

.product-reviews-summary .rating .off .star-svg { fill: #ddd; }

.rating { margin-bottom: 0px; align-items: baseline; }

.rating .off .star-svg { fill: #ddd; }

@media (min-width: 576px) { .gtut_ratings { display: flex; } }

.style-sign-in { color: #5e9fdf; }

.product-thumbnail__image { height: auto; width: 80px; }

.account__form .input__box input[type="radio"] { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 0; height: 13px; padding: 0 0 0 10px; width: 13px; }

.page-title { margin-bottom: 2.5rem; text-align: center; }

@media (max-width: 767px) { .page-title { margin-bottom: 1.5625rem; } }

.ya-menu .active { font-weight: bold; }

.ya-sidebar-menu .active { font-weight: bold; }

.ya-sidebar-menu [data-toggle="collapse"] .fas::before { content: '\f107'; }

.ya-sidebar-menu [data-toggle="collapse"].collapsed .fas::before { content: '\f105'; }

.ya-sidebar-menu [data-toggle="collapse"] .fa-chevron-right-svg { transform: rotate(90deg); }

.ya-sidebar-menu [data-toggle="collapse"].collapsed .fa-chevron-right-svg { transform: rotate(0deg); }

.ya-favorite-remove-button svg { height: 18px; }

.download_table table { width: 100%; }

.download_table thead th { justify-content: start; }

.download_table td:before { justify-content: start; }

.download_table tbody tr:nth-child(odd) { background: #f8f8f8; }

.download_table tbody tr:nth-child(odd) td:before { background: #555; }

.download_table tbody tr:nth-child(even) td:before { background: #5ec9df; }

.download_table .download_box { padding: 0.6rem 1rem 0.4rem; white-space: nowrap; }

.download_table .download_box .download-svg svg { width: 18px; }

.download_table .version_button_04 { padding: 0.3125rem 0; }

@media (min-width: 768px) { .download_table .lg_button .button_settings { display: block; } }

@media (max-width: 767px) { .download_table .lg_button .button_settings { display: none; } }

.download_table .xs_button .version_button_04 svg { transition: 0.3s; }

.download_table .xs_button .version_button_04:hover svg { transition: 0.3s; fill: #5ec9df; }

@media (max-width: 767px) { .download_table .xs_button .button_settings { display: block; } }

@media (min-width: 768px) { .download_table .xs_button .button_settings { display: none; } }

#nav-attribute table { width: 100%; border: 1px #dee2e6 solid; }

#nav-attribute table tr:first-child th:first-child { border-bottom-left-radius: 0; }

#nav-attribute table tr:first-child th:last-child { border-top-right-radius: 0; }

#nav-attribute table tr:first-child th:first-child { border-top-left-radius: 0; }

#nav-attribute table tr:last-child td:last-child { border-bottom-right-radius: 0; }

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

.table-bordered td:last-child, .table-bordered th:last-child { border-right: none; }

.wn__single__product .product__info__detailed { padding-top: 45px; }

.wn__single__product .product__info__detailed ul { padding: 0; }

.wn__single__product .product__info__detailed .panel-heading { margin-top: 0.3rem; padding: 0; border: 1px solid #fff; border-radius: 0.3125rem; }

.wn__single__product .product__info__detailed .comm-heading a { color: #555; }

.txtNormal .customer_details h4 { font-size: 1.375rem; letter-spacing: .1vw; font-weight: bold; }

.product__info-title.txtNormal { margin-bottom: 2.5rem; }

.product__info-title.txtNormal h4 { font-size: 1.375rem; letter-spacing: .1vw; font-weight: bold; }

.product__info-title.txtNormal thead { margin-top: 15px; }

.panel-body > div { padding: 0.9375rem; }

.review__attribute .review__ratings__type { margin-bottom: 1.5625rem; padding-bottom: 1.5625rem; border-bottom: 1px #e2e2e2 solid; }

.review__attribute .review__ratings__type:last-child { border-bottom: none; padding: 0; }

.customer_details { margin-top: 2.5rem; }

.customer_details .customar__field .input_box { margin-bottom: 0.9375rem; }

.review-field-ratings .ya-rating .star-svg { width: 25px; height: 25px; }

.star { background-image: none !important; }

.star:before { content: "\f006"; color: #c7c7c7; font-size: 1.125rem; font-family: FontAwesome; }

.star.tmp_fs:before { content: "\f005"; color: #5e9fdf; font-size: 1.125rem; font-family: FontAwesome; }

/*輪播箭頭*/
.brd-separetor { color: #ccc; }

/*麵包屑*/
.wedget__categories ul li a { display: initial; line-height: 20px; padding: 3px 3px; }

.wedget__categories ul li a i.far { color: #5e9fdf; }

/*footer*/
.cart-main-area td { word-break: keep-all; padding: 10px 10px; }

.table-content table td.product-name a { margin-left: 0; }

/*購物車*/
ul.member_social_bt li a.facebook img { padding-right: 10px; width: 33px; }

.member_social_bt .member-title { margin-bottom: 30px; }

.input__box .label { line-height: 2.5; }

.input__box .ya-field__radio-option { display: inline-block; }

.input__box .ya-field__radio-option > label { display: flex; align-items: center; }

.report_box_select { margin-bottom: 0.9375rem; }

.report_box_select .button_settings { margin: 0 0 0 0.3125rem; padding: 0.45rem 2.5rem; line-height: 1; display: flex; align-items: center; justify-content: center; }

@media (max-width: 575px) { .report_box_select .button_settings { width: 100%; margin: 0.9375rem 0; padding: 0.9375rem 2.5rem 0.75rem; } }

.ya-field__radio-wrapper label { min-width: inherit !important; }

.card { border: none; }

.card-header { background: none; border: none; }

.card label.title .card-header button, .ya-address-item .card-header button { border: none; padding: 8px 30px; }

.card label.title .card-header .version_button_03 svg, .ya-address-item .card-header .version_button_03 svg { transition: 0.3s; }

.card label.title .card-header .version_button_03:hover svg, .ya-address-item .card-header .version_button_03:hover svg { transition: 0.3s; fill: #fff; }

.card label.title .card-header .trash-can-svg, .ya-address-item .card-header .trash-can-svg { width: 20px; height: 20px; }

.card label.title label.title, .ya-address-item label.title { text-align: right; padding-left: 0; padding-right: 0; }

/*會員*/
.wishlist-content td, .wishlist-content th { text-align: center; }

/*購物車、訂單*/
.ya-sidebar-menu .card .card-body { border: none; }

/*內頁sidebar*/
/*服務條款service*/
.service-list h4 { margin-bottom: 0.3rem; margin-top: 0.5rem; }

.service-list ol { margin-left: 1.1rem; }

@media (max-width: 767px) { .service-list li { margin-bottom: 1rem; } }

/*頁尾google_map*/
.h100percent { align-self: stretch; }

@media (max-width: 991px) { .h100percent { min-height: 320px; } }

.h100percent div { height: 100%; }

.google__map { height: 100%; }

.collapsing { transition: none !important; }

.accordion .card, .accordion .panel { margin-bottom: 1rem; }

.accordion .card-heading .card-title, .accordion .card-heading .panel-title, .accordion .panel-heading .card-title, .accordion .panel-heading .panel-title { margin: 0; }

.accordion .card-heading .card-title a, .accordion .card-heading .panel-title a, .accordion .panel-heading .card-title a, .accordion .panel-heading .panel-title a { color: #555; background: #5e9fdf; padding: 0.625rem 1.25rem; letter-spacing: .1vw; border-radius: 0.3125rem 0.3125rem 0 0; border: 1px #ebebeb solid; display: flex; justify-content: space-between; align-items: center; font-size: clamp(1rem, 2vw, 1.125rem); font-weight: bold; }

@media (max-width: 767px) { .accordion .card-heading .card-title a, .accordion .card-heading .panel-title a, .accordion .panel-heading .card-title a, .accordion .panel-heading .panel-title a { padding: 0.9375rem 1.25rem; } }

.accordion .card-heading .card-title a .fa_svg, .accordion .card-heading .panel-title a .fa_svg, .accordion .panel-heading .card-title a .fa_svg, .accordion .panel-heading .panel-title a .fa_svg { align-items: center; display: flex; min-width: 25px; justify-content: right; }

.accordion .card-heading .card-title a .fa_svg svg, .accordion .card-heading .panel-title a .fa_svg svg, .accordion .panel-heading .card-title a .fa_svg svg, .accordion .panel-heading .panel-title a .fa_svg svg { fill: #555; width: 16px; transform: rotate(-180deg); }

.accordion .card-heading .card-title a:hover, .accordion .card-heading .panel-title a:hover, .accordion .panel-heading .card-title a:hover, .accordion .panel-heading .panel-title a:hover { background: #5e9fdf; }

.accordion .card-heading .card-title a.collapsed, .accordion .card-heading .panel-title a.collapsed, .accordion .panel-heading .card-title a.collapsed, .accordion .panel-heading .panel-title a.collapsed { color: #555; background: #f7f7f7; border-radius: 0.3125rem; border: 1px #ebebeb solid; position: relative; }

.accordion .card-heading .card-title a.collapsed svg, .accordion .card-heading .panel-title a.collapsed svg, .accordion .panel-heading .card-title a.collapsed svg, .accordion .panel-heading .panel-title a.collapsed svg { transform: rotate(0deg); }

.accordion .card-heading .card-title a.collapsed:hover, .accordion .card-heading .panel-title a.collapsed:hover, .accordion .panel-heading .card-title a.collapsed:hover, .accordion .panel-heading .panel-title a.collapsed:hover { background: #5e9fdf; }

.accordion .card-body { border: 1px #ebebeb solid; border-radius: 0 0 0.3125rem 0.3125rem; border-top: none; }

.accordion .card-body .checkout_info, .accordion .card-body .download_table, .accordion .card-body .twin-in-gtuttable { margin-bottom: 0; }

.panel-title { margin-bottom: 0; position: relative; }

.panel-title a { display: block; font-size: 0.875rem; line-height: 24px; padding: 10px 15px; background: #555; color: #fff; border-radius: 0.3125rem; }

.panel-title a:hover, .panel-title a:focus { background: #5ec9df; color: #fff; }

.panel-collapse { margin: -2px 1px; }

/*compare按鈕*/
.content-shopby .btn { text-align: center; width: 100%; }

.sitemap_box { margin-bottom: 2.5rem; }

@media (max-width: 767px) { .sitemap_box { margin-bottom: 1.5625rem; padding: 0 5px; } }

.sitemap_box .list-group-item-in > a { background: #FEDA3E; }

.sitemap_box .list-group-item { padding: 15px; margin-bottom: 0; border: none; border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; }

@media (max-width: 767px) { .sitemap_box .list-group-item { font-size: 16px; } }

.sitemap_box .list-group-item:focus, .sitemap_box .list-group-item:hover { background: #FE983E; color: #fff; }

.sitemap_box .list-group-item-in .list-group a { background: transparent; }

.sitemap_box .list-group-item-in .list-group a:hover, .sitemap_box .list-group-item-in .list-group a:focus { background: #fff; color: #FE983E; }

.sitemap_box .list-group-out { border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.3125rem; }

.sitemap_box .list-group-out .list-group-item-in ul li { padding: 0; }

.sitemap_box .list-group-out .list-group-item-in ul li a { border-top: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0; }

.sitemap_box .list-group-out .list-group-item-in ul li:last-child { border: none; }

/*手機版按鈕*/
.navtool { margin-right: 0; align-items: center; }

.is-sticky .js-nav-btnopen span { background: #3a3a3a; }

/*max-width: 575px*/
@media (max-width: 480px) { .header__area .header__sidebar__right > li > a { padding-left: 5px; padding-right: 10px; }
  .header__area.header--ten .header__sidebar__right > li.shopcart, .header__area.header--11 .header__sidebar__right > li.shopcart { padding-left: 0; padding-right: 15px; } }

/*響應式表格- 下載頁面及購物車訂單頁面*/
.rwd_table { margin-bottom: 1rem; }

@media (max-width: 767px) { .rwd_table th { padding: 13px 10px; }
  .rwd_table table.bt thead, .rwd_table table.bt tbody th { display: none; }
  .rwd_table table.bt tfoot th, .rwd_table table.bt tfoot td, .rwd_table table.bt tbody td { border: none; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; /* IE 9 */ float: left\9; width: 100%\9; }
  .rwd_table table.bt tfoot th::before, .rwd_table table.bt tfoot td::before, .rwd_table table.bt tbody td::before { content: attr(data-th) ""; display: flex; align-items: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; font-weight: bold; width: 6.5em; min-height: 38px; }
  .rwd_table table.bt tfoot th.bt-hide, .rwd_table table.bt tfoot td.bt-hide, .rwd_table table.bt tbody td.bt-hide { display: none; }
  .rwd_table table.bt tfoot th .bt-content, .rwd_table table.bt tfoot td .bt-content, .rwd_table table.bt tbody td .bt-content { vertical-align: top; }
  .rwd_table .td-content { padding: 0.375rem 0.625rem; display: flex; align-items: center; overflow-x: hidden; } }

@media (max-width: 767px) { .bt-wrapper.active { max-height: 310px; overflow: auto; -webkit-overflow-scrolling: touch; } }

@media (max-width: 767px) { .rwd_table table.bt.bt--no-header tfoot td::before, .rwd_table table.bt.bt--no-header tbody td::before { display: none; } }

@media (max-width: 767px) { .rwd_table table { background: white; border-collapse: collapse; width: 100%; }
  .rwd_table table tr, .rwd_table table th, .rwd_table table td { border: none; border-bottom: 1px solid #e4ebeb; }
  .rwd_table table th { background: #555; color: #fff; text-transform: uppercase; }
  .rwd_table table tr td { background: #f3f3f3; }
  .rwd_table table tr:nth-of-type(2n+2) td { background: #ffffff; }
  .rwd_table table.bt tfoot th, .rwd_table table.bt tfoot td, .rwd_table table.bt tbody td { padding: 0; border-bottom: 1px #d2d2d2 solid; }
  .rwd_table table.bt tfoot th:last-child, .rwd_table table.bt tfoot td:last-child, .rwd_table table.bt tbody td:last-child { border: none; }
  .rwd_table table.bt tfoot th:before, .rwd_table table.bt tfoot td:before, .rwd_table table.bt tbody td:before { color: #fff; margin-right: 10px; padding: 2px 10px; }
  .rwd_table table.bt tfoot th .bt-content, .rwd_table table.bt tfoot td .bt-content, .rwd_table table.bt tbody td .bt-content { display: flex; padding: 2px 5px; align-items: center; }
  .rwd_table table.bt tfoot th:first-of-type:before, .rwd_table table.bt tfoot th:first-of-type .bt-content, .rwd_table table.bt tfoot td:first-of-type:before, .rwd_table table.bt tfoot td:first-of-type .bt-content, .rwd_table table.bt tbody td:first-of-type:before, .rwd_table table.bt tbody td:first-of-type .bt-content { padding-top: 3px; padding-bottom: 3px; } }

/*Google reCAPTCHA v3 驗證*/
.text_recaptcha a { color: #5e9fdf; }

.text_recaptcha a:hover, .text_recaptcha a:focus { color: #201f29; }

/*搜尋表單*/
.input_search input { border-radius: 0.3125rem; }

.mobile-nav-btn { border: none; z-index: 9999; margin-left: 15px; margin-right: 15px; padding: 0; background: transparent; color: #585858; }

.mobile-nav-btn svg { fill: #585858; transition: 0.3s ease-in-out; }

.mobile-nav-btn svg:hover { fill: #5e9fdf; transition: 0.3s ease-in-out; }

.js-nav-btnopen.nav-color { color: #585858; }

.menu-list ul { background: rgba(0, 0, 0, 0.1); }

.menu-list ul a, .menu-list ul .li-menu { color: #323334; }

.menu-list > div { position: relative; padding-right: 50px; }

.menu-list .btn-addmenu { position: absolute; right: 0; top: 0; border: none; border-left: solid #d0d0d0 thin; width: 50px; height: 100%; }

.menu-list .btn-addmenu > div { font-size: 1.25rem; }

.menu-list > ul { display: none; }

.bg_iconMail, .bg_iconPhone { background: #5e9fdf; }

.monthly_turnover_table.table thead th { vertical-align: middle; text-align: center; }

.monthly_turnover_table.table .td { vertical-align: middle; text-align: center; }

.monthly_turnover_table tr:last-child { color: #de0000; }

.financial_report_table.table thead th { text-align: center; vertical-align: middle; white-space: nowrap; }

.financial_report_table.table .td { text-align: center; vertical-align: middle; }

.financial_report_table .iconlink { font-size: 1.7rem; }
/*# sourceMappingURL=style.css.map */