dl, h1, h2, h3, h4, h5, h6, ol, p, pre, ul { margin-top: 0 }
.btn, .btn-group, .btn-group-vertical, img, svg { vertical-align: middle }
.dropdown-menu, body, caption { text-align: left }
dd, h1, h2, h3, h4, h5, h6, label { margin-bottom: .5rem }
.btn:not(:disabled):not(.disabled), [role=button], [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled), summary { cursor: pointer }
pre, textarea { overflow: auto }
article, aside, figcaption, figure, footer, header, hgroup, legend, main, nav, section { display: block }
.col, .row-cols-1>*, legend { max-width: 100% }
.badge, progress, sub, sup { vertical-align: baseline }
.btn, label, output { display: inline-block }
button, hr, input { overflow: visible }
.dropdown-menu, .form-control, .modal-content { background-clip: padding-box }
*, ::after, ::before { box-sizing: border-box }
html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff }
[tabindex="-1"]:focus:not(:focus-visible) { outline: 0!important }
dl, ol, p, ul { margin-bottom: 1rem }
abbr[data-original-title], abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 }
dt { font-weight: 700 }
dd { margin-left: 0 }
blockquote, figure { margin: 0 0 1rem }
b, strong { font-weight: bolder }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0 }
sub { bottom: -.25em }
sup { top: -.5em }
a { color: #007bff; text-decoration: none; background-color: transparent }
a:hover { text-decoration: underline }
.btn-link, .btn:hover, a:not([href]), a:not([href]):hover { text-decoration: none }
code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em }
pre { margin-bottom: 1rem; -ms-overflow-style: scrollbar }
img { border-style: none; max-width:100%; }
svg { overflow: hidden }
table { border-collapse: collapse }
caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; caption-side: bottom }
th { text-align: inherit }
button { border-radius: 0 }
button:focus { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px }
button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit }
button, select { text-transform: none }
select { word-wrap: normal }
[type=button], [type=reset], [type=submit], button { -webkit-appearance: button }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding:0;
border-style:none
}
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
textarea { resize: vertical }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0 }
legend { width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] { outline-offset: -2px; -webkit-appearance: none }
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
font:inherit;
-webkit-appearance:button
}
summary { display: list-item }
template { display: none }
[hidden] { display: none!important }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 }
.btn, .btn-link, .dropdown-item, .form-control, .input-group-text { font-weight: 400 }
.h1, h1 { font-size: 2.5rem }
.h2, h2 { font-size: 2rem }
.h3, h3 { font-size: 1.75rem }
.close, .h4, h4 { font-size: 1.5rem }
.h5, h5 { font-size: 1.25rem }
.h6, h6 { font-size: 1rem }
hr { box-sizing: content-box; height: 0; margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1) }
.collapsing, .dropdown-divider, .modal-open { overflow: hidden }
.mark, mark { padding: .2em; background-color: #fcf8e3 }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }

@media (min-width:414px) {
.container { max-width: 100% }
}

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

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

@media (min-width:1366px) {
.container { max-width: 1200px }
}
.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px }
.no-gutters { margin-right: 0; margin-left: 0 }
.no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px }
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0 }
.row-cols-1>* { -ms-flex: 0 0 100%; flex: 0 0 100% }
.row-cols-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.row-cols-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.row-cols-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.row-cols-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% }
.row-cols-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.order-first { -ms-flex-order: -1; order: -1 }
.order-last { -ms-flex-order: 13; order: 13 }
.order-0 { -ms-flex-order: 0; order: 0 }
.order-1 { -ms-flex-order: 1; order: 1 }
.order-2 { -ms-flex-order: 2; order: 2 }
.order-3 { -ms-flex-order: 3; order: 3 }
.order-4 { -ms-flex-order: 4; order: 4 }
.order-5 { -ms-flex-order: 5; order: 5 }
.order-6 { -ms-flex-order: 6; order: 6 }
.order-7 { -ms-flex-order: 7; order: 7 }
.order-8 { -ms-flex-order: 8; order: 8 }
.order-9 { -ms-flex-order: 9; order: 9 }
.order-10 { -ms-flex-order: 10; order: 10 }
.order-11 { -ms-flex-order: 11; order: 11 }
.order-12 { -ms-flex-order: 12; order: 12 }
.offset-1 { margin-left: 8.333333% }
.offset-2 { margin-left: 16.666667% }
.offset-3 { margin-left: 25% }
.offset-4 { margin-left: 33.333333% }
.offset-5 { margin-left: 41.666667% }
.offset-6 { margin-left: 50% }
.offset-7 { margin-left: 58.333333% }
.offset-8 { margin-left: 66.666667% }
.offset-9 { margin-left: 75% }
.offset-10 { margin-left: 83.333333% }
.offset-11 { margin-left: 91.666667% }

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

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

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

@media (min-width:1366px) {
.col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100% }
.row-cols-xl-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.row-cols-xl-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.row-cols-xl-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.row-cols-xl-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.row-cols-xl-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% }
.row-cols-xl-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
.col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.order-xl-first { -ms-flex-order: -1; order: -1 }
.order-xl-last { -ms-flex-order: 13; order: 13 }
.order-xl-0 { -ms-flex-order: 0; order: 0 }
.order-xl-1 { -ms-flex-order: 1; order: 1 }
.order-xl-2 { -ms-flex-order: 2; order: 2 }
.order-xl-3 { -ms-flex-order: 3; order: 3 }
.order-xl-4 { -ms-flex-order: 4; order: 4 }
.order-xl-5 { -ms-flex-order: 5; order: 5 }
.order-xl-6 { -ms-flex-order: 6; order: 6 }
.order-xl-7 { -ms-flex-order: 7; order: 7 }
.order-xl-8 { -ms-flex-order: 8; order: 8 }
.order-xl-9 { -ms-flex-order: 9; order: 9 }
.order-xl-10 { -ms-flex-order: 10; order: 10 }
.order-xl-11 { -ms-flex-order: 11; order: 11 }
.order-xl-12 { -ms-flex-order: 12; order: 12 }
.offset-xl-0 { margin-left: 0 }
.offset-xl-1 { margin-left: 8.333333% }
.offset-xl-2 { margin-left: 16.666667% }
.offset-xl-3 { margin-left: 25% }
.offset-xl-4 { margin-left: 33.333333% }
.offset-xl-5 { margin-left: 41.666667% }
.offset-xl-6 { margin-left: 50% }
.offset-xl-7 { margin-left: 58.333333% }
.offset-xl-8 { margin-left: 66.666667% }
.offset-xl-9 { margin-left: 75% }
.offset-xl-10 { margin-left: 83.333333% }
.offset-xl-11 { margin-left: 91.666667% }
}
.form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {
.form-control { transition: none }
}
.form-control::-ms-expand {
background-color:transparent;
border:0
}
.form-control:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #495057
}
.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) }
.form-control::-webkit-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::-moz-placeholder {
color:#6c757d;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::-ms-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::placeholder {
color:#6c757d;
opacity:1
}
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 }
input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none }
select.form-control:focus::-ms-value {
color:#495057;
background-color:#fff
}
.form-control-file, .form-control-range { display: block; width: 100% }
.col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 }
.col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 }
.col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 }
.form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 }
.alert, .form-group { margin-bottom: 1rem }
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 }
.form-control-sm { height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }
.btn-group-lg>.btn, .btn-lg, .form-control-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5 }
.form-control-lg { height: calc(1.5em + 1rem + 2px); border-radius: .3rem }
select.form-control[multiple], select.form-control[size], textarea.form-control { height: auto }
.form-text { display: block; margin-top: .25rem }
.form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px }
.form-row>.col, .form-row>[class*=col-] { padding-right: 5px; padding-left: 5px }
.form-check { position: relative; display: block; padding-left: 1.25rem }
.form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem }
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { color: #6c757d }
.form-check-label { margin-bottom: 0 }
.form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem }
.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 }
.valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #28a745 }
.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(40,167,69,.9); border-radius: .25rem }
.form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip {
display:block
}
.custom-control-input.is-valid~.custom-control-label, .form-check-input.is-valid~.form-check-label, .was-validated .custom-control-input:valid~.custom-control-label, .was-validated .form-check-input:valid~.form-check-label {
color:#28a745
}
.form-control.is-valid, .was-validated .form-control:valid {
border-color:#28a745;
padding-right:calc(1.5em + .75rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat:no-repeat;
background-position:right calc(.375em + .1875rem) center;
background-size:calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
border-color:#28a745;
box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right:calc(1.5em + .75rem);
background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid, .was-validated .custom-select:valid {
border-color:#28a745;
padding-right:calc(.75em + 2.3125rem);
background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff
}
.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
border-color:#28a745;
box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {
border-color:#28a745
}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
border-color:#34ce57;
background-color:#34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before, .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-file-input:valid~.custom-file-label {
border-color:#28a745
}
.custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color:#28a745;
box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 }
.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem }
.form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip {
display:block
}
.custom-control-input.is-invalid~.custom-control-label, .form-check-input.is-invalid~.form-check-label, .was-validated .custom-control-input:invalid~.custom-control-label, .was-validated .form-check-input:invalid~.form-check-label {
color:#dc3545
}
.form-control.is-invalid, .was-validated .form-control:invalid {
border-color:#dc3545;
padding-right:calc(1.5em + .75rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat:no-repeat;
background-position:right calc(.375em + .1875rem) center;
background-size:calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
border-color:#dc3545;
box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right:calc(1.5em + .75rem);
background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid, .was-validated .custom-select:invalid {
border-color:#dc3545;
padding-right:calc(.75em + 2.3125rem);
background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff
}
.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
border-color:#dc3545;
box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before {
border-color:#dc3545
}
.custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
border-color:#e4606d;
background-color:#e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before, .custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-file-input:invalid~.custom-file-label {
border-color:#dc3545
}
.custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color:#dc3545;
box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center }
.form-inline .form-check { width: 100% }

@media (min-width:414px) {
.form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 }
.form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0 }
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle }
.form-inline .form-control-plaintext { display: inline-block }
.form-inline .custom-select, .form-inline .input-group { width: auto }
.form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 }
.form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 }
.form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center }
.form-inline .custom-control-label { margin-bottom: 0 }
}
.btn { color: #212529; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 0 solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out }
.dropdown-toggle::after, .dropup .dropdown-toggle::after { vertical-align: .255em; content: "" }

@media (prefers-reduced-motion:reduce) {
.btn { transition: none }
}
.btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) }
.btn.disabled, .btn:disabled { opacity: .65 }
a.btn.disabled, fieldset:disabled a.btn { pointer-events: none }
.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff }
.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d }
.btn-success { color: #fff; background-color: #28a745; border-color: #28a745 }
.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8 }
.btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107 }
.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 }
.btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa }
.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40 }
.btn-outline-primary { color: #007bff; border-color: #007bff }
.btn-outline-secondary { color: #6c757d; border-color: #6c757d }
.btn-outline-success { color: #28a745; border-color: #28a745 }
.btn-outline-info { color: #17a2b8; border-color: #17a2b8 }
.btn-outline-warning { color: #ffc107; border-color: #ffc107 }
.btn-outline-danger { color: #dc3545; border-color: #dc3545 }
.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa }
.btn-outline-dark { color: #343a40; border-color: #343a40 }
.btn-link { color: #007bff }
.btn-link.focus, .btn-link:focus { text-decoration: underline }
.btn-link.disabled, .btn-link:disabled { color: #6c757d; pointer-events: none }
.btn-group-lg>.btn, .btn-lg { border-radius: .3rem }
.btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }
.btn-block { display: block; width: 100% }
.btn-block+.btn-block { margin-top: .5rem }
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% }
.fade { transition: opacity .15s linear }

@media (prefers-reduced-motion:reduce) {
.fade { transition: none }
}
.fade:not(.show) { opacity: 0 }
.collapse:not(.show) { display: none }
.collapsing { position: relative; height: 0; transition: height .35s ease }

@media (prefers-reduced-motion:reduce) {
.collapsing { transition: none }
}
.dropdown, .dropleft, .dropright, .dropup { position: relative }
.dropdown-toggle { white-space: nowrap }
.dropdown-toggle::after { display: inline-block; margin-left: .255em; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent }
.dropdown-toggle:empty::after { margin-left: 0 }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; list-style: none; background-color: #fff; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem }
.dropdown-menu-left { right: auto; left: 0 }
.dropdown-menu-right { right: 0; left: auto }

@media (min-width:414px) {
.dropdown-menu-sm-left { right: auto; left: 0 }
.dropdown-menu-sm-right { right: 0; left: auto }
}

@media (min-width:769px) {
.dropdown-menu-md-left { right: auto; left: 0 }
.dropdown-menu-md-right { right: 0; left: auto }
}

@media (min-width:1024px) {
.dropdown-menu-lg-left { right: auto; left: 0 }
.dropdown-menu-lg-right { right: 0; left: auto }
}

@media (min-width:1366px) {
.dropdown-menu-xl-left { right: auto; left: 0 }
.dropdown-menu-xl-right { right: 0; left: auto }
}
.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem }
.dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent }
.dropup .dropdown-toggle:empty::after { margin-left: 0 }
.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem }
.dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; vertical-align: 0 }
.dropright .dropdown-toggle:empty::after { margin-left: 0 }
.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem }
.dropleft .dropdown-toggle::after { margin-left: .255em; vertical-align: .255em; content: ""; display: none }
.dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent; vertical-align: 0 }
.dropleft .dropdown-toggle:empty::after { margin-left: 0 }
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto }
.dropdown-divider { height: 0; margin: .5rem 0; border-top: 1px solid #e9ecef }
.dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 }
.badge, .input-group-text { text-align: center; white-space: nowrap }
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child), .input-group>.custom-file:not(:first-child) .custom-file-label, .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa }
.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff }
.dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent }
.dropdown-menu.show { display: block }
.dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap }
.dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 }
.btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex }
.btn-group-vertical>.btn, .btn-group>.btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto }
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1 }
.btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start }
.btn-toolbar .input-group { width: auto }
.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .input-group, .modal { width: 100% }
.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { margin-left: -1px }
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem }
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 }
.input-group-append, .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text, .input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control, .input-group>.form-control-plaintext+.custom-file, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.form-control { margin-left: -1px }
.dropleft .dropdown-toggle-split::before { margin-right: 0 }
.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem }
.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem }
.btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center }
.btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { margin-top: -1px }
.btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 }
.btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn { margin-bottom: 0 }
.btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none }
.input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch }
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0 }
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus { z-index: 3 }
.input-group>.custom-file .custom-file-input:focus { z-index: 4 }
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.input-group>.custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.input-group-append, .input-group-prepend { display: -ms-flexbox; display: flex }
.input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 }
.input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3 }
.input-group-prepend { margin-right: -1px }
.input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem }
.input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 }
.input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea) { height: calc(1.5em + 1rem + 2px) }
.input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem }
.input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea) { height: calc(1.5em + .5rem + 2px) }
.input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }
.badge, .close { font-weight: 700; line-height: 1 }
.input-group-lg>.custom-select, .input-group-sm>.custom-select { padding-right: 1.75rem }
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none }
.badge { display: inline-block; padding: .25em .4em; font-size: 75%; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out }
.badge:empty, .modal { display: none }

@media (prefers-reduced-motion:reduce) {
.badge { transition: none }
}
a.badge:focus, a.badge:hover { text-decoration: none }
.btn .badge { position: relative; top: -1px }
.badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem }
.badge-primary { color: #fff; background-color: #007bff }
a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #0062cc }
a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) }
.badge-secondary { color: #fff; background-color: #6c757d }
a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #545b62 }
a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) }
.badge-success { color: #fff; background-color: #28a745 }
a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #1e7e34 }
a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) }
.badge-info { color: #fff; background-color: #17a2b8 }
a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #117a8b }
a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) }
.badge-warning { color: #212529; background-color: #ffc107 }
a.badge-warning:focus, a.badge-warning:hover { color: #212529; background-color: #d39e00 }
a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) }
.badge-danger { color: #fff; background-color: #dc3545 }
a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #bd2130 }
a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) }
.badge-light { color: #212529; background-color: #f8f9fa }
a.badge-light:focus, a.badge-light:hover { color: #212529; background-color: #dae0e5 }
a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) }
.badge-dark { color: #fff; background-color: #343a40 }
a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #1d2124 }
a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) }
.alert { position: relative; padding: .75rem 1.25rem; border: 1px solid transparent; border-radius: .25rem }
.alert-heading { color: inherit }
.alert-link { font-weight: 700 }
.alert-dismissible { padding-right: 4rem }
.alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff }
.alert-primary hr { border-top-color: #9fcdff }
.alert-primary .alert-link { color: #002752 }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db }
.alert-secondary hr { border-top-color: #c8cbcf }
.alert-secondary .alert-link { color: #202326 }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb }
.alert-success hr { border-top-color: #b1dfbb }
.alert-success .alert-link { color: #0b2e13 }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb }
.alert-info hr { border-top-color: #abdde5 }
.alert-info .alert-link { color: #062c33 }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba }
.alert-warning hr { border-top-color: #ffe8a1 }
.alert-warning .alert-link { color: #533f03 }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }
.alert-danger hr { border-top-color: #f1b0b7 }
.alert-danger .alert-link { color: #491217 }
.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe }
.alert-light hr { border-top-color: #ececf6 }
.alert-light .alert-link { color: #686868 }
.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca }
.alert-dark hr { border-top-color: #b9bbbe }
.alert-dark .alert-link { color: #040505 }
@-webkit-keyframes progress-bar-stripes {
from {
background-position:1rem 0
}
to {
background-position:0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position:1rem 0
}
to {
background-position:0 0
}
}
.close { float: right; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 }
.close:hover { color: #000; text-decoration: none }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: .75 }
button.close { padding: 0; background-color: transparent; border: 0 }
a.close.disabled { pointer-events: none }
.modal-open .modal { overflow-x: hidden; overflow-y: auto }
.modal { position: fixed; top: 0; left: 0; z-index: 1050; height: 100%; overflow: hidden; outline: 0 }
.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none }
.modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px) }

@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog { transition: none }
}
.modal.show .modal-dialog { -webkit-transform: none; transform: none }
.modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02) }
.modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem) }
.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden }
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { -ms-flex-negative: 0; flex-shrink: 0 }
.modal-dialog-scrollable .modal-body { overflow-y: auto }
.modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) }
.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: "" }
.modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100% }
.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none }
.modal-dialog-centered.modal-dialog-scrollable::before { content: none }
.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 }
.border-top, .modal-footer { border-top: 1px solid #dee2e6 }
.border-bottom, .modal-header { border-bottom: 1px solid #dee2e6 }
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 }
.modal-backdrop.fade { opacity: 0 }
.modal-backdrop.show { opacity: .5 }
.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) }
.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto }
.modal-title { margin-bottom: 0; line-height: 1.5 }
.modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem }
.modal-footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: .75rem; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) }
.modal-footer>* { margin: .25rem }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll }
.bg-primary { background-color: #007bff }
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0062cc }
.bg-secondary { background-color: #6c757d }
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #545b62 }
.bg-success { background-color: #28a745 }
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #1e7e34 }
.bg-info { background-color: #17a2b8 }
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b }
.bg-warning { background-color: #ffc107 }
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #d39e00 }
.bg-danger { background-color: #dc3545 }
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130 }
.bg-light { background-color: #f8f9fa }
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5 }
.bg-dark { background-color: #343a40 }
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1d2124 }
.bg-white { background-color: #fff }
.bg-transparent, .text-hide { background-color: transparent }
.border { border: 1px solid #dee2e6 }
.border-right { border-right: 1px solid #dee2e6 }
.border-left { border-left: 1px solid #dee2e6 }
.border-0 { border: 0 }
.border-top-0 { border-top: 0 }
.border-right-0 { border-right: 0 }
.border-bottom-0 { border-bottom: 0 }
.border-left-0 { border-left: 0 }
.border-primary { border-color: #007bff }
.border-secondary { border-color: #6c757d }
.border-success { border-color: #28a745 }
.border-info { border-color: #17a2b8 }
.border-warning { border-color: #ffc107 }
.border-danger { border-color: #dc3545 }
.border-light { border-color: #f8f9fa }
.border-dark { border-color: #343a40 }
.border-white { border-color: #fff }
.rounded-sm { border-radius: .2rem!important }
.rounded-right, .rounded-top { border-top-right-radius: .25rem!important }
.rounded-bottom, .rounded-right { border-bottom-right-radius: .25rem!important }
.rounded-left, .rounded-top { border-top-left-radius: .25rem!important }
.rounded-bottom, .rounded-left { border-bottom-left-radius: .25rem!important }
.rounded { border-radius: .25rem!important }
.rounded-lg { border-radius: .3rem!important }
.rounded-circle { border-radius: 50%!important }
.rounded-pill { border-radius: 50rem!important }
.rounded-0 { border-radius: 0!important }
.clearfix::after { display: block; clear: both; content: "" }
.d-flex { display: -ms-flexbox!important; display: flex!important }
.float-left { float: left!important }
.float-right { float: right!important }
.float-none { float: none!important }

@media (min-width:414px) {
.modal-dialog { max-width: 500px; margin: 1.75rem auto }
.modal-dialog-scrollable { max-height: calc(100% - 3.5rem) }
.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) }
.modal-dialog-centered { min-height: calc(100% - 3.5rem) }
.modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content }
.modal-sm { max-width: 300px }
.float-sm-left { float: left!important }
.float-sm-right { float: right!important }
.float-sm-none { float: none!important }
}
.overflow-auto { overflow: auto!important }
.overflow-hidden { overflow: hidden!important }
.position-static { position: static!important }
.position-relative { position: relative!important }
.position-absolute { position: absolute!important }
.position-fixed { position: fixed!important }
.position-sticky { position: -webkit-sticky!important; position: sticky!important }
.fixed-bottom, .fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 }
.fixed-top { top: 0 }
.fixed-bottom { bottom: 0 }
.w-25 { width: 25% }
.w-50 { width: 50% }
.w-75 { width: 75% }
.w-100 { width: 100% }
.w-auto { width: auto }
.h-25 { height: 25% }
.h-50 { height: 50% }
.h-75 { height: 75% }
.h-100 { height: 100% }
.h-auto { height: auto }
.m-0 { margin: 0 }
.mt-0, .my-0 { margin-top: 0 }
.mr-0, .mx-0 { margin-right: 0 }
.mb-0, .my-0 { margin-bottom: 0 }
.ml-0, .mx-0 { margin-left: 0 }
.m-1 { margin: .25rem }
.mt-1, .my-1 { margin-top: .25rem }
.mr-1, .mx-1 { margin-right: .25rem }
.mb-1, .my-1 { margin-bottom: .25rem }
.ml-1, .mx-1 { margin-left: .25rem }
.m-2 { margin: .5rem }
.mt-2, .my-2 { margin-top: .5rem }
.mr-2, .mx-2 { margin-right: .5rem }
.mb-2, .my-2 { margin-bottom: .5rem }
.ml-2, .mx-2 { margin-left: .5rem }
.m-3 { margin: 1rem }
.mt-3, .my-3 { margin-top: 1rem }
.mr-3, .mx-3 { margin-right: 1rem }
.mb-3, .my-3 { margin-bottom: 1rem }
.ml-3, .mx-3 { margin-left: 1rem }
.m-4 { margin: 1.5rem }
.mt-4, .my-4 { margin-top: 1.5rem }
.mr-4, .mx-4 { margin-right: 1.5rem }
.mb-4, .my-4 { margin-bottom: 1.5rem }
.ml-4, .mx-4 { margin-left: 1.5rem }
.m-5 { margin: 3rem }
.mt-5, .my-5 { margin-top: 3rem }
.mr-5, .mx-5 { margin-right: 3rem }
.mb-5, .my-5 { margin-bottom: 3rem }
.ml-5, .mx-5 { margin-left: 3rem }
.p-0 { padding: 0 }
.pt-0, .py-0 { padding-top: 0 }
.pr-0, .px-0 { padding-right: 0 }
.pb-0, .py-0 { padding-bottom: 0 }
.pl-0, .px-0 { padding-left: 0 }
.p-1 { padding: .25rem }
.pt-1, .py-1 { padding-top: .25rem }
.pr-1, .px-1 { padding-right: .25rem }
.pb-1, .py-1 { padding-bottom: .25rem }
.pl-1, .px-1 { padding-left: .25rem }
.p-2 { padding: .5rem }
.pt-2, .py-2 { padding-top: .5rem }
.pr-2, .px-2 { padding-right: .5rem }
.pb-2, .py-2 { padding-bottom: .5rem }
.pl-2, .px-2 { padding-left: .5rem }
.p-3 { padding: 1rem }
.pt-3, .py-3 { padding-top: 1rem }
.pr-3, .px-3 { padding-right: 1rem }
.pb-3, .py-3 { padding-bottom: 1rem }
.pl-3, .px-3 { padding-left: 1rem }
.p-4 { padding: 1.5rem }
.pt-4, .py-4 { padding-top: 1.5rem }
.pr-4, .px-4 { padding-right: 1.5rem }
.pb-4, .py-4 { padding-bottom: 1.5rem }
.pl-4, .px-4 { padding-left: 1.5rem }
.p-5 { padding: 3rem }
.pt-5, .py-5 { padding-top: 3rem }
.pr-5, .px-5 { padding-right: 3rem }
.pb-5, .py-5 { padding-bottom: 3rem }
.pl-5, .px-5 { padding-left: 3rem }
.m-n1 { margin: -.25rem }
.mt-n1, .my-n1 { margin-top: -.25rem }
.mr-n1, .mx-n1 { margin-right: -.25rem }
.mb-n1, .my-n1 { margin-bottom: -.25rem }
.ml-n1, .mx-n1 { margin-left: -.25rem }
.m-n2 { margin: -.5rem }
.mt-n2, .my-n2 { margin-top: -.5rem }
.mr-n2, .mx-n2 { margin-right: -.5rem }
.mb-n2, .my-n2 { margin-bottom: -.5rem }
.ml-n2, .mx-n2 { margin-left: -.5rem }
.m-n3 { margin: -1rem }
.mt-n3, .my-n3 { margin-top: -1rem }
.mr-n3, .mx-n3 { margin-right: -1rem }
.mb-n3, .my-n3 { margin-bottom: -1rem }
.ml-n3, .mx-n3 { margin-left: -1rem }
.m-n4 { margin: -1.5rem }
.mt-n4, .my-n4 { margin-top: -1.5rem }
.mr-n4, .mx-n4 { margin-right: -1.5rem }
.mb-n4, .my-n4 { margin-bottom: -1.5rem }
.ml-n4, .mx-n4 { margin-left: -1.5rem }
.m-n5 { margin: -3rem }
.mt-n5, .my-n5 { margin-top: -3rem }
.mr-n5, .mx-n5 { margin-right: -3rem }
.mb-n5, .my-n5 { margin-bottom: -3rem }
.ml-n5, .mx-n5 { margin-left: -3rem }
.m-auto { margin: auto }
.mt-auto, .my-auto { margin-top: auto }
.mr-auto, .mx-auto { margin-right: auto }
.mb-auto, .my-auto { margin-bottom: auto }
.ml-auto, .mx-auto { margin-left: auto }
.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important }
.text-justify { text-align: justify!important }
.text-wrap { white-space: normal!important }
.text-nowrap { white-space: nowrap!important }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.text-left { text-align: left!important }
.text-right { text-align: right!important }
.text-center { text-align: center!important }

@media (min-width:414px) {
.m-sm-0 { margin: 0 }
.mt-sm-0, .my-sm-0 { margin-top: 0 }
.mr-sm-0, .mx-sm-0 { margin-right: 0 }
.mb-sm-0, .my-sm-0 { margin-bottom: 0 }
.ml-sm-0, .mx-sm-0 { margin-left: 0 }
.m-sm-1 { margin: .25rem }
.mt-sm-1, .my-sm-1 { margin-top: .25rem }
.mr-sm-1, .mx-sm-1 { margin-right: .25rem }
.mb-sm-1, .my-sm-1 { margin-bottom: .25rem }
.ml-sm-1, .mx-sm-1 { margin-left: .25rem }
.m-sm-2 { margin: .5rem }
.mt-sm-2, .my-sm-2 { margin-top: .5rem }
.mr-sm-2, .mx-sm-2 { margin-right: .5rem }
.mb-sm-2, .my-sm-2 { margin-bottom: .5rem }
.ml-sm-2, .mx-sm-2 { margin-left: .5rem }
.m-sm-3 { margin: 1rem }
.mt-sm-3, .my-sm-3 { margin-top: 1rem }
.mr-sm-3, .mx-sm-3 { margin-right: 1rem }
.mb-sm-3, .my-sm-3 { margin-bottom: 1rem }
.ml-sm-3, .mx-sm-3 { margin-left: 1rem }
.m-sm-4 { margin: 1.5rem }
.mt-sm-4, .my-sm-4 { margin-top: 1.5rem }
.mr-sm-4, .mx-sm-4 { margin-right: 1.5rem }
.mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem }
.ml-sm-4, .mx-sm-4 { margin-left: 1.5rem }
.m-sm-5 { margin: 3rem }
.mt-sm-5, .my-sm-5 { margin-top: 3rem }
.mr-sm-5, .mx-sm-5 { margin-right: 3rem }
.mb-sm-5, .my-sm-5 { margin-bottom: 3rem }
.ml-sm-5, .mx-sm-5 { margin-left: 3rem }
.p-sm-0 { padding: 0 }
.pt-sm-0, .py-sm-0 { padding-top: 0 }
.pr-sm-0, .px-sm-0 { padding-right: 0 }
.pb-sm-0, .py-sm-0 { padding-bottom: 0 }
.pl-sm-0, .px-sm-0 { padding-left: 0 }
.p-sm-1 { padding: .25rem }
.pt-sm-1, .py-sm-1 { padding-top: .25rem }
.pr-sm-1, .px-sm-1 { padding-right: .25rem }
.pb-sm-1, .py-sm-1 { padding-bottom: .25rem }
.pl-sm-1, .px-sm-1 { padding-left: .25rem }
.p-sm-2 { padding: .5rem }
.pt-sm-2, .py-sm-2 { padding-top: .5rem }
.pr-sm-2, .px-sm-2 { padding-right: .5rem }
.pb-sm-2, .py-sm-2 { padding-bottom: .5rem }
.pl-sm-2, .px-sm-2 { padding-left: .5rem }
.p-sm-3 { padding: 1rem }
.pt-sm-3, .py-sm-3 { padding-top: 1rem }
.pr-sm-3, .px-sm-3 { padding-right: 1rem }
.pb-sm-3, .py-sm-3 { padding-bottom: 1rem }
.pl-sm-3, .px-sm-3 { padding-left: 1rem }
.p-sm-4 { padding: 1.5rem }
.pt-sm-4, .py-sm-4 { padding-top: 1.5rem }
.pr-sm-4, .px-sm-4 { padding-right: 1.5rem }
.pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem }
.pl-sm-4, .px-sm-4 { padding-left: 1.5rem }
.p-sm-5 { padding: 3rem }
.pt-sm-5, .py-sm-5 { padding-top: 3rem }
.pr-sm-5, .px-sm-5 { padding-right: 3rem }
.pb-sm-5, .py-sm-5 { padding-bottom: 3rem }
.pl-sm-5, .px-sm-5 { padding-left: 3rem }
.m-sm-n1 { margin: -.25rem }
.mt-sm-n1, .my-sm-n1 { margin-top: -.25rem }
.mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem }
.mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem }
.ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem }
.m-sm-n2 { margin: -.5rem }
.mt-sm-n2, .my-sm-n2 { margin-top: -.5rem }
.mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem }
.mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem }
.ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem }
.m-sm-n3 { margin: -1rem }
.mt-sm-n3, .my-sm-n3 { margin-top: -1rem }
.mr-sm-n3, .mx-sm-n3 { margin-right: -1rem }
.mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem }
.ml-sm-n3, .mx-sm-n3 { margin-left: -1rem }
.m-sm-n4 { margin: -1.5rem }
.mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem }
.mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem }
.mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem }
.ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem }
.m-sm-n5 { margin: -3rem }
.mt-sm-n5, .my-sm-n5 { margin-top: -3rem }
.mr-sm-n5, .mx-sm-n5 { margin-right: -3rem }
.mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem }
.ml-sm-n5, .mx-sm-n5 { margin-left: -3rem }
.m-sm-auto { margin: auto }
.mt-sm-auto, .my-sm-auto { margin-top: auto }
.mr-sm-auto, .mx-sm-auto { margin-right: auto }
.mb-sm-auto, .my-sm-auto { margin-bottom: auto }
.ml-sm-auto, .mx-sm-auto { margin-left: auto }
.text-sm-left { text-align: left!important }
.text-sm-right { text-align: right!important }
.text-sm-center { text-align: center!important }
}

@media (min-width:769px) {
.float-md-left { float: left!important }
.float-md-right { float: right!important }
.float-md-none { float: none!important }
.m-md-0 { margin: 0 }
.mt-md-0, .my-md-0 { margin-top: 0 }
.mr-md-0, .mx-md-0 { margin-right: 0 }
.mb-md-0, .my-md-0 { margin-bottom: 0 }
.ml-md-0, .mx-md-0 { margin-left: 0 }
.m-md-1 { margin: .25rem }
.mt-md-1, .my-md-1 { margin-top: .25rem }
.mr-md-1, .mx-md-1 { margin-right: .25rem }
.mb-md-1, .my-md-1 { margin-bottom: .25rem }
.ml-md-1, .mx-md-1 { margin-left: .25rem }
.m-md-2 { margin: .5rem }
.mt-md-2, .my-md-2 { margin-top: .5rem }
.mr-md-2, .mx-md-2 { margin-right: .5rem }
.mb-md-2, .my-md-2 { margin-bottom: .5rem }
.ml-md-2, .mx-md-2 { margin-left: .5rem }
.m-md-3 { margin: 1rem }
.mt-md-3, .my-md-3 { margin-top: 1rem }
.mr-md-3, .mx-md-3 { margin-right: 1rem }
.mb-md-3, .my-md-3 { margin-bottom: 1rem }
.ml-md-3, .mx-md-3 { margin-left: 1rem }
.m-md-4 { margin: 1.5rem }
.mt-md-4, .my-md-4 { margin-top: 1.5rem }
.mr-md-4, .mx-md-4 { margin-right: 1.5rem }
.mb-md-4, .my-md-4 { margin-bottom: 1.5rem }
.ml-md-4, .mx-md-4 { margin-left: 1.5rem }
.m-md-5 { margin: 3rem }
.mt-md-5, .my-md-5 { margin-top: 3rem }
.mr-md-5, .mx-md-5 { margin-right: 3rem }
.mb-md-5, .my-md-5 { margin-bottom: 3rem }
.ml-md-5, .mx-md-5 { margin-left: 3rem }
.p-md-0 { padding: 0 }
.pt-md-0, .py-md-0 { padding-top: 0 }
.pr-md-0, .px-md-0 { padding-right: 0 }
.pb-md-0, .py-md-0 { padding-bottom: 0 }
.pl-md-0, .px-md-0 { padding-left: 0 }
.p-md-1 { padding: .25rem }
.pt-md-1, .py-md-1 { padding-top: .25rem }
.pr-md-1, .px-md-1 { padding-right: .25rem }
.pb-md-1, .py-md-1 { padding-bottom: .25rem }
.pl-md-1, .px-md-1 { padding-left: .25rem }
.p-md-2 { padding: .5rem }
.pt-md-2, .py-md-2 { padding-top: .5rem }
.pr-md-2, .px-md-2 { padding-right: .5rem }
.pb-md-2, .py-md-2 { padding-bottom: .5rem }
.pl-md-2, .px-md-2 { padding-left: .5rem }
.p-md-3 { padding: 1rem }
.pt-md-3, .py-md-3 { padding-top: 1rem }
.pr-md-3, .px-md-3 { padding-right: 1rem }
.pb-md-3, .py-md-3 { padding-bottom: 1rem }
.pl-md-3, .px-md-3 { padding-left: 1rem }
.p-md-4 { padding: 1.5rem }
.pt-md-4, .py-md-4 { padding-top: 1.5rem }
.pr-md-4, .px-md-4 { padding-right: 1.5rem }
.pb-md-4, .py-md-4 { padding-bottom: 1.5rem }
.pl-md-4, .px-md-4 { padding-left: 1.5rem }
.p-md-5 { padding: 3rem }
.pt-md-5, .py-md-5 { padding-top: 3rem }
.pr-md-5, .px-md-5 { padding-right: 3rem }
.pb-md-5, .py-md-5 { padding-bottom: 3rem }
.pl-md-5, .px-md-5 { padding-left: 3rem }
.m-md-n1 { margin: -.25rem }
.mt-md-n1, .my-md-n1 { margin-top: -.25rem }
.mr-md-n1, .mx-md-n1 { margin-right: -.25rem }
.mb-md-n1, .my-md-n1 { margin-bottom: -.25rem }
.ml-md-n1, .mx-md-n1 { margin-left: -.25rem }
.m-md-n2 { margin: -.5rem }
.mt-md-n2, .my-md-n2 { margin-top: -.5rem }
.mr-md-n2, .mx-md-n2 { margin-right: -.5rem }
.mb-md-n2, .my-md-n2 { margin-bottom: -.5rem }
.ml-md-n2, .mx-md-n2 { margin-left: -.5rem }
.m-md-n3 { margin: -1rem }
.mt-md-n3, .my-md-n3 { margin-top: -1rem }
.mr-md-n3, .mx-md-n3 { margin-right: -1rem }
.mb-md-n3, .my-md-n3 { margin-bottom: -1rem }
.ml-md-n3, .mx-md-n3 { margin-left: -1rem }
.m-md-n4 { margin: -1.5rem }
.mt-md-n4, .my-md-n4 { margin-top: -1.5rem }
.mr-md-n4, .mx-md-n4 { margin-right: -1.5rem }
.mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem }
.ml-md-n4, .mx-md-n4 { margin-left: -1.5rem }
.m-md-n5 { margin: -3rem }
.mt-md-n5, .my-md-n5 { margin-top: -3rem }
.mr-md-n5, .mx-md-n5 { margin-right: -3rem }
.mb-md-n5, .my-md-n5 { margin-bottom: -3rem }
.ml-md-n5, .mx-md-n5 { margin-left: -3rem }
.m-md-auto { margin: auto }
.mt-md-auto, .my-md-auto { margin-top: auto }
.mr-md-auto, .mx-md-auto { margin-right: auto }
.mb-md-auto, .my-md-auto { margin-bottom: auto }
.ml-md-auto, .mx-md-auto { margin-left: auto }
.text-md-left { text-align: left!important }
.text-md-right { text-align: right!important }
.text-md-center { text-align: center!important }
}

@media (min-width:1024px) {
.modal-lg, .modal-xl { max-width: 800px }
.float-lg-left { float: left!important }
.float-lg-right { float: right!important }
.float-lg-none { float: none!important }
.m-lg-0 { margin: 0 }
.mt-lg-0, .my-lg-0 { margin-top: 0 }
.mr-lg-0, .mx-lg-0 { margin-right: 0 }
.mb-lg-0, .my-lg-0 { margin-bottom: 0 }
.ml-lg-0, .mx-lg-0 { margin-left: 0 }
.m-lg-1 { margin: .25rem }
.mt-lg-1, .my-lg-1 { margin-top: .25rem }
.mr-lg-1, .mx-lg-1 { margin-right: .25rem }
.mb-lg-1, .my-lg-1 { margin-bottom: .25rem }
.ml-lg-1, .mx-lg-1 { margin-left: .25rem }
.m-lg-2 { margin: .5rem }
.mt-lg-2, .my-lg-2 { margin-top: .5rem }
.mr-lg-2, .mx-lg-2 { margin-right: .5rem }
.mb-lg-2, .my-lg-2 { margin-bottom: .5rem }
.ml-lg-2, .mx-lg-2 { margin-left: .5rem }
.m-lg-3 { margin: 1rem }
.mt-lg-3, .my-lg-3 { margin-top: 1rem }
.mr-lg-3, .mx-lg-3 { margin-right: 1rem }
.mb-lg-3, .my-lg-3 { margin-bottom: 1rem }
.ml-lg-3, .mx-lg-3 { margin-left: 1rem }
.m-lg-4 { margin: 1.5rem }
.mt-lg-4, .my-lg-4 { margin-top: 1.5rem }
.mr-lg-4, .mx-lg-4 { margin-right: 1.5rem }
.mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem }
.ml-lg-4, .mx-lg-4 { margin-left: 1.5rem }
.m-lg-5 { margin: 3rem }
.mt-lg-5, .my-lg-5 { margin-top: 3rem }
.mr-lg-5, .mx-lg-5 { margin-right: 3rem }
.mb-lg-5, .my-lg-5 { margin-bottom: 3rem }
.ml-lg-5, .mx-lg-5 { margin-left: 3rem }
.p-lg-0 { padding: 0 }
.pt-lg-0, .py-lg-0 { padding-top: 0 }
.pr-lg-0, .px-lg-0 { padding-right: 0 }
.pb-lg-0, .py-lg-0 { padding-bottom: 0 }
.pl-lg-0, .px-lg-0 { padding-left: 0 }
.p-lg-1 { padding: .25rem }
.pt-lg-1, .py-lg-1 { padding-top: .25rem }
.pr-lg-1, .px-lg-1 { padding-right: .25rem }
.pb-lg-1, .py-lg-1 { padding-bottom: .25rem }
.pl-lg-1, .px-lg-1 { padding-left: .25rem }
.p-lg-2 { padding: .5rem }
.pt-lg-2, .py-lg-2 { padding-top: .5rem }
.pr-lg-2, .px-lg-2 { padding-right: .5rem }
.pb-lg-2, .py-lg-2 { padding-bottom: .5rem }
.pl-lg-2, .px-lg-2 { padding-left: .5rem }
.p-lg-3 { padding: 1rem }
.pt-lg-3, .py-lg-3 { padding-top: 1rem }
.pr-lg-3, .px-lg-3 { padding-right: 1rem }
.pb-lg-3, .py-lg-3 { padding-bottom: 1rem }
.pl-lg-3, .px-lg-3 { padding-left: 1rem }
.p-lg-4 { padding: 1.5rem }
.pt-lg-4, .py-lg-4 { padding-top: 1.5rem }
.pr-lg-4, .px-lg-4 { padding-right: 1.5rem }
.pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem }
.pl-lg-4, .px-lg-4 { padding-left: 1.5rem }
.p-lg-5 { padding: 3rem }
.pt-lg-5, .py-lg-5 { padding-top: 3rem }
.pr-lg-5, .px-lg-5 { padding-right: 3rem }
.pb-lg-5, .py-lg-5 { padding-bottom: 3rem }
.pl-lg-5, .px-lg-5 { padding-left: 3rem }
.m-lg-n1 { margin: -.25rem }
.mt-lg-n1, .my-lg-n1 { margin-top: -.25rem }
.mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem }
.mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem }
.ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem }
.m-lg-n2 { margin: -.5rem }
.mt-lg-n2, .my-lg-n2 { margin-top: -.5rem }
.mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem }
.mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem }
.ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem }
.m-lg-n3 { margin: -1rem }
.mt-lg-n3, .my-lg-n3 { margin-top: -1rem }
.mr-lg-n3, .mx-lg-n3 { margin-right: -1rem }
.mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem }
.ml-lg-n3, .mx-lg-n3 { margin-left: -1rem }
.m-lg-n4 { margin: -1.5rem }
.mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem }
.mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem }
.mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem }
.ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem }
.m-lg-n5 { margin: -3rem }
.mt-lg-n5, .my-lg-n5 { margin-top: -3rem }
.mr-lg-n5, .mx-lg-n5 { margin-right: -3rem }
.mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem }
.ml-lg-n5, .mx-lg-n5 { margin-left: -3rem }
.m-lg-auto { margin: auto }
.mt-lg-auto, .my-lg-auto { margin-top: auto }
.mr-lg-auto, .mx-lg-auto { margin-right: auto }
.mb-lg-auto, .my-lg-auto { margin-bottom: auto }
.ml-lg-auto, .mx-lg-auto { margin-left: auto }
.text-lg-left { text-align: left!important }
.text-lg-right { text-align: right!important }
.text-lg-center { text-align: center!important }
}

@media (min-width:1366px) {
.modal-xl { max-width: 1140px }
.float-xl-left { float: left!important }
.float-xl-right { float: right!important }
.float-xl-none { float: none!important }
.m-xl-0 { margin: 0 }
.mt-xl-0, .my-xl-0 { margin-top: 0 }
.mr-xl-0, .mx-xl-0 { margin-right: 0 }
.mb-xl-0, .my-xl-0 { margin-bottom: 0 }
.ml-xl-0, .mx-xl-0 { margin-left: 0 }
.m-xl-1 { margin: .25rem }
.mt-xl-1, .my-xl-1 { margin-top: .25rem }
.mr-xl-1, .mx-xl-1 { margin-right: .25rem }
.mb-xl-1, .my-xl-1 { margin-bottom: .25rem }
.ml-xl-1, .mx-xl-1 { margin-left: .25rem }
.m-xl-2 { margin: .5rem }
.mt-xl-2, .my-xl-2 { margin-top: .5rem }
.mr-xl-2, .mx-xl-2 { margin-right: .5rem }
.mb-xl-2, .my-xl-2 { margin-bottom: .5rem }
.ml-xl-2, .mx-xl-2 { margin-left: .5rem }
.m-xl-3 { margin: 1rem }
.mt-xl-3, .my-xl-3 { margin-top: 1rem }
.mr-xl-3, .mx-xl-3 { margin-right: 1rem }
.mb-xl-3, .my-xl-3 { margin-bottom: 1rem }
.ml-xl-3, .mx-xl-3 { margin-left: 1rem }
.m-xl-4 { margin: 1.5rem }
.mt-xl-4, .my-xl-4 { margin-top: 1.5rem }
.mr-xl-4, .mx-xl-4 { margin-right: 1.5rem }
.mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem }
.ml-xl-4, .mx-xl-4 { margin-left: 1.5rem }
.m-xl-5 { margin: 3rem }
.mt-xl-5, .my-xl-5 { margin-top: 3rem }
.mr-xl-5, .mx-xl-5 { margin-right: 3rem }
.mb-xl-5, .my-xl-5 { margin-bottom: 3rem }
.ml-xl-5, .mx-xl-5 { margin-left: 3rem }
.p-xl-0 { padding: 0 }
.pt-xl-0, .py-xl-0 { padding-top: 0 }
.pr-xl-0, .px-xl-0 { padding-right: 0 }
.pb-xl-0, .py-xl-0 { padding-bottom: 0 }
.pl-xl-0, .px-xl-0 { padding-left: 0 }
.p-xl-1 { padding: .25rem }
.pt-xl-1, .py-xl-1 { padding-top: .25rem }
.pr-xl-1, .px-xl-1 { padding-right: .25rem }
.pb-xl-1, .py-xl-1 { padding-bottom: .25rem }
.pl-xl-1, .px-xl-1 { padding-left: .25rem }
.p-xl-2 { padding: .5rem }
.pt-xl-2, .py-xl-2 { padding-top: .5rem }
.pr-xl-2, .px-xl-2 { padding-right: .5rem }
.pb-xl-2, .py-xl-2 { padding-bottom: .5rem }
.pl-xl-2, .px-xl-2 { padding-left: .5rem }
.p-xl-3 { padding: 1rem }
.pt-xl-3, .py-xl-3 { padding-top: 1rem }
.pr-xl-3, .px-xl-3 { padding-right: 1rem }
.pb-xl-3, .py-xl-3 { padding-bottom: 1rem }
.pl-xl-3, .px-xl-3 { padding-left: 1rem }
.p-xl-4 { padding: 1.5rem }
.pt-xl-4, .py-xl-4 { padding-top: 1.5rem }
.pr-xl-4, .px-xl-4 { padding-right: 1.5rem }
.pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem }
.pl-xl-4, .px-xl-4 { padding-left: 1.5rem }
.p-xl-5 { padding: 3rem }
.pt-xl-5, .py-xl-5 { padding-top: 3rem }
.pr-xl-5, .px-xl-5 { padding-right: 3rem }
.pb-xl-5, .py-xl-5 { padding-bottom: 3rem }
.pl-xl-5, .px-xl-5 { padding-left: 3rem }
.m-xl-n1 { margin: -.25rem }
.mt-xl-n1, .my-xl-n1 { margin-top: -.25rem }
.mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem }
.mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem }
.ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem }
.m-xl-n2 { margin: -.5rem }
.mt-xl-n2, .my-xl-n2 { margin-top: -.5rem }
.mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem }
.mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem }
.ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem }
.m-xl-n3 { margin: -1rem }
.mt-xl-n3, .my-xl-n3 { margin-top: -1rem }
.mr-xl-n3, .mx-xl-n3 { margin-right: -1rem }
.mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem }
.ml-xl-n3, .mx-xl-n3 { margin-left: -1rem }
.m-xl-n4 { margin: -1.5rem }
.mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem }
.mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem }
.mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem }
.ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem }
.m-xl-n5 { margin: -3rem }
.mt-xl-n5, .my-xl-n5 { margin-top: -3rem }
.mr-xl-n5, .mx-xl-n5 { margin-right: -3rem }
.mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem }
.ml-xl-n5, .mx-xl-n5 { margin-left: -3rem }
.m-xl-auto { margin: auto }
.mt-xl-auto, .my-xl-auto { margin-top: auto }
.mr-xl-auto, .mx-xl-auto { margin-right: auto }
.mb-xl-auto, .my-xl-auto { margin-bottom: auto }
.ml-xl-auto, .mx-xl-auto { margin-left: auto }
.text-xl-left { text-align: left!important }
.text-xl-right { text-align: right!important }
.text-xl-center { text-align: center!important }
}
.text-lowercase { text-transform: lowercase!important }
.text-uppercase { text-transform: uppercase!important }
.text-capitalize { text-transform: capitalize!important }
.font-weight-light { font-weight: 300!important }
.font-weight-lighter { font-weight: lighter!important }
.font-weight-normal { font-weight: 400!important }
.font-weight-bold { font-weight: 700!important }
.font-weight-bolder { font-weight: bolder!important }
.font-italic { font-style: italic!important }
.text-white { color: #fff }
.text-primary { color: #007bff }
a.text-primary:focus, a.text-primary:hover { color: #0056b3 }
.text-secondary { color: #6c757d }
a.text-secondary:focus, a.text-secondary:hover { color: #494f54 }
.text-success { color: #28a745 }
a.text-success:focus, a.text-success:hover { color: #19692c }
.text-info { color: #17a2b8 }
a.text-info:focus, a.text-info:hover { color: #0f6674 }
.text-warning { color: #ffc107 }
a.text-warning:focus, a.text-warning:hover { color: #ba8b00 }
.text-danger { color: #dc3545 }
a.text-danger:focus, a.text-danger:hover { color: #a71d2a }
.text-light { color: #f8f9fa }
a.text-light:focus, a.text-light:hover { color: #cbd3da }
.text-dark { color: #343a40 }
a.text-dark:focus, a.text-dark:hover { color: #121416 }
.text-body { color: #212529 }
.text-muted { color: #6c757d }
.text-black-50 { color: rgba(0,0,0,.5) }
.text-white-50 { color: rgba(255,255,255,.5) }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; border: 0 }
.text-decoration-none { text-decoration: none!important }
.text-break { word-wrap: break-word!important }
.text-reset { color: inherit!important }
.visible { visibility: visible!important }
.invisible { visibility: hidden!important }

@media print {
blockquote, img, pre, tr { page-break-inside: avoid }
*, ::after, ::before { text-shadow: none!important; box-shadow: none!important }
a:not(.btn) { text-decoration: underline }
abbr[title]::after { content: " (" attr(title)")" }
pre { white-space: pre-wrap!important }
blockquote, pre { border: 1px solid #adb5bd }
thead { display: table-header-group }
h2, h3, p { orphans: 3; widows: 3 }
h2, h3 { page-break-after: avoid }
@page { size: a3 }
.container, body { min-width: 1024px!important }
.navbar { display: none }
.badge { border: 1px solid #000 }
.table { border-collapse: collapse!important }
.table td, .table th { background-color: #fff!important }
.table-bordered td, .table-bordered th { border: 1px solid #dee2e6!important }
.table-dark { color: inherit }
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #dee2e6 }
.table .thead-dark th { color: inherit; border-color: #dee2e6 }
}
.swiper-container-cube, .swiper-container-flip, button, hr, input { overflow: visible }
audio, canvas, progress, video { display: inline-block }
progress, sub, sup { vertical-align: baseline }
.reset_style, body { word-break: break-all }
html[lang=ar] :not(:has(*)) {
direction:rtl;
unicode-bidi:plaintext;
text-align:right
}
html[lang=ar] body { direction: rtl }
@keyframes bounce {
20%, 53%, 80%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
transform:translate3d(0, 0, 0)
}
40%, 43% {
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
transform:translate3d(0, -30px, 0)
}
70% {
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
transform:translate3d(0, -15px, 0)
}
90% {
transform:translate3d(0, -4px, 0)
}
}
@keyframes flash {
50%, from, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes pulse {
from, to {
transform:scale3d(1, 1, 1)
}
50% {
transform:scale3d(1.05, 1.05, 1.05)
}
}
@keyframes rubberBand {
from, to {
transform:scale3d(1, 1, 1)
}
30% {
transform:scale3d(1.25, .75, 1)
}
40% {
transform:scale3d(.75, 1.25, 1)
}
50% {
transform:scale3d(1.15, .85, 1)
}
65% {
transform:scale3d(.95, 1.05, 1)
}
75% {
transform:scale3d(1.05, .95, 1)
}
}
@keyframes shake {
from, to {
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform:translate3d(10px, 0, 0)
}
}
@keyframes swing {
20% {
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
transform:rotate3d(0, 0, 1, -5deg)
}
to {
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes tada {
from, to {
transform:scale3d(1, 1, 1)
}
10%, 20% {
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
}
@keyframes wobble {
from, to {
transform:none
}
15% {
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
}
@keyframes jello {
11.1%, from, to {
transform:none
}
22.2% {
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
20% {
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
transform:scale3d(.97, .97, .97)
}
to {
opacity:1;
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceInDown {
60%, 75%, 90%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0)
}
75% {
transform:translate3d(0, -10px, 0)
}
90% {
transform:translate3d(0, 5px, 0)
}
to {
transform:none
}
}
@keyframes bounceInLeft {
60%, 75%, 90%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(25px, 0, 0)
}
75% {
transform:translate3d(-10px, 0, 0)
}
90% {
transform:translate3d(5px, 0, 0)
}
to {
transform:none
}
}
@keyframes bounceInRight {
60%, 75%, 90%, from, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
from {
opacity:0;
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(-25px, 0, 0)
}
75% {
transform:translate3d(10px, 0, 0)
}
90% {
transform:translate3d(-5px, 0, 0)
}
to {
transform:none
}
}
@keyframes bounceOut {
20% {
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
transform:scale3d(1.1, 1.1, 1.1)
}
to {
opacity:0;
transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOutDown {
20% {
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
to {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
transform:translate3d(20px, 0, 0)
}
to {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
transform:translate3d(-20px, 0, 0)
}
to {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutUp {
20% {
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, 20px, 0)
}
to {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeInDown {
from {
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInLeft {
from {
opacity:0;
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInRight {
from {
opacity:0;
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeInUp {
from {
opacity:0;
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeOut {
from {
opacity:1
}
to {
opacity:0
}
}
@keyframes fadeOutDown {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutUp {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(0, -100%, 0)
}
}
@keyframes flip {
from {
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) scale3d(.95, .95, .95);
animation-timing-function:ease-in
}
to {
transform:perspective(400px);
animation-timing-function:ease-in
}
}
@keyframes flipInX {
from {
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
transform:perspective(400px)
}
}
@keyframes flipInY {
from {
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
transform:perspective(400px)
}
}
@keyframes flipOutX {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to {
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
@keyframes flipOutY {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to {
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
@keyframes lightSpeedIn {
from {
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
transform:skewX(20deg);
opacity:1
}
80% {
transform:skewX(-5deg);
opacity:1
}
to {
transform:none;
opacity:1
}
}
@keyframes lightSpeedOut {
from {
opacity:1
}
to {
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes rotateIn {
from {
transform-origin:center;
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
transform-origin:center;
transform:none;
opacity:1
}
}
@keyframes rotateOut {
from {
transform-origin:center;
opacity:1
}
to {
transform-origin:center;
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
@keyframes rollIn {
from {
opacity:0;
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity:1;
transform:none
}
}
@keyframes rollOut {
from {
opacity:1
}
to {
opacity:0;
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes zoomIn {
from {
opacity:0;
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomInDown {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
from {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
to {
opacity:0
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin:center bottom;
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity:0;
transform:scale(.1) translate3d(-2000px, 0, 0);
transform-origin:left center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity:0;
transform:scale(.1) translate3d(2000px, 0, 0);
transform-origin:right center
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin:center bottom;
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes slideInDown {
from {
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
transform:translate3d(0, 0, 0)
}
}
@keyframes slideOutDown {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutLeft {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutUp {
from {
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
transform:translate3d(0, -100%, 0)
}
}
@keyframes bgMagnify {
0% {
transform:scale(1, 1)
}
100% {
transform:scale(1.1, 1.1)
}
}
@keyframes bgShrink {
0% {
transform:scale(1.1, 1.1)
}
100% {
transform:scale(1, 1)
}
}
@keyframes bounceIn2Left {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(-25px, 0, 0)
}
75% {
transform:translate3d(10px, 0, 0)
}
90% {
transform:translate3d(-5px, 0, 0)
}
to {
transform:none
}
}
@keyframes bounceIn2Right {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(25px, 0, 0)
}
75% {
transform:translate3d(-10px, 0, 0)
}
90% {
transform:translate3d(5px, 0, 0)
}
to {
transform:none
}
}
@keyframes bounceIn2Up {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
75% {
transform:translate3d(0, 10px, 0)
}
90% {
transform:translate3d(0, -5px, 0)
}
to {
transform:translateZ(0)
}
}
@keyframes bounceIn2Down {
0%, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0)
}
75% {
transform:translate3d(0, -10px, 0)
}
90% {
transform:translate3d(0, 5px, 0)
}
to {
transform:none
}
}
@keyframes fadeIn2 {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeIn2Left {
0% {
opacity:0;
transform:translate3d(50%, 0, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeIn2Right {
0% {
opacity:0;
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeIn2Up {
0% {
opacity:0;
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes fadeIn2Down {
0% {
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
transform:none
}
}
@keyframes flipIn2Y {
0% {
opacity:0
}
1% {
transform:perspective(400px) rotateY(90deg);
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotateY(-20deg);
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
transform:perspective(400px) rotateY(-5deg)
}
99% {
transform:perspective(400px)
}
}
@keyframes flipIn2X {
0% {
transform:perspective(400px) rotateX(90deg);
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotateX(-20deg);
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
transform:perspective(400px) rotateX(-5deg)
}
99% {
transform:perspective(400px)
}
}
@keyframes zoomIn2 {
0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn2Left {
0% {
opacity:0;
transform:scaleX(1) translateZ(0)
}
1% {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(500%, 0, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
to {
opacity:1;
transform:none;
animation-timing-function:ease
}
}
@keyframes zoomIn2Right {
0% {
opacity:0;
transform:scaleX(1) translateZ(0)
}
1% {
transform:scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
to {
opacity:1;
transform:none
}
}
@keyframes zoomIn2Up {
0% {
opacity:0;
transform:scaleX(1) translateZ(0)
}
1% {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, 500%, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, -60%, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
to {
opacity:1;
transform:none;
animation-timing-function:ease
}
}
@keyframes zoomIn2Down {
0% {
opacity:0;
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes rotateIn2 {
0% {
opacity:0;
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity:1;
transform:none
}
}
@keyframes slideOut2Left {
0% {
transform:translateX(150%);
opacity:0
}
to {
transform:translateX(0);
opacity:1
}
}
@keyframes slideOut2Right {
0% {
transform:translateX(-150%);
opacity:0
}
to {
transform:translateX(0);
opacity:1
}
}
@keyframes slideOut2Up {
0% {
transform:translateY(100%);
opacity:0
}
to {
transform:translateY(0);
opacity:1
}
}
@keyframes slideOut2Down {
0% {
transform:translateY(-100%);
opacity:0
}
to {
transform:translateY(0);
opacity:1
}
}
@keyframes elasticLarge {
0%, 20%, 40%, 60%, 80%, to {
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
transform:scale3d(.3, .3, .3)
}
20% {
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
transform:scale3d(.97, .97, .97)
}
to {
opacity:1;
transform:scaleX(1)
}
}
@keyframes elasticSmall {
0% {
transform:scale(1.8);
opacity:0
}
50% {
transform:scale(.95);
opacity:1
}
80% {
transform:scale(1.05)
}
90% {
transform:scale(.98)
}
to {
transform:scale(1)
}
}
@keyframes eraseLeft {
0% {
clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}
to {
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
}
@keyframes eraseRight {
0% {
clip-path:polygon(0 0, 0 0, 0 100%, 0 100%)
}
to {
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
}
@keyframes eraseUp {
0% {
clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}
to {
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
}
@keyframes eraseDown {
0% {
clip-path:polygon(0 0, 100% 0, 100% 0, 0 0)
}
to {
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
}
@keyframes cutInLeft {
0% {
transform:translateX(100%);
clip-path:polygon(0 0, 0 0, 0 100%, 0 100%)
}
to {
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
}
@keyframes cutInRight {
0% {
transform:translateX(-100%);
clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}
to {
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
}
@keyframes cutInUp {
0% {
transform:translateY(100%);
clip-path:polygon(0 0, 100% 0, 100% 0, 0 0)
}
to {
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
}
@keyframes cutInDown {
0% {
transform:translateY(-100%);
clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}
to {
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
}
html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0 }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent; -webkit-text-decoration-skip: objects }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: bolder }
dfn { font-style: italic }
mark { background-color: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative }
sub { bottom: -.25em }
sup { top: -.5em }
audio:not([controls]) { display: none; height: 0 }
img { border-style: none }
svg:not(:root) { overflow: hidden }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 }
button, select { text-transform: none }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button }
[type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, [type=button]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=reset]:-moz-focusring, [type=submit]:-moz-focusring, [type=button]:-moz-focusring, button:-moz-focusring {
outline:ButtonText dotted 1px
}
fieldset { padding: 0 }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
textarea { overflow: auto }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
.swiper-slide, .swiper-wrapper { height: 100%; position: relative; transition-property: transform; width: 100% }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
.reset_style h1, .reset_style h2, .reset_style h3, .reset_style h4, .reset_style h5, .reset_style h6 { font-weight: 700; margin: 0 }
summary { display: list-item }
[hidden], template { display: none }
.reset_style { line-height: normal; word-wrap: break-word; font-size: 14px }
.reset_style h1 { font-size: 24px }
.reset_style h2 { font-size: 18px }
.reset_style h3 { font-size: 19px }
.reset_style h4 { font-size: 16px }
.reset_style h5 { font-size: 14px }
.reset_style h6 { font-size: 12px }
.reset_style p, .reset_style>span { font-size: 14px }
.reset_style p { margin: 0 }
.resetHtmlCssStyle .reset_style a, .reset_style a { text-decoration: none!important }
.lightbox .btnview .opbtn, .page_a, .page_a:hover, a:hover { text-decoration: none }
.reset_style em { font-style: italic }
.reset_style ol, .reset_style ul { padding-left: 20px; padding-right: 20px }
.resetHtmlCssStyle .reset_style ul, .reset_style ul { list-style: disc }
.resetHtmlCssStyle .reset_style ol, .reset_style ol { list-style: decimal }
.reset_style li { display: list-item; list-style-type: inherit }
@font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format("woff"); font-weight: 400; font-style: normal }
:root { --swiper-theme-color:#007aff;
--swiper-navigation-size:44px;
--font_0:bold clamp(2.25rem, 1.364rem + 4.43vw, 4.688rem)/1.4em "Microsoft YaHei", sans-serif;
--font_1:bold clamp(1.875rem, 1.057rem + 4.09vw, 4.125rem)/1.4em "Microsoft YaHei", sans-serif;
--font_2:bold clamp(1.625rem, 0.966rem + 3.3vw, 3.438rem)/1.4em "Microsoft YaHei", sans-serif;
--font_3:bold clamp(1.25rem, 0.841rem + 2.05vw, 2.375rem)/1.4em "Microsoft YaHei", sans-serif;
--font_4:normal clamp(1.125rem, 0.739rem + 1.93vw, 2.188rem)/1.4em "Microsoft YaHei", sans-serif;
--font_5:bold clamp(1.125rem, 0.92rem + 1.02vw, 1.688rem)/1.4em "Microsoft YaHei", sans-serif;
--font_6:normal clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem)/1.4em "Microsoft YaHei", sans-serif;
--font_7:normal clamp(1rem, 0.864rem + 0.68vw, 1.375rem)/1.4em "Microsoft YaHei", sans-serif;
--font_8:normal normal normal 16px/1.4em "Microsoft YaHei", sans-serif;
--font_9:normal normal normal 14px/1.4em "Microsoft YaHei", sans-serif;
--font_10:normal normal normal 12px/1.4em "Microsoft YaHei", sans-serif;
--sjy-font-style-h2:var(--font_2);
--sjy-font-style-h3:var(--font_3);
--sjy-font-style-h4:var(--font_4);
--sjy-font-style-h5:var(--font_5);
--sjy-font-style-h6:var(--font_6);
--sjy-font-style-body-large:var(--font_7);
--sjy-font-style-body-medium:var(--font_8);
--sjy-font-style-body-small:var(--font_9);
--sjy-font-style-body-x-small:var(--font_10);
--z100-color:rgba(var(--zz-color), var(--opacity100));
--f80-color:rgba(var(--zz-color), var(--opacity80));
--d50-color:rgba(var(--zz-color), var(--opacity50));
--s100-color:rgba(var(--ss-color), var(--opacity100));
--s80-color:rgba(var(--ss-color), var(--opacity80));
--x-linearbg:linear-gradient(var(--x), var(--s100-color) 0%, var(--s100-color) 100%);
--y-linearbg:linear-gradient(var(--y), var(--s100-color) 0%, var(--s100-color) 100%);
--x:90deg;
--y:180deg;
--opacity50:0.5;
--opacity80:0.8;
--opacity100:1
}
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 }
.swiper-container-vertical>.swiper-wrapper { flex-direction: column }
.swiper-wrapper { z-index: 1; display: flex; box-sizing: content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { flex-wrap: wrap }
.swiper-container-multirow-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column }
.swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { flex-shrink: 0 }
.swiper-slide-invisible-blank { visibility: hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height }
.swiper-container-3d { perspective: 1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none }
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start }
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory }
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width:calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
z-index: 1001; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1 }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev" }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next" }
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color:#ffffff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color:#000000
}
.swiper-button-lock { display: none }
.swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }
.captchaContainer .sliderContainer_active .sliderText, .sliderContainer_fail .sliderText, .sliderContainer_success .sliderText, .swiper-pagination-lock, .swiper-scrollbar-lock, .threesixty .threesixty_images, .websiteShareWxPop { display: none }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-scrollbar-cursor-drag, .swiper-slide-zoomed { cursor: move }
.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) }
.swiper-container.swiper-container-vertical { height: 300px }
.swiper-container-vertical>.swiper-pagination-bullets { left: 0; bottom: 10px; width: 100% }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; white-space: nowrap; transform: translateX(-50%) }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right }
.swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top }
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 }
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-pagination-white { --swiper-pagination-color:#ffffff
}
.swiper-pagination-black { --swiper-pagination-color:#000000
}
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 }
.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center }
.p_popFolder, .pl_empty { justify-content: center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid; border-radius: 50%; border-top-color: transparent }
li, p, ul { margin: 0 }
.swiper-lazy-preloader-white { --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black { --swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
100% {
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out }
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
body { font-size: 14px; line-height: 1.66666; margin: 0 auto; padding: 0; -moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased }
li, ul { list-style: none; padding: 0 }
.h6, h6 { font-weight: 400 }
a { color: inherit }
img[lazy] { filter: blur(.3em) }
img { filter: blur(0); transition: filter 1s }
.lazyImg { display: inline }
.icon { font-size: 16px; width: 20px; height: 20px; margin-right: 3px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; margin-top: -3px; fill: currentColor }
.pl_empty { width: 100%; height: 100%; min-height: 200px; text-align: center; display: flex; align-content: center; align-items: center; color: #999; font-size: 14px }
.p_required, [class^=e_][required] .p_label::after { font-size: 1.4em; line-height: 100%; top: .15em; padding-left: 5px; vertical-align: middle; position: relative; font-weight: 700 }
div[class^=cbox-], div[id^=c_] { position: relative }
.formHide, .hide { display: none!important }
[class^=e_][required] .p_label::after { color: red; content: "*" }
.font12 { font-size: 12px!important }
.font14 { font-size: 14px!important }
.font16 { font-size: 16px!important }
.font18 { font-size: 18px!important }
.font20 { font-size: 20px!important }
.font24 { font-size: 24px!important }
.font28 { font-size: 28px!important }
.font32 { font-size: 32px!important }
.font48 { font-size: 48px!important }
.font64 { font-size: 64px!important }
.page_con { display: inline }
.page_con * { vertical-align: middle }
.page_a { display: inline-block; line-height: 30px; height: 30px; width: 30px; margin: 0 3px; text-align: center; background: #f4f4f4; color: #666 }
.page_a:hover { background: #e6f4ff; color: #30a7fd }
.page_a.current { background: #1f98fc; color: #fff }
.page_a.disabled { background: #f4f4f4; color: #ccc; cursor: not-allowed }
.page_jump { margin-left: 5px }
.page_input { border: 1px solid #d5d5d5; line-height: 28px; height: 28px; width: 40px; text-align: center }
.page_total_items { font-size: 14px; margin-right: 10px }
.marquee-left::after, .marquee-right::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size) }
.page_total_items span { margin: 0 4px }
.page_confirmJump { background-color: #30a7fd; color: #fff; padding: 7px 20px; margin-left: 10px; cursor: pointer }

@media only screen and (max-width:768px) {
.page_jump { display: none }
}
.marquee-wrapper { display: flex; align-items: center; width: 100%; position: relative }
.marquee-wrapper ul li { float: left }
.marquee-left, .marquee-right { position: absolute; top: 50%; width:calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) }
.marquee-right { right: 10px }
.marquee-left { left: 10px }
.marquee-left::after { content: "prev" }
.marquee-right::after { content: "next"; text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1 }
.pl_confirm { position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,.5); text-align: center }
.pl_confirm_con { display: inline-block; width: 420px; max-width: 90%; background: #fff; border-radius: 5px; padding: 20px; text-align: left; position: relative; top: 50%; transform: translateY(-50%) }
.pl_confirm_con .pl_confirm_close { cursor: pointer; position: absolute; right: 20px; top: 20px; line-height: 1; color: #bbb }
.pl_confirm_con .pl_confirm_title { color: #333; font-weight: 700; padding-right: 10px }
.pl_confirm_con .pl_confirm_content { line-height: 1.5; margin-bottom: 20px }
.pl_confirm_con .pl_confirm_oprate { text-align: right; padding-top: 10px }
.pl_confirm_con .pl_confirm_oprate .btn+.btn { margin-left: 10px }

@media screen and (max-width:768px) {
.pl_confirm_con { text-align: center; padding: 20px 0 0 }
.pl_confirm_con .pl_confirm_close { display: none }
.pl_confirm_con .pl_confirm_title { color: #333; font-size: 24px; font-weight: 400; padding: 0 20px }
.pl_confirm_con .pl_confirm_content { padding: 0 20px }
.pl_confirm_con .pl_confirm_oprate { border-top: 1px solid #ddd; padding: 0; display: flex }
.pl_confirm_con .pl_confirm_oprate .btn { flex: 1; line-height: 2.5; border: none; background: 0 0; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.pl_confirm_con .pl_confirm_oprate .btn-default { color: #999 }
.pl_confirm_con .pl_confirm_oprate .btn-primary { color: #1890ff; border-left: 1px solid #ddd }
.pl_confirm_con .pl_confirm_oprate .btn+.btn { margin: 0 }
.pl_toast { max-width: 90% }
}
.pl_toast { position: fixed; text-align: center; top: 20%; display: block; width: 100%; min-width: 300px; left: 0; z-index: 99999 }
.pl_toast_con { background: rgba(0,0,0,.7); color: #fff; border: 0; border-radius: 3px; box-shadow: none; padding: 5px 10px }
.videoPlayerCon, .videoPlayerCon.jsmodern-video { width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 99 }
.videoPlayerCon .videoContent { width: 100%; height: 100%; object-fit: contain }
.videoPlayerCon .VideoBtn { position: absolute; left: 50%; top: 50%; display: block; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 11 }
.videoPlayerCon .videoCover { position: absolute; width: 100%; height: 100%; object-fit: contain; left: 0; top: 0; z-index: 10 }
.videoPlayerCon .closeBtn { width: 35px; position: absolute; right: 20px; top: 20px; height: 35px; display: block; z-index: 11; cursor: pointer }
.videoPlayerCon .VideoBtn img, .videoPlayerCon .closeBtn img { width: 100%; height: 100%; object-fit: contain }
.lightbox .picview { display: flex; align-items: center; justify-content: center; width: 100%; height: 100% }
.lightbox { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background-color: rgba(0,0,0,1) }
.lightbox .picview .pic { max-width: 100%; max-height: 100%; border-radius: 3px; transition: transform .3s ease-out }
.lightbox .btnview .opbtn { position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 24px; border-radius: 32px; background-color: #666; opacity: .5; color: #fff; transition: all .3s }
.lightbox .btnview .opbtn:hover { opacity: 1; transform: scale(1.4) }
.lightbox .btnview .btnprev { left: 10px; top: 48% }
.lightbox .btnview .btnnext { right: 10px; top: 48% }
.lightbox .btnview .btnclose { right: 10px; top: 10px }
.lightbox .pageview { position: absolute; bottom: 0; left: 0; height: 50px; color: #fff; text-align: center; width: 100%; line-height: 50px }
.lightbox .picview .l_imgSlide { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden }
.threesixty { position: relative; overflow: hidden; margin: 0 auto }
.threesixty .threesixty_images { list-style: none; margin: 0; padding: 0 }
.threesixty .threesixty_images img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%) }
.threesixty .threesixty_images img.previous-image { visibility: hidden; width: 0 }
.threesixty .threesixty_images img.current-image { visibility: visible }
.threesixty .spinner { width: 60px; display: block; margin: 0 auto; height: 30px; background: #333; background: rgba(0,0,0,.7); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.threesixty .spinner span { font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; font-weight: bolder; color: #fff; text-align: center; line-height: 30px; display: block }
.threesixty .nav_bar { position: absolute; top: 10px; right: 10px; z-index: 11 }
.threesixty .nav_bar a { display: block; width: 32px; height: 32px; float: left; text-indent: -99999px }
.threesixty .nav_bar a.nav_bar_play { background-position: 0 0!important }
.threesixty .nav_bar a.nav_bar_previous { background-position: 0 -73px!important }
.threesixty .nav_bar a.nav_bar_stop { background-position: 0 -37px!important }
.threesixty .nav_bar a.nav_bar_next { background-position: 0 -104px!important }
.threesixty:-webkit-full-screen {
background:#fff;
width:100%;
height:100%;
margin-top:0;
padding-top:200px
}
.threesixty:-moz-full-screen {
background:#fff;
width:100%;
height:100%;
margin-top:0;
padding-top:200px
}
:focus-visible {
outline:0
}
.clickCaptcha { width: 100%; height: 100%; background-color: rgba(0,0,0,.6); position: fixed; z-index: 99998; left: 0; top: 0 }
.captchaContainer .slidercaptcha, .clickCaptcha .captchaMain { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.125); transform: translateX(-50%) translateY(-50%); border-radius: 4px }
.clickCaptcha .captchaMain { position: fixed; width: 300px; left: 50%; top: 30%; z-index: 99999 }
.clickCaptcha .header { font-size: 14px; line-height: 40px; padding: 0 10px }
.clickCaptcha svg { width: 100%; height: 100%; fill: currentColor; cursor: pointer }
.clickCaptcha .closeb, .clickCaptcha .refreshb { width: 18px; padding-top: 3px; display: inline-block; float: right; margin-left: 5px; color: #999 }
.clickCaptcha .captcha { padding: 0 10px 10px }
.clickCaptcha .captchabox { width: 280px; height: 160px; position: relative }
.clickCaptcha .fl { width: 140px; height: 80px; position: absolute }
.clickCaptcha .radio { background-color: #5a9ef8; border: 1px solid #fff; font-size: 14px; color: #fff; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; position: absolute; z-index: 10 }
.clickCaptcha .minbox { font-size: 14px; margin: 10px auto 0; text-align: center; line-height: 30px; color: #666; background-color: #f4f7fa }
.clickCaptcha .minbox.error { color: #db3b30; background-color: #f5d5d4 }
.clickCaptcha .minbox.success { color: #599ef8; background-color: #ddecfe }
.clickCaptcha .bg-blur { width: 100%; height: 100%; background-position: center; background-size: cover }
.clickCaptcha .dwd { width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; font-size: 24px; position: absolute; z-index: 4; color: #8a2be2; cursor: pointer; text-shadow: 2px 2px 0 #fff }
.captchaContainer { width: 100%; height: 100%; background-color: rgba(0,0,0,.6); position: fixed; z-index: 99998; left: 0; top: 0 }
.captchaContainer .block { position: absolute; left: 0; top: 0 }
.captchaContainer .slidercaptcha { position: fixed; width: 300px; left: 50%; top: 30%; z-index: 99999 }
.captchaContainer .slidercaptcha .body { padding: 10px }
.captchaContainer .slidercaptcha canvas:first-child { border-radius: 4px; border: 1px solid #e6e8eb }
.captchaContainer .slidercaptcha .header { background-image: none; background-color: rgba(0,0,0,.03); line-height: 40px; padding: 0 15px }
.captchaContainer .sliderContainer { position: relative; text-align: center; line-height: 40px; height: 40px; background: #f7f9fa; color: #45494c; border-radius: 2px }
.captchaContainer .sliderbg { position: absolute; left: 0; right: 0; top: 0; background-color: #f7f9fa; height: 40px; border-radius: 2px; border: 1px solid #e6e8eb }
.captchaContainer .sliderContainer_active .slider { top: -1px; border: 1px solid #1991FA }
.captchaContainer .sliderContainer_active .sliderMask { border-width: 1px 0 1px 1px }
.captchaContainer .sliderContainer_success .slider { top: -1px; border: 1px solid #52CCBA; background-color: #52CCBA!important }
.captchaContainer .sliderContainer_success .sliderMask { border: 1px solid #52CCBA; border-width: 1px 0 1px 1px; background-color: #D2F4EF }
.captchaContainer .sliderContainer_success .sliderIcon:before { content: "\f00c" }
.captchaContainer .sliderContainer_fail .slider { top: -1px; border: 1px solid #f57a7a; background-color: #f57a7a!important }
.captchaContainer .sliderContainer_fail .sliderMask { border: 1px solid #f57a7a; background-color: #fce1e1; border-width: 1px 0 1px 1px }
.captchaContainer .sliderContainer_fail .sliderIcon:before { content: "\f00d" }
.captchaContainer .sliderMask { position: absolute; left: 0; top: 0; height: 40px; border: 0 solid #1991FA; background: #D1E9FE; border-radius: 2px }
.captchaContainer .slider { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,.3); cursor: pointer; transition: background .2s linear; border-radius: 2px; display: flex; align-items: center; justify-content: center }
.captchaContainer .slider:hover { background: #1991FA }
.captchaContainer .slider:hover .sliderIcon { background-position: 0 -13px }
.captchaContainer .sliderText { position: relative }
.captchaContainer .refreshIcon { position: absolute; right: 0; top: -40px; cursor: pointer; color: rgba(0,0,0,.25); font-size: 14px; z-index: 5; transition: color .3s linear; height: 30px; font-style: normal }
.captchaContainer .refreshIcon:hover { color: #6c757d }
.captchaContainer .refreshIcon .icon { width: 100%; height: 100%; fill: currentColor }
.openwithbrowser { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,.8); overflow: hidden; z-index: 999 }
.openwithbrowser .wxarrow { padding-top: 10px; padding-right: 10px; text-align: right; margin-bottom: 30px }
.mdBtn, .mdIcon, .mdPrompt, .openwithbrowser .wxprom, .p_createFolder, .smartServiceIcon, .websiteShareWxCon { text-align: center }
.openwithbrowser .wxarrow img { width: 80px; max-width: 25% }
.openwithbrowser .wxprom { padding: 0 10%; margin-top: 30px }
.openwithbrowser .wxprom img { max-width: 100% }
.openwithbrowser p { color: #fff; padding: 0 15% }
mark.highLight { background-color: #ff0; color: red; font-weight: 700; padding: 0 }
mark.forbiddenLight { background-color: #9a38ca; color: #fff; font-weight: 700; padding: 0 }
.websiteShareWxPop { position: absolute; left: -99999px; z-index: 99999; color: #000 }
.websiteShareWxCon { box-shadow: 1px 1px 4px #888; padding: 8px 8px 4px; border-radius: 4px }
.websiteShareWxUpArrow { position: relative; height: 0; width: 0; border-style: solid; border-width: 12px; border-color: transparent; border-top: none }
.websiteShareWxDownArrow { position: relative; height: 0; width: 0; border-style: solid; border-width: 12px; border-color: transparent; border-bottom: none }
.websiteShareWxTip { font-size: 12px; line-height: 20px; margin: 4px auto; width: 120px }
.container-fluid { position: fixed; background: #000; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 999; display: flex; align-items: center }
.container-fluid .closeBtn { width: 35px; position: absolute; right: 20px; top: 20px; height: 35px; display: block; z-index: 999; cursor: pointer }
.container-fluid .closeBtn img { width: 100%; height: 100%; object-fit: contain }
.pdfPreviewIframe { position: fixed; width: 100%; height: 100%; box-sizing: border-box; left: 0; top: 0; z-index: 999999; background: rgba(0,0,0,.8) }
.pdfPreviewIframe iframe { width: 100%; height: 100% }
.pdfPreviewIframe .pdfPreviewClose { position: absolute; padding: 8px 30px; left: 50%; bottom: 80px; z-index: 99; transform: translateX(-50%) }
.p_businesspopup { position: fixed; width: 100%; height: 100%; display: none; top: 10px; left: 0; z-index: 9999 }
.p_businessclose { position: absolute; right: 20px; z-index: 9999; top: 0; cursor: pointer }
.p_businessclose .icon { color: #fff; cursor: pointer }
.p_businesscontent { position: absolute; z-index: 9999; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100% }
.p_businessbg, .p_popFolder, .slectMdCon { position: fixed; left: 0; top: 0 }
.p_businessbg { background: #1e1e1e; opacity: .9; width: 100%; height: 100%; right: 0; bottom: 0; z-index: 999 }
.p_businessimg { width: 100%; height: 100%; object-fit: contain }

@media only screen and (max-width:768px) {
div[data-vhide768] { display: none!important }
}

@media only screen and (max-width:1024px) and (min-width:769px) {
div[data-vhide1024] { display: none!important }
}

@media only screen and (min-width:1025px) {
div[data-vhide100p] { display: none!important }
}
.smartServiceIcon { display: inline-block; background: rgba(0,0,0,.4); position: fixed; z-index: 9999; right: 0; bottom: 40px; width: 70px; height: 70px }
.smartServiceIcon img { width: 46px; height: 46px; margin-top: 12px }
.slectMdCon { width: 100%; height: 100%; z-index: 99999; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center }
.slectMd { max-width: 80%; width: 400px; padding: 30px; background: #fff; border-radius: 4px; border: 1px solid #eee; position: relative }
.mdClose { width: 20px; height: 20px; position: absolute; right: 20px; top: 20px; color: #ccc }
.mdClose .icon { margin: 0; width: 100%; height: 100% }
.mdIcon { width: 50px; height: 50px; border-radius: 50%; margin: 0 auto 20px; background: #ffdede; color: #dc2326; line-height: 43px }
.mdIcon .icon { width: 60%; height: 60%; margin: 0 }
.mdPrompt { padding: 20px }
.mdBtn { display: block; line-height: 20px; padding: 10px; border: 1px solid #ddd; border-radius: 6px; background: #fff; font-size: 12px }
.mdBtn.bmd { background: #d5d5d5 }
.mdBtn+.mdBtn { margin-top: 15px }
.mdBtn:hover { border-color: #98cdf6; color: #009dfc; background-color: #e1f4fe }
#blackTop { position: fixed; right: 20px; bottom: 20px; width: 40px; height: 40px; background: rgb(0 0 0 / 70%); border-radius: 100%; color: #fff; display: none; cursor: pointer }
#blackTop svg { margin: 0 auto; height: 100%; display: flex; width: 14px }
.p_popFolder { width: 100%; height: 100%; z-index: 99; background-color: rgba(0,0,0,.3); align-items: center; display: none }
.p_folderItem, .p_popFolder.show, .p_popTitle { display: flex }
.p_popMain { width: 400px; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 0 40px rgba(0,0,0,.2) }
.p_popTitle { line-height: 50px; padding: 0 15px; background: #f0f1f3; justify-content: space-between }
.p_popContent { padding: 15px }
.p_popSearch { background: #f6f7f9; padding-left: 40px; position: relative }
.p_popSearch .icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #999; margin: 0; width: 20px; height: 20px }
.p_popSearch input { width: 100%; border: none; background: 0 0; height: 40px; line-height: 40px }
.p_folderList { height: 160px; overflow-y: auto; padding: 10px 0 }
.p_folderItem { justify-content: space-between; padding: 10px; line-height: 20px }
.p_folderBtn { background: #1f98fc; color: #fff; padding: 0 20px; border-radius: 3px }
.p_popOperate { padding: 0 15px; margin-bottom: 10px }
.p_createFolder { border-top: 1px solid #ccc; display: block; line-height: 60px }
.page { width: 100%; text-align: center; padding: 30px 0; clear: both; margin: 0 0 0px; }
.page span, .page a { display: inline-block; line-height: 24px; line-height: 21px; text-align: center; color: #333; font-size: 12px }
.page span { font-weight: bold; }
.page a { color: #333; border: 1px #ccc solid; border-radius: 10px; margin: 0 6px; padding: 3px 10px; }
.page a:hover { font-weight: bold; color: #0665B5; }
.page span.next, .page a.next { width: 51px; height: 21px; }
.page span.next { color: #C4C4C4; font-weight: normal; }
.page a.page-num-current { background: #0665B5; color: #fff; }

@media (max-width:767.98px) {
.page a { border-radius: 10px; margin: 0 2px; padding: 2px 3px; }
}
.vertical_img { display: block; position: relative; overflow: hidden; }
.vertical_img img.bgimg { width: 100%; }
.vertical_img img.up-pic { transform: translateZ(0px); transition: transform 0.3s ease 0s; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translateY(-50%) translateX(-50%); }
.vertical_img:hover img.up-pic { transform: scale(.94, .94) translateY(-53%) translateX(-53%); transition: transform 0.6s ease 0s; }