/*!
 * Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*, :after, :before {
    box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
:root {
    scroll-behavior: smooth
}
}
body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    color: #212529;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}
hr {
    background-color: currentColor;
    border: 0;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}
hr:not([size]) {
    height: 1px
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {
h1 {
    font-size: 2.5rem
}
}
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
h2 {
    font-size: 2rem
}
}
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
h3 {
    font-size: 1.75rem
}
}
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
h4 {
    font-size: 1.5rem
}
}
h5 {
    font-size: 1.25rem
}
h6 {
    font-size: 1rem
}
p {
    margin-bottom: 1rem;
    margin-top: 0
}
abbr[data-bs-original-title], abbr[title] {
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}
address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}
ol, ul {
    padding-left: 2rem
}
dl, ol, ul {
    margin-bottom: 1rem;
    margin-top: 0
}
ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}
dt {
    font-weight: 700
}
dd {
    margin-bottom: .5rem;
    margin-left: 0
}
blockquote {
    margin: 0 0 1rem
}
b, strong {
    font-weight: bolder
}
small {
    font-size: .875em
}
mark {
    background-color: #fcf8e3;
    padding: .2em
}
sub, sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
a {
    color: #0d6efd;
    text-decoration: underline
}
a:hover {
    color: #0a58ca
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}
code, kbd, pre, samp {
    direction: ltr;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    unicode-bidi: bidi-override
}
pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}
pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}
code {
    word-wrap: break-word;
    color: #d63384;
    font-size: .875em
}
a>code {
    color: inherit
}
kbd {
    background-color: #212529;
    border-radius: .2rem;
    color: #fff;
    font-size: .875em;
    padding: .2rem .4rem
}
kbd kbd {
    font-size: 1em;
    font-weight: 700;
    padding: 0
}
figure {
    margin: 0 0 1rem
}
img, svg {
    vertical-align: middle
}
table {
    border-collapse: collapse;
    caption-side: bottom
}
caption {
    color: #6c757d;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent
}
tbody, td, tfoot, th, thead, tr {
    border: 0 solid;
    border-color: inherit
}
label {
    display: inline-block
}
button {
    border-radius: 0
}
button:focus:not(:focus-visible) {
    outline: 0
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}
button, select {
    text-transform: none
}
[role=button] {
    cursor: pointer
}
select {
    word-wrap: normal
}
select:disabled {
    opacity: 1
}
[list]::-webkit-calendar-picker-indicator {
display:none
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer
}
::-moz-focus-inner {
border-style:none;
padding:0
}
textarea {
    resize: vertical
}
fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}
legend {
    float: left;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

@media (min-width:1200px) {
legend {
    font-size: 1.5rem
}
}
legend+* {
    clear: left
}
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
padding:0
}
::-webkit-inner-spin-button {
height:auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-color-swatch-wrapper {
padding:0
}
::file-selector-button {
font:inherit
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
output {
    display: inline-block
}
iframe {
    border: 0
}
summary {
    cursor: pointer;
    display: list-item
}
progress {
    vertical-align: baseline
}
[hidden] {
    display: none!important
}/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--bs-gutter-x, .75rem);
    padding-right: var(--bs-gutter-x, .75rem);
    width: 100%
}

@media (min-width:576px) {
.container, .container-sm {
    max-width: 540px
}
}

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

@media (min-width:992px) {
.container, .container-lg, .container-md, .container-sm {
    max-width: 960px
}
}

@media (min-width:1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px
}
}

@media (min-width:1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px
}
}
.row {
--bs-gutter-x:1.5rem;
--bs-gutter-y:0;
    display: flex;
    flex-wrap: wrap;
margin-left:calc(var(--bs-gutter-x)*-.5);
margin-right:calc(var(--bs-gutter-x)*-.5);
margin-top:calc(var(--bs-gutter-y)*-1)
}
.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
padding-left:calc(var(--bs-gutter-x)*.5);
padding-right:calc(var(--bs-gutter-x)*.5);
    width: 100%
}
.col {
    flex: 1 0 0%
}
.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}
.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}
.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}
.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}
.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}
.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}
.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

@media (min-width:576px) {
.col-sm {
    flex: 1 0 0%
}
.row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
}
.row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%
}
.row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%
}
.row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}
.row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%
}
.row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%
}
.row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}
}

@media (min-width:768px) {
.col-md {
    flex: 1 0 0%
}
.row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
}
.row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%
}
.row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%
}
.row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}
.row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%
}
.row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%
}
.row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}
}

@media (min-width:992px) {
.col-lg {
    flex: 1 0 0%
}
.row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
}
.row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%
}
.row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%
}
.row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}
.row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%
}
.row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%
}
.row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}
}

@media (min-width:1200px) {
.col-xl {
    flex: 1 0 0%
}
.row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
}
.row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%
}
.row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%
}
.row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}
.row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%
}
.row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%
}
.row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}
}

@media (min-width:1400px) {
.col-xxl {
    flex: 1 0 0%
}
.row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
}
.row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%
}
.row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%
}
.row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}
.row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%
}
.row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%
}
.row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}
}
.col-auto {
    flex: 0 0 auto;
    width: auto
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}
.col-3 {
    flex: 0 0 auto;
    width: 25%
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}
.col-6 {
    flex: 0 0 auto;
    width: 50%
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}
.col-9 {
    flex: 0 0 auto;
    width: 75%
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}
.col-12 {
    flex: 0 0 auto;
    width: 100%
}
.offset-1 {
    margin-left: 8.33333333%
}
.offset-2 {
    margin-left: 16.66666667%
}
.offset-3 {
    margin-left: 25%
}
.offset-4 {
    margin-left: 33.33333333%
}
.offset-5 {
    margin-left: 41.66666667%
}
.offset-6 {
    margin-left: 50%
}
.offset-7 {
    margin-left: 58.33333333%
}
.offset-8 {
    margin-left: 66.66666667%
}
.offset-9 {
    margin-left: 75%
}
.offset-10 {
    margin-left: 83.33333333%
}
.offset-11 {
    margin-left: 91.66666667%
}
.g-0, .gx-0 {
--bs-gutter-x:0
}
.g-0, .gy-0 {
--bs-gutter-y:0
}
.g-1, .gx-1 {
--bs-gutter-x:0.25rem
}
.g-1, .gy-1 {
--bs-gutter-y:0.25rem
}
.g-2, .gx-2 {
--bs-gutter-x:0.5rem
}
.g-2, .gy-2 {
--bs-gutter-y:0.5rem
}
.g-3, .gx-3 {
--bs-gutter-x:1rem
}
.g-3, .gy-3 {
--bs-gutter-y:1rem
}
.g-4, .gx-4 {
--bs-gutter-x:1.5rem
}
.g-4, .gy-4 {
--bs-gutter-y:1.5rem
}
.g-5, .gx-5 {
--bs-gutter-x:3rem
}
.g-5, .gy-5 {
--bs-gutter-y:3rem
}

@media (min-width:576px) {
.col-sm-auto {
    flex: 0 0 auto;
    width: auto
}
.col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}
.col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}
.col-sm-3 {
    flex: 0 0 auto;
    width: 25%
}
.col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}
.col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}
.col-sm-6 {
    flex: 0 0 auto;
    width: 50%
}
.col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}
.col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}
.col-sm-9 {
    flex: 0 0 auto;
    width: 75%
}
.col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}
.col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}
.col-sm-12 {
    flex: 0 0 auto;
    width: 100%
}
.offset-sm-0 {
    margin-left: 0
}
.offset-sm-1 {
    margin-left: 8.33333333%
}
.offset-sm-2 {
    margin-left: 16.66666667%
}
.offset-sm-3 {
    margin-left: 25%
}
.offset-sm-4 {
    margin-left: 33.33333333%
}
.offset-sm-5 {
    margin-left: 41.66666667%
}
.offset-sm-6 {
    margin-left: 50%
}
.offset-sm-7 {
    margin-left: 58.33333333%
}
.offset-sm-8 {
    margin-left: 66.66666667%
}
.offset-sm-9 {
    margin-left: 75%
}
.offset-sm-10 {
    margin-left: 83.33333333%
}
.offset-sm-11 {
    margin-left: 91.66666667%
}
.g-sm-0, .gx-sm-0 {
--bs-gutter-x:0
}
.g-sm-0, .gy-sm-0 {
--bs-gutter-y:0
}
.g-sm-1, .gx-sm-1 {
--bs-gutter-x:0.25rem
}
.g-sm-1, .gy-sm-1 {
--bs-gutter-y:0.25rem
}
.g-sm-2, .gx-sm-2 {
--bs-gutter-x:0.5rem
}
.g-sm-2, .gy-sm-2 {
--bs-gutter-y:0.5rem
}
.g-sm-3, .gx-sm-3 {
--bs-gutter-x:1rem
}
.g-sm-3, .gy-sm-3 {
--bs-gutter-y:1rem
}
.g-sm-4, .gx-sm-4 {
--bs-gutter-x:1.5rem
}
.g-sm-4, .gy-sm-4 {
--bs-gutter-y:1.5rem
}
.g-sm-5, .gx-sm-5 {
--bs-gutter-x:3rem
}
.g-sm-5, .gy-sm-5 {
--bs-gutter-y:3rem
}
}

@media (min-width:768px) {
.col-md-auto {
    flex: 0 0 auto;
    width: auto
}
.col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}
.col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}
.col-md-3 {
    flex: 0 0 auto;
    width: 25%
}
.col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}
.col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}
.col-md-6 {
    flex: 0 0 auto;
    width: 50%
}
.col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}
.col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}
.col-md-9 {
    flex: 0 0 auto;
    width: 75%
}
.col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}
.col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}
.col-md-12 {
    flex: 0 0 auto;
    width: 100%
}
.offset-md-0 {
    margin-left: 0
}
.offset-md-1 {
    margin-left: 8.33333333%
}
.offset-md-2 {
    margin-left: 16.66666667%
}
.offset-md-3 {
    margin-left: 25%
}
.offset-md-4 {
    margin-left: 33.33333333%
}
.offset-md-5 {
    margin-left: 41.66666667%
}
.offset-md-6 {
    margin-left: 50%
}
.offset-md-7 {
    margin-left: 58.33333333%
}
.offset-md-8 {
    margin-left: 66.66666667%
}
.offset-md-9 {
    margin-left: 75%
}
.offset-md-10 {
    margin-left: 83.33333333%
}
.offset-md-11 {
    margin-left: 91.66666667%
}
.g-md-0, .gx-md-0 {
--bs-gutter-x:0
}
.g-md-0, .gy-md-0 {
--bs-gutter-y:0
}
.g-md-1, .gx-md-1 {
--bs-gutter-x:0.25rem
}
.g-md-1, .gy-md-1 {
--bs-gutter-y:0.25rem
}
.g-md-2, .gx-md-2 {
--bs-gutter-x:0.5rem
}
.g-md-2, .gy-md-2 {
--bs-gutter-y:0.5rem
}
.g-md-3, .gx-md-3 {
--bs-gutter-x:1rem
}
.g-md-3, .gy-md-3 {
--bs-gutter-y:1rem
}
.g-md-4, .gx-md-4 {
--bs-gutter-x:1.5rem
}
.g-md-4, .gy-md-4 {
--bs-gutter-y:1.5rem
}
.g-md-5, .gx-md-5 {
--bs-gutter-x:3rem
}
.g-md-5, .gy-md-5 {
--bs-gutter-y:3rem
}
}

@media (min-width:992px) {
.col-lg-auto {
    flex: 0 0 auto;
    width: auto
}
.col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}
.col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}
.col-lg-3 {
    flex: 0 0 auto;
    width: 25%
}
.col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}
.col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}
.col-lg-6 {
    flex: 0 0 auto;
    width: 50%
}
.col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}
.col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}
.col-lg-9 {
    flex: 0 0 auto;
    width: 75%
}
.col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}
.col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}
.col-lg-12 {
    flex: 0 0 auto;
    width: 100%
}
.offset-lg-0 {
    margin-left: 0
}
.offset-lg-1 {
    margin-left: 8.33333333%
}
.offset-lg-2 {
    margin-left: 16.66666667%
}
.offset-lg-3 {
    margin-left: 25%
}
.offset-lg-4 {
    margin-left: 33.33333333%
}
.offset-lg-5 {
    margin-left: 41.66666667%
}
.offset-lg-6 {
    margin-left: 50%
}
.offset-lg-7 {
    margin-left: 58.33333333%
}
.offset-lg-8 {
    margin-left: 66.66666667%
}
.offset-lg-9 {
    margin-left: 75%
}
.offset-lg-10 {
    margin-left: 83.33333333%
}
.offset-lg-11 {
    margin-left: 91.66666667%
}
.g-lg-0, .gx-lg-0 {
--bs-gutter-x:0
}
.g-lg-0, .gy-lg-0 {
--bs-gutter-y:0
}
.g-lg-1, .gx-lg-1 {
--bs-gutter-x:0.25rem
}
.g-lg-1, .gy-lg-1 {
--bs-gutter-y:0.25rem
}
.g-lg-2, .gx-lg-2 {
--bs-gutter-x:0.5rem
}
.g-lg-2, .gy-lg-2 {
--bs-gutter-y:0.5rem
}
.g-lg-3, .gx-lg-3 {
--bs-gutter-x:1rem
}
.g-lg-3, .gy-lg-3 {
--bs-gutter-y:1rem
}
.g-lg-4, .gx-lg-4 {
--bs-gutter-x:1.5rem
}
.g-lg-4, .gy-lg-4 {
--bs-gutter-y:1.5rem
}
.g-lg-5, .gx-lg-5 {
--bs-gutter-x:3rem
}
.g-lg-5, .gy-lg-5 {
--bs-gutter-y:3rem
}
}

@media (min-width:1200px) {
.col-xl-auto {
    flex: 0 0 auto;
    width: auto
}
.col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}
.col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}
.col-xl-3 {
    flex: 0 0 auto;
    width: 25%
}
.col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}
.col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}
.col-xl-6 {
    flex: 0 0 auto;
    width: 50%
}
.col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}
.col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}
.col-xl-9 {
    flex: 0 0 auto;
    width: 75%
}
.col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}
.col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}
.col-xl-12 {
    flex: 0 0 auto;
    width: 100%
}
.offset-xl-0 {
    margin-left: 0
}
.offset-xl-1 {
    margin-left: 8.33333333%
}
.offset-xl-2 {
    margin-left: 16.66666667%
}
.offset-xl-3 {
    margin-left: 25%
}
.offset-xl-4 {
    margin-left: 33.33333333%
}
.offset-xl-5 {
    margin-left: 41.66666667%
}
.offset-xl-6 {
    margin-left: 50%
}
.offset-xl-7 {
    margin-left: 58.33333333%
}
.offset-xl-8 {
    margin-left: 66.66666667%
}
.offset-xl-9 {
    margin-left: 75%
}
.offset-xl-10 {
    margin-left: 83.33333333%
}
.offset-xl-11 {
    margin-left: 91.66666667%
}
.g-xl-0, .gx-xl-0 {
--bs-gutter-x:0
}
.g-xl-0, .gy-xl-0 {
--bs-gutter-y:0
}
.g-xl-1, .gx-xl-1 {
--bs-gutter-x:0.25rem
}
.g-xl-1, .gy-xl-1 {
--bs-gutter-y:0.25rem
}
.g-xl-2, .gx-xl-2 {
--bs-gutter-x:0.5rem
}
.g-xl-2, .gy-xl-2 {
--bs-gutter-y:0.5rem
}
.g-xl-3, .gx-xl-3 {
--bs-gutter-x:1rem
}
.g-xl-3, .gy-xl-3 {
--bs-gutter-y:1rem
}
.g-xl-4, .gx-xl-4 {
--bs-gutter-x:1.5rem
}
.g-xl-4, .gy-xl-4 {
--bs-gutter-y:1.5rem
}
.g-xl-5, .gx-xl-5 {
--bs-gutter-x:3rem
}
.g-xl-5, .gy-xl-5 {
--bs-gutter-y:3rem
}
}

@media (min-width:1400px) {
.col-xxl-auto {
    flex: 0 0 auto;
    width: auto
}
.col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}
.col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}
.col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
}
.col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}
.col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}
.col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
}
.col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}
.col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}
.col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
}
.col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}
.col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}
.col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
}
.offset-xxl-0 {
    margin-left: 0
}
.offset-xxl-1 {
    margin-left: 8.33333333%
}
.offset-xxl-2 {
    margin-left: 16.66666667%
}
.offset-xxl-3 {
    margin-left: 25%
}
.offset-xxl-4 {
    margin-left: 33.33333333%
}
.offset-xxl-5 {
    margin-left: 41.66666667%
}
.offset-xxl-6 {
    margin-left: 50%
}
.offset-xxl-7 {
    margin-left: 58.33333333%
}
.offset-xxl-8 {
    margin-left: 66.66666667%
}
.offset-xxl-9 {
    margin-left: 75%
}
.offset-xxl-10 {
    margin-left: 83.33333333%
}
.offset-xxl-11 {
    margin-left: 91.66666667%
}
.g-xxl-0, .gx-xxl-0 {
--bs-gutter-x:0
}
.g-xxl-0, .gy-xxl-0 {
--bs-gutter-y:0
}
.g-xxl-1, .gx-xxl-1 {
--bs-gutter-x:0.25rem
}
.g-xxl-1, .gy-xxl-1 {
--bs-gutter-y:0.25rem
}
.g-xxl-2, .gx-xxl-2 {
--bs-gutter-x:0.5rem
}
.g-xxl-2, .gy-xxl-2 {
--bs-gutter-y:0.5rem
}
.g-xxl-3, .gx-xxl-3 {
--bs-gutter-x:1rem
}
.g-xxl-3, .gy-xxl-3 {
--bs-gutter-y:1rem
}
.g-xxl-4, .gx-xxl-4 {
--bs-gutter-x:1.5rem
}
.g-xxl-4, .gy-xxl-4 {
--bs-gutter-y:1.5rem
}
.g-xxl-5, .gx-xxl-5 {
--bs-gutter-x:3rem
}
.g-xxl-5, .gy-xxl-5 {
--bs-gutter-y:3rem
}
}
.d-inline {
    display: inline!important
}
.d-inline-block {
    display: inline-block!important
}
.d-block {
    display: block!important
}
.d-grid {
    display: grid!important
}
.d-table {
    display: table!important
}
.d-table-row {
    display: table-row!important
}
.d-table-cell {
    display: table-cell!important
}
.d-flex {
    display: flex!important
}
.d-inline-flex {
    display: inline-flex!important
}
.d-none {
    display: none!important
}
.flex-fill {
    flex: 1 1 auto!important
}
.flex-row {
    flex-direction: row!important
}
.flex-column {
    flex-direction: column!important
}
.flex-row-reverse {
    flex-direction: row-reverse!important
}
.flex-column-reverse {
    flex-direction: column-reverse!important
}
.flex-grow-0 {
    flex-grow: 0!important
}
.flex-grow-1 {
    flex-grow: 1!important
}
.flex-shrink-0 {
    flex-shrink: 0!important
}
.flex-shrink-1 {
    flex-shrink: 1!important
}
.flex-wrap {
    flex-wrap: wrap!important
}
.flex-nowrap {
    flex-wrap: nowrap!important
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.justify-content-start {
    justify-content: flex-start!important
}
.justify-content-end {
    justify-content: flex-end!important
}
.justify-content-center {
    justify-content: center!important
}
.justify-content-between {
    justify-content: space-between!important
}
.justify-content-around {
    justify-content: space-around!important
}
.justify-content-evenly {
    justify-content: space-evenly!important
}
.align-items-start {
    align-items: flex-start!important
}
.align-items-end {
    align-items: flex-end!important
}
.align-items-center {
    align-items: center!important
}
.align-items-baseline {
    align-items: baseline!important
}
.align-items-stretch {
    align-items: stretch!important
}
.align-content-start {
    align-content: flex-start!important
}
.align-content-end {
    align-content: flex-end!important
}
.align-content-center {
    align-content: center!important
}
.align-content-between {
    align-content: space-between!important
}
.align-content-around {
    align-content: space-around!important
}
.align-content-stretch {
    align-content: stretch!important
}
.align-self-auto {
    align-self: auto!important
}
.align-self-start {
    align-self: flex-start!important
}
.align-self-end {
    align-self: flex-end!important
}
.align-self-center {
    align-self: center!important
}
.align-self-baseline {
    align-self: baseline!important
}
.align-self-stretch {
    align-self: stretch!important
}
.order-first {
    order: -1!important
}
.order-0 {
    order: 0!important
}
.order-1 {
    order: 1!important
}
.order-2 {
    order: 2!important
}
.order-3 {
    order: 3!important
}
.order-4 {
    order: 4!important
}
.order-5 {
    order: 5!important
}
.order-last {
    order: 6!important
}
.m-0 {
    margin: 0!important
}
.m-1 {
    margin: .25rem!important
}
.m-2 {
    margin: .5rem!important
}
.m-3 {
    margin: 1rem!important
}
.m-4 {
    margin: 1.5rem!important
}
.m-5 {
    margin: 3rem!important
}
.m-auto {
    margin: auto!important
}
.mx-0 {
    margin-left: 0!important;
    margin-right: 0!important
}
.mx-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}
.mx-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}
.mx-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}
.mx-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}
.mx-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}
.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important
}
.my-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}
.my-1 {
    margin-bottom: .25rem!important;
    margin-top: .25rem!important
}
.my-2 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important
}
.my-3 {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important
}
.my-4 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important
}
.my-5 {
    margin-bottom: 3rem!important;
    margin-top: 3rem!important
}
.my-auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}
.mt-0 {
    margin-top: 0!important
}
.mt-1 {
    margin-top: .25rem!important
}
.mt-2 {
    margin-top: .5rem!important
}
.mt-3 {
    margin-top: 1rem!important
}
.mt-4 {
    margin-top: 1.5rem!important
}
.mt-5 {
    margin-top: 3rem!important
}
.mt-auto {
    margin-top: auto!important
}
.me-0 {
    margin-right: 0!important
}
.me-1 {
    margin-right: .25rem!important
}
.me-2 {
    margin-right: .5rem!important
}
.me-3 {
    margin-right: 1rem!important
}
.me-4 {
    margin-right: 1.5rem!important
}
.me-5 {
    margin-right: 3rem!important
}
.me-auto {
    margin-right: auto!important
}
.mb-0 {
    margin-bottom: 0!important
}
.mb-1 {
    margin-bottom: .25rem!important
}
.mb-2 {
    margin-bottom: .5rem!important
}
.mb-3 {
    margin-bottom: 1rem!important
}
.mb-4 {
    margin-bottom: 1.5rem!important
}
.mb-5 {
    margin-bottom: 3rem!important
}
.mb-auto {
    margin-bottom: auto!important
}
.ms-0 {
    margin-left: 0!important
}
.ms-1 {
    margin-left: .25rem!important
}
.ms-2 {
    margin-left: .5rem!important
}
.ms-3 {
    margin-left: 1rem!important
}
.ms-4 {
    margin-left: 1.5rem!important
}
.ms-5 {
    margin-left: 3rem!important
}
.ms-auto {
    margin-left: auto!important
}
.p-0 {
    padding: 0!important
}
.p-1 {
    padding: .25rem!important
}
.p-2 {
    padding: .5rem!important
}
.p-3 {
    padding: 1rem!important
}
.p-4 {
    padding: 1.5rem!important
}
.p-5 {
    padding: 3rem!important
}
.px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}
.px-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}
.px-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}
.px-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}
.px-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}
.px-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}
.py-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}
.py-1 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}
.py-2 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}
.py-3 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}
.py-4 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}
.py-5 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}
.pt-0 {
    padding-top: 0!important
}
.pt-1 {
    padding-top: .25rem!important
}
.pt-2 {
    padding-top: .5rem!important
}
.pt-3 {
    padding-top: 1rem!important
}
.pt-4 {
    padding-top: 1.5rem!important
}
.pt-5 {
    padding-top: 3rem!important
}
.pe-0 {
    padding-right: 0!important
}
.pe-1 {
    padding-right: .25rem!important
}
.pe-2 {
    padding-right: .5rem!important
}
.pe-3 {
    padding-right: 1rem!important
}
.pe-4 {
    padding-right: 1.5rem!important
}
.pe-5 {
    padding-right: 3rem!important
}
.pb-0 {
    padding-bottom: 0!important
}
.pb-1 {
    padding-bottom: .25rem!important
}
.pb-2 {
    padding-bottom: .5rem!important
}
.pb-3 {
    padding-bottom: 1rem!important
}
.pb-4 {
    padding-bottom: 1.5rem!important
}
.pb-5 {
    padding-bottom: 3rem!important
}
.ps-0 {
    padding-left: 0!important
}
.ps-1 {
    padding-left: .25rem!important
}
.ps-2 {
    padding-left: .5rem!important
}
.ps-3 {
    padding-left: 1rem!important
}
.ps-4 {
    padding-left: 1.5rem!important
}
.ps-5 {
    padding-left: 3rem!important
}

@media (min-width:576px) {
.d-sm-inline {
    display: inline!important
}
.d-sm-inline-block {
    display: inline-block!important
}
.d-sm-block {
    display: block!important
}
.d-sm-grid {
    display: grid!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: flex!important
}
.d-sm-inline-flex {
    display: inline-flex!important
}
.d-sm-none {
    display: none!important
}
.flex-sm-fill {
    flex: 1 1 auto!important
}
.flex-sm-row {
    flex-direction: row!important
}
.flex-sm-column {
    flex-direction: column!important
}
.flex-sm-row-reverse {
    flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
    flex-direction: column-reverse!important
}
.flex-sm-grow-0 {
    flex-grow: 0!important
}
.flex-sm-grow-1 {
    flex-grow: 1!important
}
.flex-sm-shrink-0 {
    flex-shrink: 0!important
}
.flex-sm-shrink-1 {
    flex-shrink: 1!important
}
.flex-sm-wrap {
    flex-wrap: wrap!important
}
.flex-sm-nowrap {
    flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.justify-content-sm-start {
    justify-content: flex-start!important
}
.justify-content-sm-end {
    justify-content: flex-end!important
}
.justify-content-sm-center {
    justify-content: center!important
}
.justify-content-sm-between {
    justify-content: space-between!important
}
.justify-content-sm-around {
    justify-content: space-around!important
}
.justify-content-sm-evenly {
    justify-content: space-evenly!important
}
.align-items-sm-start {
    align-items: flex-start!important
}
.align-items-sm-end {
    align-items: flex-end!important
}
.align-items-sm-center {
    align-items: center!important
}
.align-items-sm-baseline {
    align-items: baseline!important
}
.align-items-sm-stretch {
    align-items: stretch!important
}
.align-content-sm-start {
    align-content: flex-start!important
}
.align-content-sm-end {
    align-content: flex-end!important
}
.align-content-sm-center {
    align-content: center!important
}
.align-content-sm-between {
    align-content: space-between!important
}
.align-content-sm-around {
    align-content: space-around!important
}
.align-content-sm-stretch {
    align-content: stretch!important
}
.align-self-sm-auto {
    align-self: auto!important
}
.align-self-sm-start {
    align-self: flex-start!important
}
.align-self-sm-end {
    align-self: flex-end!important
}
.align-self-sm-center {
    align-self: center!important
}
.align-self-sm-baseline {
    align-self: baseline!important
}
.align-self-sm-stretch {
    align-self: stretch!important
}
.order-sm-first {
    order: -1!important
}
.order-sm-0 {
    order: 0!important
}
.order-sm-1 {
    order: 1!important
}
.order-sm-2 {
    order: 2!important
}
.order-sm-3 {
    order: 3!important
}
.order-sm-4 {
    order: 4!important
}
.order-sm-5 {
    order: 5!important
}
.order-sm-last {
    order: 6!important
}
.m-sm-0 {
    margin: 0!important
}
.m-sm-1 {
    margin: .25rem!important
}
.m-sm-2 {
    margin: .5rem!important
}
.m-sm-3 {
    margin: 1rem!important
}
.m-sm-4 {
    margin: 1.5rem!important
}
.m-sm-5 {
    margin: 3rem!important
}
.m-sm-auto {
    margin: auto!important
}
.mx-sm-0 {
    margin-left: 0!important;
    margin-right: 0!important
}
.mx-sm-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}
.mx-sm-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}
.mx-sm-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}
.mx-sm-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}
.mx-sm-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}
.mx-sm-auto {
    margin-left: auto!important;
    margin-right: auto!important
}
.my-sm-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}
.my-sm-1 {
    margin-bottom: .25rem!important;
    margin-top: .25rem!important
}
.my-sm-2 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important
}
.my-sm-3 {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important
}
.my-sm-4 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important
}
.my-sm-5 {
    margin-bottom: 3rem!important;
    margin-top: 3rem!important
}
.my-sm-auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}
.mt-sm-0 {
    margin-top: 0!important
}
.mt-sm-1 {
    margin-top: .25rem!important
}
.mt-sm-2 {
    margin-top: .5rem!important
}
.mt-sm-3 {
    margin-top: 1rem!important
}
.mt-sm-4 {
    margin-top: 1.5rem!important
}
.mt-sm-5 {
    margin-top: 3rem!important
}
.mt-sm-auto {
    margin-top: auto!important
}
.me-sm-0 {
    margin-right: 0!important
}
.me-sm-1 {
    margin-right: .25rem!important
}
.me-sm-2 {
    margin-right: .5rem!important
}
.me-sm-3 {
    margin-right: 1rem!important
}
.me-sm-4 {
    margin-right: 1.5rem!important
}
.me-sm-5 {
    margin-right: 3rem!important
}
.me-sm-auto {
    margin-right: auto!important
}
.mb-sm-0 {
    margin-bottom: 0!important
}
.mb-sm-1 {
    margin-bottom: .25rem!important
}
.mb-sm-2 {
    margin-bottom: .5rem!important
}
.mb-sm-3 {
    margin-bottom: 1rem!important
}
.mb-sm-4 {
    margin-bottom: 1.5rem!important
}
.mb-sm-5 {
    margin-bottom: 3rem!important
}
.mb-sm-auto {
    margin-bottom: auto!important
}
.ms-sm-0 {
    margin-left: 0!important
}
.ms-sm-1 {
    margin-left: .25rem!important
}
.ms-sm-2 {
    margin-left: .5rem!important
}
.ms-sm-3 {
    margin-left: 1rem!important
}
.ms-sm-4 {
    margin-left: 1.5rem!important
}
.ms-sm-5 {
    margin-left: 3rem!important
}
.ms-sm-auto {
    margin-left: auto!important
}
.p-sm-0 {
    padding: 0!important
}
.p-sm-1 {
    padding: .25rem!important
}
.p-sm-2 {
    padding: .5rem!important
}
.p-sm-3 {
    padding: 1rem!important
}
.p-sm-4 {
    padding: 1.5rem!important
}
.p-sm-5 {
    padding: 3rem!important
}
.px-sm-0 {
    padding-left: 0!important;
    padding-right: 0!important
}
.px-sm-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}
.px-sm-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}
.px-sm-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}
.px-sm-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}
.px-sm-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}
.py-sm-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}
.py-sm-1 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}
.py-sm-2 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}
.py-sm-3 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}
.py-sm-4 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}
.py-sm-5 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}
.pt-sm-0 {
    padding-top: 0!important
}
.pt-sm-1 {
    padding-top: .25rem!important
}
.pt-sm-2 {
    padding-top: .5rem!important
}
.pt-sm-3 {
    padding-top: 1rem!important
}
.pt-sm-4 {
    padding-top: 1.5rem!important
}
.pt-sm-5 {
    padding-top: 3rem!important
}
.pe-sm-0 {
    padding-right: 0!important
}
.pe-sm-1 {
    padding-right: .25rem!important
}
.pe-sm-2 {
    padding-right: .5rem!important
}
.pe-sm-3 {
    padding-right: 1rem!important
}
.pe-sm-4 {
    padding-right: 1.5rem!important
}
.pe-sm-5 {
    padding-right: 3rem!important
}
.pb-sm-0 {
    padding-bottom: 0!important
}
.pb-sm-1 {
    padding-bottom: .25rem!important
}
.pb-sm-2 {
    padding-bottom: .5rem!important
}
.pb-sm-3 {
    padding-bottom: 1rem!important
}
.pb-sm-4 {
    padding-bottom: 1.5rem!important
}
.pb-sm-5 {
    padding-bottom: 3rem!important
}
.ps-sm-0 {
    padding-left: 0!important
}
.ps-sm-1 {
    padding-left: .25rem!important
}
.ps-sm-2 {
    padding-left: .5rem!important
}
.ps-sm-3 {
    padding-left: 1rem!important
}
.ps-sm-4 {
    padding-left: 1.5rem!important
}
.ps-sm-5 {
    padding-left: 3rem!important
}
}

@media (min-width:768px) {
.d-md-inline {
    display: inline!important
}
.d-md-inline-block {
    display: inline-block!important
}
.d-md-block {
    display: block!important
}
.d-md-grid {
    display: grid!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: flex!important
}
.d-md-inline-flex {
    display: inline-flex!important
}
.d-md-none {
    display: none!important
}
.flex-md-fill {
    flex: 1 1 auto!important
}
.flex-md-row {
    flex-direction: row!important
}
.flex-md-column {
    flex-direction: column!important
}
.flex-md-row-reverse {
    flex-direction: row-reverse!important
}
.flex-md-column-reverse {
    flex-direction: column-reverse!important
}
.flex-md-grow-0 {
    flex-grow: 0!important
}
.flex-md-grow-1 {
    flex-grow: 1!important
}
.flex-md-shrink-0 {
    flex-shrink: 0!important
}
.flex-md-shrink-1 {
    flex-shrink: 1!important
}
.flex-md-wrap {
    flex-wrap: wrap!important
}
.flex-md-nowrap {
    flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.justify-content-md-start {
    justify-content: flex-start!important
}
.justify-content-md-end {
    justify-content: flex-end!important
}
.justify-content-md-center {
    justify-content: center!important
}
.justify-content-md-between {
    justify-content: space-between!important
}
.justify-content-md-around {
    justify-content: space-around!important
}
.justify-content-md-evenly {
    justify-content: space-evenly!important
}
.align-items-md-start {
    align-items: flex-start!important
}
.align-items-md-end {
    align-items: flex-end!important
}
.align-items-md-center {
    align-items: center!important
}
.align-items-md-baseline {
    align-items: baseline!important
}
.align-items-md-stretch {
    align-items: stretch!important
}
.align-content-md-start {
    align-content: flex-start!important
}
.align-content-md-end {
    align-content: flex-end!important
}
.align-content-md-center {
    align-content: center!important
}
.align-content-md-between {
    align-content: space-between!important
}
.align-content-md-around {
    align-content: space-around!important
}
.align-content-md-stretch {
    align-content: stretch!important
}
.align-self-md-auto {
    align-self: auto!important
}
.align-self-md-start {
    align-self: flex-start!important
}
.align-self-md-end {
    align-self: flex-end!important
}
.align-self-md-center {
    align-self: center!important
}
.align-self-md-baseline {
    align-self: baseline!important
}
.align-self-md-stretch {
    align-self: stretch!important
}
.order-md-first {
    order: -1!important
}
.order-md-0 {
    order: 0!important
}
.order-md-1 {
    order: 1!important
}
.order-md-2 {
    order: 2!important
}
.order-md-3 {
    order: 3!important
}
.order-md-4 {
    order: 4!important
}
.order-md-5 {
    order: 5!important
}
.order-md-last {
    order: 6!important
}
.m-md-0 {
    margin: 0!important
}
.m-md-1 {
    margin: .25rem!important
}
.m-md-2 {
    margin: .5rem!important
}
.m-md-3 {
    margin: 1rem!important
}
.m-md-4 {
    margin: 1.5rem!important
}
.m-md-5 {
    margin: 3rem!important
}
.m-md-auto {
    margin: auto!important
}
.mx-md-0 {
    margin-left: 0!important;
    margin-right: 0!important
}
.mx-md-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}
.mx-md-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}
.mx-md-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}
.mx-md-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}
.mx-md-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}
.mx-md-auto {
    margin-left: auto!important;
    margin-right: auto!important
}
.my-md-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}
.my-md-1 {
    margin-bottom: .25rem!important;
    margin-top: .25rem!important
}
.my-md-2 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important
}
.my-md-3 {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important
}
.my-md-4 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important
}
.my-md-5 {
    margin-bottom: 3rem!important;
    margin-top: 3rem!important
}
.my-md-auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}
.mt-md-0 {
    margin-top: 0!important
}
.mt-md-1 {
    margin-top: .25rem!important
}
.mt-md-2 {
    margin-top: .5rem!important
}
.mt-md-3 {
    margin-top: 1rem!important
}
.mt-md-4 {
    margin-top: 1.5rem!important
}
.mt-md-5 {
    margin-top: 3rem!important
}
.mt-md-auto {
    margin-top: auto!important
}
.me-md-0 {
    margin-right: 0!important
}
.me-md-1 {
    margin-right: .25rem!important
}
.me-md-2 {
    margin-right: .5rem!important
}
.me-md-3 {
    margin-right: 1rem!important
}
.me-md-4 {
    margin-right: 1.5rem!important
}
.me-md-5 {
    margin-right: 3rem!important
}
.me-md-auto {
    margin-right: auto!important
}
.mb-md-0 {
    margin-bottom: 0!important
}
.mb-md-1 {
    margin-bottom: .25rem!important
}
.mb-md-2 {
    margin-bottom: .5rem!important
}
.mb-md-3 {
    margin-bottom: 1rem!important
}
.mb-md-4 {
    margin-bottom: 1.5rem!important
}
.mb-md-5 {
    margin-bottom: 3rem!important
}
.mb-md-auto {
    margin-bottom: auto!important
}
.ms-md-0 {
    margin-left: 0!important
}
.ms-md-1 {
    margin-left: .25rem!important
}
.ms-md-2 {
    margin-left: .5rem!important
}
.ms-md-3 {
    margin-left: 1rem!important
}
.ms-md-4 {
    margin-left: 1.5rem!important
}
.ms-md-5 {
    margin-left: 3rem!important
}
.ms-md-auto {
    margin-left: auto!important
}
.p-md-0 {
    padding: 0!important
}
.p-md-1 {
    padding: .25rem!important
}
.p-md-2 {
    padding: .5rem!important
}
.p-md-3 {
    padding: 1rem!important
}
.p-md-4 {
    padding: 1.5rem!important
}
.p-md-5 {
    padding: 3rem!important
}
.px-md-0 {
    padding-left: 0!important;
    padding-right: 0!important
}
.px-md-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}
.px-md-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}
.px-md-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}
.px-md-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}
.px-md-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}
.py-md-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}
.py-md-1 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}
.py-md-2 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}
.py-md-3 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}
.py-md-4 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}
.py-md-5 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}
.pt-md-0 {
    padding-top: 0!important
}
.pt-md-1 {
    padding-top: .25rem!important
}
.pt-md-2 {
    padding-top: .5rem!important
}
.pt-md-3 {
    padding-top: 1rem!important
}
.pt-md-4 {
    padding-top: 1.5rem!important
}
.pt-md-5 {
    padding-top: 3rem!important
}
.pe-md-0 {
    padding-right: 0!important
}
.pe-md-1 {
    padding-right: .25rem!important
}
.pe-md-2 {
    padding-right: .5rem!important
}
.pe-md-3 {
    padding-right: 1rem!important
}
.pe-md-4 {
    padding-right: 1.5rem!important
}
.pe-md-5 {
    padding-right: 3rem!important
}
.pb-md-0 {
    padding-bottom: 0!important
}
.pb-md-1 {
    padding-bottom: .25rem!important
}
.pb-md-2 {
    padding-bottom: .5rem!important
}
.pb-md-3 {
    padding-bottom: 1rem!important
}
.pb-md-4 {
    padding-bottom: 1.5rem!important
}
.pb-md-5 {
    padding-bottom: 3rem!important
}
.ps-md-0 {
    padding-left: 0!important
}
.ps-md-1 {
    padding-left: .25rem!important
}
.ps-md-2 {
    padding-left: .5rem!important
}
.ps-md-3 {
    padding-left: 1rem!important
}
.ps-md-4 {
    padding-left: 1.5rem!important
}
.ps-md-5 {
    padding-left: 3rem!important
}
}

@media (min-width:992px) {
.d-lg-inline {
    display: inline!important
}
.d-lg-inline-block {
    display: inline-block!important
}
.d-lg-block {
    display: block!important
}
.d-lg-grid {
    display: grid!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: flex!important
}
.d-lg-inline-flex {
    display: inline-flex!important
}
.d-lg-none {
    display: none!important
}
.flex-lg-fill {
    flex: 1 1 auto!important
}
.flex-lg-row {
    flex-direction: row!important
}
.flex-lg-column {
    flex-direction: column!important
}
.flex-lg-row-reverse {
    flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
    flex-direction: column-reverse!important
}
.flex-lg-grow-0 {
    flex-grow: 0!important
}
.flex-lg-grow-1 {
    flex-grow: 1!important
}
.flex-lg-shrink-0 {
    flex-shrink: 0!important
}
.flex-lg-shrink-1 {
    flex-shrink: 1!important
}
.flex-lg-wrap {
    flex-wrap: wrap!important
}
.flex-lg-nowrap {
    flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.justify-content-lg-start {
    justify-content: flex-start!important
}
.justify-content-lg-end {
    justify-content: flex-end!important
}
.justify-content-lg-center {
    justify-content: center!important
}
.justify-content-lg-between {
    justify-content: space-between!important
}
.justify-content-lg-around {
    justify-content: space-around!important
}
.justify-content-lg-evenly {
    justify-content: space-evenly!important
}
.align-items-lg-start {
    align-items: flex-start!important
}
.align-items-lg-end {
    align-items: flex-end!important
}
.align-items-lg-center {
    align-items: center!important
}
.align-items-lg-baseline {
    align-items: baseline!important
}
.align-items-lg-stretch {
    align-items: stretch!important
}
.align-content-lg-start {
    align-content: flex-start!important
}
.align-content-lg-end {
    align-content: flex-end!important
}
.align-content-lg-center {
    align-content: center!important
}
.align-content-lg-between {
    align-content: space-between!important
}
.align-content-lg-around {
    align-content: space-around!important
}
.align-content-lg-stretch {
    align-content: stretch!important
}
.align-self-lg-auto {
    align-self: auto!important
}
.align-self-lg-start {
    align-self: flex-start!important
}
.align-self-lg-end {
    align-self: flex-end!important
}
.align-self-lg-center {
    align-self: center!important
}
.align-self-lg-baseline {
    align-self: baseline!important
}
.align-self-lg-stretch {
    align-self: stretch!important
}
.order-lg-first {
    order: -1!important
}
.order-lg-0 {
    order: 0!important
}
.order-lg-1 {
    order: 1!important
}
.order-lg-2 {
    order: 2!important
}
.order-lg-3 {
    order: 3!important
}
.order-lg-4 {
    order: 4!important
}
.order-lg-5 {
    order: 5!important
}
.order-lg-last {
    order: 6!important
}
.m-lg-0 {
    margin: 0!important
}
.m-lg-1 {
    margin: .25rem!important
}
.m-lg-2 {
    margin: .5rem!important
}
.m-lg-3 {
    margin: 1rem!important
}
.m-lg-4 {
    margin: 1.5rem!important
}
.m-lg-5 {
    margin: 3rem!important
}
.m-lg-auto {
    margin: auto!important
}
.mx-lg-0 {
    margin-left: 0!important;
    margin-right: 0!important
}
.mx-lg-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}
.mx-lg-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}
.mx-lg-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}
.mx-lg-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}
.mx-lg-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}
.mx-lg-auto {
    margin-left: auto!important;
    margin-right: auto!important
}
.my-lg-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}
.my-lg-1 {
    margin-bottom: .25rem!important;
    margin-top: .25rem!important
}
.my-lg-2 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important
}
.my-lg-3 {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important
}
.my-lg-4 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important
}
.my-lg-5 {
    margin-bottom: 3rem!important;
    margin-top: 3rem!important
}
.my-lg-auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}
.mt-lg-0 {
    margin-top: 0!important
}
.mt-lg-1 {
    margin-top: .25rem!important
}
.mt-lg-2 {
    margin-top: .5rem!important
}
.mt-lg-3 {
    margin-top: 1rem!important
}
.mt-lg-4 {
    margin-top: 1.5rem!important
}
.mt-lg-5 {
    margin-top: 3rem!important
}
.mt-lg-auto {
    margin-top: auto!important
}
.me-lg-0 {
    margin-right: 0!important
}
.me-lg-1 {
    margin-right: .25rem!important
}
.me-lg-2 {
    margin-right: .5rem!important
}
.me-lg-3 {
    margin-right: 1rem!important
}
.me-lg-4 {
    margin-right: 1.5rem!important
}
.me-lg-5 {
    margin-right: 3rem!important
}
.me-lg-auto {
    margin-right: auto!important
}
.mb-lg-0 {
    margin-bottom: 0!important
}
.mb-lg-1 {
    margin-bottom: .25rem!important
}
.mb-lg-2 {
    margin-bottom: .5rem!important
}
.mb-lg-3 {
    margin-bottom: 1rem!important
}
.mb-lg-4 {
    margin-bottom: 1.5rem!important
}
.mb-lg-5 {
    margin-bottom: 3rem!important
}
.mb-lg-auto {
    margin-bottom: auto!important
}
.ms-lg-0 {
    margin-left: 0!important
}
.ms-lg-1 {
    margin-left: .25rem!important
}
.ms-lg-2 {
    margin-left: .5rem!important
}
.ms-lg-3 {
    margin-left: 1rem!important
}
.ms-lg-4 {
    margin-left: 1.5rem!important
}
.ms-lg-5 {
    margin-left: 3rem!important
}
.ms-lg-auto {
    margin-left: auto!important
}
.p-lg-0 {
    padding: 0!important
}
.p-lg-1 {
    padding: .25rem!important
}
.p-lg-2 {
    padding: .5rem!important
}
.p-lg-3 {
    padding: 1rem!important
}
.p-lg-4 {
    padding: 1.5rem!important
}
.p-lg-5 {
    padding: 3rem!important
}
.px-lg-0 {
    padding-left: 0!important;
    padding-right: 0!important
}
.px-lg-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}
.px-lg-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}
.px-lg-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}
.px-lg-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}
.px-lg-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}
.py-lg-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}
.py-lg-1 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}
.py-lg-2 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}
.py-lg-3 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}
.py-lg-4 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}
.py-lg-5 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}
.pt-lg-0 {
    padding-top: 0!important
}
.pt-lg-1 {
    padding-top: .25rem!important
}
.pt-lg-2 {
    padding-top: .5rem!important
}
.pt-lg-3 {
    padding-top: 1rem!important
}
.pt-lg-4 {
    padding-top: 1.5rem!important
}
.pt-lg-5 {
    padding-top: 3rem!important
}
.pe-lg-0 {
    padding-right: 0!important
}
.pe-lg-1 {
    padding-right: .25rem!important
}
.pe-lg-2 {
    padding-right: .5rem!important
}
.pe-lg-3 {
    padding-right: 1rem!important
}
.pe-lg-4 {
    padding-right: 1.5rem!important
}
.pe-lg-5 {
    padding-right: 3rem!important
}
.pb-lg-0 {
    padding-bottom: 0!important
}
.pb-lg-1 {
    padding-bottom: .25rem!important
}
.pb-lg-2 {
    padding-bottom: .5rem!important
}
.pb-lg-3 {
    padding-bottom: 1rem!important
}
.pb-lg-4 {
    padding-bottom: 1.5rem!important
}
.pb-lg-5 {
    padding-bottom: 3rem!important
}
.ps-lg-0 {
    padding-left: 0!important
}
.ps-lg-1 {
    padding-left: .25rem!important
}
.ps-lg-2 {
    padding-left: .5rem!important
}
.ps-lg-3 {
    padding-left: 1rem!important
}
.ps-lg-4 {
    padding-left: 1.5rem!important
}
.ps-lg-5 {
    padding-left: 3rem!important
}
}

@media (min-width:1200px) {
.d-xl-inline {
    display: inline!important
}
.d-xl-inline-block {
    display: inline-block!important
}
.d-xl-block {
    display: block!important
}
.d-xl-grid {
    display: grid!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: flex!important
}
.d-xl-inline-flex {
    display: inline-flex!important
}
.d-xl-none {
    display: none!important
}
.flex-xl-fill {
    flex: 1 1 auto!important
}
.flex-xl-row {
    flex-direction: row!important
}
.flex-xl-column {
    flex-direction: column!important
}
.flex-xl-row-reverse {
    flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
    flex-direction: column-reverse!important
}
.flex-xl-grow-0 {
    flex-grow: 0!important
}
.flex-xl-grow-1 {
    flex-grow: 1!important
}
.flex-xl-shrink-0 {
    flex-shrink: 0!important
}
.flex-xl-shrink-1 {
    flex-shrink: 1!important
}
.flex-xl-wrap {
    flex-wrap: wrap!important
}
.flex-xl-nowrap {
    flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.justify-content-xl-start {
    justify-content: flex-start!important
}
.justify-content-xl-end {
    justify-content: flex-end!important
}
.justify-content-xl-center {
    justify-content: center!important
}
.justify-content-xl-between {
    justify-content: space-between!important
}
.justify-content-xl-around {
    justify-content: space-around!important
}
.justify-content-xl-evenly {
    justify-content: space-evenly!important
}
.align-items-xl-start {
    align-items: flex-start!important
}
.align-items-xl-end {
    align-items: flex-end!important
}
.align-items-xl-center {
    align-items: center!important
}
.align-items-xl-baseline {
    align-items: baseline!important
}
.align-items-xl-stretch {
    align-items: stretch!important
}
.align-content-xl-start {
    align-content: flex-start!important
}
.align-content-xl-end {
    align-content: flex-end!important
}
.align-content-xl-center {
    align-content: center!important
}
.align-content-xl-between {
    align-content: space-between!important
}
.align-content-xl-around {
    align-content: space-around!important
}
.align-content-xl-stretch {
    align-content: stretch!important
}
.align-self-xl-auto {
    align-self: auto!important
}
.align-self-xl-start {
    align-self: flex-start!important
}
.align-self-xl-end {
    align-self: flex-end!important
}
.align-self-xl-center {
    align-self: center!important
}
.align-self-xl-baseline {
    align-self: baseline!important
}
.align-self-xl-stretch {
    align-self: stretch!important
}
.order-xl-first {
    order: -1!important
}
.order-xl-0 {
    order: 0!important
}
.order-xl-1 {
    order: 1!important
}
.order-xl-2 {
    order: 2!important
}
.order-xl-3 {
    order: 3!important
}
.order-xl-4 {
    order: 4!important
}
.order-xl-5 {
    order: 5!important
}
.order-xl-last {
    order: 6!important
}
.m-xl-0 {
    margin: 0!important
}
.m-xl-1 {
    margin: .25rem!important
}
.m-xl-2 {
    margin: .5rem!important
}
.m-xl-3 {
    margin: 1rem!important
}
.m-xl-4 {
    margin: 1.5rem!important
}
.m-xl-5 {
    margin: 3rem!important
}
.m-xl-auto {
    margin: auto!important
}
.mx-xl-0 {
    margin-left: 0!important;
    margin-right: 0!important
}
.mx-xl-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}
.mx-xl-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}
.mx-xl-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}
.mx-xl-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}
.mx-xl-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}
.mx-xl-auto {
    margin-left: auto!important;
    margin-right: auto!important
}
.my-xl-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}
.my-xl-1 {
    margin-bottom: .25rem!important;
    margin-top: .25rem!important
}
.my-xl-2 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important
}
.my-xl-3 {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important
}
.my-xl-4 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important
}
.my-xl-5 {
    margin-bottom: 3rem!important;
    margin-top: 3rem!important
}
.my-xl-auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}
.mt-xl-0 {
    margin-top: 0!important
}
.mt-xl-1 {
    margin-top: .25rem!important
}
.mt-xl-2 {
    margin-top: .5rem!important
}
.mt-xl-3 {
    margin-top: 1rem!important
}
.mt-xl-4 {
    margin-top: 1.5rem!important
}
.mt-xl-5 {
    margin-top: 3rem!important
}
.mt-xl-auto {
    margin-top: auto!important
}
.me-xl-0 {
    margin-right: 0!important
}
.me-xl-1 {
    margin-right: .25rem!important
}
.me-xl-2 {
    margin-right: .5rem!important
}
.me-xl-3 {
    margin-right: 1rem!important
}
.me-xl-4 {
    margin-right: 1.5rem!important
}
.me-xl-5 {
    margin-right: 3rem!important
}
.me-xl-auto {
    margin-right: auto!important
}
.mb-xl-0 {
    margin-bottom: 0!important
}
.mb-xl-1 {
    margin-bottom: .25rem!important
}
.mb-xl-2 {
    margin-bottom: .5rem!important
}
.mb-xl-3 {
    margin-bottom: 1rem!important
}
.mb-xl-4 {
    margin-bottom: 1.5rem!important
}
.mb-xl-5 {
    margin-bottom: 3rem!important
}
.mb-xl-auto {
    margin-bottom: auto!important
}
.ms-xl-0 {
    margin-left: 0!important
}
.ms-xl-1 {
    margin-left: .25rem!important
}
.ms-xl-2 {
    margin-left: .5rem!important
}
.ms-xl-3 {
    margin-left: 1rem!important
}
.ms-xl-4 {
    margin-left: 1.5rem!important
}
.ms-xl-5 {
    margin-left: 3rem!important
}
.ms-xl-auto {
    margin-left: auto!important
}
.p-xl-0 {
    padding: 0!important
}
.p-xl-1 {
    padding: .25rem!important
}
.p-xl-2 {
    padding: .5rem!important
}
.p-xl-3 {
    padding: 1rem!important
}
.p-xl-4 {
    padding: 1.5rem!important
}
.p-xl-5 {
    padding: 3rem!important
}
.px-xl-0 {
    padding-left: 0!important;
    padding-right: 0!important
}
.px-xl-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}
.px-xl-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}
.px-xl-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}
.px-xl-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}
.px-xl-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}
.py-xl-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}
.py-xl-1 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}
.py-xl-2 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}
.py-xl-3 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}
.py-xl-4 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}
.py-xl-5 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}
.pt-xl-0 {
    padding-top: 0!important
}
.pt-xl-1 {
    padding-top: .25rem!important
}
.pt-xl-2 {
    padding-top: .5rem!important
}
.pt-xl-3 {
    padding-top: 1rem!important
}
.pt-xl-4 {
    padding-top: 1.5rem!important
}
.pt-xl-5 {
    padding-top: 3rem!important
}
.pe-xl-0 {
    padding-right: 0!important
}
.pe-xl-1 {
    padding-right: .25rem!important
}
.pe-xl-2 {
    padding-right: .5rem!important
}
.pe-xl-3 {
    padding-right: 1rem!important
}
.pe-xl-4 {
    padding-right: 1.5rem!important
}
.pe-xl-5 {
    padding-right: 3rem!important
}
.pb-xl-0 {
    padding-bottom: 0!important
}
.pb-xl-1 {
    padding-bottom: .25rem!important
}
.pb-xl-2 {
    padding-bottom: .5rem!important
}
.pb-xl-3 {
    padding-bottom: 1rem!important
}
.pb-xl-4 {
    padding-bottom: 1.5rem!important
}
.pb-xl-5 {
    padding-bottom: 3rem!important
}
.ps-xl-0 {
    padding-left: 0!important
}
.ps-xl-1 {
    padding-left: .25rem!important
}
.ps-xl-2 {
    padding-left: .5rem!important
}
.ps-xl-3 {
    padding-left: 1rem!important
}
.ps-xl-4 {
    padding-left: 1.5rem!important
}
.ps-xl-5 {
    padding-left: 3rem!important
}
}

@media (min-width:1400px) {
.d-xxl-inline {
    display: inline!important
}
.d-xxl-inline-block {
    display: inline-block!important
}
.d-xxl-block {
    display: block!important
}
.d-xxl-grid {
    display: grid!important
}
.d-xxl-table {
    display: table!important
}
.d-xxl-table-row {
    display: table-row!important
}
.d-xxl-table-cell {
    display: table-cell!important
}
.d-xxl-flex {
    display: flex!important
}
.d-xxl-inline-flex {
    display: inline-flex!important
}
.d-xxl-none {
    display: none!important
}
.flex-xxl-fill {
    flex: 1 1 auto!important
}
.flex-xxl-row {
    flex-direction: row!important
}
.flex-xxl-column {
    flex-direction: column!important
}
.flex-xxl-row-reverse {
    flex-direction: row-reverse!important
}
.flex-xxl-column-reverse {
    flex-direction: column-reverse!important
}
.flex-xxl-grow-0 {
    flex-grow: 0!important
}
.flex-xxl-grow-1 {
    flex-grow: 1!important
}
.flex-xxl-shrink-0 {
    flex-shrink: 0!important
}
.flex-xxl-shrink-1 {
    flex-shrink: 1!important
}
.flex-xxl-wrap {
    flex-wrap: wrap!important
}
.flex-xxl-nowrap {
    flex-wrap: nowrap!important
}
.flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse!important
}
.justify-content-xxl-start {
    justify-content: flex-start!important
}
.justify-content-xxl-end {
    justify-content: flex-end!important
}
.justify-content-xxl-center {
    justify-content: center!important
}
.justify-content-xxl-between {
    justify-content: space-between!important
}
.justify-content-xxl-around {
    justify-content: space-around!important
}
.justify-content-xxl-evenly {
    justify-content: space-evenly!important
}
.align-items-xxl-start {
    align-items: flex-start!important
}
.align-items-xxl-end {
    align-items: flex-end!important
}
.align-items-xxl-center {
    align-items: center!important
}
.align-items-xxl-baseline {
    align-items: baseline!important
}
.align-items-xxl-stretch {
    align-items: stretch!important
}
.align-content-xxl-start {
    align-content: flex-start!important
}
.align-content-xxl-end {
    align-content: flex-end!important
}
.align-content-xxl-center {
    align-content: center!important
}
.align-content-xxl-between {
    align-content: space-between!important
}
.align-content-xxl-around {
    align-content: space-around!important
}
.align-content-xxl-stretch {
    align-content: stretch!important
}
.align-self-xxl-auto {
    align-self: auto!important
}
.align-self-xxl-start {
    align-self: flex-start!important
}
.align-self-xxl-end {
    align-self: flex-end!important
}
.align-self-xxl-center {
    align-self: center!important
}
.align-self-xxl-baseline {
    align-self: baseline!important
}
.align-self-xxl-stretch {
    align-self: stretch!important
}
.order-xxl-first {
    order: -1!important
}
.order-xxl-0 {
    order: 0!important
}
.order-xxl-1 {
    order: 1!important
}
.order-xxl-2 {
    order: 2!important
}
.order-xxl-3 {
    order: 3!important
}
.order-xxl-4 {
    order: 4!important
}
.order-xxl-5 {
    order: 5!important
}
.order-xxl-last {
    order: 6!important
}
.m-xxl-0 {
    margin: 0!important
}
.m-xxl-1 {
    margin: .25rem!important
}
.m-xxl-2 {
    margin: .5rem!important
}
.m-xxl-3 {
    margin: 1rem!important
}
.m-xxl-4 {
    margin: 1.5rem!important
}
.m-xxl-5 {
    margin: 3rem!important
}
.m-xxl-auto {
    margin: auto!important
}
.mx-xxl-0 {
    margin-left: 0!important;
    margin-right: 0!important
}
.mx-xxl-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}
.mx-xxl-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}
.mx-xxl-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}
.mx-xxl-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}
.mx-xxl-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}
.mx-xxl-auto {
    margin-left: auto!important;
    margin-right: auto!important
}
.my-xxl-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}
.my-xxl-1 {
    margin-bottom: .25rem!important;
    margin-top: .25rem!important
}
.my-xxl-2 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important
}
.my-xxl-3 {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important
}
.my-xxl-4 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important
}
.my-xxl-5 {
    margin-bottom: 3rem!important;
    margin-top: 3rem!important
}
.my-xxl-auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}
.mt-xxl-0 {
    margin-top: 0!important
}
.mt-xxl-1 {
    margin-top: .25rem!important
}
.mt-xxl-2 {
    margin-top: .5rem!important
}
.mt-xxl-3 {
    margin-top: 1rem!important
}
.mt-xxl-4 {
    margin-top: 1.5rem!important
}
.mt-xxl-5 {
    margin-top: 3rem!important
}
.mt-xxl-auto {
    margin-top: auto!important
}
.me-xxl-0 {
    margin-right: 0!important
}
.me-xxl-1 {
    margin-right: .25rem!important
}
.me-xxl-2 {
    margin-right: .5rem!important
}
.me-xxl-3 {
    margin-right: 1rem!important
}
.me-xxl-4 {
    margin-right: 1.5rem!important
}
.me-xxl-5 {
    margin-right: 3rem!important
}
.me-xxl-auto {
    margin-right: auto!important
}
.mb-xxl-0 {
    margin-bottom: 0!important
}
.mb-xxl-1 {
    margin-bottom: .25rem!important
}
.mb-xxl-2 {
    margin-bottom: .5rem!important
}
.mb-xxl-3 {
    margin-bottom: 1rem!important
}
.mb-xxl-4 {
    margin-bottom: 1.5rem!important
}
.mb-xxl-5 {
    margin-bottom: 3rem!important
}
.mb-xxl-auto {
    margin-bottom: auto!important
}
.ms-xxl-0 {
    margin-left: 0!important
}
.ms-xxl-1 {
    margin-left: .25rem!important
}
.ms-xxl-2 {
    margin-left: .5rem!important
}
.ms-xxl-3 {
    margin-left: 1rem!important
}
.ms-xxl-4 {
    margin-left: 1.5rem!important
}
.ms-xxl-5 {
    margin-left: 3rem!important
}
.ms-xxl-auto {
    margin-left: auto!important
}
.p-xxl-0 {
    padding: 0!important
}
.p-xxl-1 {
    padding: .25rem!important
}
.p-xxl-2 {
    padding: .5rem!important
}
.p-xxl-3 {
    padding: 1rem!important
}
.p-xxl-4 {
    padding: 1.5rem!important
}
.p-xxl-5 {
    padding: 3rem!important
}
.px-xxl-0 {
    padding-left: 0!important;
    padding-right: 0!important
}
.px-xxl-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}
.px-xxl-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}
.px-xxl-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}
.px-xxl-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}
.px-xxl-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}
.py-xxl-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}
.py-xxl-1 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}
.py-xxl-2 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}
.py-xxl-3 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}
.py-xxl-4 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}
.py-xxl-5 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}
.pt-xxl-0 {
    padding-top: 0!important
}
.pt-xxl-1 {
    padding-top: .25rem!important
}
.pt-xxl-2 {
    padding-top: .5rem!important
}
.pt-xxl-3 {
    padding-top: 1rem!important
}
.pt-xxl-4 {
    padding-top: 1.5rem!important
}
.pt-xxl-5 {
    padding-top: 3rem!important
}
.pe-xxl-0 {
    padding-right: 0!important
}
.pe-xxl-1 {
    padding-right: .25rem!important
}
.pe-xxl-2 {
    padding-right: .5rem!important
}
.pe-xxl-3 {
    padding-right: 1rem!important
}
.pe-xxl-4 {
    padding-right: 1.5rem!important
}
.pe-xxl-5 {
    padding-right: 3rem!important
}
.pb-xxl-0 {
    padding-bottom: 0!important
}
.pb-xxl-1 {
    padding-bottom: .25rem!important
}
.pb-xxl-2 {
    padding-bottom: .5rem!important
}
.pb-xxl-3 {
    padding-bottom: 1rem!important
}
.pb-xxl-4 {
    padding-bottom: 1.5rem!important
}
.pb-xxl-5 {
    padding-bottom: 3rem!important
}
.ps-xxl-0 {
    padding-left: 0!important
}
.ps-xxl-1 {
    padding-left: .25rem!important
}
.ps-xxl-2 {
    padding-left: .5rem!important
}
.ps-xxl-3 {
    padding-left: 1rem!important
}
.ps-xxl-4 {
    padding-left: 1.5rem!important
}
.ps-xxl-5 {
    padding-left: 3rem!important
}
}

@media print {
.d-print-inline {
    display: inline!important
}
.d-print-inline-block {
    display: inline-block!important
}
.d-print-block {
    display: block!important
}
.d-print-grid {
    display: grid!important
}
.d-print-table {
    display: table!important
}
.d-print-table-row {
    display: table-row!important
}
.d-print-table-cell {
    display: table-cell!important
}
.d-print-flex {
    display: flex!important
}
.d-print-inline-flex {
    display: inline-flex!important
}
.d-print-none {
    display: none!important
}
}
.bg-gray-700 {
    background-color: #3c3c3d
}
.btn {
    border: none;
    color: #333;
    display: inline-block;
    padding: .2rem 1.5rem;
    transition: all .3s
}

@media (min-width:768px) {
.btn {
    padding: .3rem 1.5rem
}
}

@media (min-width:992px) {
.btn {
    padding: .4rem 2rem
}
}

@media (min-width:1200px) {
.btn {
    padding: .55rem 2rem
}
}

@media (min-width:1400px) {
.btn {
    padding: .725rem 2rem
}
}
.btn:hover {
    background-color: #fff;
    color:#e60012
}
.btn .iconfont {
    font-size: 14px
}
.btn.btn-default {
    background-color: #f7f7f7;
    color: #333
}
.btn.btn-default:hover {
    background-color: #dedede
}
.btn.btn-default-outline {
    border: 1px solid #000;
    color: #000
}
.btn.btn-default-outline:hover {
    background-color: #fff800;
    border-color: #fff800;
    color: #fff
}
.btn.btn-white-outline {
    border: 1px solid #fff
}
.btn.btn-white-outline:hover {
    background-color: #000;
    color: #fff
}
.btn.btn-yellow {
    background-color: #fff800;
    color: #000
}
.btn.btn-yellow:hover {
    background-color: #ccc600
}
.btn.btn-white {
    background-color: #fff;
    color: #333
}
.btn.btn-white:hover {
    background-color: #fff;
    color: #e60012
}
.btn.btn-white-outline {
    border-color: #fff;
    color: #fff
}
.btn.btn-white-outline:hover {
    background-color: #fff;
    color:#e60012
}
.btn.btn-gray {
    background-color: #afafaf;
    color: #fff
}
.btn.btn-gray:hover {
    background-color: #555;
    color: #fff
}
.btn.btn-primary {
    background:#e60012;
    color: #fff
}
.btn.btn-primary:hover {
    background-color: #12c6a4
}
.btn.btn-primary-outline {
    border: 1px solid #e60012;
    color: #e60012
}

@media (min-width:992px) {
.btn.btn-primary-outline {
    border: 2px solid #e60012
}
}
.btn.btn-primary-outline:hover, .btn.btn-send {
    background-color:#e60012;
    color: #fff
}
.btn.btn-send {
    border-radius: 0;
    padding: .8rem 2rem
}
.btn.btn-send:hover {
    background-color: #12c6a4
}
.btn.btn-block {
    display: block;
    width: 100%
}
.btn-radius {
    border-radius: 3px
}
.form-group {
    margin-bottom: 1rem;
    padding-left: 5rem;
    position: relative
}
.form-group .form-label {
    display: block;
    left: 0;
    line-height: 30px;
    margin-bottom: .3rem;
    position: absolute;
    top: 0;
    z-index: 10
}
.form-group .form-control {
    background: #f2f2f2;
    border: none;
    border-radius: 15px;
    height: 30px;
    outline: 0;
    padding-left: .6rem;
    padding-right: .6rem;
    width: 100%
}
@-webkit-keyframes spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(1turn)
}
}
@keyframes spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(1turn)
}
}
@-webkit-keyframes unSpin {
0% {
transform:rotate(0)
}
to {
transform:rotate(-1turn)
}
}
@keyframes unSpin {
0% {
transform:rotate(0)
}
to {
transform:rotate(-1turn)
}
}
@-webkit-keyframes zoomInOut {
0% {
opacity:1;
transform:scale(1)
}
50% {
opacity:.3;
transform:scale(.85)
}
to {
opacity:1;
transform:scale(1)
}
}
@keyframes zoomInOut {
0% {
opacity:1;
transform:scale(1)
}
50% {
opacity:.3;
transform:scale(.85)
}
to {
opacity:1;
transform:scale(1)
}
}
@-webkit-keyframes draw {
to {
stroke-dashoffset:0
}
}
@keyframes draw {
to {
stroke-dashoffset:0
}
}
@-webkit-keyframes red-ball {
0% {
offset-distance:0
}
to {
offset-distance:100%
}
}
@keyframes red-ball {
0% {
offset-distance:0
}
to {
offset-distance:100%
}
}
h1, h2, h3, h4 {
    color: #231f20;
    font-weight: 700
}

@media (min-width:1600px) {
.container {
    max-width: 1400px
}
}
body {
    background-color: #fff;
    color: #96999c;
    color: #231f20;
    font-family: Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, Helvetica, Tahoma, Source Sans, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    margin: 0 auto;
    padding-top: 90px;
    position: relative
}

@media (min-width:768px) {
body {
    font-size: 1rem;
    padding-top: 100px
}
}

@media (min-width:992px) {
body {
    font-size: .875rem
}
}

@media (min-width:1200px) {
body {
    font-size: 1rem
}
}

@media (min-width:1400px) {
body {
    padding-top: 128px
}
}
a {
    color: #333
}
a, a:hover {
    text-decoration: none
}
a:hover {
    color:#e60012
}
.title-section {
    color: #231f20;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    position: relative
}
.title-section h2 {
    text-transform: uppercase
}
.banner {
    position: relative
}
.banner .bg {
    width: 100%
}

@media (min-width:1200px) {
.breadcrumb .container {
    max-width: 1080px
}
}
.breadcrumb ol.map-path {
    list-style: none;
    margin: 0;
    padding: 0
}
.breadcrumb ol.map-path li {
    display: inline-block
}
.breadcrumb ol.map-path li:after {
    content: " / "
}
.breadcrumb ol.map-path li.current {
    color: #333
}
.breadcrumb ol.map-path li.current:after {
    content: ""
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
img {
    max-width: 100%
}
.line-1 {
    border: none;
    border-top: 1px solid #ddd
}
.text100 {
    font-size: 1.875rem
}

@media (min-width:768px) {
.text100 {
    font-size: 3.4375rem
}
}

@media (min-width:992px) {
.text100 {
    font-size: 4.375rem
}
}

@media (min-width:1200px) {
.text100 {
    font-size: 5.3125rem
}
}

@media (min-width:1400px) {
.text100 {
    font-size: 6.25rem
}
}
.text80 {
    font-size: 2.5rem
}

@media (min-width:768px) {
.text80 {
    font-size: 3.125rem
}
}

@media (min-width:992px) {
.text80 {
    font-size: 3.75rem
}
}

@media (min-width:1200px) {
.text80 {
    font-size: 4.375rem
}
}

@media (min-width:1400px) {
.text80 {
    font-size: 5rem
}
}
.text66 {
    font-size: 2.25rem
}

@media (min-width:576px) {
.text66 {
    font-size: 2.625rem
}
}

@media (min-width:768px) {
.text66 {
    font-size: 3rem
}
}

@media (min-width:992px) {
.text66 {
    font-size: 3.375rem
}
}

@media (min-width:1200px) {
.text66 {
    font-size: 3.75rem
}
}

@media (min-width:1400px) {
.text66 {
    font-size: 4.125rem
}
}
.text60 {
    font-size: 1.625rem
}

@media (min-width:768px) {
.text60 {
    font-size: 2.25rem
}
}

@media (min-width:992px) {
.text60 {
    font-size: 3rem
}
}

@media (min-width:1200px) {
.text60 {
    font-size: 3.375rem
}
}

@media (min-width:1400px) {
.text60 {
    font-size: 3.75rem
}
}
.text56 {
    font-size: 1.5rem
}

@media (min-width:768px) {
.text56 {
    font-size: 2rem
}
}

@media (min-width:992px) {
.text56 {
    font-size: 2.5rem
}
}

@media (min-width:1200px) {
.text56 {
    font-size: 3rem
}
}

@media (min-width:1400px) {
.text56 {
    font-size: 3.5rem
}
}
.text50 {
    font-size: 1.375rem
}

@media (min-width:576px) {
.text50 {
    font-size: 1.625rem
}
}

@media (min-width:768px) {
.text50 {
    font-size: 1.875rem
}
}

@media (min-width:992px) {
.text50 {
    font-size: 2.125rem
}
}

@media (min-width:1200px) {
.text50 {
    font-size: 2.375rem
}
}

@media (min-width:1400px) {
.text50 {
    font-size: 2.75rem
}
}

@media (min-width:1600px) {
.text50 {
    font-size: 3.125rem
}
}
.text40 {
    font-size: 1.375rem
}

@media (min-width:768px) {
.text40 {
    font-size: 1.75rem
}
}

@media (min-width:992px) {
.text40 {
    font-size: 2rem
}
}

@media (min-width:1200px) {
.text40 {
    font-size: 2.25rem
}
}

@media (min-width:1400px) {
.text40 {
    font-size: 2.5rem
}
}
.text38 {
    font-size: 1.375rem
}

@media (min-width:768px) {
.text38 {
    font-size: 1.625rem
}
}

@media (min-width:992px) {
.text38 {
    font-size: 1.875rem
}
}

@media (min-width:1200px) {
.text38 {
    font-size: 2.125rem
}
}

@media (min-width:1400px) {
.text38 {
    font-size: 2.375rem
}
}
.text36 {
    font-size: 1.5rem
}

@media (min-width:992px) {
.text36 {
    font-size: 1.75rem
}
}

@media (min-width:1200px) {
.text36 {
    font-size: 2rem
}
}

@media (min-width:1400px) {
.text36 {
    font-size: 2.25rem
}
}
.text34 {
    font-size: 1.5rem
}

@media (min-width:768px) {
.text34 {
    font-size: 1.75rem
}
}

@media (min-width:992px) {
.text34 {
    font-size: 1.875rem
}
}

@media (min-width:1200px) {
.text34 {
    font-size: 2rem
}
}

@media (min-width:1400px) {
.text34 {
    font-size: 2.125rem
}
}
.text32 {
    font-size: 1rem
}

@media (min-width:768px) {
.text32 {
    font-size: 1.25rem
}
}

@media (min-width:992px) {
.text32 {
    font-size: 1.5rem
}
}

@media (min-width:1200px) {
.text32 {
    font-size: 1.75rem
}
}

@media (min-width:1400px) {
.text32 {
    font-size: 2rem
}
}
.text30 {
    font-size: 1.375rem
}

@media (min-width:768px) {
.text30 {
    font-size: 1.5rem
}
}

@media (min-width:992px) {
.text30 {
    font-size: 1.625rem
}
}

@media (min-width:1200px) {
.text30 {
    font-size: 1.75rem
}
}

@media (min-width:1400px) {
.text30 {
    font-size: 1.875rem
}
}
.text28 {
    font-size: 1.25rem
}

@media (min-width:768px) {
.text28 {
    font-size: 1.375rem
}
}

@media (min-width:992px) {
.text28 {
    font-size: 1.5rem
}
}

@media (min-width:1200px) {
.text28 {
    font-size: 1.625rem
}
}

@media (min-width:1400px) {
.text28 {
    font-size: 1.75rem
}
}
.text26 {
    font-size: 1.125rem
}

@media (min-width:768px) {
.text26 {
    font-size: 1.25rem
}
}

@media (min-width:992px) {
.text26 {
    font-size: 1.375rem
}
}

@media (min-width:1200px) {
.text26 {
    font-size: 1.5rem
}
}

@media (min-width:1400px) {
.text26 {
    font-size: 1.625rem
}
}
.text24 {
    font-size: 1.125rem
}

@media (min-width:1200px) {
.text24 {
    font-size: 1.375rem
}
}

@media (min-width:1400px) {
.text24 {
    font-size: 1.5rem
}
}

@media (min-width:992px) {
.text22 {
    font-size: 1.125rem
}
}

@media (min-width:1200px) {
.text22 {
    font-size: 1.25rem
}
}

@media (min-width:1400px) {
.text22 {
    font-size: 1.375rem
}
}
.text20 {
    font-size: .875rem
}

@media (min-width:992px) {
.text20 {
    font-size: 1rem
}
}

@media (min-width:1200px) {
.text20 {
    font-size: 1.125rem
}
}

@media (min-width:1400px) {
.text20 {
    font-size: 1.25rem
}
}
.pt-media-15 {
    padding-top: 3rem
}

@media (min-width:768px) {
.pt-media-15 {
    padding-top: 3rem
}
}

@media (min-width:992px) {
.pt-media-15 {
    padding-top: 9rem
}
}

@media (min-width:1200px) {
.pt-media-15 {
    padding-top: 13rem
}
}

@media (min-width:1400px) {
.pt-media-15 {
    padding-top: 15rem
}
}
.pt-media-9 {
    padding-top: 5rem
}

@media (min-width:768px) {
.pt-media-9 {
    padding-top: 6rem
}
}

@media (min-width:992px) {
.pt-media-9 {
    padding-top: 7rem
}
}

@media (min-width:1200px) {
.pt-media-9 {
    padding-top: 8rem
}
}

@media (min-width:1400px) {
.pt-media-9 {
    padding-top: 9rem
}
}
.pt-media-7 {
    padding-top: 3rem
}

@media (min-width:768px) {
.pt-media-7 {
    padding-top: 4rem
}
}

@media (min-width:992px) {
.pt-media-7 {
    padding-top: 5rem
}
}

@media (min-width:1200px) {
.pt-media-7 {
    padding-top: 6rem
}
}

@media (min-width:1400px) {
.pt-media-7 {
    padding-top: 7rem
}
}
.pt-media-6 {
    padding-top: 2rem
}

@media (min-width:768px) {
.pt-media-6 {
    padding-top: 3rem
}
}

@media (min-width:992px) {
.pt-media-6 {
    padding-top: 4rem
}
}

@media (min-width:1200px) {
.pt-media-6 {
    padding-top: 5rem
}
}

@media (min-width:1400px) {
.pt-media-6 {
    padding-top: 6rem
}
}
.pt-media-5 {
    padding-top: 2rem
}

@media (min-width:992px) {
.pt-media-5 {
    padding-top: 3rem
}
}

@media (min-width:1200px) {
.pt-media-5 {
    padding-top: 4rem
}
}

@media (min-width:1400px) {
.pt-media-5 {
    padding-top: 5rem
}
}
.pt-media-4 {
    padding-top: 2rem
}

@media (min-width:1200px) {
.pt-media-4 {
    padding-top: 3rem
}
}

@media (min-width:1400px) {
.pt-media-4 {
    padding-top: 4rem
}
}
.pt-media-3 {
    padding-top: 1rem
}

@media (min-width:768px) {
.pt-media-3 {
    padding-top: 2rem
}
}

@media (min-width:992px) {
.pt-media-3 {
    padding-top: 3rem
}
}
.pb-media-3 {
    padding-bottom: 1rem
}

@media (min-width:768px) {
.pb-media-3 {
    padding-bottom: 2rem
}
}

@media (min-width:992px) {
.pb-media-3 {
    padding-bottom: 3rem
}
}
.pb-media-4 {
    padding-bottom: 1rem
}

@media (min-width:768px) {
.pb-media-4 {
    padding-bottom: 2rem
}
}

@media (min-width:992px) {
.pb-media-4 {
    padding-bottom: 3rem
}
}

@media (min-width:1200px) {
.pb-media-4 {
    padding-bottom: 4rem
}
}
.pb-media-5 {
    padding-bottom: 2rem
}

@media (min-width:992px) {
.pb-media-5 {
    padding-bottom: 3rem
}
}

@media (min-width:1200px) {
.pb-media-5 {
    padding-bottom: 4rem
}
}

@media (min-width:1400px) {
.pb-media-5 {
    padding-bottom: 5rem
}
}
.pb-media-6 {
    padding-bottom: 2rem
}

@media (min-width:992px) {
.pb-media-6 {
    padding-bottom: 3rem
}
}

@media (min-width:1200px) {
.pb-media-6 {
    padding-bottom: 4rem
}
}

@media (min-width:1400px) {
.pb-media-6 {
    padding-bottom: 5rem
}
}

@media (min-width:1600px) {
.pb-media-6 {
    padding-bottom: 6rem
}
}
.pb-media-7 {
    padding-bottom: 3rem
}

@media (min-width:768px) {
.pb-media-7 {
    padding-bottom: 4rem
}
}

@media (min-width:992px) {
.pb-media-7 {
    padding-bottom: 5rem
}
}

@media (min-width:1200px) {
.pb-media-7 {
    padding-bottom: 6rem
}
}

@media (min-width:1400px) {
.pb-media-7 {
    padding-bottom: 7rem
}
}
.pb-media-8 {
    padding-bottom: 4rem
}

@media (min-width:768px) {
.pb-media-8 {
    padding-bottom: 5rem
}
}

@media (min-width:992px) {
.pb-media-8 {
    padding-bottom: 6rem
}
}

@media (min-width:1200px) {
.pb-media-8 {
    padding-bottom: 7rem
}
}

@media (min-width:1400px) {
.pb-media-8 {
    padding-bottom: 8rem
}
}
.pb-media-9 {
    padding-bottom: 5rem
}

@media (min-width:768px) {
.pb-media-9 {
    padding-bottom: 6rem
}
}

@media (min-width:992px) {
.pb-media-9 {
    padding-bottom: 7rem
}
}

@media (min-width:1200px) {
.pb-media-9 {
    padding-bottom: 8rem
}
}

@media (min-width:1400px) {
.pb-media-9 {
    padding-bottom: 9rem
}
}
.pb-media-11 {
    padding-bottom: 7rem
}

@media (min-width:768px) {
.pb-media-11 {
    padding-bottom: 8rem
}
}

@media (min-width:992px) {
.pb-media-11 {
    padding-bottom: 9rem
}
}

@media (min-width:1200px) {
.pb-media-11 {
    padding-bottom: 10rem
}
}

@media (min-width:1400px) {
.pb-media-11 {
    padding-bottom: 11rem
}
}
.mb-media-2 {
    margin-bottom: 1rem
}

@media (min-width:768px) {
.mb-media-2 {
    margin-bottom: 2rem
}
}
.mb-media-3 {
    margin-bottom: 1rem
}

@media (min-width:768px) {
.mb-media-3 {
    margin-bottom: 2rem
}
}

@media (min-width:1200px) {
.mb-media-3 {
    margin-bottom: 2rem
}
}
.mb-media-4 {
    margin-bottom: 1rem
}

@media (min-width:768px) {
.mb-media-4 {
    margin-bottom: 2rem
}
}

@media (min-width:992px) {
.mb-media-4 {
    margin-bottom: 3rem
}
}

@media (min-width:1200px) {
.mb-media-4 {
    margin-bottom: 3rem
}
}
.mb-media-5 {
    margin-bottom: 2rem
}

@media (min-width:992px) {
.mb-media-5 {
    margin-bottom: 3rem
}
}

@media (min-width:1200px) {
.mb-media-5 {
    margin-bottom: 4rem
}
}

@media (min-width:1400px) {
.mb-media-5 {
    margin-bottom: 5rem
}
}
.mb-media-6 {
    margin-bottom: 2rem
}

@media (min-width:992px) {
.mb-media-6 {
    margin-bottom: 3rem
}
}

@media (min-width:1200px) {
.mb-media-6 {
    margin-bottom: 4rem
}
}

@media (min-width:1400px) {
.mb-media-6 {
    margin-bottom: 5rem
}
}

@media (min-width:1600px) {
.mb-media-6 {
    margin-bottom: 6rem
}
}
.mb-media-7 {
    margin-bottom: 3rem
}

@media (min-width:768px) {
.mb-media-7 {
    margin-bottom: 4rem
}
}

@media (min-width:992px) {
.mb-media-7 {
    margin-bottom: 5rem
}
}

@media (min-width:1200px) {
.mb-media-7 {
    margin-bottom: 6rem
}
}

@media (min-width:1400px) {
.mb-media-7 {
    margin-bottom: 7rem
}
}
.mb-media-8 {
    margin-bottom: 4rem
}

@media (min-width:768px) {
.mb-media-8 {
    margin-bottom: 5rem
}
}

@media (min-width:992px) {
.mb-media-8 {
    margin-bottom: 6rem
}
}

@media (min-width:1200px) {
.mb-media-8 {
    margin-bottom: 7rem
}
}

@media (min-width:1400px) {
.mb-media-8 {
    margin-bottom: 8rem
}
}
.site-header {
    left: 0;
    position: fixed;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 6000
}
.site-header .top_col {
    background-color: #e60012;
    padding-bottom: 7px;
    padding-top: 7px
}

@media (min-width:768px) {
.site-header .top_col {
    padding-bottom: 10px;
    padding-top: 10px
}
}

@media (min-width:992px) {
.site-header .top_col {
    padding-bottom: 1rem;
    padding-top: 1rem
}
}
.site-header .top_col .logo {
    display: block;
    height: 31px;
    transition: all .5s;
}

@media (min-width:768px) {
.site-header .top_col .logo {
    height: 35px;
}
}

@media (min-width:992px) {
.site-header .top_col .logo {
    height: auto;
}
}

@media (min-width:1200px) {
.site-header .top_col .logo {
}
}

@media (min-width:1400px) {
.site-header .top_col .logo {
	
}
}
.site-header .top_col .form-search-min {
    display: none
}

@media (min-width:992px) {
.site-header .top_col .form-search-min {
    display: block
}
}
.site-header .top_col .form-search-min .finder {
    display: none
}
.site-header .top_col .form-search-min form {
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    margin: 0;
    padding-left: 1rem;
    padding-right: .5rem
}
.site-header .top_col .form-search-min form input {
    background-color: transparent;
    border: none;
    height: 40px;
    outline-style: none
}
.site-header .top_col .form-search-min form button {
    background-color: transparent;
    border: none;
    color: #e60012;
    line-height: 1;
    outline-style: none
}
.site-header .top_col .form-search-min form button i.iconfont {
    display: block;
    font-size: 1.5rem
}
.site-header .top_col .form-search-min form button:hover {
    color: #231f20
}
.site-header .navbar {
    background-color: #000;
    position: relative
}
.site-header .navbar .search-link {
    color: #fff
}
.site-header .navbar .search-link:hover {
    color: #e60012
}

@media (min-width:992px) {
.site-header .navbar .search-link {
    display: none
}
}
.site-header .navbar .sub-menus-rich {
    background-color: #f7fafc;
    display: none;
    left: 0;
    position: absolute;
    top: 45px;
    width: 100%;
    z-index: 100
}
.site-header .navbar .sub-menus-rich .cate_name {
    background-color: #eef4f8;
    border-radius: 20px;
    margin-bottom: 1.2rem;
    margin-right: 1rem;
    padding: 1rem 0;
    text-align: center;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}
.site-header .navbar .sub-menus-rich .item {
    font-size: .75rem;
    text-align: center
}
.site-header .navbar .sub-menus-rich .item img {
    margin-bottom: .5rem
}
.site-header .navbar .web_ad {
    padding-left: 3rem
}
.site-header .navbar .web_ad img {
    width: 100%
}
.site-header .mainav {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:992px) {
.site-header .mainav {
    display: block
}
}
.site-header .mainav>li {
    display: inline-block;
    position: relative
}

@media (min-width:992px) {
.site-header .mainav>li {
    margin-right: 2rem
}
}

@media (min-width:1200px) {
.site-header .mainav>li {
    margin-right: 3rem
}
}

@media (min-width:1400px) {
.site-header .mainav>li {
    margin-right: 4rem
}
}

@media (min-width:1600px) {
.site-header .mainav>li {
    margin-right: 5rem
}
}
.site-header .mainav>li>a {
    color: #fff;
    display: block;
    height: 100%;
    height: 45px;
    line-height: 45px;
    position: relative;
    transition: all .3s
}
.site-header .mainav>li.active>a, .site-header .mainav>li.current>a, .site-header .mainav>li>a:hover {
    color: #e60012
}
.site-header .mainav>li.active>a:before, .site-header .mainav>li.current>a:before {
    background-color: #e60012;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 20
}
.site-header .mainav>li .sub-menu {
    display: none;
    left: 0;
    list-style: none;
    margin: 10px 0 0;
    padding: 2rem 0 1rem;
    position: absolute;
    top: 50px;
    transition: all .2s;
    width: 132px;
    z-index: 10
}

@media (min-width:1200px) {
.site-header .mainav>li .sub-menu {
    top: 60px
}
}

@media (min-width:1400px) {
.site-header .mainav>li .sub-menu {
    top: 70px
}
}
.site-header .mainav>li .sub-menu li {
    position: relative
}
.site-header .mainav>li .sub-menu li a {
    display: block;
    font-size: .8125rem;
    line-height: 1.5;
    padding: .5rem 1rem .5rem 1.5rem;
    text-align: left
}
.site-header .mainav>li .sub-menu li a:hover {
    color: #e60012
}
.site-header .mainav>li .sub-menu li.active a {
    display: block;
    position: relative
}
.site-header .mainav>li .sub-menu li.active a:after {
    background-color: #e60012;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 1.2rem;
    position: absolute;
    top: 40%;
    width: 16px;
    z-index: -10
}
.site-header .mainav>li.parent:hover .sub-menu {
    display: block;
    margin-top: -5px
}
.site-header .mod-languages {
    height: 45px;
    position: relative
}
.site-header .mod-languages .visually-hidden {
    display: none
}
.site-header .mod-languages .current-lang {
    background-color: transparent;
    border: none;
    color: #fff;
    line-height: 45px;
    outline: 0;
    padding-right: 1.5rem;
    position: relative
}
.site-header .mod-languages .current-lang:after {
    border: 5px solid transparent;
    border-top-color: #fff;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: 46%;
    transition: all .3s;
    width: 0;
    z-index: 200
}
.site-header .mod-languages:hover .current-lang:after {
    top: 38%;
    transform: rotate(-180deg)
}
.site-header .mod-languages .dropdown-menu {
    background-color: hsla(0,0%,100%,.9);
    border-radius: 6px;
    filter: drop-shadow(0 0 .5rem rgba(0,0,0,.15));
    left: 50%;
    list-style: none;
    margin: 0;
    padding: 1rem 0;
    position: absolute;
    top: 45px;
    transform: translateX(-50%);
    visibility: hidden;
    width: 120px;
    z-index: 2000
}
.site-header .mod-languages .dropdown-menu:after {
    border: 5px solid transparent;
    border-bottom-color: #fff;
    content: " ";
    height: 0;
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    width: 0;
    z-index: 100
}
.site-header .mod-languages .dropdown-menu li {
    margin: 0;
    padding: 0
}
.site-header .mod-languages .dropdown-menu li a {
    color: #96999c;
    display: block;
    padding: .2rem 1rem
}
.site-header .mod-languages .dropdown-menu li a:hover, .site-header .mod-languages .dropdown-menu li.lang-active a, .site-header .mod-languages:hover .iconfont {
    color:#e60012
}
.site-header .mod-languages:hover .dropdown-menu {
    visibility: visible
}

@media (min-width:992px) {
.site-header .mobilemenu {
    display: none
}
}
.site-header .mobilemenu .menu-toggle {
    cursor: pointer;
    width: 28px
}
.site-header .mobilemenu .menu-toggle.on .one {
    transform: rotate(45deg) translate(3px, 5px)
}
.site-header .mobilemenu .menu-toggle.on .two {
    opacity: 0
}
.site-header .mobilemenu .menu-toggle.on .three {
    transform: rotate(-45deg) translate(6px, -8px)
}
.site-header .one, .site-header .three, .site-header .two {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #ccc;
    height: 2px;
    margin: 6px auto;
    transition-duration: .3s;
    width: 100%
}
.site-header .menu-over {
    background-color: #fff;
    box-shadow: 0 10px 15px rgba(0,0,0,.1);
    height: calc(110vh - 90px);
    opacity: 0;
    position: fixed;
    right: -100vw;
    top: 90px;
    transition: all .5s;
    width: 100%;
    z-index: 1000
}

@media (min-width:768px) {
.site-header .menu-over {
    height: calc(110vh - 100px);
    top: 100px
}
}
.site-header .menu-over.showMenu {
    opacity: 1;
    right: 0
}
.site-header .menu-over ul.mobilenav {
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-y: auto;
    padding: 1rem 0 0
}
.site-header .menu-over ul.mobilenav>li {
    border-bottom: 1px solid #eee;
    position: relative;
    transition: all .2s
}
.site-header .menu-over ul.mobilenav>li>a {
    color: #333;
    display: block;
    padding: 1rem;
    position: relative
}
.site-header .menu-over ul.mobilenav>li.active a, .site-header .menu-over ul.mobilenav>li>a:active, .site-header .menu-over ul.mobilenav>li>a:focus, .site-header .menu-over ul.mobilenav>li>a:hover {
    color: #e60012
}
.site-header .menu-over ul.mobilenav>li .sub-menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 0 0 1rem
}
.site-header .menu-over ul.mobilenav>li .sub-menu li {
    border-top: 1px solid hsla(0,0%,93%,.933);
    position: relative
}
.site-header .menu-over ul.mobilenav>li .sub-menu li a {
    color: #666;
    display: block;
    font-size: .875rem;
    padding: 1rem
}
.site-header .menu-over ul.mobilenav .parent {
    position: relative
}
.site-header .menu-over ul.mobilenav .parent>a:after {
    border: 5px solid transparent;
    border-top-color:#e60012;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 1rem;
    top: 1.7rem;
    transition: all .3s;
    width: 0
}
.site-header .menu-over ul.mobilenav .open>a:after {
    top: 1.2rem;
    transform: rotate(180deg)
}
.site-header.fixheader {
    background-color: #fff;
    left: 0;
    position: fixed;
    z-index: 8000
}
.home-body {
    padding-top: 0
}
.home-body .site-header {
    box-shadow: none;
    position: fixed
}
.home-body .site-header .mainav>li>a, .home-body .site-header .mainav>li>a:hover {
    color: #fff
}
.home-body .site-header .mainav>li>a:hover:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 20
}
.home-body .site-header .mainav>li>a.active {
    color: #fff
}
.home-body .site-header .mainav>li.current>a:before {
    background-color: #fff
}
.home-body .site-header .search {
    color: #fff
}
.home-body .site-header.fixheader {
    background-color: #fff;
    box-shadow: 0 0 25px rgba(0,0,0,.15)
}
.home-body .site-header.fixheader .mainav>li>a {
    color: #96999c
}
.home-body .site-header.fixheader .mainav>li>a:hover:before {
    background-color: #e60012
}
.home-body .site-header.fixheader .mainav>li>a.active {
    color: #e60012
}
.home-body .site-header.fixheader .mainav>li.parent>a:before {
    background-color:#e60012
}
.home-body .site-header.fixheader .search {
    color: #96999c
}
.home-body .site-header.fixheader .one, .home-body .site-header.fixheader .three, .home-body .site-header.fixheader .two {
    background-color: #333
}
.homeSwiper {
    margin-bottom: 2rem
}

@media (min-width:1200px) {
.homeSwiper {
    margin-bottom: 2.5rem;
    margin-bottom: 3rem
}
}
.homeSwiper .swiper-slide {
    position: relative
}
.homeSwiper .swiper-slide a {
    display: block
}
.homeSwiper .swiper-slide .bg {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
.homeSwiper .swiper-slide .bg {
    height: 450px
}
}

@media (min-width:992px) {
.homeSwiper .swiper-slide .bg {
    height: auto;
    -o-object-fit: unset;
    object-fit: unset;
    width: 100%
}
}
.homeSwiper .swiper-pagination-bullet {
    background-color: #fff;
    border-radius: 4px;
    height: 8px;
    opacity: 1;
    width: 8px
}

@media (min-width:768px) {
.homeSwiper .swiper-pagination-bullet {
    border-radius: 8px;
    height: 16px;
    width: 16px
}
}
.homeSwiper .swiper-pagination-bullet-active {
    background-color:#e60012;
    width: 20px
}

@media (min-width:768px) {
.homeSwiper .swiper-pagination-bullet-active {
    width: 38px
}
}
.homeSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .homeSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .3rem
}

@media (min-width:768px) {
.homeSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .homeSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .5rem
}
}
.page-home-s1 {
    position: relative
}
.page-home-s1 .categories .item {
    background-color:#e60012;
    border-radius: 12px;
    display: block;
    padding: 1rem;
    text-align: center
}

@media (min-width:768px) {
.page-home-s1 .categories .item {
    padding: 2rem 1rem
}
}

@media (min-width:1400px) {
.page-home-s1 .categories .item {
    border-radius: 16px;
    padding: 3rem 1rem
}
}

@media (min-width:1600px) {
.page-home-s1 .categories .item {
    border-radius: 20px
}
}
.page-home-s1 .categories .item .icon {
    margin: 0 auto .6rem;
    max-width: 50px
}

@media (min-width:768px) {
.page-home-s1 .categories .item .icon {
    margin: 0 auto 1.5rem;
    max-width: 80px
}
}
.page-home-s1 .categories .item h3 {
    color: #fff;
    font-weight: 400;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}
.page-home-s2 .web_ad {
    background-color: rgba(245,249,252,.651);
    border-radius: 12px;
    overflow: hidden
}

@media (min-width:1200px) {
.page-home-s2 .web_ad {
    border-radius: 22px
}
}

@media (min-width:1400px) {
.page-home-s2 .web_ad {
    border-radius: 32px
}
}
.page-home-s3 .bg {
    background-color: rgba(245,249,252,.651);
    border-radius: 12px;
    padding: 1rem
}

@media (min-width:1200px) {
.page-home-s3 .bg {
    border-radius: 22px;
    padding: 2rem
}
}

@media (min-width:1400px) {
.page-home-s3 .bg {
    border-radius: 32px;
    padding: 3rem
}
}
.page-home-s3 .s3-top {
    margin-bottom: 2rem
}

@media (min-width:1200px) {
.page-home-s3 .s3-top {
    margin-bottom: 3rem
}
.page-home-s3 .s3-top .txt {
    padding-right: 3rem
}
}

@media (min-width:1400px) {
.page-home-s3 .s3-top .txt {
    padding-right: 4rem
}
}
.page-home-s3 .s3-top h2 {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(0deg, #4184c6, #17c9a8);
    -webkit-background-clip: text;
    margin-bottom: 1rem
}

@media (min-width:1200px) {
.page-home-s3 .s3-top h2 {
    margin-bottom: 2rem
}
}
.page-home-s3 .s3-top a {
    color:#e60012
}
.page-home-s3 .s3-top a:hover {
    color: #231f20
}
.page-home-s3 .s3-top .web_ad {
    padding: 1rem 3rem
}

@media (min-width:768px) {
.page-home-s3 .s3-top .web_ad {
    padding: 0
}
}
.page-home-s3 .s3-bot {
    text-align: center
}
.page-home-s3 .s3-bot .item {
    display: block
}
.page-home-s3 .s3-bot .item .pic {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0,0,0,.05);
    margin: 0 auto 1rem;
    max-width: 346px;
    overflow: hidden
}

@media (min-width:1200px) {
.page-home-s3 .s3-bot .item .pic {
    border-radius: 22px
}
}

@media (min-width:1400px) {
.page-home-s3 .s3-bot .item .pic {
    border-radius: 32px
}
}
.page-home-s3 .s3-bot .item .pic img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media (min-width:768px) {
.page-home-s3 .s3-bot .item .pic img {
    height: 210px
}
}

@media (min-width:992px) {
.page-home-s3 .s3-bot .item .pic img {
    height: 270px;
    height: 318px
}
}

@media (min-width:1200px) {
.page-home-s3 .s3-bot .item .pic img {
    height: 346px
}
}
.page-home-s3 .s3-bot .item .new {
    color: #e60012;
    margin-bottom: 1rem
}
.page-home-s3 .s3-bot .item:hover h3 {
    color:#e60012
}
.page-home-s4 .web_ad {
    display: block
}
.page-home-s4 .web_ad img {
    width: 100%
}
.banner-about {
    background-color: #e60012;
    margin-bottom: 2rem
}

@media (min-width:1200px) {
.banner-about {
    margin-bottom: 3rem
}
}
.banner-about .bg {
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
.banner-about .bg {
    height: 380px
}
}

@media (min-width:992px) {
.banner-about .bg {
    height: auto
}
}
.banner-about .txt {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 30
}
.banner-about .txt .wrap {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}
.banner-about .txt .wrap .logo {
    margin-bottom: 1rem;
    max-width: 50%;
    width: 100%
}

@media (min-width:768px) {
.banner-about .txt .wrap .logo {
    margin-bottom: 2rem;
    max-width: 370px
}
}
.banner-about .txt .wrap h1 {
    color: #fff;
    font-size: 1.625rem
}

@media (min-width:768px) {
.banner-about .txt .wrap h1 {
    font-size: 2.875rem
}
}

@media (min-width:992px) {
.banner-about .txt .wrap h1 {
    font-size: 3.5rem
}
}

@media (min-width:1200px) {
.banner-about .txt .wrap h1 {
    font-size: 4rem
}
}

@media (min-width:1400px) {
.banner-about .txt .wrap h1 {
    font-size: 4.5rem;color:#222;
}
}
.banner-about .txt .wrap p {
    color: #fff;
    font-size: .875rem
}

@media (min-width:768px) {
.banner-about .txt .wrap p {
    font-size: 1.125rem
}
}

@media (min-width:992px) {
.banner-about .txt .wrap p {
    font-size: 1.25rem
}
}

@media (min-width:1200px) {
.banner-about .txt .wrap p {
    font-size: 1.375rem
}
}

@media (min-width:1400px) {
.banner-about .txt .wrap p {
    font-size: 1.5rem;color:#222
}
}
.page-about-s1 {
    position: relative
}
.page-about-s1 .s1-top {
    padding-top: 2rem;
    width: 100%
}

@media (min-width:992px) {
.page-about-s1 .s1-top {
    left: 15px;
    position: absolute;
    top: 0;
    z-index: 20
}
}

@media (min-width:1400px) {
.page-about-s1 .s1-top {
    padding-top: 2.5rem
}
}
.page-about-s1 img.pic1 {
    margin-bottom: 1rem;
    width: 61.5%
}
.page-about-s1 img.pic2 {
    display: block;
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
.page-about-s1 img.pic2 {
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}
}

@media (min-width:992px) {
.page-about-s1 img.pic2 {
    height: auto;
    margin: 0 0 0 auto;
    width: 54.379%
}
}
.page-about-s1 h3 {
    position: relative
}
.page-about-s1 h3:after {
    background-color: #e60012;
    content: " ";
    display: inline-block;
    height: 1px;
    margin-top: .9rem;
    position: absolute;
    width: 100px;
    z-index: 20
}

@media (min-width:992px) {
.page-about-s1 h3:after {
    height: 2px;
    margin-top: 1.5rem
}
}
.page-about-s1 p {
    text-align: justify
}

@media (min-width:992px) {
.page-about-s1 p {
    padding-right: 2rem;
    width: 45%
}
}

@media (min-width:1200px) {
.page-about-s1 p {
    padding-right: 3rem
}
}

@media (min-width:1400px) {
.page-about-s1 p {
    font-size:16px;
    line-height:28px;
    padding-right: 4rem
}
}

@media (min-width:1600px) {
.page-about-s1 p {
}
}
.page-about-s2 {
    position: relative
}

@media (min-width:992px) {
.page-about-s2 .txt {
    left: 15px;
    position: absolute;
    top: 0;
    width: 60%;
    z-index: 30
}
}

@media (min-width:1400px) {
.page-about-s2 .txt p {
    font-size:16px;
    line-height: 28px;
    padding-right: 4rem
}
}

@media (min-width:1600px) {
.page-about-s2 .txt p {
}
}
.page-about-s2 .txt1 {
    bottom: 0;
    left: 15px;
    position: absolute
}
.page-about-s3 .team-info .item {
    background-color: #e60012;
    border-radius: 12px;
    color: #fff;
    height: 100%;
    padding: 1rem;
    text-align: center
}

@media (min-width:1400px) {
.page-about-s3 .team-info .item {
    padding: 1rem 2rem
}
}

@media (min-width:1600px) {
.page-about-s3 .team-info .item {
    padding: 2rem 2.5rem
}
}
.page-about-s3 .team-info .item .icon .iconfont {
    font-size: 3rem
}

@media (min-width:768px) {
.page-about-s3 .team-info .item .icon .iconfont {
    font-size: 5rem
}
}

@media (min-width:992px) {
.page-about-s3 .team-info .item .icon .iconfont {
    font-size: 4rem
}
}

@media (min-width:1200px) {
.page-about-s3 .team-info .item .icon .iconfont {
    font-size: 5rem
}
}
.page-about-s3 .team-info .item h3 {
    background: url(../img/line.png) no-repeat bottom;
    background-size: auto 3px;
    color: #fff;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

@media (min-width:768px) {
.page-about-s3 .team-info .item h3 {
    background-size: auto auto;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}
}
.page-about-s3 .team-info .item p {
    font-size: .875rem
}

@media (min-width:768px) {
.page-about-s3 .team-info .item p {
    font-size: 1rem
}
}

@media (min-width:992px) {
.page-about-s3 .team-info .item p {
    font-size: .875rem
}
}

@media (min-width:1200px) {
.page-about-s3 .team-info .item p {
    font-size: 1rem
}
}
.page-about-s3 .des {
    position: relative
}
.page-about-s3 .des br {
    display: none
}

@media (min-width:992px) {
.page-about-s3 .des br {
    display: block
}
}

@media (min-width:768px) {
.page-about-s3 .des {
    font-size: 1.125rem
}
}
.page-about-s3 .des:after {
    background-color:#e60012;
    border-radius: 2px;
    bottom: 0;
    content: " ";
    display: block;
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 70px
}

@media (min-width:768px) {
.page-about-s3 .des:after {
    border-radius: 4px;
    height: 8px;
    width: 140px
}
}
h2.underline {
    display: inline-block;
    position: relative
}
h2.underline:after {
    background-color: #e60012;
    bottom: 0;
    content: " ";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:992px) {
h2.underline:after {
    height: 20px
}
}
.page-about-s4 {
    overflow: hidden;
    position: relative
}
.page-about-s4 .pic {
    margin-bottom: 10px
}

@media (min-width:992px) {
.page-about-s4 .pic {
    margin-bottom: 2rem
}
}

@media (min-width:1200px) {
.page-about-s4 .pic {
    margin-bottom: 2.5rem
}
}
.page-about-s4 .pic img {
    width: 100%
}
.page-about-s4 .pic1 {
    background-color: #f8fbfd;
    position: relative
}
.page-about-s4 .pic1:before {
    background-color:#fff;
    height: 30%;
    left: 0;
    transform: translateX(-100%)
}
.page-about-s4 .pic1:after, .page-about-s4 .pic1:before {
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    width: 50vw
}
.page-about-s4 .pic1:after {
    background-color: #f8fbfd;
    height: 100%;
    right: 0;
    transform: translateX(100%)
}
.page-about-s4 .pic1 img {
    width: 100%
}
.page-about-s5 .title-section h2 {
    margin-bottom: 2rem
}
.page-about-s5 .history {
    margin: 0 auto;
    max-width: 1160px
}
.page-about-s5 .history .item {
    background-color: #f2f2f2;
    border-radius: 113px;
    margin-bottom: 2rem
}
.page-about-s5 .history .item:nth-child(odd) {
    background-color: #e60012;color: #fff;
}

@media (min-width:1200px) {
.page-about-s5 .history .item {
    margin-bottom: 3rem
}
}

@media (min-width:1400px) {
.page-about-s5 .history .item {
    height: 225px;
    margin-bottom: 4rem
}
}
.page-about-s5 .history .item .year {
    border: 1px solid #fff;
    border-radius: 50%;
    font-family: Tahoma, Verdana, Geneva, sans-serif;
    font-weight: 900;
    height: 80px;
    line-height: 78px;
    text-align: center;
    width: 80px
}

@media (min-width:768px) {
.page-about-s5 .history .item .year {
    border: 2px solid #fff;
    font-size: 1.25rem;
    height: 120px;
    line-height: 116px;
    width: 120px
}
}

@media (min-width:992px) {
.page-about-s5 .history .item .year {
    border: 2px solid #fff;
    font-size: 2rem;
    height: 150px;
    line-height: 146px;
    width: 150px
}
}

@media (min-width:1200px) {
.page-about-s5 .history .item .year {
    border: 3px solid #fff;
    font-size: 2.5rem;
    height: 180px;
    line-height: 174px;
    width: 180px
}
}

@media (min-width:1400px) {
.page-about-s5 .history .item .year {
    border: 3px solid #fff;
    font-size: 4rem;
    height: 225px;
    line-height: 219px;
    width: 225px
}
}
.page-about-s5 .history .item .event {
    padding-bottom: 1rem;
    padding-right: 2rem;
    padding-top: 1rem;
    text-align: justify
}

@media (min-width:768px) {
.page-about-s5 .history .item .event {
    padding-left: 2rem;
    padding-right: 5rem
}
}

@media (min-width:1200px) {
.page-about-s5 .history .item .event {
    padding-left: 3rem;
    padding-right: 6rem
}
}

@media (min-width:1400px) {
.page-about-s5 .history .item .event {
    padding-left: 3rem;
    padding-right: 8rem
}
}

@media (min-width:1600px) {
.page-about-s5 .history .item .event {
    padding-left: 3rem;
    padding-right: 10rem
}
}
.page-about-s5 .history .item .event p {
    font-size: .875rem;
    margin: 0
}

@media (min-width:768px) {
.page-about-s5 .history .item .event p {
    font-size: 1.125rem
}
}

@media (min-width:992px) {
.page-about-s5 .history .item .event p {
    font-size: 1.375rem
}
}

@media (min-width:1200px) {
.page-about-s5 .history .item .event p {
    font-size: 1.5rem
}
}
.banner-service {
    margin-bottom: 1rem;
    position: relative
}

@media (min-width:1200px) {
.banner-service {
    margin-bottom: 1.5rem
}
}
.banner-service .bg {
    height: 240px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
.banner-service .bg {
    height: 280px
}
}

@media (min-width:992px) {
.banner-service .bg {
    height: auto
}
}
.banner-service .txt {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200
}
.banner-service .txt .container {
    color: #fff;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}
.banner-service .txt .container h1 {
    color: #fff;
    font-size: 1.625rem;
    font-weight: 700
}

@media (min-width:768px) {
.banner-service .txt .container h1 {
    font-size: 2.875rem
}
}

@media (min-width:992px) {
.banner-service .txt .container h1 {
    font-size: 3.5rem
}
}

@media (min-width:1200px) {
.banner-service .txt .container h1 {
    font-size: 4rem
}
}

@media (min-width:1400px) {
.banner-service .txt .container h1 {
    font-size: 4.5rem;color:#222
}
}

@media (min-width:1200px) {
.banner-service .txt .container p {
    font-weight: lighter;color:#222
}
}
.page-service-s1 .com-content-category__articles {
    background-color: #e60012;
    border-radius: 23px;
    display: flex;
    height: 45px;
    margin: 0 auto;
    max-width: 670px;
    padding-right: .6rem
}

@media (min-width:768px) {
.page-service-s1 .com-content-category__articles {
    border-radius: 28px;
    height: 56px
}
}

@media (min-width:1200px) {
.page-service-s1 .com-content-category__articles {
    border-radius: 36px;
    height: 72px;
    max-width: 870px
}
}
.page-service-s1 .com-content-category__articles .filter-search-lbl {
    display: none
}
.page-service-s1 .com-content-category__articles .awesomplete {
    width: 100%
}
.page-service-s1 .com-content-category__articles input {
    background-color: transparent;
    border: none;
    height: 45px;
    outline: 0;
    padding-left: 2rem;
    width: 100%
}

.page-service-s1 .com-content-category__articles input::placeholder{color:#fff}
.page-service-s1 .com-content-category__articles button .iconfont{color:#fff}
@media (min-width:768px) {
.page-service-s1 .com-content-category__articles input {
    height: 56px
}
}

@media (min-width:1200px) {
.page-service-s1 .com-content-category__articles input {
    height: 72px
}
}

@media (min-width:1400px) {
.page-service-s1 .com-content-category__articles input {
    font-size: 1.25rem
}
}

@media (min-width:1600px) {
.page-service-s1 .com-content-category__articles input {
    font-size: 1.5rem
}
}
.page-service-s1 .com-content-category__articles button {
    background-color: transparent;
    border: none;
    width: 72px
}
.page-service-s1 .com-content-category__articles button .iconfont {
    font-size: 1.5rem
}

@media (min-width:768px) {
.page-service-s1 .com-content-category__articles button .iconfont {
    font-size: 2rem
}
}

@media (min-width:1200px) {
.page-service-s1 .com-content-category__articles button .iconfont {
    font-size: 2.5rem
}
}
.page-service-s2 p.des {
    color: #999
}
.page-service-s3 ol {
    list-style-position: inside;
    padding-left: 0
}
.page-service-s3 ol li {
    padding: 1rem
}

@media (min-width:992px) {
.page-service-s3 ol li {
    padding: 1.5rem 3rem
}
}

@media (min-width:1200px) {
.page-service-s3 ol li {
    padding: 2rem 6rem
}
}

@media (min-width:1400px) {
.page-service-s3 ol li {
    padding: 2rem 10rem
}
}
.page-service-s3 ol li:nth-child(odd) {
    background-color: #f7f7f7
}
.page-service-s4 {
    text-align: center
}
.page-service-s4 .container {
    max-width: 1100px
}
.page-service-s4 .item {
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(0,0,0,.05);
    color: #e60012;
    display: block;
    padding: 1rem;
    transition: all .3s
}

@media (min-width:1200px) {
.page-service-s4 .item {
    border-radius: 22px;
    padding: 2rem
}
}

@media (min-width:1400px) {
.page-service-s4 .item {
    border-radius: 32px;
    padding: 3rem
}
}
.page-service-s4 .item .icon {
    margin-bottom: .6rem
}
.page-service-s4 .item .icon img {
    max-width: 80px
}

@media (min-width:768px) {
.page-service-s4 .item .icon img {
    max-width: none
}
}
.page-service-s4 .item h3 {
    color: #e60012;
    font-weight: 400
}
.page-service-s4 .item:hover {
    box-shadow: 0 0 24px rgba(0,0,0,.15)
}
.page-service-after-sale-s1 h2 {
    background-color:#e60012;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 1rem;
    padding: .8rem 1rem
}

@media (min-width:1200px) {
.page-service-after-sale-s1 h2 {
    margin-bottom: 2rem;
    padding: .8rem 2rem
}
}
.page-service-after-sale-s1 .table {
    border: 1px solid #eee;
    margin: 1rem 0 2rem;
    width: 100%
}
.page-service-after-sale-s1 .table thead tr th {
    border: 1px solid #eee;
    padding: .6rem 1rem
}
.page-service-after-sale-s1 .table tbody tr:nth-child(odd) td {
    background-color: #f7f7f7
}
.page-service-after-sale-s1 .table tbody tr td {
    border: 1px solid #eee;
    padding: .6rem 1rem
}

@media (min-width:1200px) {
.page-service-after-sale-s1 {
    max-width: 1080px
}
}
.page-service-after-sale-s1 .card {
    background-color: #f3f3f3;
    border-radius: 12px;
    padding: 1rem 1rem 0
}

@media (min-width:768px) {
.page-service-after-sale-s1 .card {
    padding: 1.5rem 2rem 0
}
}

@media (min-width:992px) {
.page-service-after-sale-s1 .card {
    padding: 1.5rem 3rem 0
}
}

@media (min-width:1200px) {
.page-service-after-sale-s1 .card {
    border-radius: 22px
}
}

@media (min-width:1400px) {
.page-service-after-sale-s1 .card {
    border-radius: 32px
}
}
.page-service-after-sale-s1.s2 .card {
    padding-bottom: 2rem
}

@media (min-width:992px) {
.page-service-after-sale-s1.s2 .card {
    padding-bottom: 3rem
}
}

@media (min-width:1200px) {
.page-service-after-sale-s1.s2 .card {
    padding-bottom: 4rem
}
}

@media (min-width:1400px) {
.page-service-after-sale-s1.s2 .card {
    padding-bottom: 5rem
}
}
.page-service-after-sale-s1.s2 .form-anti input {
    border: none;
    height: 50px;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width:992px) {
.page-service-after-sale-s1.s2 .form-anti input {
    font-size: 1.125rem;
    height: 60px;
    margin-bottom: 2rem
}
}

@media (min-width:1200px) {
.page-service-after-sale-s1.s2 .form-anti input {
    font-size: 1.25rem;
    height: 70px;
    margin-bottom: 3rem
}
}

@media (min-width:1400px) {
.page-service-after-sale-s1.s2 .form-anti input {
    font-size: 1.5rem;
    height: 80px;
    margin-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem
}
}

@media (min-width:1200px) {
.page-service-faq-s1 {
    max-width: 1080px
}
}
.page-service-faq-s1 .news-header {
    border-bottom: 1px dashed #eee
}
.page-service-faq-s1 .news-header h1 {
    margin-bottom: 2rem
}

@media (min-width:1200px) {
.page-service-faq-s1 .news-header h1 {
    margin-bottom: 3rem
}
}
.page-service-faq-s1 .note {
    color:#e60012
}
.page-service-faq-s1 .note .article-info {
    display: flex;
    justify-content: space-between
}
.page-service-faq-s1 .note .article-info .article-info-term {
    display: none
}

@media (min-width:1400px) {
.page-service-faq-s1 .note .article-info {
    font-size: 1.125rem
}
}

@media (min-width:1600px) {
.page-service-faq-s1 .note .article-info {
    font-size: 1.25rem
}
}

@media (min-width:1400px) {
.page-service-faq-s1 .note .article-info i.iconfont {
    font-size: 1.125rem
}
}

@media (min-width:1600px) {
.page-service-faq-s1 .note .article-info i.iconfont {
    font-size: 1.25rem
}
}
.page-service-faq-s1 .article-body {
    border-bottom: 1px solid #eee
}

@media (min-width:1200px) {
.page-service-faq-s1 .article-body {
    font-size: 1rem
}
}

@media (min-width:1400px) {
.page-service-faq-s1 .article-body {
    font-size: 1.25rem
}
}

@media (min-width:1600px) {
.page-service-faq-s1 .article-body {
    font-size: 1.5rem
}
}
.page-service-faq-s1 .article-body figure {
    margin-bottom: 2rem;
    margin-top: 2rem
}
.page-service-faq-s1 .article-body p {
    text-align: justify
}
.banner-contact .bg {
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
.banner-contact .bg {
    height: 300px
}
}

@media (min-width:992px) {
.banner-contact .bg {
    height: auto
}
}
.page-contact-s1 .wrapper {
    background-color: #f8fbfd;
    position: relative;
    z-index: 0
}

@media (min-width:768px) {
.page-contact-s1 .wrapper {
    padding-left: 2rem;
    padding-right: 2rem
}
}

@media (min-width:1200px) {
.page-contact-s1 .wrapper {
    padding-left: 3rem;
    padding-right: 3rem
}
}
.page-contact-s1 .wrapper figure {
    padding: 0 4rem 2rem;
    text-align: center
}

@media (min-width:768px) {
.page-contact-s1 .wrapper figure {
    padding: 0 0 2rem
}
}

@media (min-width:992px) {
.page-contact-s1 .wrapper figure {
    text-align: left
}
}
.page-contact-s1 .wrapper .item {
    border-bottom: 1px solid #eee;
    height: 100%;
    margin-bottom: 2rem
}

@media (min-width:992px) {
.page-contact-s1 .wrapper .item {
    border-bottom: none;
    padding-top: 7rem
}
}

@media (min-width:1400px) {
.page-contact-s1 .wrapper .item {
    padding-top: 4rem
}
}
.page-contact-s1 .wrapper .item h3 {
    margin-bottom: 1rem
}

@media (min-width:1200px) {
.page-contact-s1 .wrapper .item h3 {
    margin-bottom: 2rem
}
}
.page-contact-s1 .wrapper .item h3 i.iconfont {
    background-color:#e60012;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    margin-right: 1rem;
    padding: .3rem .8rem
}
.page-contact-s1 .wrapper .item dl dt {
    margin-bottom: .8rem
}
.page-contact-s1 .wrapper .item1 {
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem
}

@media (min-width:992px) {
.page-contact-s1 .wrapper .item1 {
    border-bottom: none;
    margin-bottom: 0
}
}
.page-contact-s1 .wrapper .item1 .qr {
    margin-bottom: 1rem;
    text-align: center
}

@media (min-width:992px) {
.page-contact-s1 .wrapper .item1 .qr {
    text-align: left
}
}

@media (min-width:1200px) {
.page-contact-s1 .wrapper .item1 .qr {
    margin-bottom: 1.5rem
}
}
.page-contact-s1 .wrapper .item1 h3 {
    color:#e60012;
    margin-bottom: 1.5rem;
    text-align: center
}

@media (min-width:992px) {
.page-contact-s1 .wrapper .item1 h3 {
    padding-left: 1rem;
    text-align: left
}
}

@media (min-width:1200px) {
.page-contact-s1 .wrapper .item1 h3 {
    margin-bottom: 2rem
}
}

@media (min-width:768px) {
.page-contact-s1 .wrapper .item1 dl {
    padding-left: 1rem
}
}
.page-contact-s1 .wrapper .item1 dl dt {
    margin-bottom: .8rem
}
.banner-news {
    margin-bottom: 1rem;
    position: relative
}

@media (min-width:1200px) {
.banner-news {
    margin-bottom: 1.5rem
}
}
.banner-news .bg {
    height: 240px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
.banner-news .bg {
    height: 280px
}
}

@media (min-width:1200px) {
.banner-news .bg {
    height: auto
}
}
.banner-news .txt {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200
}
.banner-news .txt .container {
    color: #fff;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}
.banner-news .txt .container h1 {
    color: #fff;
    font-size: 1.625rem;
    font-weight: 700
}

@media (min-width:768px) {
.banner-news .txt .container h1 {
    font-size: 2.875rem
}
}

@media (min-width:992px) {
.banner-news .txt .container h1 {
    font-size: 3.5rem
}
}

@media (min-width:1200px) {
.banner-news .txt .container h1 {
    font-size: 4rem
}
}

@media (min-width:1400px) {
.banner-news .txt .container h1 {
    font-size: 4.5rem
}
}

@media (min-width:1200px) {
.banner-news .txt .container p {
    font-weight: lighter
}
}
.page-news-s1 .title {
    margin-bottom: 1rem
}

@media (min-width:1200px) {
.page-news-s1 .title {
    margin-bottom: 1.5rem
}
}
.page-news-s1 .news-list {
    margin-bottom: 3rem
}
.page-news-s1 .news-list .item {
    background-color: #fff;
    margin-bottom: 2rem
}

@media (min-width:1200px) {
.page-news-s1 .news-list .item {
    margin-bottom: 3rem
}
}

@media (min-width:1400px) {
.page-news-s1 .news-list .item {
    margin-bottom: 4rem
}
}
.page-news-s1 .news-list .item .pic {
    display: block;
    margin-bottom: 1.5rem;
    overflow: hidden
}

@media (min-width:1200px) {
.page-news-s1 .news-list .item .pic {
    margin-bottom: 2rem
}
}

@media (min-width:1600px) {
.page-news-s1 .news-list .item .pic {
    margin-bottom: 3rem
}
}
.page-news-s1 .news-list .item .pic img {
    transition: all .3s;
    width: 100%
}
.page-news-s1 .news-list .item .txt {
    position: relative
}
.page-news-s1 .news-list .item .txt .category {
    background-color:#e60012;
    color: #fff;
    display: none;
    padding: .1rem .8rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

@media (min-width:768px) {
.page-news-s1 .news-list .item .txt .category {
    display: block
}
}
.page-news-s1 .news-list .item .txt h3 {
    margin-bottom: 1rem
}

@media (min-width:768px) {
.page-news-s1 .news-list .item .txt h3 {
    margin-bottom: 2rem
}
}

@media (min-width:992px) {
.page-news-s1 .news-list .item .txt h3 {
    padding-right: 5rem
}
}
.page-news-s1 .news-list .item .txt p {
    color: #999;
    margin-bottom: 0;
    text-align: justify
}
.page-news-s1 .news-list .item .date {
    color: #999
}
.page-news-s1 .news-list .item:hover .pic img {
    transform: scale(1.1)
}
.page-news-detail .news-header {
    border-bottom: 1px solid #eee;
    margin-bottom: 1rem
}

@media (min-width:768px) {
.page-news-detail .news-header {
    margin-bottom: 2rem;
    padding-bottom: 1rem
}
}
.page-news-detail .news-header h1 {
    color: #333;
    margin-bottom: 1rem
}

@media (min-width:768px) {
.page-news-detail .news-header h1 {
    margin-bottom: 2rem
}
}
.page-news-detail .news-header .note {
    color: #e60012
}
.page-news-detail .news-header .note .article-info {
    display: flex;
    justify-content: space-between
}
.page-news-detail .news-header .note .article-info .article-info-term {
    display: none
}

@media (min-width:1400px) {
.page-news-detail .news-header .note .article-info {
    font-size: 1.125rem
}
}

@media (min-width:1600px) {
.page-news-detail .news-header .note .article-info {
    font-size: 1.25rem
}
}

@media (min-width:1400px) {
.page-news-detail .news-header .note .article-info i.iconfont {
    font-size: 1.125rem
}
}

@media (min-width:1600px) {
.page-news-detail .news-header .note .article-info i.iconfont {
    font-size: 1.25rem
}
}
.page-news-detail .container {
    position: relative
}

@media (min-width:992px) {
.page-news-detail .container {
    max-width: 1080px
}
}
.page-news-detail .container .content {
    color: #8a9095;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

@media (min-width:768px) {
.page-news-detail .container .content {
    margin-bottom: 2rem;
    padding-bottom: 2rem
}
}

@media (min-width:1200px) {
.page-news-detail .container .content {
    margin-bottom: 3rem;
    padding-bottom: 3rem
}
}
.page-news-detail .container .content p {
    text-align: justify
}
.page-news-detail .container .content .pic {
    margin-bottom: 2rem;
    margin-top: 2rem;
    text-align: center
}
.page-news-detail .container .pagenav a {
    border: 1px solid #eee;
    display: inline-block;
    padding: .5rem 1rem;
    text-overflow: ellipsis;
    width: 100%
}
.page-news-detail .container .pagenav a span {
    display: none;
    margin-left: 1rem
}

@media (min-width:992px) {
.page-news-detail .container .pagenav a span {
    display: inline
}
}
.page-news-detail .container .pagenav a:hover {
    color:#e60012
}
.page-news-detail .container .pagenav a.prev .iconfont {
    margin-right: .5rem
}
.page-news-detail .container .pagenav a.next {
    text-align: right
}
.page-news-detail .container .pagenav a.next .iconfont {
    margin-left: .5rem
}
.page-news-detail .container .pagenav a.next span {
    margin-right: 1rem
}
.banner-product .bg {
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

@media (min-width:768px) {
.banner-product .bg {
    height: 270px
}
}

@media (min-width:992px) {
.banner-product .bg {
    height: auto;
    -o-object-fit: unset;
    object-fit: unset
}
}
.page-product-s1 .product-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}
.page-product-s1 .product-nav>li {
    display: inline-block;
    margin-bottom: .5rem;
    position: relative
}

@media (min-width:768px) {
.page-product-s1 .product-nav>li {
    margin: 0 1rem
}
}
.page-product-s1 .product-nav>li>a {
    background-color: #dfe1e3;
    border-radius: 20px;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 .8rem
}

@media (min-width:768px) {
.page-product-s1 .product-nav>li>a {
    border-radius: 23px;
    height: 45px;
    line-height: 45px;
    padding: 0 2rem
}
}

@media (min-width:1200px) {
.page-product-s1 .product-nav>li>a {
    border-radius: 25px;
    font-size: 1.25rem;
    height: 50px;
    line-height: 50px;
    padding: 0 2.5rem
}
}

@media (min-width:1600px) {
.page-product-s1 .product-nav>li>a {
    border-radius: 32px;
    font-size: 1.5rem;
    height: 64px;
    line-height: 64px;
    padding: 0 3rem
}
}
.page-product-s1 .product-nav>li>a:hover {
    background-color:#e60012;
    color: #fff
}
.page-product-s2 .title_1 {
    background-color: #333;
    color: #fff;
    margin-bottom: 2rem;
    padding: 1rem 2rem;
    position: relative;
    z-index: -5
}

@media (min-width:768px) {
.page-product-s2 .title_1 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2rem
}
}

@media (min-width:992px) {
.page-product-s2 .title_1 {
    padding: 6rem 3rem
}
}

@media (min-width:1200px) {
.page-product-s2 .title_1 {
    padding: 3rem;
    padding: 7rem 3rem
}
}

@media (min-width:1400px) {
.page-product-s2 .title_1 {
    padding: 8rem 3rem
}
}
.page-product-s2 .title_1 ul {
    list-style: none;
    margin: 0;
    max-width: 200px;
    padding: 0
}
.page-product-s2 .title_1 ul li {
    background-color:#e60012;
    border-radius: 2rem;
    display: inline-block;
    margin-bottom: .5rem;
    padding: .3rem 1.5rem
}

@media (min-width:768px) {
.page-product-s2 .title_1 ul li {
    margin-bottom: 1rem;
    padding: .5rem 2rem
}
}

@media (min-width:1200px) {
.page-product-s2 .title_1 ul li, .page-product-s2 .title_1 ul li .iconfont {
    font-size: 1.25rem
}
}
.page-product-s2 .title_1 ul li:last-child {
    margin-bottom: 0
}
.page-product-s2 .title_1 .title-section {
    margin: 0;
    padding: 0;
    text-align: right
}
.page-product-s2 .title_1 .title-section h2 {
    color: #fff;
    margin: 0
}
.page-product-s2 .title_1.title_3 ul li {
    background-color: #fff;
    color:#e60012
}
.page-product-s2 .title_1.title_3 .title-section h2 {
    color: #000
}
.page-product-s2 .title_1.title_3 .title-section h2:after {
    background-color: #fff800
}
.page-product-s2 .products {
    margin-bottom: 2rem
}
.page-product-s2 .products .item {
    background-color: #f7f9fb;
    position: relative;
    text-align: center
}
.page-product-s2 .products .item .tip {
    background-color:#e60012;
    border-radius: 0 0 .5rem 0;
    color: #fff;
    height: 2rem;
    left: 0;
    line-height: 2rem;
    position: absolute;
    top: 0;
    width: 2rem;
    z-index: 100
}

@media (min-width:768px) {
.page-product-s2 .products .item .tip {
    border-radius: 0 0 .5rem 0;
    height: 3rem;
    line-height: 3rem;
    width: 3rem
}
.page-product-s2 .products .item .tip .iconfont {
    font-size: 1.75rem
}
}
.page-product-s2 .products .item .pic {
    display: block;
    height: 164px;
    padding: 1.5rem
}

@media (min-width:768px) {
.page-product-s2 .products .item .pic {
    height: 336px;
    padding: 2rem
}
}

@media (min-width:992px) {
.page-product-s2 .products .item .pic {
    height: 296px;
    padding: 2rem
}
}

@media (min-width:1200px) {
.page-product-s2 .products .item .pic {
    height: 356px;
    padding: 3rem
}
}

@media (min-width:1400px) {
.page-product-s2 .products .item .pic {
    height: 442px;
    padding: 3rem
}
}
.page-product-s2 .products .item .pic img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s
}
.page-product-s2 .products .item .pic img:hover {
    margin-top: -5px
}
.page-product-s2 .products .item h3 {
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    padding: 0 1rem 1rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:768px) {
.page-product-s2 .products .item h3 {
    font-size: 1.125rem;
    padding: 0 1rem 2rem
}
}

@media (min-width:1200px) {
.page-product-s2 .products .item h3 {
    font-size: 1.25rem;
    padding: 0 1rem 2rem
}
}

@media (min-width:1400px) {
.page-product-s2 .products .item h3 {
    font-size: 1.375rem;
    padding: 0 1rem 2rem
}
}
.banner-product-list {
    margin-bottom: 1rem
}

@media (min-width:768px) {
.banner-product-list {
    margin-bottom: 2rem
}
}
.banner-product-list .bg {
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
.banner-product-list .bg {
    height: 200px
}
}

@media (min-width:992px) {
.banner-product-list .bg {
    height: auto;
    -o-object-fit: unset;
    object-fit: unset
}
}
.page-product-list-s1 .filter_bar {
    margin: 0 auto;
    max-width: 320px;
    position: relative
}

@media (min-width:992px) {
.page-product-list-s1 .filter_bar {
    display: none
}
}
.page-product-list-s1 .filter_bar .filters {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    border: 1px solid #eee;
    border-radius: 6px;
    height: 40px;
    padding-left: .6rem;
    width: 100%
}
.page-product-list-s1 .filter_bar:after {
    border: 5px solid transparent;
    border-top-color: #333;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    right: 1rem;
    top: 45%;
    width: 0;
    z-index: 50
}
.page-product-list-s1 .product-nav {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

@media (min-width:992px) {
.page-product-list-s1 .product-nav {
    display: block
}
}
.page-product-list-s1 .product-nav>li {
    display: inline-block;
    position: relative
}
.page-product-list-s1 .product-nav>li>a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 .5rem
}

@media (min-width:1200px) {
.page-product-list-s1 .product-nav>li>a {
    font-size: 1.25rem;
    height: 50px;
    line-height: 50px;
    padding: 0 2.5rem
}
}

@media (min-width:1600px) {
.page-product-list-s1 .product-nav>li>a {
    font-size: 1.5rem;
    height: 64px;
    line-height: 64px;
    padding: 0 3rem
}
}
.page-product-list-s1 .product-nav>li .sub-menus {
    background-color: #fff;
    display: none;
    filter: drop-shadow(1.634px 2.516px 9px rgba(19,33,58,.15));
    left: 50%;
    list-style: none;
    margin: 0;
    padding: 1rem 0;
    position: absolute;
    top: 45px;
    transform: translateX(-50%);
    width: 168px;
    z-index: 294
}

@media (min-width:1200px) {
.page-product-list-s1 .product-nav>li .sub-menus {
    top: 50px
}
}

@media (min-width:1600px) {
.page-product-list-s1 .product-nav>li .sub-menus {
    top: 64px
}
}
.page-product-list-s1 .product-nav>li .sub-menus:before {
    border: 5px solid transparent;
    border-bottom-color: #fff;
    content: " ";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    width: 0;
    z-index: 400
}
.page-product-list-s1 .product-nav>li .sub-menus li a {
    display: block;
    padding: .3rem 1rem;
    text-align: left
}
.page-product-list-s1 .product-nav>li .sub-menus li a:hover {
    background-color:#e60012;
    color: #fff
}

@media (min-width:1400px) {
.page-product-list-s1 .product-nav>li .sub-menus li a {
    font-size: 1.125rem
}
}

@media (min-width:1600px) {
.page-product-list-s1 .product-nav>li .sub-menus li a {
    font-size: 1.25rem
}
}
.page-product-list-s1 .product-nav>li .sub-menus li.active a {
    background-color:#e60012;
    color: #fff
}
.page-product-list-s1 .product-nav>li:hover>a {
    color: #e60012
}
.page-product-list-s1 .product-nav>li:hover .sub-menus {
    display: block
}
.page-product-list-s1 .product-nav>li.parent>a {
    padding-right: 1.2rem
}
.page-product-list-s1 .product-nav>li.parent:after {
    border: 5px solid transparent;
    border-top-color: #333;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    right: .3rem;
    top: 48%;
    width: 0
}
.page-product-list-s2 .products {
    margin-bottom: 2rem
}
.page-product-list-s2 .products .item {
    box-shadow: 0 0 15px rgba(0,0,0,.05);
    text-align: center
}
.page-product-list-s2 .products .item .pic {
    display: block;
    height: 164px;
    padding: 1.5rem
}

@media (min-width:768px) {
.page-product-list-s2 .products .item .pic {
    height: 336px;
    padding: 2rem
}
}

@media (min-width:992px) {
.page-product-list-s2 .products .item .pic {
    height: 296px;
    padding: 2rem
}
}

@media (min-width:1200px) {
.page-product-list-s2 .products .item .pic {
    height: 356px;
    padding: 3rem
}
}

@media (min-width:1400px) {
.page-product-list-s2 .products .item .pic {
    height: 442px;
    padding: 3rem
}
}
.page-product-list-s2 .products .item .pic img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}
.page-product-list-s2 .products .item h3 {
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    padding: 0 1rem 1rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:768px) {
.page-product-list-s2 .products .item h3 {
    font-size: 1.125rem;
    padding: 0 1rem 2rem
}
}

@media (min-width:1200px) {
.page-product-list-s2 .products .item h3 {
    font-size: 1.25rem;
    padding: 0 1rem 2rem
}
}

@media (min-width:1400px) {
.page-product-list-s2 .products .item h3 {
    font-size: 1.375rem;
    padding: 0 1rem 2rem
}
}
.page-product-list-s2 .note {
    color: #999
}

@media (min-width:1200px) {
.page-product-detail-s1 {
    padding-top: 2rem
}
}
.page-product-detail-s1 .swiper-button-next, .page-product-detail-s1 .swiper-button-prev {
    color: #e60012
}
.page-product-detail-s1 .thumbSwiper .pic {
    border: 1px solid #eee
}
.page-product-detail-s1 .wrap {
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0,0,0,.05);
    padding: 1rem
}

@media (min-width:768px) {
.page-product-detail-s1 .wrap {
    padding: 2rem
}
}

@media (min-width:1400px) {
.page-product-detail-s1 .wrap {
    padding: 2rem 4rem
}
}
.page-product-detail-s1 .wrap .title {
    background-color:#e60012;color:#fff;
    display: inline-block;
    margin-bottom: 2rem;
    padding: .5rem 1rem
}
.page-product-detail-s1 .wrap .des {
    border-bottom: 1px dashed #eee;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}
.page-product-detail-s1 .wrap .txt {
    color: #999
}
.page-product-detail-s1 .wrap .note {
    border-bottom: 1px dashed #eee;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}
.page-product-detail-s2 .title {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 2rem;
    padding-bottom: 1rem
}
.page-product-detail-s2 .products {
    margin-bottom: 2rem
}
.page-product-detail-s2 .products .item {
    box-shadow: 0 0 15px rgba(0,0,0,.05);
    text-align: center
}
.page-product-detail-s2 .products .item .pic {
    display: block;
    height: 164px;
    padding: 1.5rem
}

@media (min-width:768px) {
.page-product-detail-s2 .products .item .pic {
    height: 336px;
    padding: 2rem
}
}

@media (min-width:992px) {
.page-product-detail-s2 .products .item .pic {
    height: 250px;
    padding: 1rem 2rem
}
}

@media (min-width:1200px) {
.page-product-detail-s2 .products .item .pic {
    height: 300px;
    padding: 2rem
}
}

@media (min-width:1400px) {
.page-product-detail-s2 .products .item .pic {
    height: 400px;
    padding: 2rem
}
}
.page-product-detail-s2 .products .item .pic img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s
}
.page-product-detail-s2 .products .item .pic img:hover {
    margin-top: -3px
}
.page-product-detail-s2 .products .item h3 {
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    padding: 0 1rem 1rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:768px) {
.page-product-detail-s2 .products .item h3 {
    font-size: 1.125rem;
    padding: 0 1rem 2rem
}
}

@media (min-width:1200px) {
.page-product-detail-s2 .products .item h3 {
    font-size: 1.25rem;
    padding: 0 1rem 2rem
}
}

@media (min-width:1400px) {
.page-product-detail-s2 .products .item h3 {
    font-size: 1.375rem;
    padding: 0 1rem 2rem
}
}
.page-search .result__item+.result__item {
    border-color: #eee
}
.page-search .com-finder__search-legend, .page-search .me-2 {
    display: none
}
.page-search .com-finder__results .result__description {
    color: #999
}
.page-search .com-finder__results .result__taxonomy {
    color: #ccc
}
.page-search .com-finder__explained {
    color: #999
}
.page-search .com-finder__explained .term {
    color: #231f20
}
.page-search .js-finder-searchform .form-control {
    border: 1px solid #eee;
    height: 35px;
    padding-left: 5px;
    width: 220px
}

@media (min-width:768px) {
.page-search .js-finder-searchform .form-control {
    height: 38px;
    width: 400px
}
}

@media (min-width:992px) {
.page-search .js-finder-searchform .form-control {
    height: 39px;
    width: 500px
}
}

@media (min-width:1200px) {
.page-search .js-finder-searchform .form-control {
    height: 46px;
    width: 500px
}
}

@media (min-width:1400px) {
.page-search .js-finder-searchform .form-control {
    height: 52px;
    width: 600px
}
}
.pagination {
    list-style: none;
    margin: 0;
    padding: 1rem 0 0
}

@media (min-width:768px) {
.pagination {
    padding-top: 2rem
}
}
.pagination li {
    display: inline-block;
    margin: 0
}
.pagination li a, .pagination li span {
    background-color: #fff;
    border-radius: 50%;
    color: #ccc;
    display: block;
    height: 38px;
    line-height: 1;
    line-height: 38px;
    margin: 0 .1rem;
    text-align: center;
    width: 38px
}
.pagination li.active a, .pagination li.active span, .pagination li:hover a {
    background-color: #e60012;
    color: #fff
}
.pagination li .next, .pagination li .prev {
    border: 1px solid #eee;
    line-height: 36px;
    text-align: center
}
.page-link {
    color: #999
}
.page-link:hover {
    color:#e60012
}
.page-link .iconfont {
    font-size: .875rem
}
.pagenav .news-nav {
    display: block
}
.pagenav .news-nav span {
    display: none
}

@media (min-width:992px) {
.pagenav .news-nav span {
    display: inline-block
}
}
.pagenav .news-nav.next {
    text-align: right
}
.site-footer {
    background-color: #231f20;
    color: #aaa;
    padding-top: 4rem
}
.site-footer h3 {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1rem
}
.site-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.site-footer ul li {
    line-height: 2.2
}
.site-footer ul li .iconfont {
    margin-right: .5rem
}
.site-footer ul li a {
    color: #aaa
}
.site-footer ul li a:hover {
    color: #fff
}
.site-footer .qr {
    text-align: right
}
.site-footer .qr img {
    margin-bottom: .6rem
}
.site-footer .contact {
    margin-bottom: 2rem
}

@media (min-width:992px) {
.site-footer .contact {
    margin-bottom: 0
}
}
.site-footer .nav_bot {
    display: none;
    text-align: center
}

@media (min-width:992px) {
.site-footer .nav_bot {
    display: block;
    padding-left: 2rem;
    padding-right: 2rem
}
}

@media (min-width:1200px) {
.site-footer .nav_bot {
    padding-left: 3rem;
    padding-right: 3rem
}
}

@media (min-width:1400px) {
.site-footer .nav_bot {
    padding-left: 4rem;
    padding-right: 4rem
}
}

@media (min-width:1600px) {
.site-footer .nav_bot {
    padding-left: 4rem;
    padding-right: 5rem
}
}
.site-footer .subscribe {
    background-color: #fff;
    border-radius: 20px;
    height: 40px;
    margin: 0 auto 1rem;
    padding-left: 1rem;
    text-align: center
}
.site-footer .subscribe input {
    background-color: transparent;
    border: none;
    height: 40px;
    outline-style: none;
    width: 70%
}
.site-footer .subscribe button {
    background-color: transparent;
    border: none;
    outline: 0
}
.site-footer .subscribe button:hover {
    color:#e60012
}
.site-footer .com-baforms-wrapper {
    margin-bottom: 1rem
}
.site-footer .ba-form-page {
    overflow: hidden
}
.site-footer .des {
    text-align: center
}

@media (min-width:992px) {
.site-footer .des {
    text-align: right
}
}
.site-footer .copyright {
    color: #9b9b9b;
    text-align: center
}
.site-footer .copyright a {
    color: #9b9b9b
}
.site-footer .copyright a:hover {
    color:#e60012
}
.site-footer .social {
    text-align: center
}

@media (min-width:768px) {
.site-footer .social {
    text-align: right
}
}
.site-footer .social a {
    background: #e60012;
    border-radius: 6px;
    color: #231f20;
    color: #fff;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    margin-left: .5rem;
    margin-right: .5rem;
    text-align: center;
    transition: all .3s;
    width: 37px
}

@media (min-width:768px) {
.site-footer .social a {
    margin-left: 1rem;
    margin-right: 0
}
}
.site-footer .social a i.iconfont {
    font-size: 1.2rem
}
.site-footer .social a:hover {
    background-color: #e60012;
    color: #231f20
}
.site-footer .bg {
    margin-top: -15rem;
    position: relative;
    width: 100%;
    z-index: 0
}
.toTop {
    background-color: rgba(0,0,0,.6);
    border-radius: 5px;
    bottom: 1rem;
    color: #fff;
    display: block;
    display: none;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 1rem;
    text-align: center;
    width: 50px;
    z-index: 2000
}

@media (min-width:768px) {
.toTop {
    bottom: 2rem;
    right: 2rem
}
}
.toTop .iconfont {
    font-size: 2rem
}
.toTop:hover {
    background-color: #000;
    opacity: 1
}

@media print {
:after, :before {
    background: 0 0!important;
    box-shadow: none!important;
    color: #000!important;
    text-shadow: none!important
}
a, a:visited {
    text-decoration: underline
}
a[href]:after {
    content: " (" attr(href) ")"
}
abbr[title]:after {
    content: " (" attr(title) ")"
}
a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""
}
blockquote, pre {
    border: 1px solid #999;
    page-break-inside: avoid
}
thead {
    display: table-header-group
}
img, tr {
    page-break-inside: avoid
}
img {
    max-width: 100%!important
}
h2, h3, p {
    orphans: 3;
    widows: 3
}
h2, h3 {
    page-break-after: avoid
}
}