@font-face {
  /* 自定义字体家族名称（后续调用时用，可任意命名，如"MyCustomFont"） */
  font-family: 'sumassfont';
  /* 字体文件路径（根据你的目录结构修改！） */
  src: 
    url('../font/Sora-SemiBold.woff2') format('woff2'),  /* 优先加载WOFF2（体积小） */ 
  /* 字体样式（常规=normal，斜体=italic，默认normal） */
  font-style: normal;
  /* 字体字重（常规=400，粗体=700，需与字体文件匹配） */
  font-weight: 400;
  /* 字体显示策略（优化加载体验：优先显示自定义字体，加载慢时短暂显示空白） */
  font-display: swap;
}




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: 'sumassfont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height:1.15; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent }
body { margin:0; font-family:'sumassfont',-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:'sumassfont',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 }
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:'sumassfont',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 }
[type=checkbox], [type=radio], legend {
box-sizing:border-box;
padding:0
}
.reset_style, body { word-break:break-all }
@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:'sumassfont',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:'sumassfont',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 { color:inherit; display:table; max-width:100%; white-space:normal }
textarea { overflow:auto }
[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 { margin:0; font-size:14px }
.reset_style>span { font-size:14px }
.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 }
.swiper-container, .threesixty .threesixty_images, li, ul { list-style:none; padding:0 }
.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
}
.swiper-container { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; z-index:1 }
.swiper-container-vertical>.swiper-wrapper { flex-direction:column }
.swiper-wrapper { z-index:1; display:flex; box-sizing:content-box }
.swiper-button-lock, .swiper-pagination-lock, .swiper-scrollbar-lock { display:none }
.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 }
.marquee-left, .marquee-right, .swiper-button-next, .swiper-button-prev { height:var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2)
}
.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);
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-pagination { position:absolute; text-align:center; transition:.3s opacity;
transform:translate3d(0, 0, 0); z-index:10 }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:.2s transform, .2s left
}
.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 }
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-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; transform:translateX(-50%); white-space:nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; transform:translateX(-50%); white-space:nowrap }
.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 }
.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 }
.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; justify-content:center; align-content:center; align-items:center; color:#999; font-size:14px }
.p_required, [class^=e_][required] .p_label::after {
vertical-align:middle;
font-size:1.4em;
line-height:100%;
top:.15em;
padding-left:5px;
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_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);
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 .btnview .opbtn, .lightbox .pageview { position:absolute; color:#fff; text-align:center }
.lightbox .picview .pic { max-width:100%; max-height:100%; border-radius:3px; transition:transform .3s ease-out
}
.lightbox .btnview .opbtn { width:40px; height:40px; line-height:40px; font-size:24px; border-radius:32px; background-color:#666; opacity:.5; 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 { bottom:0; left:0; height:50px; 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 { display:none; margin: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:'sumassfont',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; background:url(https://www.cn-litong.com/assets/sprites.png) no-repeat; 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%) }
.clickCaptcha .captchaMain { position:fixed; width:300px; border-radius:4px; 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; border-radius:4px; 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 .slider, .captchaContainer .sliderMask, .captchaContainer .sliderbg { position:absolute; height:40px; top:0; left:0 }
.captchaContainer .sliderbg { right:0; background-color:#f7f9fa; 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 .sliderContainer_active .sliderText, .sliderContainer_fail .sliderText, .sliderContainer_success .sliderText { display:none }
.captchaContainer .sliderMask { border:0 solid #1991FA; background:#D1E9FE; border-radius:2px }
.captchaContainer .slider { width: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, .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; display:none; 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, .p_businessbg, .p_businessimg, .p_businesspopup, .pdfPreviewIframe, .pdfPreviewIframe iframe { width:100%; height:100% }
.container-fluid .closeBtn img { object-fit:contain }
.pdfPreviewIframe { position:fixed; box-sizing:border-box; left:0; top:0; z-index:999999; background:rgba(0, 0, 0, .8) }
.pdfPreviewIframe .pdfPreviewClose { position:absolute; padding:8px 30px; left:50%; bottom:80px; z-index:99; transform:translateX(-50%) }
.p_businesspopup { position:fixed; 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, .slectMdCon { position:fixed; left:0; top:0 }
.p_businessbg { background:#1e1e1e; opacity:.9; right:0; bottom:0; z-index:999 }
.p_businessimg { 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 }