.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea { appearance: none; align-items: center; border: 1px solid transparent; border-radius: 4px; box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.5em; justify-content: flex-start; line-height: 1.5; padding: calc(0.5em - 1px) calc(0.75em - 1px); position: relative; vertical-align: top; }
.button:active, .button:focus, .file-cta:active, .file-cta:focus, .file-name:active, .file-name:focus, .input:active, .input:focus, .is-active.button, .is-active.file-cta, .is-active.file-name, .is-active.input, .is-active.pagination-ellipsis, .is-active.pagination-link, .is-active.pagination-next, .is-active.pagination-previous, .is-active.textarea, .is-focused.button, .is-focused.file-cta, .is-focused.file-name, .is-focused.input, .is-focused.pagination-ellipsis, .is-focused.pagination-link, .is-focused.pagination-next, .is-focused.pagination-previous, .is-focused.textarea, .pagination-ellipsis:active, .pagination-ellipsis:focus, .pagination-link:active, .pagination-link:focus, .pagination-next:active, .pagination-next:focus, .pagination-previous:active, .pagination-previous:focus, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus { outline: 0px; }
.button[disabled], .file-cta[disabled], .file-name[disabled], .input[disabled], .pagination-ellipsis[disabled], .pagination-link[disabled], .pagination-next[disabled], .pagination-previous[disabled], .select fieldset[disabled] select, .select select[disabled], .textarea[disabled], fieldset[disabled] .button, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .input, fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-previous, fieldset[disabled] .select select, fieldset[disabled] .textarea { cursor: not-allowed; }
.breadcrumb, .button, .file, .is-unselectable, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .tabs { user-select: none; }
.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after { border-width: 0px 0px 3px 3px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: transparent; border-left-color: transparent; border-image: initial; border-radius: 2px; border-right-style: initial; border-right-color: initial; border-top-style: initial; border-top-color: initial; content: " "; display: block; height: 0.625em; margin-top: -0.4375em; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center center; width: 0.625em; }
.block:not(:last-child), .box:not(:last-child), .breadcrumb:not(:last-child), .content:not(:last-child), .highlight:not(:last-child), .level:not(:last-child), .message:not(:last-child), .notification:not(:last-child), .pagination:not(:last-child), .progress:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .tabs:not(:last-child), .title:not(:last-child) { margin-bottom: 1.5rem; }
.delete, .modal-close { user-select: none; appearance: none; background-color: rgba(10, 10, 10, 0.2); border: none; border-radius: 290486px; cursor: pointer; display: inline-block; flex-grow: 0; flex-shrink: 0; font-size: 0px; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: 0px; position: relative; vertical-align: top; width: 20px; }
.delete::after, .delete::before, .modal-close::after, .modal-close::before { background-color: rgb(255, 255, 255); content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; }
.delete::before, .modal-close::before { height: 2px; width: 50%; }
.delete::after, .modal-close::after { height: 50%; width: 2px; }
.delete:focus, .delete:hover, .modal-close:focus, .modal-close:hover { background-color: rgba(10, 10, 10, 0.3); }
.delete:active, .modal-close:active { background-color: rgba(10, 10, 10, 0.4); }
.is-small.delete, .is-small.modal-close { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; }
.is-medium.delete, .is-medium.modal-close { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; }
.is-large.delete, .is-large.modal-close { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; }
.button.is-loading::after, .control.is-loading::after, .loader, .select.is-loading::after { animation: 0.5s linear 0s infinite normal none running spinAround; border-width: 2px; border-style: solid; border-color: transparent transparent rgb(219, 219, 219) rgb(219, 219, 219); border-image: initial; border-radius: 290486px; content: ""; display: block; height: 1em; position: relative; width: 1em; }
.hero-video, .image.is-16by9 .has-ratio, .image.is-16by9 img, .image.is-1by1 .has-ratio, .image.is-1by1 img, .image.is-1by2 .has-ratio, .image.is-1by2 img, .image.is-1by3 .has-ratio, .image.is-1by3 img, .image.is-2by1 .has-ratio, .image.is-2by1 img, .image.is-2by3 .has-ratio, .image.is-2by3 img, .image.is-3by1 .has-ratio, .image.is-3by1 img, .image.is-3by2 .has-ratio, .image.is-3by2 img, .image.is-3by4 .has-ratio, .image.is-3by4 img, .image.is-3by5 .has-ratio, .image.is-3by5 img, .image.is-4by3 .has-ratio, .image.is-4by3 img, .image.is-4by5 .has-ratio, .image.is-4by5 img, .image.is-5by3 .has-ratio, .image.is-5by3 img, .image.is-5by4 .has-ratio, .image.is-5by4 img, .image.is-9by16 .has-ratio, .image.is-9by16 img, .image.is-square .has-ratio, .image.is-square img, .is-overlay, .modal, .modal-background { inset: 0px; position: absolute; }
blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
ul { list-style: none; }
button, input, select, textarea { margin: 0px; }
html { box-sizing: border-box; }
*, ::after, ::before { box-sizing: inherit; }
img, video { height: auto; max-width: 100%; }
iframe { border: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
td, th { padding: 0px; }
td:not([align]), th:not([align]) { text-align: inherit; }
html { background-color: rgb(255, 255, 255); font-size: 16px; -webkit-font-smoothing: antialiased; min-width: 300px; overflow: hidden scroll; text-rendering: optimizelegibility; text-size-adjust: 100%; }
article, aside, figure, footer, header, hgroup, section { display: block; }
body, button, input, optgroup, select, textarea { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
code, pre { -webkit-font-smoothing: auto; font-family: monospace; }
body { color: rgb(74, 74, 74); font-size: 0.875em; font-weight: 400; line-height: 1.5; }
a { color: rgb(0, 0, 0); cursor: pointer; text-decoration: none; }
a strong { color: currentcolor; }
a:hover { color: rgb(245, 88, 50); }
code { background-color: rgb(245, 245, 245); color: rgb(245, 88, 50); font-size: 0.875em; font-weight: 400; padding: 0.25em 0.5em; }
hr { background-color: rgb(245, 245, 245); border: none; display: block; height: 2px; margin: 1.5rem 0px; }
img { height: auto; max-width: 100%; }
input[type="checkbox"], input[type="radio"] { vertical-align: baseline; }
small { font-size: 0.875em; }
span { font-style: inherit; font-weight: inherit; }
strong { color: rgb(54, 54, 54); font-weight: 700; }
fieldset { border: none; }
pre { background-color: rgb(245, 245, 245); color: rgb(74, 74, 74); font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; overflow-wrap: normal; }
pre code { background-color: transparent; color: currentcolor; font-size: 1em; padding: 0px; }
table td, table th { vertical-align: top; }
table td:not([align]), table th:not([align]) { text-align: inherit; }
table th { color: rgb(54, 54, 54); }
@-webkit-keyframes spinAround { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes spinAround { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
.box { background-color: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(10, 10, 10, 0.1) 0px 0.5em 1em -0.125em, rgba(10, 10, 10, 0.02) 0px 0px 0px 1px; color: rgb(74, 74, 74); display: block; padding: 1.25rem; }
a.box:focus, a.box:hover { box-shadow: rgba(10, 10, 10, 0.1) 0px 0.5em 1em -0.125em, rgb(50, 115, 220) 0px 0px 0px 1px; }
a.box:active { box-shadow: rgba(10, 10, 10, 0.2) 0px 1px 2px inset, rgb(50, 115, 220) 0px 0px 0px 1px; }
.button { background-color: rgb(255, 255, 255); border-color: rgb(219, 219, 219); border-width: 1px; color: rgb(54, 54, 54); cursor: pointer; justify-content: center; padding: calc(0.5em - 1px) 1em; text-align: center; white-space: nowrap; }
.button strong { color: inherit; }
.button .icon, .button .icon.is-large, .button .icon.is-medium, .button .icon.is-small { height: 1.5em; width: 1.5em; }
.button .icon:first-child:not(:last-child) { margin-left: calc(-0.5em - 1px); margin-right: 0.25em; }
.button .icon:last-child:not(:first-child) { margin-left: 0.25em; margin-right: calc(-0.5em - 1px); }
.button .icon:first-child:last-child { margin-left: calc(-0.5em - 1px); margin-right: calc(-0.5em - 1px); }
.button.is-hovered, .button:hover { border-color: rgb(181, 181, 181); color: rgb(54, 54, 54); }
.button.is-focused, .button:focus { border-color: rgb(50, 115, 220); color: rgb(54, 54, 54); }
.button.is-active, .button:active { border-color: rgb(74, 74, 74); color: rgb(54, 54, 54); }
.button.is-text { background-color: transparent; border-color: transparent; color: rgb(74, 74, 74); text-decoration: underline; }
.button.is-text.is-focused, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text:hover { background-color: rgb(245, 245, 245); color: rgb(54, 54, 54); }
.button.is-text.is-active, .button.is-text:active { background-color: rgb(232, 232, 232); color: rgb(54, 54, 54); }
.button.is-text[disabled], fieldset[disabled] .button.is-text { background-color: transparent; border-color: transparent; box-shadow: none; }
.button.is-ghost { background: 0px 0px; border-color: transparent; color: rgb(50, 115, 220); text-decoration: none; }
.button.is-ghost.is-hovered, .button.is-ghost:hover { color: rgb(50, 115, 220); text-decoration: underline; }
.button.is-white { background-color: rgb(255, 255, 255); border-color: transparent; color: rgb(10, 10, 10); }
.button.is-white.is-hovered, .button.is-white:hover { background-color: rgb(249, 249, 249); border-color: transparent; color: rgb(10, 10, 10); }
.button.is-white.is-focused, .button.is-white:focus { border-color: transparent; color: rgb(10, 10, 10); }
.button.is-white.is-focused:not(:active), .button.is-white:focus:not(:active) { box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 0.125em; }
.button.is-white.is-active, .button.is-white:active { background-color: rgb(242, 242, 242); border-color: transparent; color: rgb(10, 10, 10); }
.button.is-white[disabled], fieldset[disabled] .button.is-white { background-color: rgb(255, 255, 255); border-color: transparent; box-shadow: none; }
.button.is-white.is-inverted { background-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.button.is-white.is-inverted.is-hovered, .button.is-white.is-inverted:hover { background-color: rgb(0, 0, 0); }
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { background-color: rgb(10, 10, 10); border-color: transparent; box-shadow: none; color: rgb(255, 255, 255); }
.button.is-white.is-loading::after { border-color: transparent transparent rgb(10, 10, 10) rgb(10, 10, 10) !important; }
.button.is-white.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.button.is-white.is-outlined.is-focused, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.button.is-white.is-outlined.is-loading::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-white.is-outlined.is-loading.is-focused::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(10, 10, 10) rgb(10, 10, 10) !important; }
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); box-shadow: none; color: rgb(255, 255, 255); }
.button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: rgb(10, 10, 10); color: rgb(10, 10, 10); }
.button.is-white.is-inverted.is-outlined.is-focused, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined:hover { background-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.button.is-white.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: rgb(10, 10, 10); box-shadow: none; color: rgb(10, 10, 10); }
.button.is-black { background-color: rgb(10, 10, 10); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-black.is-hovered, .button.is-black:hover { background-color: rgb(4, 4, 4); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-black.is-focused, .button.is-black:focus { border-color: transparent; color: rgb(255, 255, 255); }
.button.is-black.is-focused:not(:active), .button.is-black:focus:not(:active) { box-shadow: rgba(10, 10, 10, 0.25) 0px 0px 0px 0.125em; }
.button.is-black.is-active, .button.is-black:active { background-color: rgb(0, 0, 0); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-black[disabled], fieldset[disabled] .button.is-black { background-color: rgb(10, 10, 10); border-color: transparent; box-shadow: none; }
.button.is-black.is-inverted { background-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.button.is-black.is-inverted.is-hovered, .button.is-black.is-inverted:hover { background-color: rgb(242, 242, 242); }
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { background-color: rgb(255, 255, 255); border-color: transparent; box-shadow: none; color: rgb(10, 10, 10); }
.button.is-black.is-loading::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-black.is-outlined { background-color: transparent; border-color: rgb(10, 10, 10); color: rgb(10, 10, 10); }
.button.is-black.is-outlined.is-focused, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined:hover { background-color: rgb(10, 10, 10); border-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.button.is-black.is-outlined.is-loading::after { border-color: transparent transparent rgb(10, 10, 10) rgb(10, 10, 10) !important; }
.button.is-black.is-outlined.is-loading.is-focused::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined { background-color: transparent; border-color: rgb(10, 10, 10); box-shadow: none; color: rgb(10, 10, 10); }
.button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.button.is-black.is-inverted.is-outlined.is-focused, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined:hover { background-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.button.is-black.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(10, 10, 10) rgb(10, 10, 10) !important; }
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); box-shadow: none; color: rgb(255, 255, 255); }
.button.is-light { background-color: rgb(245, 245, 245); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.button.is-light.is-hovered, .button.is-light:hover { background-color: rgb(238, 238, 238); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.button.is-light.is-focused, .button.is-light:focus { border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.button.is-light.is-focused:not(:active), .button.is-light:focus:not(:active) { box-shadow: rgba(245, 245, 245, 0.25) 0px 0px 0px 0.125em; }
.button.is-light.is-active, .button.is-light:active { background-color: rgb(232, 232, 232); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.button.is-light[disabled], fieldset[disabled] .button.is-light { background-color: rgb(245, 245, 245); border-color: transparent; box-shadow: none; }
.button.is-light.is-inverted { background-color: rgba(0, 0, 0, 0.7); color: rgb(245, 245, 245); }
.button.is-light.is-inverted.is-hovered, .button.is-light.is-inverted:hover { background-color: rgba(0, 0, 0, 0.7); }
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: rgb(245, 245, 245); }
.button.is-light.is-loading::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
.button.is-light.is-outlined { background-color: transparent; border-color: rgb(245, 245, 245); color: rgb(245, 245, 245); }
.button.is-light.is-outlined.is-focused, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined:hover { background-color: rgb(245, 245, 245); border-color: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.7); }
.button.is-light.is-outlined.is-loading::after { border-color: transparent transparent rgb(245, 245, 245) rgb(245, 245, 245) !important; }
.button.is-light.is-outlined.is-loading.is-focused::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading:hover::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined { background-color: transparent; border-color: rgb(245, 245, 245); box-shadow: none; color: rgb(245, 245, 245); }
.button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); }
.button.is-light.is-inverted.is-outlined.is-focused, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined:hover { background-color: rgba(0, 0, 0, 0.7); color: rgb(245, 245, 245); }
.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(245, 245, 245) rgb(245, 245, 245) !important; }
.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); box-shadow: none; color: rgba(0, 0, 0, 0.7); }
.button.is-dark { background-color: rgb(54, 54, 54); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-dark.is-hovered, .button.is-dark:hover { background-color: rgb(47, 47, 47); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-dark.is-focused, .button.is-dark:focus { border-color: transparent; color: rgb(255, 255, 255); }
.button.is-dark.is-focused:not(:active), .button.is-dark:focus:not(:active) { box-shadow: rgba(54, 54, 54, 0.25) 0px 0px 0px 0.125em; }
.button.is-dark.is-active, .button.is-dark:active { background-color: rgb(41, 41, 41); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-dark[disabled], fieldset[disabled] .button.is-dark { background-color: rgb(54, 54, 54); border-color: transparent; box-shadow: none; }
.button.is-dark.is-inverted { background-color: rgb(255, 255, 255); color: rgb(54, 54, 54); }
.button.is-dark.is-inverted.is-hovered, .button.is-dark.is-inverted:hover { background-color: rgb(242, 242, 242); }
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted { background-color: rgb(255, 255, 255); border-color: transparent; box-shadow: none; color: rgb(54, 54, 54); }
.button.is-dark.is-loading::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-dark.is-outlined { background-color: transparent; border-color: rgb(54, 54, 54); color: rgb(54, 54, 54); }
.button.is-dark.is-outlined.is-focused, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined:hover { background-color: rgb(54, 54, 54); border-color: rgb(54, 54, 54); color: rgb(255, 255, 255); }
.button.is-dark.is-outlined.is-loading::after { border-color: transparent transparent rgb(54, 54, 54) rgb(54, 54, 54) !important; }
.button.is-dark.is-outlined.is-loading.is-focused::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined { background-color: transparent; border-color: rgb(54, 54, 54); box-shadow: none; color: rgb(54, 54, 54); }
.button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.button.is-dark.is-inverted.is-outlined.is-focused, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined:hover { background-color: rgb(255, 255, 255); color: rgb(54, 54, 54); }
.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(54, 54, 54) rgb(54, 54, 54) !important; }
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); box-shadow: none; color: rgb(255, 255, 255); }
.button.is-primary { background-color: rgb(66, 73, 99); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-primary.is-hovered, .button.is-primary:hover { background-color: rgb(56, 64, 87); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-primary.is-focused, .button.is-primary:focus { border-color: transparent; color: rgb(255, 255, 255); }
.button.is-primary.is-active, .button.is-primary:active { background-color: rgb(56, 64, 87); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-primary[disabled], fieldset[disabled] .button.is-primary { background-color: rgb(66, 73, 99); border-color: transparent; box-shadow: none; }
.button.is-primary.is-inverted { background-color: rgb(255, 255, 255); color: rgb(66, 73, 99); }
.button.is-primary.is-inverted.is-hovered, .button.is-primary.is-inverted:hover { background-color: rgb(242, 242, 242); }
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { background-color: rgb(255, 255, 255); border-color: transparent; box-shadow: none; color: rgb(66, 73, 99); }
.button.is-primary.is-loading::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-primary.is-outlined { background-color: transparent; border-color: rgb(66, 73, 99); color: rgb(66, 73, 99); }
.button.is-primary.is-outlined.is-focused, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined:hover { background-color: rgb(66, 73, 99); border-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
.button.is-primary.is-outlined.is-loading::after { border-color: transparent transparent rgb(66, 73, 99) rgb(66, 73, 99) !important; }
.button.is-primary.is-outlined.is-loading.is-focused::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { background-color: transparent; border-color: rgb(66, 73, 99); box-shadow: none; color: rgb(66, 73, 99); }
.button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.button.is-primary.is-inverted.is-outlined.is-focused, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined:hover { background-color: rgb(255, 255, 255); color: rgb(66, 73, 99); }
.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(66, 73, 99) rgb(66, 73, 99) !important; }
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); box-shadow: none; color: rgb(255, 255, 255); }
.button.is-primary.is-light { background-color: rgb(235, 255, 252); color: rgb(0, 148, 126); }
.button.is-primary.is-light.is-hovered, .button.is-primary.is-light:hover { background-color: rgb(222, 255, 250); border-color: transparent; color: rgb(0, 148, 126); }
.button.is-primary.is-light.is-active, .button.is-primary.is-light:active { background-color: rgb(209, 255, 248); border-color: transparent; color: rgb(0, 148, 126); }
.button.is-link { background-color: rgb(50, 115, 220); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-link.is-hovered, .button.is-link:hover { background-color: rgb(39, 108, 218); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-link.is-focused, .button.is-link:focus { border-color: transparent; color: rgb(255, 255, 255); }
.button.is-link.is-focused:not(:active), .button.is-link:focus:not(:active) { box-shadow: rgba(50, 115, 220, 0.25) 0px 0px 0px 0.125em; }
.button.is-link.is-active, .button.is-link:active { background-color: rgb(35, 102, 209); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-link[disabled], fieldset[disabled] .button.is-link { background-color: rgb(50, 115, 220); border-color: transparent; box-shadow: none; }
.button.is-link.is-inverted { background-color: rgb(255, 255, 255); color: rgb(50, 115, 220); }
.button.is-link.is-inverted.is-hovered, .button.is-link.is-inverted:hover { background-color: rgb(242, 242, 242); }
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted { background-color: rgb(255, 255, 255); border-color: transparent; box-shadow: none; color: rgb(50, 115, 220); }
.button.is-link.is-loading::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-link.is-outlined { background-color: transparent; border-color: rgb(50, 115, 220); color: rgb(50, 115, 220); }
.button.is-link.is-outlined.is-focused, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined:hover { background-color: rgb(50, 115, 220); border-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.button.is-link.is-outlined.is-loading::after { border-color: transparent transparent rgb(50, 115, 220) rgb(50, 115, 220) !important; }
.button.is-link.is-outlined.is-loading.is-focused::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined { background-color: transparent; border-color: rgb(50, 115, 220); box-shadow: none; color: rgb(50, 115, 220); }
.button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.button.is-link.is-inverted.is-outlined.is-focused, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined:hover { background-color: rgb(255, 255, 255); color: rgb(50, 115, 220); }
.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(50, 115, 220) rgb(50, 115, 220) !important; }
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); box-shadow: none; color: rgb(255, 255, 255); }
.button.is-link.is-light { background-color: rgb(238, 243, 252); color: rgb(33, 96, 196); }
.button.is-link.is-light.is-hovered, .button.is-link.is-light:hover { background-color: rgb(227, 236, 250); border-color: transparent; color: rgb(33, 96, 196); }
.button.is-link.is-light.is-active, .button.is-link.is-light:active { background-color: rgb(216, 228, 248); border-color: transparent; color: rgb(33, 96, 196); }
.button.is-info { background-color: rgb(50, 152, 220); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-info.is-hovered, .button.is-info:hover { background-color: rgb(39, 147, 218); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-info.is-focused, .button.is-info:focus { border-color: transparent; color: rgb(255, 255, 255); }
.button.is-info.is-focused:not(:active), .button.is-info:focus:not(:active) { box-shadow: rgba(50, 152, 220, 0.25) 0px 0px 0px 0.125em; }
.button.is-info.is-active, .button.is-info:active { background-color: rgb(35, 140, 209); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-info[disabled], fieldset[disabled] .button.is-info { background-color: rgb(50, 152, 220); border-color: transparent; box-shadow: none; }
.button.is-info.is-inverted { background-color: rgb(255, 255, 255); color: rgb(50, 152, 220); }
.button.is-info.is-inverted.is-hovered, .button.is-info.is-inverted:hover { background-color: rgb(242, 242, 242); }
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted { background-color: rgb(255, 255, 255); border-color: transparent; box-shadow: none; color: rgb(50, 152, 220); }
.button.is-info.is-loading::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-info.is-outlined { background-color: transparent; border-color: rgb(50, 152, 220); color: rgb(50, 152, 220); }
.button.is-info.is-outlined.is-focused, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined:hover { background-color: rgb(50, 152, 220); border-color: rgb(50, 152, 220); color: rgb(255, 255, 255); }
.button.is-info.is-outlined.is-loading::after { border-color: transparent transparent rgb(50, 152, 220) rgb(50, 152, 220) !important; }
.button.is-info.is-outlined.is-loading.is-focused::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined { background-color: transparent; border-color: rgb(50, 152, 220); box-shadow: none; color: rgb(50, 152, 220); }
.button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.button.is-info.is-inverted.is-outlined.is-focused, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined:hover { background-color: rgb(255, 255, 255); color: rgb(50, 152, 220); }
.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(50, 152, 220) rgb(50, 152, 220) !important; }
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); box-shadow: none; color: rgb(255, 255, 255); }
.button.is-info.is-light { background-color: rgb(238, 246, 252); color: rgb(29, 114, 170); }
.button.is-info.is-light.is-hovered, .button.is-info.is-light:hover { background-color: rgb(227, 241, 250); border-color: transparent; color: rgb(29, 114, 170); }
.button.is-info.is-light.is-active, .button.is-info.is-light:active { background-color: rgb(216, 235, 248); border-color: transparent; color: rgb(29, 114, 170); }
.button.is-success { background-color: rgb(72, 199, 116); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-success.is-hovered, .button.is-success:hover { background-color: rgb(62, 196, 109); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-success.is-focused, .button.is-success:focus { border-color: transparent; color: rgb(255, 255, 255); }
.button.is-success.is-focused:not(:active), .button.is-success:focus:not(:active) { box-shadow: rgba(72, 199, 116, 0.25) 0px 0px 0px 0.125em; }
.button.is-success.is-active, .button.is-success:active { background-color: rgb(58, 187, 103); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-success[disabled], fieldset[disabled] .button.is-success { background-color: rgb(72, 199, 116); border-color: transparent; box-shadow: none; }
.button.is-success.is-inverted { background-color: rgb(255, 255, 255); color: rgb(72, 199, 116); }
.button.is-success.is-inverted.is-hovered, .button.is-success.is-inverted:hover { background-color: rgb(242, 242, 242); }
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted { background-color: rgb(255, 255, 255); border-color: transparent; box-shadow: none; color: rgb(72, 199, 116); }
.button.is-success.is-loading::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-success.is-outlined { background-color: transparent; border-color: rgb(72, 199, 116); color: rgb(72, 199, 116); }
.button.is-success.is-outlined.is-focused, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined:hover { background-color: rgb(72, 199, 116); border-color: rgb(72, 199, 116); color: rgb(255, 255, 255); }
.button.is-success.is-outlined.is-loading::after { border-color: transparent transparent rgb(72, 199, 116) rgb(72, 199, 116) !important; }
.button.is-success.is-outlined.is-loading.is-focused::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined { background-color: transparent; border-color: rgb(72, 199, 116); box-shadow: none; color: rgb(72, 199, 116); }
.button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.button.is-success.is-inverted.is-outlined.is-focused, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined:hover { background-color: rgb(255, 255, 255); color: rgb(72, 199, 116); }
.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(72, 199, 116) rgb(72, 199, 116) !important; }
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); box-shadow: none; color: rgb(255, 255, 255); }
.button.is-success.is-light { background-color: rgb(239, 250, 243); color: rgb(37, 121, 66); }
.button.is-success.is-light.is-hovered, .button.is-success.is-light:hover { background-color: rgb(230, 247, 236); border-color: transparent; color: rgb(37, 121, 66); }
.button.is-success.is-light.is-active, .button.is-success.is-light:active { background-color: rgb(220, 244, 228); border-color: transparent; color: rgb(37, 121, 66); }
.button.is-warning { background-color: rgb(255, 221, 87); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.button.is-warning.is-hovered, .button.is-warning:hover { background-color: rgb(255, 219, 74); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.button.is-warning.is-focused, .button.is-warning:focus { border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.button.is-warning.is-focused:not(:active), .button.is-warning:focus:not(:active) { box-shadow: rgba(255, 221, 87, 0.25) 0px 0px 0px 0.125em; }
.button.is-warning.is-active, .button.is-warning:active { background-color: rgb(255, 216, 61); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.button.is-warning[disabled], fieldset[disabled] .button.is-warning { background-color: rgb(255, 221, 87); border-color: transparent; box-shadow: none; }
.button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 221, 87); }
.button.is-warning.is-inverted.is-hovered, .button.is-warning.is-inverted:hover { background-color: rgba(0, 0, 0, 0.7); }
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: rgb(255, 221, 87); }
.button.is-warning.is-loading::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
.button.is-warning.is-outlined { background-color: transparent; border-color: rgb(255, 221, 87); color: rgb(255, 221, 87); }
.button.is-warning.is-outlined.is-focused, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined:hover { background-color: rgb(255, 221, 87); border-color: rgb(255, 221, 87); color: rgba(0, 0, 0, 0.7); }
.button.is-warning.is-outlined.is-loading::after { border-color: transparent transparent rgb(255, 221, 87) rgb(255, 221, 87) !important; }
.button.is-warning.is-outlined.is-loading.is-focused::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading:hover::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined { background-color: transparent; border-color: rgb(255, 221, 87); box-shadow: none; color: rgb(255, 221, 87); }
.button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); }
.button.is-warning.is-inverted.is-outlined.is-focused, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined:hover { background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 221, 87); }
.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(255, 221, 87) rgb(255, 221, 87) !important; }
.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); box-shadow: none; color: rgba(0, 0, 0, 0.7); }
.button.is-warning.is-light { background-color: rgb(255, 251, 235); color: rgb(148, 118, 0); }
.button.is-warning.is-light.is-hovered, .button.is-warning.is-light:hover { background-color: rgb(255, 248, 222); border-color: transparent; color: rgb(148, 118, 0); }
.button.is-warning.is-light.is-active, .button.is-warning.is-light:active { background-color: rgb(255, 246, 209); border-color: transparent; color: rgb(148, 118, 0); }
.button.is-danger { background-color: rgb(245, 88, 50); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-danger.is-hovered, .button.is-danger:hover { background-color: rgb(239, 116, 87); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-danger.is-focused, .button.is-danger:focus { border-color: transparent; color: rgb(255, 255, 255); }
.button.is-danger.is-focused:not(:active), .button.is-danger:focus:not(:active) { box-shadow: rgba(241, 70, 104, 0.25) 0px 0px 0px 0.125em; }
.button.is-danger.is-active, .button.is-danger:active { background-color: rgb(239, 116, 87); border-color: transparent; color: rgb(255, 255, 255); }
.button.is-danger[disabled], fieldset[disabled] .button.is-danger { background-color: rgb(241, 70, 104); border-color: transparent; box-shadow: none; }
.button.is-danger.is-inverted { background-color: rgb(255, 255, 255); color: rgb(241, 70, 104); }
.button.is-danger.is-inverted.is-hovered, .button.is-danger.is-inverted:hover { background-color: rgb(242, 242, 242); }
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted { background-color: rgb(255, 255, 255); border-color: transparent; box-shadow: none; color: rgb(241, 70, 104); }
.button.is-danger.is-loading::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-danger.is-outlined { background-color: transparent; border-color: rgb(241, 70, 104); color: rgb(241, 70, 104); }
.button.is-danger.is-outlined.is-focused, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined:hover { background-color: rgb(241, 70, 104); border-color: rgb(241, 70, 104); color: rgb(255, 255, 255); }
.button.is-danger.is-outlined.is-loading::after { border-color: transparent transparent rgb(241, 70, 104) rgb(241, 70, 104) !important; }
.button.is-danger.is-outlined.is-loading.is-focused::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255) !important; }
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined { background-color: transparent; border-color: rgb(241, 70, 104); box-shadow: none; color: rgb(241, 70, 104); }
.button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.button.is-danger.is-inverted.is-outlined.is-focused, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined:hover { background-color: rgb(255, 255, 255); color: rgb(241, 70, 104); }
.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading:hover::after { border-color: transparent transparent rgb(241, 70, 104) rgb(241, 70, 104) !important; }
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: rgb(255, 255, 255); box-shadow: none; color: rgb(255, 255, 255); }
.button.is-danger.is-light { background-color: rgb(254, 236, 240); color: rgb(204, 15, 53); }
.button.is-danger.is-light.is-hovered, .button.is-danger.is-light:hover { background-color: rgb(253, 224, 230); border-color: transparent; color: rgb(245, 88, 50); }
.button.is-danger.is-light.is-active, .button.is-danger.is-light:active { background-color: rgb(252, 212, 220); border-color: transparent; color: rgb(245, 88, 50); }
.button.is-small { font-size: 0.75rem; }
.button.is-small:not(.is-rounded) { border-radius: 2px; }
.button.is-normal { font-size: 1rem; }
.button.is-medium { font-size: 1.25rem; }
.button.is-large { font-size: 1.5rem; }
.button[disabled], fieldset[disabled] .button { background-color: rgb(255, 255, 255); border-color: rgb(219, 219, 219); box-shadow: none; opacity: 0.5; }
.button.is-fullwidth { display: flex; width: 100%; }
.button.is-loading { color: transparent !important; }
.button.is-loading::after { left: calc(50% - 0.5em); top: calc(50% - 0.5em); position: absolute !important; }
.button.is-static { background-color: rgb(245, 245, 245); border-color: rgb(219, 219, 219); color: rgb(122, 122, 122); box-shadow: none; }
.button.is-rounded { border-radius: 290486px; padding-left: calc(1.25em); padding-right: calc(1.25em); }
.buttons { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.buttons .button { margin-bottom: 0.5rem; }
.buttons .button:not(:last-child):not(.is-fullwidth) { margin-right: 0.5rem; }
.buttons:last-child { margin-bottom: -0.5rem; }
.buttons:not(:last-child) { margin-bottom: 1rem; }
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { font-size: 0.75rem; }
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { border-radius: 2px; }
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { font-size: 1.25rem; }
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { font-size: 1.5rem; }
.buttons.has-addons .button:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.buttons.has-addons .button:not(:last-child) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: -1px; }
.buttons.has-addons .button:last-child { margin-right: 0px; }
.buttons.has-addons .button.is-hovered, .buttons.has-addons .button:hover { z-index: 2; }
.buttons.has-addons .button.is-active, .buttons.has-addons .button.is-focused, .buttons.has-addons .button.is-selected, .buttons.has-addons .button:active, .buttons.has-addons .button:focus { z-index: 3; }
.buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button.is-selected:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button:focus:hover { z-index: 4; }
.buttons.has-addons .button.is-expanded { flex-grow: 1; flex-shrink: 1; }
.buttons.is-centered { justify-content: center; }
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; }
.buttons.is-right { justify-content: flex-end; }
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; }
.container { flex-grow: 1; margin: 0px auto; position: relative; width: auto; }
.container.is-fluid { padding-left: 32px; padding-right: 32px; width: 100%; max-width: none !important; }
@media screen and (min-width: 1024px) {
  .container { max-width: 960px; }
}
@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) { max-width: 1152px; }
}
@media screen and (max-width: 1407px) {
  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) { max-width: 1200px; }
}
@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) { max-width: 1152px; }
}
@media screen and (min-width: 1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen) { max-width: 1244px; }
}
.content li + li { margin-top: 0.25em; }
.content blockquote:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content p:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child), .content ul:not(:last-child) { margin-bottom: 1em; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: rgb(54, 54, 54); font-weight: 600; line-height: 1.125; }
.content h1 { font-size: 2em; margin-bottom: 0.5em; }
.content h1:not(:first-child) { margin-top: 1em; }
.content h2 { font-size: 1.75em; margin-bottom: 0.5714em; }
.content h2:not(:first-child) { margin-top: 1.1428em; }
.content h3 { font-size: 1.5em; margin-bottom: 0.6666em; }
.content h3:not(:first-child) { margin-top: 1.3333em; }
.content h4 { font-size: 1.25em; margin-bottom: 0.8em; }
.content h5 { font-size: 1.125em; margin-bottom: 0.8888em; }
.content h6 { font-size: 1em; margin-bottom: 1em; }
.content blockquote { background-color: rgb(245, 245, 245); border-left: 5px solid rgb(219, 219, 219); padding: 1.25em 1.5em; }
.content ol { list-style-position: outside; margin-left: 2em; margin-top: 1em; }
.content ol:not([type]) { list-style-type: decimal; }
.content ol:not([type]).is-lower-alpha { list-style-type: lower-alpha; }
.content ol:not([type]).is-lower-roman { list-style-type: lower-roman; }
.content ol:not([type]).is-upper-alpha { list-style-type: upper-alpha; }
.content ol:not([type]).is-upper-roman { list-style-type: upper-roman; }
.content ul { list-style: outside disc; margin-left: 2em; margin-top: 1em; }
.content ul ul { list-style-type: circle; margin-top: 0.5em; }
.content ul ul ul { list-style-type: square; }
.content dd { margin-left: 2em; }
.content figure { margin-left: 2em; margin-right: 2em; text-align: center; }
.content figure:not(:first-child) { margin-top: 2em; }
.content figure:not(:last-child) { margin-bottom: 2em; }
.content figure img { display: inline-block; }
.content figure figcaption { font-style: italic; }
.content pre { overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; overflow-wrap: normal; }
.content sub, .content sup { font-size: 75%; }
.content table { width: 100%; }
.content table td, .content table th { border-style: solid; border-color: rgb(219, 219, 219); border-image: initial; border-width: 0px 0px 1px; padding: 0.5em 0.75em; vertical-align: top; }
.content table th { color: rgb(54, 54, 54); }
.content table th:not([align]) { text-align: inherit; }
.content table thead td, .content table thead th { border-width: 0px 0px 2px; color: rgb(54, 54, 54); }
.content table tfoot td, .content table tfoot th { border-width: 2px 0px 0px; color: rgb(54, 54, 54); }
.content table tbody tr:last-child td, .content table tbody tr:last-child th { border-bottom-width: 0px; }
.content .tabs li + li { margin-top: 0px; }
.content.is-small { font-size: 0.75rem; }
.content.is-medium { font-size: 1.25rem; }
.content.is-large { font-size: 1.5rem; }
.icon { align-items: center; display: inline-flex; justify-content: center; height: 1.5rem; width: 1.5rem; }
.icon.is-small { height: 1rem; width: 1rem; }
.icon.is-medium { height: 2rem; width: 2rem; }
.icon.is-large { height: 3rem; width: 3rem; }
.icon-text { align-items: flex-start; color: inherit; display: inline-flex; flex-wrap: wrap; line-height: 1.5rem; vertical-align: top; }
.icon-text .icon { flex-grow: 0; flex-shrink: 0; }
.icon-text .icon:not(:last-child) { margin-right: 0.25em; }
.icon-text .icon:not(:first-child) { margin-left: 0.25em; }
div.icon-text { display: flex; }
.image { display: block; position: relative; }
.image img { display: block; height: auto; width: 100%; }
.image img.is-rounded { border-radius: 290486px; }
.image.is-fullwidth { width: 100%; }
.image.is-16by9 .has-ratio, .image.is-16by9 img, .image.is-1by1 .has-ratio, .image.is-1by1 img, .image.is-1by2 .has-ratio, .image.is-1by2 img, .image.is-1by3 .has-ratio, .image.is-1by3 img, .image.is-2by1 .has-ratio, .image.is-2by1 img, .image.is-2by3 .has-ratio, .image.is-2by3 img, .image.is-3by1 .has-ratio, .image.is-3by1 img, .image.is-3by2 .has-ratio, .image.is-3by2 img, .image.is-3by4 .has-ratio, .image.is-3by4 img, .image.is-3by5 .has-ratio, .image.is-3by5 img, .image.is-4by3 .has-ratio, .image.is-4by3 img, .image.is-4by5 .has-ratio, .image.is-4by5 img, .image.is-5by3 .has-ratio, .image.is-5by3 img, .image.is-5by4 .has-ratio, .image.is-5by4 img, .image.is-9by16 .has-ratio, .image.is-9by16 img, .image.is-square .has-ratio, .image.is-square img { height: 100%; width: 100%; }
.image.is-1by1, .image.is-square { padding-top: 100%; }
.image.is-5by4 { padding-top: 80%; }
.image.is-4by3 { padding-top: 75%; }
.image.is-3by2 { padding-top: 66.6666%; }
.image.is-5by3 { padding-top: 60%; }
.image.is-16by9 { padding-top: 56.25%; }
.image.is-2by1 { padding-top: 50%; }
.image.is-3by1 { padding-top: 33.3333%; }
.image.is-4by5 { padding-top: 125%; }
.image.is-3by4 { padding-top: 133.333%; }
.image.is-2by3 { padding-top: 150%; }
.image.is-3by5 { padding-top: 166.667%; }
.image.is-9by16 { padding-top: 177.778%; }
.image.is-1by2 { padding-top: 200%; }
.image.is-1by3 { padding-top: 300%; }
.image.is-16x16 { height: 16px; width: 16px; }
.image.is-24x24 { height: 24px; width: 24px; }
.image.is-32x32 { height: 32px; width: 32px; }
.image.is-48x48 { height: 48px; width: 48px; }
.image.is-64x64 { height: 64px; width: 64px; }
.image.is-96x96 { height: 96px; width: 96px; }
.image.is-128x128 { height: 128px; width: 128px; }
.notification { background-color: rgb(245, 245, 245); border-radius: 4px; position: relative; padding: 1.25rem 2.5rem 1.25rem 1.5rem; }
.notification a:not(.button):not(.dropdown-item) { color: currentcolor; text-decoration: underline; }
.notification strong { color: currentcolor; }
.notification code, .notification pre { background: rgb(255, 255, 255); }
.notification pre code { background: 0px 0px; }
.notification > .delete { right: 0.5rem; position: absolute; top: 0.5rem; }
.notification .content, .notification .subtitle, .notification .title { color: currentcolor; }
.notification.is-white { background-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.notification.is-black { background-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.notification.is-light { background-color: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.7); }
.notification.is-dark { background-color: rgb(54, 54, 54); color: rgb(255, 255, 255); }
.notification.is-primary { background-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
.notification.is-primary.is-light { background-color: rgb(235, 255, 252); color: rgb(0, 148, 126); }
.notification.is-link { background-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.notification.is-link.is-light { background-color: rgb(238, 243, 252); color: rgb(33, 96, 196); }
.notification.is-info { background-color: rgb(50, 152, 220); color: rgb(255, 255, 255); }
.notification.is-info.is-light { background-color: rgb(238, 246, 252); color: rgb(29, 114, 170); }
.notification.is-success { background-color: rgb(72, 199, 116); color: rgb(255, 255, 255); }
.notification.is-success.is-light { background-color: rgb(239, 250, 243); color: rgb(37, 121, 66); }
.notification.is-warning { background-color: rgb(255, 221, 87); color: rgba(0, 0, 0, 0.7); }
.notification.is-warning.is-light { background-color: rgb(255, 251, 235); color: rgb(148, 118, 0); }
.notification.is-danger { background-color: rgb(245, 88, 50); color: rgb(255, 255, 255); }
.notification.is-danger.is-light { background-color: rgb(254, 236, 240); color: rgb(245, 88, 50); }
.progress { appearance: none; border: none; border-radius: 290486px; display: block; height: 1rem; overflow: hidden; padding: 0px; width: 100%; }
.progress::-webkit-progress-bar { background-color: rgb(237, 237, 237); }
.progress::-webkit-progress-value { background-color: rgb(74, 74, 74); }
.progress.is-white::-webkit-progress-value { background-color: rgb(255, 255, 255); }
.progress.is-white:indeterminate { background-image: linear-gradient(to right, rgb(255, 255, 255) 30%, rgb(237, 237, 237) 30%); }
.progress.is-black::-webkit-progress-value { background-color: rgb(10, 10, 10); }
.progress.is-black:indeterminate { background-image: linear-gradient(to right, rgb(10, 10, 10) 30%, rgb(237, 237, 237) 30%); }
.progress.is-light::-webkit-progress-value { background-color: rgb(245, 245, 245); }
.progress.is-light:indeterminate { background-image: linear-gradient(to right, rgb(245, 245, 245) 30%, rgb(237, 237, 237) 30%); }
.progress.is-dark::-webkit-progress-value { background-color: rgb(54, 54, 54); }
.progress.is-dark:indeterminate { background-image: linear-gradient(to right, rgb(54, 54, 54) 30%, rgb(237, 237, 237) 30%); }
.progress.is-primary::-webkit-progress-value { background-color: rgb(66, 73, 99); }
.progress.is-primary:indeterminate { background-image: linear-gradient(to right, rgb(66, 73, 99) 30%, rgb(237, 237, 237) 30%); }
.progress.is-link::-webkit-progress-value { background-color: rgb(50, 115, 220); }
.progress.is-link:indeterminate { background-image: linear-gradient(to right, rgb(50, 115, 220) 30%, rgb(237, 237, 237) 30%); }
.progress.is-info::-webkit-progress-value { background-color: rgb(50, 152, 220); }
.progress.is-info:indeterminate { background-image: linear-gradient(to right, rgb(50, 152, 220) 30%, rgb(237, 237, 237) 30%); }
.progress.is-success::-webkit-progress-value { background-color: rgb(72, 199, 116); }
.progress.is-success:indeterminate { background-image: linear-gradient(to right, rgb(72, 199, 116) 30%, rgb(237, 237, 237) 30%); }
.progress.is-warning::-webkit-progress-value { background-color: rgb(255, 221, 87); }
.progress.is-warning:indeterminate { background-image: linear-gradient(to right, rgb(255, 221, 87) 30%, rgb(237, 237, 237) 30%); }
.progress.is-danger::-webkit-progress-value { background-color: rgb(245, 88, 50); }
.progress.is-danger:indeterminate { background-image: linear-gradient(to right, rgb(241, 70, 104) 30%, rgb(237, 237, 237) 30%); }
.progress:indeterminate { animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: moveIndeterminate; animation-timing-function: linear; background-color: rgb(237, 237, 237); background-image: linear-gradient(to right, rgb(74, 74, 74) 30%, rgb(237, 237, 237) 30%); background-position: left top; background-repeat: no-repeat; background-size: 150% 150%; }
.progress:indeterminate::-webkit-progress-bar { background-color: transparent; }
.progress.is-small { height: 0.75rem; }
.progress.is-medium { height: 1.25rem; }
.progress.is-large { height: 1.5rem; }
@-webkit-keyframes moveIndeterminate { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@keyframes moveIndeterminate { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
.table { background-color: rgb(255, 255, 255); color: rgb(54, 54, 54); }
.table td, .table th { border-style: solid; border-color: rgb(219, 219, 219); border-image: initial; border-width: 0px 0px 1px; padding: 0.5em 0.75em; vertical-align: top; }
.table td.is-white, .table th.is-white { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.table td.is-black, .table th.is-black { background-color: rgb(10, 10, 10); border-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.table td.is-light, .table th.is-light { background-color: rgb(245, 245, 245); border-color: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.7); }
.table td.is-dark, .table th.is-dark { background-color: rgb(54, 54, 54); border-color: rgb(54, 54, 54); color: rgb(255, 255, 255); }
.table td.is-primary, .table th.is-primary { background-color: rgb(66, 73, 99); border-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
.table td.is-link, .table th.is-link { background-color: rgb(50, 115, 220); border-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.table td.is-info, .table th.is-info { background-color: rgb(50, 152, 220); border-color: rgb(50, 152, 220); color: rgb(255, 255, 255); }
.table td.is-success, .table th.is-success { background-color: rgb(72, 199, 116); border-color: rgb(72, 199, 116); color: rgb(255, 255, 255); }
.table td.is-warning, .table th.is-warning { background-color: rgb(255, 221, 87); border-color: rgb(255, 221, 87); color: rgba(0, 0, 0, 0.7); }
.table td.is-danger, .table th.is-danger { background-color: rgb(241, 70, 104); border-color: rgb(241, 70, 104); color: rgb(255, 255, 255); }
.table td.is-narrow, .table th.is-narrow { white-space: nowrap; width: 1%; }
.table td.is-selected, .table th.is-selected { background-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
.table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong { color: currentcolor; }
.table td.is-vcentered, .table th.is-vcentered { vertical-align: middle; }
.table th { color: rgb(54, 54, 54); }
.table th:not([align]) { text-align: inherit; }
.table tr.is-selected { background-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
.table tr.is-selected a, .table tr.is-selected strong { color: currentcolor; }
.table tr.is-selected td, .table tr.is-selected th { border-color: rgb(255, 255, 255); color: currentcolor; }
.table thead { background-color: transparent; }
.table thead td, .table thead th { border-width: 0px 0px 2px; color: rgb(54, 54, 54); }
.table tfoot { background-color: transparent; }
.table tfoot td, .table tfoot th { border-width: 2px 0px 0px; color: rgb(54, 54, 54); }
.table tbody { background-color: transparent; }
.table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom-width: 0px; }
.table.is-bordered td, .table.is-bordered th { border-width: 1px; }
.table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th { border-bottom-width: 1px; }
.table.is-fullwidth { width: 100%; }
.table.is-hoverable tbody tr:not(.is-selected):hover { background-color: rgb(250, 250, 250); }
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { background-color: rgb(250, 250, 250); }
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) { background-color: rgb(245, 245, 245); }
.table.is-narrow td, .table.is-narrow th { padding: 0.25em 0.5em; }
.table.is-striped tbody tr:not(.is-selected):nth-child(2n) { background-color: rgb(250, 250, 250); }
.table-container { overflow: auto hidden; max-width: 100%; }
.tags { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.tags .tag { margin-bottom: 0.5rem; }
.tags .tag:not(:last-child) { margin-right: 0.5rem; }
.tags:last-child { margin-bottom: -0.5rem; }
.tags:not(:last-child) { margin-bottom: 1rem; }
.tags.are-medium .tag:not(.is-normal):not(.is-large) { font-size: 1rem; }
.tags.are-large .tag:not(.is-normal):not(.is-medium) { font-size: 1.25rem; }
.tags.is-centered { justify-content: center; }
.tags.is-centered .tag { margin-right: 0.25rem; margin-left: 0.25rem; }
.tags.is-right { justify-content: flex-end; }
.tags.is-right .tag:not(:first-child) { margin-left: 0.5rem; }
.tags.is-right .tag:not(:last-child) { margin-right: 0px; }
.tags.has-addons .tag { margin-right: 0px; }
.tags.has-addons .tag:not(:first-child) { margin-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.tags.has-addons .tag:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.tag:not(body) { align-items: center; background-color: rgb(245, 245, 245); border-radius: 4px; color: rgb(74, 74, 74); display: inline-flex; font-size: 0.75rem; height: 2em; justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; }
.tag:not(body) .delete { margin-left: 0.25rem; margin-right: -0.375rem; }
.tag:not(body).is-white { background-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.tag:not(body).is-black { background-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.tag:not(body).is-light { background-color: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.7); }
.tag:not(body).is-dark { background-color: rgb(54, 54, 54); color: rgb(255, 255, 255); }
.tag:not(body).is-primary { background-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
.tag:not(body).is-primary.is-light { background-color: rgb(235, 255, 252); color: rgb(0, 148, 126); }
.tag:not(body).is-link { background-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.tag:not(body).is-link.is-light { background-color: rgb(238, 243, 252); color: rgb(33, 96, 196); }
.tag:not(body).is-info { background-color: rgb(50, 152, 220); color: rgb(255, 255, 255); }
.tag:not(body).is-info.is-light { background-color: rgb(238, 246, 252); color: rgb(29, 114, 170); }
.tag:not(body).is-success { background-color: rgb(72, 199, 116); color: rgb(255, 255, 255); }
.tag:not(body).is-success.is-light { background-color: rgb(239, 250, 243); color: rgb(37, 121, 66); }
.tag:not(body).is-warning { background-color: rgb(255, 221, 87); color: rgba(0, 0, 0, 0.7); }
.tag:not(body).is-warning.is-light { background-color: rgb(255, 251, 235); color: rgb(148, 118, 0); }
.tag:not(body).is-danger { background-color: rgb(245, 88, 50); color: rgb(255, 255, 255); }
.tag:not(body).is-danger.is-light { background-color: rgb(254, 236, 240); color: rgb(245, 88, 50); }
.tag:not(body).is-normal { font-size: 0.75rem; }
.tag:not(body).is-medium { font-size: 1rem; }
.tag:not(body).is-large { font-size: 1.25rem; }
.tag:not(body) .icon:first-child:not(:last-child) { margin-left: -0.375em; margin-right: 0.1875em; }
.tag:not(body) .icon:last-child:not(:first-child) { margin-left: 0.1875em; margin-right: -0.375em; }
.tag:not(body) .icon:first-child:last-child { margin-left: -0.375em; margin-right: -0.375em; }
.tag:not(body).is-delete { margin-left: 1px; padding: 0px; position: relative; width: 2em; }
.tag:not(body).is-delete::after, .tag:not(body).is-delete::before { background-color: currentcolor; content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; }
.tag:not(body).is-delete::before { height: 1px; width: 50%; }
.tag:not(body).is-delete::after { height: 50%; width: 1px; }
.tag:not(body).is-delete:focus, .tag:not(body).is-delete:hover { background-color: rgb(232, 232, 232); }
.tag:not(body).is-delete:active { background-color: rgb(219, 219, 219); }
.tag:not(body).is-rounded { border-radius: 290486px; }
a.tag:hover { text-decoration: underline; }
.subtitle, .title { word-break: break-word; }
.subtitle em, .subtitle span, .title em, .title span { font-weight: inherit; }
.subtitle sub, .title sub { font-size: 0.75em; }
.subtitle sup, .title sup { font-size: 0.75em; }
.subtitle .tag, .title .tag { vertical-align: middle; }
.title { color: rgb(54, 54, 54); font-size: 2rem; font-weight: 600; line-height: 1.125; }
.title strong { color: inherit; font-weight: inherit; }
.title + .highlight { margin-top: -0.75rem; }
.title:not(.is-spaced) + .subtitle { margin-top: -1.25rem; }
.title.is-1 { font-size: 3rem; }
.title.is-2 { font-size: 2.5rem; }
.title.is-3 { font-size: 2rem; }
.title.is-4 { font-size: 1.5rem; }
.title.is-5 { font-size: 1.25rem; }
.title.is-6 { font-size: 1rem; }
.title.is-7 { font-size: 0.75rem; }
.subtitle { color: rgb(74, 74, 74); font-size: 1.25rem; font-weight: 400; line-height: 1.25; }
.subtitle strong { color: rgb(54, 54, 54); font-weight: 600; }
.subtitle:not(.is-spaced) + .title { margin-top: -1.25rem; }
.subtitle.is-1 { font-size: 3rem; }
.subtitle.is-2 { font-size: 2.5rem; }
.subtitle.is-3 { font-size: 2rem; }
.subtitle.is-4 { font-size: 1.5rem; }
.subtitle.is-5 { font-size: 1.25rem; }
.subtitle.is-6 { font-size: 1rem; }
.subtitle.is-7 { font-size: 0.75rem; }
.heading { display: block; font-size: 11px; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; }
.highlight { font-weight: 400; max-width: 100%; overflow: hidden; padding: 0px; }
.highlight pre { overflow: auto; max-width: 100%; }
.number { align-items: center; background-color: rgb(245, 245, 245); border-radius: 290486px; display: inline-flex; font-size: 1.25rem; height: 2em; justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; text-align: center; vertical-align: top; }
.input, .select select, .textarea { background-color: rgb(255, 255, 255); border-color: rgb(219, 219, 219); border-radius: 4px; color: rgb(54, 54, 54); }
.input::-webkit-input-placeholder, .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); }
.input:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered, .select select:hover, .textarea:hover { border-color: rgb(181, 181, 181); }
.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus { border-color: rgb(50, 115, 220); box-shadow: rgba(50, 115, 220, 0.25) 0px 0px 0px 0.125em; }
.input[disabled], .select fieldset[disabled] select, .select select[disabled], .textarea[disabled], fieldset[disabled] .input, fieldset[disabled] .select select, fieldset[disabled] .textarea { background-color: rgb(245, 245, 245); border-color: rgb(245, 245, 245); box-shadow: none; color: rgb(122, 122, 122); }
.input[disabled]::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.3); }
.input, .textarea { box-shadow: rgba(10, 10, 10, 0.05) 0px 0.0625em 0.125em inset; max-width: 100%; width: 100%; }
.input[readonly], .textarea[readonly] { box-shadow: none; }
.is-white.input, .is-white.textarea { border-color: rgb(255, 255, 255); }
.is-white.input:active, .is-white.input:focus, .is-white.is-active.input, .is-white.is-active.textarea, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.textarea:active, .is-white.textarea:focus { box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 0.125em; }
.is-black.input, .is-black.textarea { border-color: rgb(10, 10, 10); }
.is-black.input:active, .is-black.input:focus, .is-black.is-active.input, .is-black.is-active.textarea, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.textarea:active, .is-black.textarea:focus { box-shadow: rgba(10, 10, 10, 0.25) 0px 0px 0px 0.125em; }
.is-light.input, .is-light.textarea { border-color: rgb(245, 245, 245); }
.is-light.input:active, .is-light.input:focus, .is-light.is-active.input, .is-light.is-active.textarea, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.textarea:active, .is-light.textarea:focus { box-shadow: rgba(245, 245, 245, 0.25) 0px 0px 0px 0.125em; }
.is-dark.input, .is-dark.textarea { border-color: rgb(54, 54, 54); }
.is-dark.input:active, .is-dark.input:focus, .is-dark.is-active.input, .is-dark.is-active.textarea, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.textarea:active, .is-dark.textarea:focus { box-shadow: rgba(54, 54, 54, 0.25) 0px 0px 0px 0.125em; }
.is-primary.input, .is-primary.textarea { border-color: rgb(66, 73, 99); }
.is-primary.input:active, .is-primary.input:focus, .is-primary.is-active.input, .is-primary.is-active.textarea, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.textarea:active, .is-primary.textarea:focus { box-shadow: rgba(0, 209, 178, 0.25) 0px 0px 0px 0.125em; }
.is-link.input, .is-link.textarea { border-color: rgb(50, 115, 220); }
.is-link.input:active, .is-link.input:focus, .is-link.is-active.input, .is-link.is-active.textarea, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.textarea:active, .is-link.textarea:focus { box-shadow: rgba(50, 115, 220, 0.25) 0px 0px 0px 0.125em; }
.is-info.input, .is-info.textarea { border-color: rgb(50, 152, 220); }
.is-info.input:active, .is-info.input:focus, .is-info.is-active.input, .is-info.is-active.textarea, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.textarea:active, .is-info.textarea:focus { box-shadow: rgba(50, 152, 220, 0.25) 0px 0px 0px 0.125em; }
.is-success.input, .is-success.textarea { border-color: rgb(72, 199, 116); }
.is-success.input:active, .is-success.input:focus, .is-success.is-active.input, .is-success.is-active.textarea, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.textarea:active, .is-success.textarea:focus { box-shadow: rgba(72, 199, 116, 0.25) 0px 0px 0px 0.125em; }
.is-warning.input, .is-warning.textarea { border-color: rgb(255, 221, 87); }
.is-warning.input:active, .is-warning.input:focus, .is-warning.is-active.input, .is-warning.is-active.textarea, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.textarea:active, .is-warning.textarea:focus { box-shadow: rgba(255, 221, 87, 0.25) 0px 0px 0px 0.125em; }
.is-danger.input, .is-danger.textarea { border-color: rgb(241, 70, 104); }
.is-danger.input:active, .is-danger.input:focus, .is-danger.is-active.input, .is-danger.is-active.textarea, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.textarea:active, .is-danger.textarea:focus { box-shadow: rgba(241, 70, 104, 0.25) 0px 0px 0px 0.125em; }
.is-small.input, .is-small.textarea { border-radius: 2px; font-size: 0.75rem; }
.is-medium.input, .is-medium.textarea { font-size: 1.25rem; }
.is-large.input, .is-large.textarea { font-size: 1.5rem; }
.is-fullwidth.input, .is-fullwidth.textarea { display: block; width: 100%; }
.is-inline.input, .is-inline.textarea { display: inline; width: auto; }
.input.is-rounded { border-radius: 290486px; padding-left: calc(0.75em - 1px + 0.375em); padding-right: calc(0.75em - 1px + 0.375em); }
.input.is-static { background-color: transparent; border-color: transparent; box-shadow: none; padding-left: 0px; padding-right: 0px; }
.textarea { display: block; max-width: 100%; min-width: 100%; padding: calc(0.75em - 1px); resize: vertical; }
.textarea:not([rows]) { max-height: 40em; min-height: 8em; }
.textarea[rows] { height: initial; }
.textarea.has-fixed-size { resize: none; }
.checkbox, .radio { cursor: pointer; display: inline-block; line-height: 1.25; position: relative; }
.checkbox input, .radio input { cursor: pointer; }
.checkbox:hover, .radio:hover { color: rgb(54, 54, 54); }
.checkbox input[disabled], .checkbox[disabled], .radio input[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .radio { color: rgb(122, 122, 122); cursor: not-allowed; }
.radio + .radio { margin-left: 0.5em; }
.select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; }
.select:not(.is-multiple) { height: 2.5em; }
.select:not(.is-multiple):not(.is-loading)::after { border-color: rgb(50, 115, 220); right: 1.125em; z-index: 4; }
.select.is-rounded select { border-radius: 290486px; padding-left: 1em; }
.select select { cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: 0px; }
.select select[disabled]:hover, fieldset[disabled] .select select:hover { border-color: rgb(245, 245, 245); }
.select select:not([multiple]) { padding-right: 2.5em; }
.select select[multiple] { height: auto; padding: 0px; }
.select select[multiple] option { padding: 0.5em 1em; }
.select:not(.is-multiple):not(.is-loading):hover::after { border-color: rgb(54, 54, 54); }
.select.is-white:not(:hover)::after { border-color: rgb(255, 255, 255); }
.select.is-white select { border-color: rgb(255, 255, 255); }
.select.is-white select.is-hovered, .select.is-white select:hover { border-color: rgb(242, 242, 242); }
.select.is-white select.is-active, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select:focus { box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 0.125em; }
.select.is-black:not(:hover)::after { border-color: rgb(10, 10, 10); }
.select.is-black select { border-color: rgb(10, 10, 10); }
.select.is-black select.is-hovered, .select.is-black select:hover { border-color: rgb(0, 0, 0); }
.select.is-black select.is-active, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select:focus { box-shadow: rgba(10, 10, 10, 0.25) 0px 0px 0px 0.125em; }
.select.is-light:not(:hover)::after { border-color: rgb(245, 245, 245); }
.select.is-light select { border-color: rgb(245, 245, 245); }
.select.is-light select.is-hovered, .select.is-light select:hover { border-color: rgb(232, 232, 232); }
.select.is-light select.is-active, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select:focus { box-shadow: rgba(245, 245, 245, 0.25) 0px 0px 0px 0.125em; }
.select.is-dark:not(:hover)::after { border-color: rgb(54, 54, 54); }
.select.is-dark select { border-color: rgb(54, 54, 54); }
.select.is-dark select.is-hovered, .select.is-dark select:hover { border-color: rgb(41, 41, 41); }
.select.is-dark select.is-active, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select:focus { box-shadow: rgba(54, 54, 54, 0.25) 0px 0px 0px 0.125em; }
.select.is-primary:not(:hover)::after { border-color: rgb(66, 73, 99); }
.select.is-primary select { border-color: rgb(66, 73, 99); }
.select.is-primary select.is-hovered, .select.is-primary select:hover { border-color: rgb(56, 64, 87); }
.select.is-primary select.is-active, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select:focus { box-shadow: rgba(0, 209, 178, 0.25) 0px 0px 0px 0.125em; }
.select.is-link:not(:hover)::after { border-color: rgb(50, 115, 220); }
.select.is-link select { border-color: rgb(50, 115, 220); }
.select.is-link select.is-hovered, .select.is-link select:hover { border-color: rgb(35, 102, 209); }
.select.is-link select.is-active, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select:focus { box-shadow: rgba(50, 115, 220, 0.25) 0px 0px 0px 0.125em; }
.select.is-info:not(:hover)::after { border-color: rgb(50, 152, 220); }
.select.is-info select { border-color: rgb(50, 152, 220); }
.select.is-info select.is-hovered, .select.is-info select:hover { border-color: rgb(35, 140, 209); }
.select.is-info select.is-active, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select:focus { box-shadow: rgba(50, 152, 220, 0.25) 0px 0px 0px 0.125em; }
.select.is-success:not(:hover)::after { border-color: rgb(72, 199, 116); }
.select.is-success select { border-color: rgb(72, 199, 116); }
.select.is-success select.is-hovered, .select.is-success select:hover { border-color: rgb(58, 187, 103); }
.select.is-success select.is-active, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select:focus { box-shadow: rgba(72, 199, 116, 0.25) 0px 0px 0px 0.125em; }
.select.is-warning:not(:hover)::after { border-color: rgb(255, 221, 87); }
.select.is-warning select { border-color: rgb(255, 221, 87); }
.select.is-warning select.is-hovered, .select.is-warning select:hover { border-color: rgb(255, 216, 61); }
.select.is-warning select.is-active, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select:focus { box-shadow: rgba(255, 221, 87, 0.25) 0px 0px 0px 0.125em; }
.select.is-danger:not(:hover)::after { border-color: rgb(241, 70, 104); }
.select.is-danger select { border-color: rgb(241, 70, 104); }
.select.is-danger select.is-hovered, .select.is-danger select:hover { border-color: rgb(239, 46, 85); }
.select.is-danger select.is-active, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select:focus { box-shadow: rgba(241, 70, 104, 0.25) 0px 0px 0px 0.125em; }
.select.is-small { border-radius: 2px; font-size: 0.75rem; }
.select.is-medium { font-size: 1.25rem; }
.select.is-large { font-size: 1.5rem; }
.select.is-disabled::after { border-color: rgb(122, 122, 122); }
.select.is-fullwidth { width: 100%; }
.select.is-fullwidth select { width: 100%; }
.select.is-loading::after { margin-top: 0px; position: absolute; right: 0.625em; top: 0.625em; transform: none; }
.select.is-loading.is-small::after { font-size: 0.75rem; }
.select.is-loading.is-medium::after { font-size: 1.25rem; }
.select.is-loading.is-large::after { font-size: 1.5rem; }
.file { align-items: stretch; display: flex; justify-content: flex-start; position: relative; }
.file.is-white .file-cta { background-color: rgb(255, 255, 255); border-color: transparent; color: rgb(10, 10, 10); }
.file.is-white.is-hovered .file-cta, .file.is-white:hover .file-cta { background-color: rgb(249, 249, 249); border-color: transparent; color: rgb(10, 10, 10); }
.file.is-white.is-focused .file-cta, .file.is-white:focus .file-cta { border-color: transparent; box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0.5em; color: rgb(10, 10, 10); }
.file.is-white.is-active .file-cta, .file.is-white:active .file-cta { background-color: rgb(242, 242, 242); border-color: transparent; color: rgb(10, 10, 10); }
.file.is-black .file-cta { background-color: rgb(10, 10, 10); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-black.is-hovered .file-cta, .file.is-black:hover .file-cta { background-color: rgb(4, 4, 4); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-black.is-focused .file-cta, .file.is-black:focus .file-cta { border-color: transparent; box-shadow: rgba(10, 10, 10, 0.25) 0px 0px 0.5em; color: rgb(255, 255, 255); }
.file.is-black.is-active .file-cta, .file.is-black:active .file-cta { background-color: rgb(0, 0, 0); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-light .file-cta { background-color: rgb(245, 245, 245); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.file.is-light.is-hovered .file-cta, .file.is-light:hover .file-cta { background-color: rgb(238, 238, 238); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.file.is-light.is-focused .file-cta, .file.is-light:focus .file-cta { border-color: transparent; box-shadow: rgba(245, 245, 245, 0.25) 0px 0px 0.5em; color: rgba(0, 0, 0, 0.7); }
.file.is-light.is-active .file-cta, .file.is-light:active .file-cta { background-color: rgb(232, 232, 232); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.file.is-dark .file-cta { background-color: rgb(54, 54, 54); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-dark.is-hovered .file-cta, .file.is-dark:hover .file-cta { background-color: rgb(47, 47, 47); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-dark.is-focused .file-cta, .file.is-dark:focus .file-cta { border-color: transparent; box-shadow: rgba(54, 54, 54, 0.25) 0px 0px 0.5em; color: rgb(255, 255, 255); }
.file.is-dark.is-active .file-cta, .file.is-dark:active .file-cta { background-color: rgb(41, 41, 41); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-primary .file-cta { background-color: rgb(66, 73, 99); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-primary.is-hovered .file-cta, .file.is-primary:hover .file-cta { background-color: rgb(56, 64, 87); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-primary.is-focused .file-cta, .file.is-primary:focus .file-cta { border-color: transparent; box-shadow: rgba(0, 209, 178, 0.25) 0px 0px 0.5em; color: rgb(255, 255, 255); }
.file.is-primary.is-active .file-cta, .file.is-primary:active .file-cta { background-color: rgb(56, 64, 87); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-link .file-cta { background-color: rgb(50, 115, 220); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-link.is-hovered .file-cta, .file.is-link:hover .file-cta { background-color: rgb(39, 108, 218); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-link.is-focused .file-cta, .file.is-link:focus .file-cta { border-color: transparent; box-shadow: rgba(50, 115, 220, 0.25) 0px 0px 0.5em; color: rgb(255, 255, 255); }
.file.is-link.is-active .file-cta, .file.is-link:active .file-cta { background-color: rgb(35, 102, 209); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-info .file-cta { background-color: rgb(50, 152, 220); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-info.is-hovered .file-cta, .file.is-info:hover .file-cta { background-color: rgb(39, 147, 218); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-info.is-focused .file-cta, .file.is-info:focus .file-cta { border-color: transparent; box-shadow: rgba(50, 152, 220, 0.25) 0px 0px 0.5em; color: rgb(255, 255, 255); }
.file.is-info.is-active .file-cta, .file.is-info:active .file-cta { background-color: rgb(35, 140, 209); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-success .file-cta { background-color: rgb(72, 199, 116); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-success.is-hovered .file-cta, .file.is-success:hover .file-cta { background-color: rgb(62, 196, 109); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-success.is-focused .file-cta, .file.is-success:focus .file-cta { border-color: transparent; box-shadow: rgba(72, 199, 116, 0.25) 0px 0px 0.5em; color: rgb(255, 255, 255); }
.file.is-success.is-active .file-cta, .file.is-success:active .file-cta { background-color: rgb(58, 187, 103); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-warning .file-cta { background-color: rgb(255, 221, 87); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.file.is-warning.is-hovered .file-cta, .file.is-warning:hover .file-cta { background-color: rgb(255, 219, 74); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.file.is-warning.is-focused .file-cta, .file.is-warning:focus .file-cta { border-color: transparent; box-shadow: rgba(255, 221, 87, 0.25) 0px 0px 0.5em; color: rgba(0, 0, 0, 0.7); }
.file.is-warning.is-active .file-cta, .file.is-warning:active .file-cta { background-color: rgb(255, 216, 61); border-color: transparent; color: rgba(0, 0, 0, 0.7); }
.file.is-danger .file-cta { background-color: rgb(241, 70, 104); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-danger.is-hovered .file-cta, .file.is-danger:hover .file-cta { background-color: rgb(240, 58, 95); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-danger.is-focused .file-cta, .file.is-danger:focus .file-cta { border-color: transparent; box-shadow: rgba(241, 70, 104, 0.25) 0px 0px 0.5em; color: rgb(255, 255, 255); }
.file.is-danger.is-active .file-cta, .file.is-danger:active .file-cta { background-color: rgb(239, 46, 85); border-color: transparent; color: rgb(255, 255, 255); }
.file.is-small { font-size: 0.75rem; }
.file.is-medium { font-size: 1.25rem; }
.file.is-medium .file-icon .fa { font-size: 21px; }
.file.is-large { font-size: 1.5rem; }
.file.is-large .file-icon .fa { font-size: 28px; }
.file.has-name .file-cta { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.file.has-name .file-name { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.file.has-name.is-empty .file-cta { border-radius: 4px; }
.file.has-name.is-empty .file-name { display: none; }
.file.is-boxed .file-label { flex-direction: column; }
.file.is-boxed .file-cta { flex-direction: column; height: auto; padding: 1em 3em; }
.file.is-boxed .file-name { border-width: 0px 1px 1px; }
.file.is-boxed .file-icon { height: 1.5em; width: 1.5em; }
.file.is-boxed .file-icon .fa { font-size: 21px; }
.file.is-boxed.is-small .file-icon .fa { font-size: 14px; }
.file.is-boxed.is-medium .file-icon .fa { font-size: 28px; }
.file.is-boxed.is-large .file-icon .fa { font-size: 35px; }
.file.is-boxed.has-name .file-cta { border-radius: 4px 4px 0px 0px; }
.file.is-boxed.has-name .file-name { border-radius: 0px 0px 4px 4px; border-width: 0px 1px 1px; }
.file.is-centered { justify-content: center; }
.file.is-fullwidth .file-label { width: 100%; }
.file.is-fullwidth .file-name { flex-grow: 1; max-width: none; }
.file.is-right { justify-content: flex-end; }
.file.is-right .file-cta { border-radius: 0px 4px 4px 0px; }
.file.is-right .file-name { border-radius: 4px 0px 0px 4px; border-width: 1px 0px 1px 1px; order: -1; }
.file-label { align-items: stretch; display: flex; cursor: pointer; justify-content: flex-start; overflow: hidden; position: relative; }
.file-label:hover .file-cta { background-color: rgb(238, 238, 238); color: rgb(54, 54, 54); }
.file-label:hover .file-name { border-color: rgb(213, 213, 213); }
.file-label:active .file-cta { background-color: rgb(232, 232, 232); color: rgb(54, 54, 54); }
.file-label:active .file-name { border-color: rgb(207, 207, 207); }
.file-input { height: 100%; left: 0px; opacity: 0; outline: 0px; position: absolute; top: 0px; width: 100%; }
.file-cta, .file-name { border-color: rgb(219, 219, 219); border-radius: 4px; font-size: 1em; padding-left: 1em; padding-right: 1em; white-space: nowrap; }
.file-cta { background-color: rgb(245, 245, 245); color: rgb(74, 74, 74); }
.file-name { border-color: rgb(219, 219, 219); border-style: solid; border-width: 1px 1px 1px 0px; display: block; max-width: 16em; overflow: hidden; text-align: inherit; text-overflow: ellipsis; }
.file-icon { align-items: center; display: flex; height: 1em; justify-content: center; margin-right: 0.5em; width: 1em; }
.file-icon .fa { font-size: 14px; }
.label { color: rgb(54, 54, 54); display: block; font-size: 1rem; font-weight: 700; }
.label:not(:last-child) { margin-bottom: 0.5em; }
.label.is-small { font-size: 0.75rem; }
.label.is-medium { font-size: 1.25rem; }
.label.is-large { font-size: 1.5rem; }
.help { display: block; font-size: 0.75rem; margin-top: 0.25rem; }
.help.is-white { color: rgb(255, 255, 255); }
.help.is-black { color: rgb(10, 10, 10); }
.help.is-light { color: rgb(245, 245, 245); }
.help.is-dark { color: rgb(54, 54, 54); }
.help.is-primary { color: rgb(66, 73, 99); }
.help.is-link { color: rgb(50, 115, 220); }
.help.is-info { color: rgb(50, 152, 220); }
.help.is-success { color: rgb(72, 199, 116); }
.help.is-warning { color: rgb(255, 221, 87); }
.help.is-danger { color: rgb(241, 70, 104); }
.field:not(:last-child) { margin-bottom: 0.75rem; }
.field.has-addons { display: flex; justify-content: flex-start; }
.field.has-addons .control:not(:last-child) { margin-right: -1px; }
.field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0px; }
.field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered, .field.has-addons .control .select select:not([disabled]):hover { z-index: 2; }
.field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-active, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]):focus { z-index: 3; }
.field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]):focus:hover { z-index: 4; }
.field.has-addons .control.is-expanded { flex-grow: 1; flex-shrink: 1; }
.field.has-addons.has-addons-centered { justify-content: center; }
.field.has-addons.has-addons-right { justify-content: flex-end; }
.field.has-addons.has-addons-fullwidth .control { flex-grow: 1; flex-shrink: 0; }
.field.is-grouped { display: flex; justify-content: flex-start; }
.field.is-grouped > .control { flex-shrink: 0; }
.field.is-grouped > .control:not(:last-child) { margin-bottom: 0px; margin-right: 0.75rem; }
.field.is-grouped > .control.is-expanded { flex-grow: 1; flex-shrink: 1; }
.field.is-grouped.is-grouped-centered { justify-content: center; }
.field.is-grouped.is-grouped-right { justify-content: flex-end; }
.field.is-grouped.is-grouped-multiline { flex-wrap: wrap; }
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 0.75rem; }
.field.is-grouped.is-grouped-multiline:last-child { margin-bottom: -0.75rem; }
.field.is-grouped.is-grouped-multiline:not(:last-child) { margin-bottom: 0px; }
@media screen and (min-width: 769px), print {
  .field.is-horizontal { display: flex; }
}
.field-label .label { font-size: inherit; }
@media screen and (max-width: 768px) {
  .field-label { margin-bottom: 0.5rem; }
}
@media screen and (min-width: 769px), print {
  .field-label { flex: 1 0 0px; margin-right: 1.5rem; text-align: right; }
  .field-label.is-small { font-size: 0.75rem; padding-top: 0.375em; }
  .field-label.is-normal { padding-top: 0.375em; }
  .field-label.is-medium { font-size: 1.25rem; padding-top: 0.375em; }
  .field-label.is-large { font-size: 1.5rem; padding-top: 0.375em; }
}
.field-body .field .field { margin-bottom: 0px; }
@media screen and (min-width: 769px), print {
  .field-body { display: flex; flex: 5 1 0px; }
  .field-body .field { margin-bottom: 0px; }
  .field-body > .field { flex-shrink: 1; }
  .field-body > .field:not(.is-narrow) { flex-grow: 1; }
  .field-body > .field:not(:last-child) { margin-right: 0.75rem; }
}
.control { box-sizing: border-box; clear: both; font-size: 1rem; position: relative; text-align: inherit; }
.control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon { color: rgb(74, 74, 74); }
.control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .select.is-small ~ .icon { font-size: 0.75rem; }
.control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium ~ .icon { font-size: 1.25rem; }
.control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .select.is-large ~ .icon { font-size: 1.5rem; }
.control.has-icons-left .icon, .control.has-icons-right .icon { color: rgb(219, 219, 219); height: 2.5em; position: absolute; top: 0px; width: 2.5em; z-index: 4; }
.control.has-icons-left .input, .control.has-icons-left .select select { padding-left: 2.5em; }
.control.has-icons-left .icon.is-left { left: 0px; }
.control.has-icons-right .input, .control.has-icons-right .select select { padding-right: 2.5em; }
.control.has-icons-right .icon.is-right { right: 0px; }
.control.is-loading::after { right: 0.625em; top: 0.625em; z-index: 4; position: absolute !important; }
.control.is-loading.is-small::after { font-size: 0.75rem; }
.control.is-loading.is-medium::after { font-size: 1.25rem; }
.control.is-loading.is-large::after { font-size: 1.5rem; }
.breadcrumb { font-size: 1rem; white-space: nowrap; }
.breadcrumb a { align-items: center; color: rgb(50, 115, 220); display: flex; justify-content: center; padding: 0px 0.75em; }
.breadcrumb a:hover { color: rgb(54, 54, 54); }
.breadcrumb li { align-items: center; display: flex; }
.breadcrumb li:first-child a { padding-left: 0px; }
.breadcrumb li.is-active a { color: rgb(54, 54, 54); cursor: default; }
.breadcrumb li + li::before { color: rgb(181, 181, 181); content: "/"; }
.breadcrumb ol, .breadcrumb ul { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.breadcrumb .icon:first-child { margin-right: 0.5em; }
.breadcrumb .icon:last-child { margin-left: 0.5em; }
.breadcrumb.is-centered ol, .breadcrumb.is-centered ul { justify-content: center; }
.breadcrumb.is-right ol, .breadcrumb.is-right ul { justify-content: flex-end; }
.breadcrumb.is-small { font-size: 0.75rem; }
.breadcrumb.is-medium { font-size: 1.25rem; }
.breadcrumb.is-large { font-size: 1.5rem; }
.breadcrumb.has-arrow-separator li + li::before { content: "→"; }
.breadcrumb.has-bullet-separator li + li::before { content: "•"; }
.breadcrumb.has-dot-separator li + li::before { content: "·"; }
.breadcrumb.has-succeeds-separator li + li::before { content: "≻"; }
.card { background-color: rgb(255, 255, 255); border-radius: 0.25rem; box-shadow: rgba(10, 10, 10, 0.1) 0px 0.5em 1em -0.125em, rgba(10, 10, 10, 0.02) 0px 0px 0px 1px; color: rgb(74, 74, 74); max-width: 100%; position: relative; }
.card-content:first-child, .card-footer:first-child, .card-header:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.card-content:last-child, .card-footer:last-child, .card-header:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.card-header { background-color: transparent; align-items: stretch; box-shadow: rgba(10, 10, 10, 0.1) 0px 0.125em 0.25em; display: flex; }
.card-header-title { align-items: center; color: rgb(54, 54, 54); display: flex; flex-grow: 1; font-weight: 700; padding: 0.75rem 1rem; }
.card-header-title.is-centered { justify-content: center; }
.card-header-icon { align-items: center; cursor: pointer; display: flex; justify-content: center; padding: 0.75rem 1rem; }
.card-image { display: block; position: relative; }
.card-image:first-child img { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.card-image:last-child img { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.card-content { background-color: transparent; padding: 1.5rem; }
.card-footer { background-color: transparent; border-top: 1px solid rgb(237, 237, 237); align-items: stretch; display: flex; }
.card-footer-item { align-items: center; display: flex; flex: 1 0 0px; justify-content: center; padding: 0.75rem; }
.card-footer-item:not(:last-child) { border-right: 1px solid rgb(237, 237, 237); }
.card .media:not(:last-child) { margin-bottom: 1.5rem; }
.dropdown { display: inline-flex; position: relative; vertical-align: top; }
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { display: block; }
.dropdown.is-right .dropdown-menu { left: auto; right: 0px; }
.dropdown.is-up .dropdown-menu { bottom: 100%; padding-bottom: 4px; padding-top: initial; top: auto; }
.dropdown-menu { display: none; left: 0px; min-width: 12rem; padding-top: 4px; position: absolute; top: 100%; z-index: 20; }
.dropdown-content { background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(10, 10, 10, 0.1) 0px 0.5em 1em -0.125em, rgba(10, 10, 10, 0.02) 0px 0px 0px 1px; padding-bottom: 0.5rem; padding-top: 0.5rem; }
.dropdown-item { color: rgb(74, 74, 74); display: block; font-size: 0.875rem; line-height: 1.5; padding: 0.375rem 1rem; position: relative; }
a.dropdown-item, button.dropdown-item { padding-right: 3rem; text-align: inherit; white-space: nowrap; width: 100%; }
a.dropdown-item:hover, button.dropdown-item:hover { background-color: rgb(245, 245, 245); color: rgb(10, 10, 10); }
a.dropdown-item.is-active, button.dropdown-item.is-active { background-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.dropdown-divider { background-color: rgb(237, 237, 237); border: none; display: block; height: 1px; margin: 0.5rem 0px; }
.level { align-items: center; justify-content: space-between; }
.level code { border-radius: 4px; }
.level img { display: inline-block; vertical-align: top; }
.level.is-mobile { display: flex; }
.level.is-mobile .level-left, .level.is-mobile .level-right { display: flex; }
.level.is-mobile .level-left + .level-right { margin-top: 0px; }
.level.is-mobile .level-item:not(:last-child) { margin-bottom: 0px; margin-right: 0.75rem; }
.level.is-mobile .level-item:not(.is-narrow) { flex-grow: 1; }
@media screen and (min-width: 769px), print {
  .level { display: flex; }
  .level > .level-item:not(.is-narrow) { flex-grow: 1; }
}
.level-item { align-items: center; display: flex; flex: 0 0 auto; justify-content: center; }
.level-item .subtitle, .level-item .title { margin-bottom: 0px; }
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) { margin-bottom: 0.75rem; }
}
.level-left, .level-right { flex: 0 0 auto; }
.level-left .level-item.is-flexible, .level-right .level-item.is-flexible { flex-grow: 1; }
@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) { margin-right: 0.75rem; }
}
.level-left { align-items: center; justify-content: flex-start; }
@media screen and (max-width: 768px) {
  .level-left + .level-right { margin-top: 1.5rem; }
}
@media screen and (min-width: 769px), print {
  .level-left { display: flex; }
}
.level-right { align-items: center; justify-content: flex-end; }
@media screen and (min-width: 769px), print {
  .level-right { display: flex; }
}
.media { align-items: flex-start; display: flex; text-align: inherit; }
.media .content:not(:last-child) { margin-bottom: 0.75rem; }
.media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); display: flex; padding-top: 0.75rem; }
.media .media .content:not(:last-child), .media .media .control:not(:last-child) { margin-bottom: 0.5rem; }
.media .media .media { padding-top: 0.5rem; }
.media .media .media + .media { margin-top: 0.5rem; }
.media + .media { border-top: 1px solid rgba(219, 219, 219, 0.5); margin-top: 1rem; padding-top: 1rem; }
.media.is-large + .media { margin-top: 1.5rem; padding-top: 1.5rem; }
.media-left, .media-right { flex: 0 0 auto; }
.media-left { margin-right: 1rem; }
.media-right { margin-left: 1rem; }
.media-content { flex: 1 1 auto; text-align: inherit; }
@media screen and (max-width: 768px) {
  .media-content { overflow-x: auto; }
}
.menu { font-size: 1rem; }
.menu.is-small { font-size: 0.75rem; }
.menu.is-medium { font-size: 1.25rem; }
.menu.is-large { font-size: 1.5rem; }
.menu-list { line-height: 1.25; }
.menu-list a { border-radius: 2px; color: rgb(74, 74, 74); display: block; padding: 0.5em 0.75em; }
.menu-list a:hover { background-color: rgb(245, 245, 245); color: rgb(54, 54, 54); }
.menu-list a.is-active { background-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.menu-list li ul { border-left: 1px solid rgb(219, 219, 219); margin: 0.75em; padding-left: 0.75em; }
.menu-label { color: rgb(122, 122, 122); font-size: 0.75em; letter-spacing: 0.1em; text-transform: uppercase; }
.menu-label:not(:first-child) { margin-top: 1em; }
.menu-label:not(:last-child) { margin-bottom: 1em; }
.message { background-color: rgb(245, 245, 245); border-radius: 4px; font-size: 1rem; }
.message strong { color: currentcolor; }
.message a:not(.button):not(.tag):not(.dropdown-item) { color: currentcolor; text-decoration: underline; }
.message.is-small { font-size: 0.75rem; }
.message.is-medium { font-size: 1.25rem; }
.message.is-large { font-size: 1.5rem; }
.message.is-white { background-color: rgb(255, 255, 255); }
.message.is-white .message-header { background-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.message.is-white .message-body { border-color: rgb(255, 255, 255); }
.message.is-black { background-color: rgb(250, 250, 250); }
.message.is-black .message-header { background-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.message.is-black .message-body { border-color: rgb(10, 10, 10); }
.message.is-light { background-color: rgb(250, 250, 250); }
.message.is-light .message-header { background-color: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.7); }
.message.is-light .message-body { border-color: rgb(245, 245, 245); }
.message.is-dark { background-color: rgb(250, 250, 250); }
.message.is-dark .message-header { background-color: rgb(54, 54, 54); color: rgb(255, 255, 255); }
.message.is-dark .message-body { border-color: rgb(54, 54, 54); }
.message.is-primary { background-color: rgb(235, 255, 252); }
.message.is-primary .message-header { background-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
.message.is-primary .message-body { border-color: rgb(66, 73, 99); color: rgb(0, 148, 126); }
.message.is-link { background-color: rgb(238, 243, 252); }
.message.is-link .message-header { background-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.message.is-link .message-body { border-color: rgb(50, 115, 220); color: rgb(33, 96, 196); }
.message.is-info { background-color: rgb(238, 246, 252); }
.message.is-info .message-header { background-color: rgb(50, 152, 220); color: rgb(255, 255, 255); }
.message.is-info .message-body { border-color: rgb(50, 152, 220); color: rgb(29, 114, 170); }
.message.is-success { background-color: rgb(239, 250, 243); }
.message.is-success .message-header { background-color: rgb(72, 199, 116); color: rgb(255, 255, 255); }
.message.is-success .message-body { border-color: rgb(72, 199, 116); color: rgb(37, 121, 66); }
.message.is-warning { background-color: rgb(255, 251, 235); }
.message.is-warning .message-header { background-color: rgb(255, 221, 87); color: rgba(0, 0, 0, 0.7); }
.message.is-warning .message-body { border-color: rgb(255, 221, 87); color: rgb(148, 118, 0); }
.message.is-danger { background-color: rgb(254, 236, 240); }
.message.is-danger .message-header { background-color: rgb(241, 70, 104); color: rgb(255, 255, 255); }
.message.is-danger .message-body { border-color: rgb(241, 70, 104); color: rgb(204, 15, 53); }
.message-header { align-items: center; background-color: rgb(74, 74, 74); border-radius: 4px 4px 0px 0px; color: rgb(255, 255, 255); display: flex; font-weight: 700; justify-content: space-between; line-height: 1.25; padding: 0.75em 1em; position: relative; }
.message-header .delete { flex-grow: 0; flex-shrink: 0; margin-left: 0.75em; }
.message-header + .message-body { border-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.message-body { border-color: rgb(219, 219, 219); border-radius: 4px; border-style: solid; border-width: 0px 0px 0px 4px; color: rgb(74, 74, 74); padding: 1.25em 1.5em; }
.message-body code, .message-body pre { background-color: rgb(255, 255, 255); }
.message-body pre code { background-color: transparent; }
.modal { align-items: center; display: none; flex-direction: column; justify-content: center; overflow: hidden; position: fixed; z-index: 40; }
.modal.is-active { display: flex; }
.modal-background { background-color: rgba(10, 10, 10, 0.86); }
.modal-card, .modal-content { margin: 0px 20px; max-height: calc(100vh - 160px); overflow: auto; position: relative; width: 100%; }
@media screen and (min-width: 769px) {
  .modal-card, .modal-content { margin: 0px auto; max-height: calc(100vh - 40px); width: 640px; }
}
.modal-close { background: 0px 0px; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; }
.modal-card { display: flex; flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; }
.modal-card-foot, .modal-card-head { align-items: center; background-color: rgb(245, 245, 245); display: flex; flex-shrink: 0; justify-content: flex-start; padding: 20px; position: relative; }
.modal-card-head { border-bottom: 1px solid rgb(219, 219, 219); border-top-left-radius: 6px; border-top-right-radius: 6px; }
.modal-card-title { color: rgb(54, 54, 54); flex-grow: 1; flex-shrink: 0; font-size: 1.5rem; line-height: 1; }
.modal-card-foot { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 1px solid rgb(219, 219, 219); }
.modal-card-foot .button:not(:last-child) { margin-right: 0.5em; }
.modal-card-body { background-color: rgb(255, 255, 255); flex-grow: 1; flex-shrink: 1; overflow: auto; padding: 20px; }
.navbar { background-color: rgb(255, 255, 255); min-height: 3.25rem; position: relative; z-index: 30; }
.navbar.is-white { background-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.navbar.is-white .navbar-brand .navbar-link, .navbar.is-white .navbar-brand > .navbar-item { color: rgb(10, 10, 10); }
.navbar.is-white .navbar-brand .navbar-link.is-active, .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover { background-color: rgb(242, 242, 242); color: rgb(10, 10, 10); }
.navbar.is-white .navbar-brand .navbar-link::after { border-color: rgb(10, 10, 10); }
.navbar.is-white .navbar-burger { color: rgb(10, 10, 10); }
@media screen and (min-width: 1024px) {
  .navbar.is-white .navbar-end .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-start > .navbar-item { color: rgb(10, 10, 10); }
  .navbar.is-white .navbar-end .navbar-link.is-active, .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover { background-color: rgb(242, 242, 242); color: rgb(10, 10, 10); }
  .navbar.is-white .navbar-end .navbar-link::after, .navbar.is-white .navbar-start .navbar-link::after { border-color: rgb(10, 10, 10); }
  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(242, 242, 242); color: rgb(10, 10, 10); }
  .navbar.is-white .navbar-dropdown a.navbar-item.is-active { background-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
}
.navbar.is-black { background-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.navbar.is-black .navbar-brand .navbar-link, .navbar.is-black .navbar-brand > .navbar-item { color: rgb(255, 255, 255); }
.navbar.is-black .navbar-brand .navbar-link.is-active, .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.navbar.is-black .navbar-brand .navbar-link::after { border-color: rgb(255, 255, 255); }
.navbar.is-black .navbar-burger { color: rgb(255, 255, 255); }
@media screen and (min-width: 1024px) {
  .navbar.is-black .navbar-end .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-start > .navbar-item { color: rgb(255, 255, 255); }
  .navbar.is-black .navbar-end .navbar-link.is-active, .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
  .navbar.is-black .navbar-end .navbar-link::after, .navbar.is-black .navbar-start .navbar-link::after { border-color: rgb(255, 255, 255); }
  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
  .navbar.is-black .navbar-dropdown a.navbar-item.is-active { background-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
}
.navbar.is-light { background-color: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.7); }
.navbar.is-light .navbar-brand .navbar-link, .navbar.is-light .navbar-brand > .navbar-item { color: rgba(0, 0, 0, 0.7); }
.navbar.is-light .navbar-brand .navbar-link.is-active, .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover { background-color: rgb(232, 232, 232); color: rgba(0, 0, 0, 0.7); }
.navbar.is-light .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); }
.navbar.is-light .navbar-burger { color: rgba(0, 0, 0, 0.7); }
@media screen and (min-width: 1024px) {
  .navbar.is-light .navbar-end .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-start > .navbar-item { color: rgba(0, 0, 0, 0.7); }
  .navbar.is-light .navbar-end .navbar-link.is-active, .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover { background-color: rgb(232, 232, 232); color: rgba(0, 0, 0, 0.7); }
  .navbar.is-light .navbar-end .navbar-link::after, .navbar.is-light .navbar-start .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); }
  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(232, 232, 232); color: rgba(0, 0, 0, 0.7); }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active { background-color: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.7); }
}
.navbar.is-dark { background-color: rgb(54, 54, 54); color: rgb(255, 255, 255); }
.navbar.is-dark .navbar-brand .navbar-link, .navbar.is-dark .navbar-brand > .navbar-item { color: rgb(255, 255, 255); }
.navbar.is-dark .navbar-brand .navbar-link.is-active, .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover { background-color: rgb(41, 41, 41); color: rgb(255, 255, 255); }
.navbar.is-dark .navbar-brand .navbar-link::after { border-color: rgb(255, 255, 255); }
.navbar.is-dark .navbar-burger { color: rgb(255, 255, 255); }
@media screen and (min-width: 1024px) {
  .navbar.is-dark .navbar-end .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-start > .navbar-item { color: rgb(255, 255, 255); }
  .navbar.is-dark .navbar-end .navbar-link.is-active, .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover { background-color: rgb(41, 41, 41); color: rgb(255, 255, 255); }
  .navbar.is-dark .navbar-end .navbar-link::after, .navbar.is-dark .navbar-start .navbar-link::after { border-color: rgb(255, 255, 255); }
  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(41, 41, 41); color: rgb(255, 255, 255); }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { background-color: rgb(54, 54, 54); color: rgb(255, 255, 255); }
}
.navbar.is-primary { background-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
.navbar.is-primary .navbar-brand .navbar-link, .navbar.is-primary .navbar-brand > .navbar-item { color: rgb(255, 255, 255); }
.navbar.is-primary .navbar-brand .navbar-link.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover { background-color: rgb(56, 64, 87); color: rgb(255, 255, 255); }
.navbar.is-primary .navbar-brand .navbar-link::after { border-color: rgb(255, 255, 255); }
.navbar.is-primary .navbar-burger { color: rgb(255, 255, 255); }
@media screen and (min-width: 1024px) {
  .navbar.is-primary .navbar-end .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-start > .navbar-item { color: rgb(255, 255, 255); }
  .navbar.is-primary .navbar-end .navbar-link.is-active, .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover { background-color: rgb(56, 64, 87); color: rgb(255, 255, 255); }
  .navbar.is-primary .navbar-end .navbar-link::after, .navbar.is-primary .navbar-start .navbar-link::after { border-color: rgb(255, 255, 255); }
  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(56, 64, 87); color: rgb(255, 255, 255); }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { background-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
}
.navbar.is-link { background-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.navbar.is-link .navbar-brand .navbar-link, .navbar.is-link .navbar-brand > .navbar-item { color: rgb(255, 255, 255); }
.navbar.is-link .navbar-brand .navbar-link.is-active, .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover { background-color: rgb(35, 102, 209); color: rgb(255, 255, 255); }
.navbar.is-link .navbar-brand .navbar-link::after { border-color: rgb(255, 255, 255); }
.navbar.is-link .navbar-burger { color: rgb(255, 255, 255); }
@media screen and (min-width: 1024px) {
  .navbar.is-link .navbar-end .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-start > .navbar-item { color: rgb(255, 255, 255); }
  .navbar.is-link .navbar-end .navbar-link.is-active, .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover { background-color: rgb(35, 102, 209); color: rgb(255, 255, 255); }
  .navbar.is-link .navbar-end .navbar-link::after, .navbar.is-link .navbar-start .navbar-link::after { border-color: rgb(255, 255, 255); }
  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(35, 102, 209); color: rgb(255, 255, 255); }
  .navbar.is-link .navbar-dropdown a.navbar-item.is-active { background-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
}
.navbar.is-info { background-color: rgb(50, 152, 220); color: rgb(255, 255, 255); }
.navbar.is-info .navbar-brand .navbar-link, .navbar.is-info .navbar-brand > .navbar-item { color: rgb(255, 255, 255); }
.navbar.is-info .navbar-brand .navbar-link.is-active, .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover { background-color: rgb(35, 140, 209); color: rgb(255, 255, 255); }
.navbar.is-info .navbar-brand .navbar-link::after { border-color: rgb(255, 255, 255); }
.navbar.is-info .navbar-burger { color: rgb(255, 255, 255); }
@media screen and (min-width: 1024px) {
  .navbar.is-info .navbar-end .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-start > .navbar-item { color: rgb(255, 255, 255); }
  .navbar.is-info .navbar-end .navbar-link.is-active, .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover { background-color: rgb(35, 140, 209); color: rgb(255, 255, 255); }
  .navbar.is-info .navbar-end .navbar-link::after, .navbar.is-info .navbar-start .navbar-link::after { border-color: rgb(255, 255, 255); }
  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(35, 140, 209); color: rgb(255, 255, 255); }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active { background-color: rgb(50, 152, 220); color: rgb(255, 255, 255); }
}
.navbar.is-success { background-color: rgb(72, 199, 116); color: rgb(255, 255, 255); }
.navbar.is-success .navbar-brand .navbar-link, .navbar.is-success .navbar-brand > .navbar-item { color: rgb(255, 255, 255); }
.navbar.is-success .navbar-brand .navbar-link.is-active, .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover { background-color: rgb(58, 187, 103); color: rgb(255, 255, 255); }
.navbar.is-success .navbar-brand .navbar-link::after { border-color: rgb(255, 255, 255); }
.navbar.is-success .navbar-burger { color: rgb(255, 255, 255); }
@media screen and (min-width: 1024px) {
  .navbar.is-success .navbar-end .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-start > .navbar-item { color: rgb(255, 255, 255); }
  .navbar.is-success .navbar-end .navbar-link.is-active, .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover { background-color: rgb(58, 187, 103); color: rgb(255, 255, 255); }
  .navbar.is-success .navbar-end .navbar-link::after, .navbar.is-success .navbar-start .navbar-link::after { border-color: rgb(255, 255, 255); }
  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(58, 187, 103); color: rgb(255, 255, 255); }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active { background-color: rgb(72, 199, 116); color: rgb(255, 255, 255); }
}
.navbar.is-warning { background-color: rgb(255, 221, 87); color: rgba(0, 0, 0, 0.7); }
.navbar.is-warning .navbar-brand .navbar-link, .navbar.is-warning .navbar-brand > .navbar-item { color: rgba(0, 0, 0, 0.7); }
.navbar.is-warning .navbar-brand .navbar-link.is-active, .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover { background-color: rgb(255, 216, 61); color: rgba(0, 0, 0, 0.7); }
.navbar.is-warning .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); }
.navbar.is-warning .navbar-burger { color: rgba(0, 0, 0, 0.7); }
@media screen and (min-width: 1024px) {
  .navbar.is-warning .navbar-end .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-start > .navbar-item { color: rgba(0, 0, 0, 0.7); }
  .navbar.is-warning .navbar-end .navbar-link.is-active, .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover { background-color: rgb(255, 216, 61); color: rgba(0, 0, 0, 0.7); }
  .navbar.is-warning .navbar-end .navbar-link::after, .navbar.is-warning .navbar-start .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); }
  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(255, 216, 61); color: rgba(0, 0, 0, 0.7); }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { background-color: rgb(255, 221, 87); color: rgba(0, 0, 0, 0.7); }
}
.navbar.is-danger { background-color: rgb(245, 88, 50); color: rgb(255, 255, 255); }
.navbar.is-danger .navbar-brand .navbar-link, .navbar.is-danger .navbar-brand > .navbar-item { color: rgb(255, 255, 255); }
.navbar.is-danger .navbar-brand .navbar-link.is-active, .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover { background-color: rgb(239, 46, 85); color: rgb(255, 255, 255); }
.navbar.is-danger .navbar-brand .navbar-link::after { border-color: rgb(255, 255, 255); }
.navbar.is-danger .navbar-burger { color: rgb(255, 255, 255); }
@media screen and (min-width: 1024px) {
  .navbar.is-danger .navbar-end .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-start > .navbar-item { color: rgb(255, 255, 255); }
  .navbar.is-danger .navbar-end .navbar-link.is-active, .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover { background-color: rgb(239, 46, 85); color: rgb(255, 255, 255); }
  .navbar.is-danger .navbar-end .navbar-link::after, .navbar.is-danger .navbar-start .navbar-link::after { border-color: rgb(255, 255, 255); }
  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(239, 46, 85); color: rgb(255, 255, 255); }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { background-color: rgb(245, 88, 50); color: rgb(255, 255, 255); }
}
.navbar > .container { align-items: stretch; display: flex; min-height: 3.25rem; width: 100%; }
.navbar.has-shadow { box-shadow: rgb(245, 245, 245) 0px 2px 0px 0px; }
.navbar.is-fixed-bottom, .navbar.is-fixed-top { left: 0px; position: fixed; right: 0px; z-index: 30; }
.navbar.is-fixed-bottom { bottom: 0px; }
.navbar.is-fixed-bottom.has-shadow { box-shadow: rgb(245, 245, 245) 0px -2px 0px 0px; }
.navbar.is-fixed-top { top: 0px; }
body.has-navbar-fixed-top, html.has-navbar-fixed-top { padding-top: 3.25rem; }
body.has-navbar-fixed-bottom, html.has-navbar-fixed-bottom { padding-bottom: 3.25rem; }
.navbar-brand, .navbar-tabs { align-items: stretch; display: flex; flex-shrink: 0; min-height: 3.25rem; }
.navbar-brand { height: 100%; }
.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { background-color: transparent; }
.navbar-tabs { max-width: 100vw; overflow: auto hidden; }
.navbar-burger { color: rgb(74, 74, 74); cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; }
.navbar-burger span { background-color: currentcolor; display: block; height: 1px; left: calc(50% - 8px); position: absolute; transform-origin: center center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; }
.navbar-burger span:nth-child(1) { top: calc(50% - 6px); }
.navbar-burger span:nth-child(2) { top: calc(50% - 1px); }
.navbar-burger span:nth-child(3) { top: calc(50% + 4px); }
.navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); }
.navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.navbar-burger.is-active span:nth-child(2) { opacity: 0; }
.navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
.navbar-menu { display: none; }
.navbar-item, .navbar-link { color: rgb(74, 74, 74); display: block; line-height: 1.5; padding: 0.5rem 0.75rem; position: relative; }
.navbar-item .icon:only-child, .navbar-link .icon:only-child { margin-left: -0.25rem; margin-right: -0.25rem; }
.navbar-link, a.navbar-item { cursor: pointer; }
.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover { background-color: rgb(250, 250, 250); color: rgb(50, 115, 220); }
.navbar-item { flex-grow: 0; flex-shrink: 0; }
.navbar-item img { max-height: 1.75rem; }
.navbar-item.has-dropdown { padding: 0px; }
.navbar-item.is-expanded { flex-grow: 1; flex-shrink: 1; }
.navbar-item.is-tab { border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); }
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: rgb(50, 115, 220); }
.navbar-item.is-tab.is-active { background-color: transparent; border-bottom: 3px solid rgb(50, 115, 220); color: rgb(50, 115, 220); padding-bottom: calc(0.5rem - 3px); }
.navbar-content { flex-grow: 1; flex-shrink: 1; }
.navbar-link:not(.is-arrowless) { padding-right: 2.5em; }
.navbar-link:not(.is-arrowless)::after { border-color: rgb(50, 115, 220); margin-top: -0.375em; right: 1.125em; }
.navbar-dropdown { font-size: 0.875rem; padding-bottom: 0.5rem; padding-top: 0.5rem; }
.navbar-dropdown .navbar-item { padding-left: 1.5rem; padding-right: 1.5rem; }
.navbar-divider { background-color: rgb(245, 245, 245); border: none; display: none; height: 2px; margin: 0.5rem 0px; }
@media screen and (max-width: 1023px) {
  .navbar > .container { display: block; }
  .navbar-brand .navbar-item, .navbar-tabs .navbar-item { align-items: center; display: flex; }
  .navbar-link::after { display: none; }
  .navbar-menu { background-color: rgb(255, 255, 255); box-shadow: rgba(10, 10, 10, 0.1) 0px 8px 16px; padding: 0.5rem 0px; }
  .navbar-menu.is-active { display: block; }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { left: 0px; position: fixed; right: 0px; z-index: 30; }
  .navbar.is-fixed-bottom-touch { bottom: 0px; }
  .navbar.is-fixed-bottom-touch.has-shadow { box-shadow: rgba(10, 10, 10, 0.1) 0px -2px 3px; }
  .navbar.is-fixed-top-touch { top: 0px; }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { max-height: calc(100vh - 3.25rem); overflow: auto; }
  body.has-navbar-fixed-top-touch, html.has-navbar-fixed-top-touch { padding-top: 3.25rem; }
  body.has-navbar-fixed-bottom-touch, html.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; }
}
@media screen and (min-width: 1024px) {
  .navbar, .navbar-end, .navbar-menu, .navbar-start { align-items: stretch; display: flex; }
  .navbar { min-height: 3.25rem; }
  .navbar.is-spaced { padding: 1rem 2rem; }
  .navbar.is-spaced .navbar-end, .navbar.is-spaced .navbar-start { align-items: center; }
  .navbar.is-spaced .navbar-link, .navbar.is-spaced a.navbar-item { border-radius: 4px; }
  .navbar.is-transparent .navbar-link.is-active, .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover { background-color: transparent !important; }
  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; }
  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: rgb(245, 245, 245); color: rgb(10, 10, 10); }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { background-color: rgb(245, 245, 245); color: rgb(50, 115, 220); }
  .navbar-burger { display: none; }
  .navbar-item, .navbar-link { align-items: center; display: flex; }
  .navbar-item.has-dropdown { align-items: stretch; }
  .navbar-item.has-dropdown-up .navbar-link::after { transform: rotate(135deg) translate(0.25em, -0.25em); }
  .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid rgb(219, 219, 219); border-radius: 6px 6px 0px 0px; border-top: none; bottom: 100%; box-shadow: rgba(10, 10, 10, 0.1) 0px -8px 8px; top: auto; }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; }
  .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown { opacity: 1; transform: translateY(0px); }
  .navbar-menu { flex-grow: 1; flex-shrink: 0; }
  .navbar-start { justify-content: flex-start; margin-right: auto; }
  .navbar-end { justify-content: flex-end; margin-left: auto; }
  .navbar-dropdown { background-color: rgb(255, 255, 255); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid rgb(219, 219, 219); box-shadow: rgba(10, 10, 10, 0.1) 0px 8px 8px; display: none; font-size: 0.875rem; left: 0px; min-width: 100%; position: absolute; top: 100%; z-index: 20; }
  .navbar-dropdown .navbar-item { padding: 0.375rem 1rem; white-space: nowrap; }
  .navbar-dropdown a.navbar-item { padding-right: 3rem; }
  .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { background-color: rgb(245, 245, 245); color: rgb(10, 10, 10); }
  .navbar-dropdown a.navbar-item.is-active { background-color: rgb(245, 245, 245); color: rgb(50, 115, 220); }
  .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-dropdown { border-radius: 6px; border-top: none; box-shadow: rgba(10, 10, 10, 0.1) 0px 8px 8px, rgba(10, 10, 10, 0.1) 0px 0px 0px 1px; display: block; opacity: 0; top: calc(100% + -4px); transform: translateY(-5px); transition-duration: 86ms; transition-property: opacity, transform; }
  .navbar-dropdown.is-right { left: auto; right: 0px; }
  .navbar-divider { display: block; }
  .container > .navbar .navbar-brand, .navbar > .container .navbar-brand { margin-left: -0.75rem; }
  .container > .navbar .navbar-menu, .navbar > .container .navbar-menu { margin-right: -0.75rem; }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0px; position: fixed; right: 0px; z-index: 30; }
  .navbar.is-fixed-bottom-desktop { bottom: 0px; }
  .navbar.is-fixed-bottom-desktop.has-shadow { box-shadow: rgba(10, 10, 10, 0.1) 0px -2px 3px; }
  .navbar.is-fixed-top-desktop { top: 0px; }
  body.has-navbar-fixed-top-desktop, html.has-navbar-fixed-top-desktop { padding-top: 3.25rem; }
  body.has-navbar-fixed-bottom-desktop, html.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; }
  body.has-spaced-navbar-fixed-top, html.has-spaced-navbar-fixed-top { padding-top: 5.25rem; }
  body.has-spaced-navbar-fixed-bottom, html.has-spaced-navbar-fixed-bottom { padding-bottom: 5.25rem; }
  .navbar-link.is-active, a.navbar-item.is-active { color: rgb(10, 10, 10); }
  .navbar-link.is-active:not(:focus):not(:hover), a.navbar-item.is-active:not(:focus):not(:hover) { background-color: transparent; }
  .navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link { background-color: rgb(250, 250, 250); }
}
.hero.is-fullheight-with-navbar { min-height: calc(100vh - 3.25rem); }
.pagination { font-size: 1rem; margin: -0.25rem; }
.pagination.is-small { font-size: 0.75rem; }
.pagination.is-medium { font-size: 1.25rem; }
.pagination.is-large { font-size: 1.5rem; }
.pagination.is-rounded .pagination-next, .pagination.is-rounded .pagination-previous { padding-left: 1em; padding-right: 1em; border-radius: 290486px; }
.pagination.is-rounded .pagination-link { border-radius: 290486px; }
.pagination, .pagination-list { align-items: center; display: flex; justify-content: center; text-align: center; }
.pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous { font-size: 1em; justify-content: center; margin: 0.25rem; padding-left: 0.5em; padding-right: 0.5em; text-align: center; }
.pagination-link, .pagination-next, .pagination-previous { border-color: rgb(219, 219, 219); color: rgb(54, 54, 54); min-width: 2.5em; }
.pagination-link:hover, .pagination-next:hover, .pagination-previous:hover { border-color: rgb(181, 181, 181); color: rgb(54, 54, 54); }
.pagination-link:focus, .pagination-next:focus, .pagination-previous:focus { border-color: rgb(50, 115, 220); }
.pagination-link:active, .pagination-next:active, .pagination-previous:active { box-shadow: rgba(10, 10, 10, 0.2) 0px 1px 2px inset; }
.pagination-link[disabled], .pagination-next[disabled], .pagination-previous[disabled] { background-color: rgb(219, 219, 219); border-color: rgb(219, 219, 219); box-shadow: none; color: rgb(122, 122, 122); opacity: 0.5; }
.pagination-next, .pagination-previous { padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; }
.pagination-link.is-current { background-color: rgb(50, 115, 220); border-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.pagination-ellipsis { color: rgb(181, 181, 181); }
.pagination-list { flex-wrap: wrap; }
.pagination-list li { list-style: none; }
@media screen and (max-width: 768px) {
  .pagination { flex-wrap: wrap; }
  .pagination-next, .pagination-previous { flex-grow: 1; flex-shrink: 1; }
  .pagination-list li { flex-grow: 1; flex-shrink: 1; }
}
@media screen and (min-width: 769px), print {
  .pagination-list { flex-grow: 1; flex-shrink: 1; justify-content: flex-start; order: 1; }
  .pagination-previous { order: 2; }
  .pagination-next { order: 3; }
  .pagination { justify-content: space-between; }
  .pagination.is-centered .pagination-previous { order: 1; }
  .pagination.is-centered .pagination-list { justify-content: center; order: 2; }
  .pagination.is-centered .pagination-next { order: 3; }
  .pagination.is-right .pagination-previous { order: 1; }
  .pagination.is-right .pagination-next { order: 2; }
  .pagination.is-right .pagination-list { justify-content: flex-end; order: 3; }
}
.panel { border-radius: 6px; box-shadow: rgba(10, 10, 10, 0.1) 0px 0.5em 1em -0.125em, rgba(10, 10, 10, 0.02) 0px 0px 0px 1px; font-size: 1rem; }
.panel:not(:last-child) { margin-bottom: 1.5rem; }
.panel.is-white .panel-heading { background-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.panel.is-white .panel-tabs a.is-active { border-bottom-color: rgb(255, 255, 255); }
.panel.is-white .panel-block.is-active .panel-icon { color: rgb(255, 255, 255); }
.panel.is-black .panel-heading { background-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.panel.is-black .panel-tabs a.is-active { border-bottom-color: rgb(10, 10, 10); }
.panel.is-black .panel-block.is-active .panel-icon { color: rgb(10, 10, 10); }
.panel.is-light .panel-heading { background-color: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.7); }
.panel.is-light .panel-tabs a.is-active { border-bottom-color: rgb(245, 245, 245); }
.panel.is-light .panel-block.is-active .panel-icon { color: rgb(245, 245, 245); }
.panel.is-dark .panel-heading { background-color: rgb(54, 54, 54); color: rgb(255, 255, 255); }
.panel.is-dark .panel-tabs a.is-active { border-bottom-color: rgb(54, 54, 54); }
.panel.is-dark .panel-block.is-active .panel-icon { color: rgb(54, 54, 54); }
.panel.is-primary .panel-heading { background-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
.panel.is-primary .panel-tabs a.is-active { border-bottom-color: rgb(66, 73, 99); }
.panel.is-primary .panel-block.is-active .panel-icon { color: rgb(66, 73, 99); }
.panel.is-link .panel-heading { background-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.panel.is-link .panel-tabs a.is-active { border-bottom-color: rgb(50, 115, 220); }
.panel.is-link .panel-block.is-active .panel-icon { color: rgb(50, 115, 220); }
.panel.is-info .panel-heading { background-color: rgb(50, 152, 220); color: rgb(255, 255, 255); }
.panel.is-info .panel-tabs a.is-active { border-bottom-color: rgb(50, 152, 220); }
.panel.is-info .panel-block.is-active .panel-icon { color: rgb(50, 152, 220); }
.panel.is-success .panel-heading { background-color: rgb(72, 199, 116); color: rgb(255, 255, 255); }
.panel.is-success .panel-tabs a.is-active { border-bottom-color: rgb(72, 199, 116); }
.panel.is-success .panel-block.is-active .panel-icon { color: rgb(72, 199, 116); }
.panel.is-warning .panel-heading { background-color: rgb(255, 221, 87); color: rgba(0, 0, 0, 0.7); }
.panel.is-warning .panel-tabs a.is-active { border-bottom-color: rgb(255, 221, 87); }
.panel.is-warning .panel-block.is-active .panel-icon { color: rgb(255, 221, 87); }
.panel.is-danger .panel-heading { background-color: rgb(241, 70, 104); color: rgb(255, 255, 255); }
.panel.is-danger .panel-tabs a.is-active { border-bottom-color: rgb(241, 70, 104); }
.panel.is-danger .panel-block.is-active .panel-icon { color: rgb(241, 70, 104); }
.panel-block:not(:last-child), .panel-tabs:not(:last-child) { border-bottom: 1px solid rgb(237, 237, 237); }
.panel-heading { background-color: rgb(237, 237, 237); border-radius: 6px 6px 0px 0px; color: rgb(54, 54, 54); font-size: 1.25em; font-weight: 700; line-height: 1.25; padding: 0.75em 1em; }
.panel-tabs { align-items: flex-end; display: flex; font-size: 0.875em; justify-content: center; }
.panel-tabs a { border-bottom: 1px solid rgb(219, 219, 219); margin-bottom: -1px; padding: 0.5em; }
.panel-tabs a.is-active { border-bottom-color: rgb(74, 74, 74); color: rgb(54, 54, 54); }
.panel-list a { color: rgb(74, 74, 74); }
.panel-list a:hover { color: rgb(50, 115, 220); }
.panel-block { align-items: center; color: rgb(54, 54, 54); display: flex; justify-content: flex-start; padding: 0.5em 0.75em; }
.panel-block input[type="checkbox"] { margin-right: 0.75em; }
.panel-block > .control { flex-grow: 1; flex-shrink: 1; width: 100%; }
.panel-block.is-wrapped { flex-wrap: wrap; }
.panel-block.is-active { border-left-color: rgb(50, 115, 220); color: rgb(54, 54, 54); }
.panel-block.is-active .panel-icon { color: rgb(50, 115, 220); }
.panel-block:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
a.panel-block, label.panel-block { cursor: pointer; }
a.panel-block:hover, label.panel-block:hover { background-color: rgb(245, 245, 245); }
.panel-icon { display: inline-block; font-size: 14px; height: 1em; line-height: 1em; text-align: center; vertical-align: top; width: 1em; color: rgb(122, 122, 122); margin-right: 0.75em; }
.panel-icon .fa { font-size: inherit; line-height: inherit; }
.tabs { align-items: stretch; display: flex; font-size: 1rem; justify-content: space-between; overflow: auto hidden; white-space: nowrap; }
.tabs a { align-items: center; border-bottom: 1px solid rgb(219, 219, 219); color: rgb(74, 74, 74); display: flex; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; }
.tabs a:hover { border-bottom-color: rgb(54, 54, 54); color: rgb(54, 54, 54); }
.tabs li { display: block; }
.tabs li.is-active a { border-bottom-color: rgb(50, 115, 220); color: rgb(50, 115, 220); }
.tabs ul { align-items: center; border-bottom: 1px solid rgb(219, 219, 219); display: flex; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; }
.tabs ul.is-left { padding-right: 0.75em; }
.tabs ul.is-center { flex: 0 0 auto; justify-content: center; padding-left: 0.75em; padding-right: 0.75em; }
.tabs ul.is-right { justify-content: flex-end; padding-left: 0.75em; }
.tabs .icon:first-child { margin-right: 0.5em; }
.tabs .icon:last-child { margin-left: 0.5em; }
.tabs.is-centered ul { justify-content: center; }
.tabs.is-right ul { justify-content: flex-end; }
.tabs.is-boxed a { border: 1px solid transparent; border-radius: 4px 4px 0px 0px; }
.tabs.is-boxed a:hover { background-color: rgb(245, 245, 245); border-bottom-color: rgb(219, 219, 219); }
.tabs.is-boxed li.is-active a { background-color: rgb(255, 255, 255); border-top-color: rgb(219, 219, 219); border-right-color: rgb(219, 219, 219); border-left-color: rgb(219, 219, 219); border-bottom-color: transparent !important; }
.tabs.is-fullwidth li { flex-grow: 1; flex-shrink: 0; }
.tabs.is-toggle a { border-color: rgb(219, 219, 219); border-style: solid; border-width: 1px; margin-bottom: 0px; position: relative; }
.tabs.is-toggle a:hover { background-color: rgb(245, 245, 245); border-color: rgb(181, 181, 181); z-index: 2; }
.tabs.is-toggle li + li { margin-left: -1px; }
.tabs.is-toggle li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.tabs.is-toggle li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.tabs.is-toggle li.is-active a { background-color: rgb(50, 115, 220); border-color: rgb(50, 115, 220); color: rgb(255, 255, 255); z-index: 1; }
.tabs.is-toggle ul { border-bottom: none; }
.tabs.is-toggle.is-toggle-rounded li:first-child a { border-bottom-left-radius: 290486px; border-top-left-radius: 290486px; padding-left: 1.25em; }
.tabs.is-toggle.is-toggle-rounded li:last-child a { border-bottom-right-radius: 290486px; border-top-right-radius: 290486px; padding-right: 1.25em; }
.tabs.is-small { font-size: 0.75rem; }
.tabs.is-medium { font-size: 1.25rem; }
.tabs.is-large { font-size: 1.5rem; }
.column { display: block; flex: 1 1 0px; padding: 0.75rem; }
.columns.is-mobile > .column.is-narrow { flex: 0 0 auto; width: unset; }
.columns.is-mobile > .column.is-full { flex: 0 0 auto; width: 100%; }
.columns.is-mobile > .column.is-three-quarters { flex: 0 0 auto; width: 75%; }
.columns.is-mobile > .column.is-two-thirds { flex: 0 0 auto; width: 66.6666%; }
.columns.is-mobile > .column.is-half { flex: 0 0 auto; width: 50%; }
.columns.is-mobile > .column.is-one-third { flex: 0 0 auto; width: 33.3333%; }
.columns.is-mobile > .column.is-one-quarter { flex: 0 0 auto; width: 25%; }
.columns.is-mobile > .column.is-one-fifth { flex: 0 0 auto; width: 20%; }
.columns.is-mobile > .column.is-two-fifths { flex: 0 0 auto; width: 40%; }
.columns.is-mobile > .column.is-three-fifths { flex: 0 0 auto; width: 60%; }
.columns.is-mobile > .column.is-four-fifths { flex: 0 0 auto; width: 80%; }
.columns.is-mobile > .column.is-offset-three-quarters { margin-left: 75%; }
.columns.is-mobile > .column.is-offset-two-thirds { margin-left: 66.6666%; }
.columns.is-mobile > .column.is-offset-half { margin-left: 50%; }
.columns.is-mobile > .column.is-offset-one-third { margin-left: 33.3333%; }
.columns.is-mobile > .column.is-offset-one-quarter { margin-left: 25%; }
.columns.is-mobile > .column.is-offset-one-fifth { margin-left: 20%; }
.columns.is-mobile > .column.is-offset-two-fifths { margin-left: 40%; }
.columns.is-mobile > .column.is-offset-three-fifths { margin-left: 60%; }
.columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; }
.columns.is-mobile > .column.is-0 { flex: 0 0 auto; width: 0%; }
.columns.is-mobile > .column.is-offset-0 { margin-left: 0px; }
.columns.is-mobile > .column.is-1 { flex: 0 0 auto; width: 8.33333%; }
.columns.is-mobile > .column.is-offset-1 { margin-left: 8.33333%; }
.columns.is-mobile > .column.is-2 { flex: 0 0 auto; width: 16.6667%; }
.columns.is-mobile > .column.is-offset-2 { margin-left: 16.6667%; }
.columns.is-mobile > .column.is-3 { flex: 0 0 auto; width: 25%; }
.columns.is-mobile > .column.is-offset-3 { margin-left: 25%; }
.columns.is-mobile > .column.is-4 { flex: 0 0 auto; width: 33.3333%; }
.columns.is-mobile > .column.is-offset-4 { margin-left: 33.3333%; }
.columns.is-mobile > .column.is-5 { flex: 0 0 auto; width: 41.6667%; }
.columns.is-mobile > .column.is-offset-5 { margin-left: 41.6667%; }
.columns.is-mobile > .column.is-6 { flex: 0 0 auto; width: 50%; }
.columns.is-mobile > .column.is-offset-6 { margin-left: 50%; }
.columns.is-mobile > .column.is-7 { flex: 0 0 auto; width: 58.3333%; }
.columns.is-mobile > .column.is-offset-7 { margin-left: 58.3333%; }
.columns.is-mobile > .column.is-8 { flex: 0 0 auto; width: 66.6667%; }
.columns.is-mobile > .column.is-offset-8 { margin-left: 66.6667%; }
.columns.is-mobile > .column.is-9 { flex: 0 0 auto; width: 75%; }
.columns.is-mobile > .column.is-offset-9 { margin-left: 75%; }
.columns.is-mobile > .column.is-10 { flex: 0 0 auto; width: 83.3333%; }
.columns.is-mobile > .column.is-offset-10 { margin-left: 83.3333%; }
.columns.is-mobile > .column.is-11 { flex: 0 0 auto; width: 91.6667%; }
.columns.is-mobile > .column.is-offset-11 { margin-left: 91.6667%; }
.columns.is-mobile > .column.is-12 { flex: 0 0 auto; width: 100%; }
.columns.is-mobile > .column.is-offset-12 { margin-left: 100%; }
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile { flex: 0 0 auto; width: unset; }
  .column.is-full-mobile { flex: 0 0 auto; width: 100%; }
  .column.is-three-quarters-mobile { flex: 0 0 auto; width: 75%; }
  .column.is-two-thirds-mobile { flex: 0 0 auto; width: 66.6666%; }
  .column.is-half-mobile { flex: 0 0 auto; width: 50%; }
  .column.is-one-third-mobile { flex: 0 0 auto; width: 33.3333%; }
  .column.is-one-quarter-mobile { flex: 0 0 auto; width: 25%; }
  .column.is-one-fifth-mobile { flex: 0 0 auto; width: 20%; }
  .column.is-two-fifths-mobile { flex: 0 0 auto; width: 40%; }
  .column.is-three-fifths-mobile { flex: 0 0 auto; width: 60%; }
  .column.is-four-fifths-mobile { flex: 0 0 auto; width: 80%; }
  .column.is-offset-three-quarters-mobile { margin-left: 75%; }
  .column.is-offset-two-thirds-mobile { margin-left: 66.6666%; }
  .column.is-offset-half-mobile { margin-left: 50%; }
  .column.is-offset-one-third-mobile { margin-left: 33.3333%; }
  .column.is-offset-one-quarter-mobile { margin-left: 25%; }
  .column.is-offset-one-fifth-mobile { margin-left: 20%; }
  .column.is-offset-two-fifths-mobile { margin-left: 40%; }
  .column.is-offset-three-fifths-mobile { margin-left: 60%; }
  .column.is-offset-four-fifths-mobile { margin-left: 80%; }
  .column.is-0-mobile { flex: 0 0 auto; width: 0%; }
  .column.is-offset-0-mobile { margin-left: 0px; }
  .column.is-1-mobile { flex: 0 0 auto; width: 8.33333%; }
  .column.is-offset-1-mobile { margin-left: 8.33333%; }
  .column.is-2-mobile { flex: 0 0 auto; width: 16.6667%; }
  .column.is-offset-2-mobile { margin-left: 16.6667%; }
  .column.is-3-mobile { flex: 0 0 auto; width: 25%; }
  .column.is-offset-3-mobile { margin-left: 25%; }
  .column.is-4-mobile { flex: 0 0 auto; width: 24%; }
  .column.is-offset-4-mobile { margin-left: 33.3333%; }
  .column.is-5-mobile { flex: 0 0 auto; width: 41.6667%; }
  .column.is-offset-5-mobile { margin-left: 41.6667%; }
  .column.is-6-mobile { flex: 0 0 auto; width: 50%; }
  .column.is-offset-6-mobile { margin-left: 50%; }
  .column.is-7-mobile { flex: 0 0 auto; width: 58.3333%; }
  .column.is-offset-7-mobile { margin-left: 58.3333%; }
  .column.is-8-mobile { flex: 0 0 auto; width: 66.6667%; }
  .column.is-offset-8-mobile { margin-left: 66.6667%; }
  .column.is-9-mobile { flex: 0 0 auto; width: 75%; }
  .column.is-offset-9-mobile { margin-left: 75%; }
  .column.is-10-mobile { flex: 0 0 auto; width: 83.3333%; }
  .column.is-offset-10-mobile { margin-left: 83.3333%; }
  .column.is-11-mobile { flex: 0 0 auto; width: 91.6667%; }
  .column.is-offset-11-mobile { margin-left: 91.6667%; }
  .column.is-12-mobile { flex: 0 0 auto; width: 100%; }
  .column.is-offset-12-mobile { margin-left: 100%; }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet { flex: 0 0 auto; width: unset; }
  .column.is-full, .column.is-full-tablet { flex: 0 0 auto; width: 100%; }
  .column.is-three-quarters, .column.is-three-quarters-tablet { flex: 0 0 auto; width: 75%; }
  .column.is-two-thirds, .column.is-two-thirds-tablet { flex: 0 0 auto; width: 66.6666%; }
  .column.is-half, .column.is-half-tablet { flex: 0 0 auto; width: 50%; }
  .column.is-one-third, .column.is-one-third-tablet { flex: 0 0 auto; width: 33.3333%; }
  .column.is-one-quarter, .column.is-one-quarter-tablet { flex: 0 0 auto; width: 25%; }
  .column.is-one-fifth, .column.is-one-fifth-tablet { flex: 0 0 auto; width: 30%; }
  .column.is-two-fifths, .column.is-two-fifths-tablet { flex: 0 0 auto; width: 40%; }
  .column.is-three-fifths, .column.is-three-fifths-tablet { flex: 0 0 auto; width: 60%; }
  .column.is-four-fifths, .column.is-four-fifths-tablet { flex: 0 0 auto; width: 80%; }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { margin-left: 75%; }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { margin-left: 66.6666%; }
  .column.is-offset-half, .column.is-offset-half-tablet { margin-left: 50%; }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet { margin-left: 33.3333%; }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { margin-left: 25%; }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { margin-left: 20%; }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { margin-left: 40%; }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { margin-left: 60%; }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; }
  .column.is-0, .column.is-0-tablet { flex: 0 0 auto; width: 0%; }
  .column.is-offset-0, .column.is-offset-0-tablet { margin-left: 0px; }
  .column.is-1, .column.is-1-tablet { flex: 0 0 auto; width: 8.33333%; }
  .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333%; }
  .column.is-2, .column.is-2-tablet { flex: 0 0 auto; width: 24%; }
  .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.6667%; }
  .column.is-3, .column.is-3-tablet { flex: 0 0 auto; width: 25%; }
  .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; }
  .column.is-4, .column.is-4-tablet { flex: 0 0 auto; width: 33.3333%; }
  .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.3333%; }
  .column.is-5, .column.is-5-tablet { flex: 0 0 auto; width: 41.6667%; }
  .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.6667%; }
  .column.is-6, .column.is-6-tablet { flex: 0 0 auto; width: 50%; }
  .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; }
  .column.is-7, .column.is-7-tablet { flex: 0 0 auto; width: 58.3333%; }
  .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.3333%; }
  .column.is-8, .column.is-8-tablet { flex: 0 0 auto; width: 66.6667%; }
  .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.6667%; }
  .column.is-9, .column.is-9-tablet { flex: 0 0 auto; width: 75%; }
  .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; }
  .column.is-10, .column.is-10-tablet { flex: 0 0 auto; width: 83.3333%; }
  .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.3333%; }
  .column.is-11, .column.is-11-tablet { flex: 0 0 auto; width: 91.6667%; }
  .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.6667%; }
  .column.is-12, .column.is-12-tablet { flex: 0 0 auto; width: 100%; }
  .column.is-offset-12, .column.is-offset-12-tablet { margin-left: 100%; }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch { flex: 0 0 auto; width: unset; }
  .column.is-full-touch { flex: 0 0 auto; width: 100%; }
  .column.is-three-quarters-touch { flex: 0 0 auto; width: 75%; }
  .column.is-two-thirds-touch { flex: 0 0 auto; width: 66.6666%; }
  .column.is-half-touch { flex: 0 0 auto; width: 50%; }
  .column.is-one-third-touch { flex: 0 0 auto; width: 33.3333%; }
  .column.is-one-quarter-touch { flex: 0 0 auto; width: 25%; }
  .column.is-one-fifth-touch { flex: 0 0 auto; width: 20%; }
  .column.is-two-fifths-touch { flex: 0 0 auto; width: 40%; }
  .column.is-three-fifths-touch { flex: 0 0 auto; width: 60%; }
  .column.is-four-fifths-touch { flex: 0 0 auto; width: 80%; }
  .column.is-offset-three-quarters-touch { margin-left: 75%; }
  .column.is-offset-two-thirds-touch { margin-left: 66.6666%; }
  .column.is-offset-half-touch { margin-left: 50%; }
  .column.is-offset-one-third-touch { margin-left: 33.3333%; }
  .column.is-offset-one-quarter-touch { margin-left: 25%; }
  .column.is-offset-one-fifth-touch { margin-left: 20%; }
  .column.is-offset-two-fifths-touch { margin-left: 40%; }
  .column.is-offset-three-fifths-touch { margin-left: 60%; }
  .column.is-offset-four-fifths-touch { margin-left: 80%; }
  .column.is-0-touch { flex: 0 0 auto; width: 0%; }
  .column.is-offset-0-touch { margin-left: 0px; }
  .column.is-1-touch { flex: 0 0 auto; width: 8.33333%; }
  .column.is-offset-1-touch { margin-left: 8.33333%; }
  .column.is-2-touch { flex: 0 0 auto; width: 16.6667%; }
  .column.is-offset-2-touch { margin-left: 16.6667%; }
  .column.is-3-touch { flex: 0 0 auto; width: 25%; }
  .column.is-offset-3-touch { margin-left: 25%; }
  .column.is-4-touch { flex: 0 0 auto; width: 33.3333%; }
  .column.is-offset-4-touch { margin-left: 33.3333%; }
  .column.is-5-touch { flex: 0 0 auto; width: 41.6667%; }
  .column.is-offset-5-touch { margin-left: 41.6667%; }
  .column.is-6-touch { flex: 0 0 auto; width: 50%; }
  .column.is-offset-6-touch { margin-left: 50%; }
  .column.is-7-touch { flex: 0 0 auto; width: 58.3333%; }
  .column.is-offset-7-touch { margin-left: 58.3333%; }
  .column.is-8-touch { flex: 0 0 auto; width: 66.6667%; }
  .column.is-offset-8-touch { margin-left: 66.6667%; }
  .column.is-9-touch { flex: 0 0 auto; width: 75%; }
  .column.is-offset-9-touch { margin-left: 75%; }
  .column.is-10-touch { flex: 0 0 auto; width: 83.3333%; }
  .column.is-offset-10-touch { margin-left: 83.3333%; }
  .column.is-11-touch { flex: 0 0 auto; width: 91.6667%; }
  .column.is-offset-11-touch { margin-left: 91.6667%; }
  .column.is-12-touch { flex: 0 0 auto; width: 100%; }
  .column.is-offset-12-touch { margin-left: 100%; }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop { flex: 0 0 auto; width: unset; }
  .column.is-full-desktop { flex: 0 0 auto; width: 100%; }
  .column.is-three-quarters-desktop { flex: 0 0 auto; width: 75%; }
  .column.is-two-thirds-desktop { flex: 0 0 auto; width: 66.6666%; }
  .column.is-half-desktop { flex: 0 0 auto; width: 50%; }
  .column.is-one-third-desktop { flex: 0 0 auto; width: 33.3333%; }
  .column.is-one-quarter-desktop { flex: 0 0 auto; width: 25%; }
  .column.is-one-fifth-desktop { flex: 0 0 auto; width: 20%; }
  .column.is-two-fifths-desktop { flex: 0 0 auto; width: 40%; }
  .column.is-three-fifths-desktop { flex: 0 0 auto; width: 60%; }
  .column.is-four-fifths-desktop { flex: 0 0 auto; width: 80%; }
  .column.is-offset-three-quarters-desktop { margin-left: 75%; }
  .column.is-offset-two-thirds-desktop { margin-left: 66.6666%; }
  .column.is-offset-half-desktop { margin-left: 50%; }
  .column.is-offset-one-third-desktop { margin-left: 33.3333%; }
  .column.is-offset-one-quarter-desktop { margin-left: 25%; }
  .column.is-offset-one-fifth-desktop { margin-left: 20%; }
  .column.is-offset-two-fifths-desktop { margin-left: 40%; }
  .column.is-offset-three-fifths-desktop { margin-left: 60%; }
  .column.is-offset-four-fifths-desktop { margin-left: 80%; }
  .column.is-0-desktop { flex: 0 0 auto; width: 0%; }
  .column.is-offset-0-desktop { margin-left: 0px; }
  .column.is-1-desktop { flex: 0 0 auto; width: 8.33333%; }
  .column.is-offset-1-desktop { margin-left: 8.33333%; }
  .column.is-2-desktop { flex: 0 0 auto; width: 24%; }
  .column.is-offset-2-desktop { margin-left: 16.6667%; }
  .column.is-3-desktop { flex: 0 0 auto; width: 25%; }
  .column.is-offset-3-desktop { margin-left: 25%; }
  .column.is-4-desktop { flex: 0 0 auto; width: 33.3333%; }
  .column.is-offset-4-desktop { margin-left: 33.3333%; }
  .column.is-5-desktop { flex: 0 0 auto; width: 41.6667%; }
  .column.is-offset-5-desktop { margin-left: 41.6667%; }
  .column.is-6-desktop { flex: 0 0 auto; width: 50%; }
  .column.is-offset-6-desktop { margin-left: 50%; }
  .column.is-7-desktop { flex: 0 0 auto; width: 58.3333%; }
  .column.is-offset-7-desktop { margin-left: 58.3333%; }
  .column.is-8-desktop { flex: 0 0 auto; width: 66.6667%; }
  .column.is-offset-8-desktop { margin-left: 66.6667%; }
  .column.is-9-desktop { flex: 0 0 auto; width: 75%; }
  .column.is-offset-9-desktop { margin-left: 75%; }
  .column.is-10-desktop { flex: 0 0 auto; width: 83.3333%; }
  .column.is-offset-10-desktop { margin-left: 83.3333%; }
  .column.is-11-desktop { flex: 0 0 auto; width: 91.6667%; }
  .column.is-offset-11-desktop { margin-left: 91.6667%; }
  .column.is-12-desktop { flex: 0 0 auto; width: 100%; }
  .column.is-offset-12-desktop { margin-left: 100%; }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen { flex: 0 0 auto; width: unset; }
  .column.is-full-widescreen { flex: 0 0 auto; width: 100%; }
  .column.is-three-quarters-widescreen { flex: 0 0 auto; width: 75%; }
  .column.is-two-thirds-widescreen { flex: 0 0 auto; width: 66.6666%; }
  .column.is-half-widescreen { flex: 0 0 auto; width: 50%; }
  .column.is-one-third-widescreen { flex: 0 0 auto; width: 33.3333%; }
  .column.is-one-quarter-widescreen { flex: 0 0 auto; width: 25%; }
  .column.is-one-fifth-widescreen { flex: 0 0 auto; width: 20%; }
  .column.is-two-fifths-widescreen { flex: 0 0 auto; width: 40%; }
  .column.is-three-fifths-widescreen { flex: 0 0 auto; width: 60%; }
  .column.is-four-fifths-widescreen { flex: 0 0 auto; width: 80%; }
  .column.is-offset-three-quarters-widescreen { margin-left: 75%; }
  .column.is-offset-two-thirds-widescreen { margin-left: 66.6666%; }
  .column.is-offset-half-widescreen { margin-left: 50%; }
  .column.is-offset-one-third-widescreen { margin-left: 33.3333%; }
  .column.is-offset-one-quarter-widescreen { margin-left: 25%; }
  .column.is-offset-one-fifth-widescreen { margin-left: 20%; }
  .column.is-offset-two-fifths-widescreen { margin-left: 40%; }
  .column.is-offset-three-fifths-widescreen { margin-left: 60%; }
  .column.is-offset-four-fifths-widescreen { margin-left: 80%; }
  .column.is-0-widescreen { flex: 0 0 auto; width: 0%; }
  .column.is-offset-0-widescreen { margin-left: 0px; }
  .column.is-1-widescreen { flex: 0 0 auto; width: 8.33333%; }
  .column.is-offset-1-widescreen { margin-left: 8.33333%; }
  .column.is-2-widescreen { flex: 0 0 auto; width: 16.6667%; }
  .column.is-offset-2-widescreen { margin-left: 16.6667%; }
  .column.is-3-widescreen { flex: 0 0 auto; width: 25%; }
  .column.is-offset-3-widescreen { margin-left: 25%; }
  .column.is-4-widescreen { flex: 0 0 auto; width: 33.3333%; }
  .column.is-offset-4-widescreen { margin-left: 33.3333%; }
  .column.is-5-widescreen { flex: 0 0 auto; width: 41.6667%; }
  .column.is-offset-5-widescreen { margin-left: 41.6667%; }
  .column.is-6-widescreen { flex: 0 0 auto; width: 50%; }
  .column.is-offset-6-widescreen { margin-left: 50%; }
  .column.is-7-widescreen { flex: 0 0 auto; width: 58.3333%; }
  .column.is-offset-7-widescreen { margin-left: 58.3333%; }
  .column.is-8-widescreen { flex: 0 0 auto; width: 66.6667%; }
  .column.is-offset-8-widescreen { margin-left: 66.6667%; }
  .column.is-9-widescreen { flex: 0 0 auto; width: 75%; }
  .column.is-offset-9-widescreen { margin-left: 75%; }
  .column.is-10-widescreen { flex: 0 0 auto; width: 83.3333%; }
  .column.is-offset-10-widescreen { margin-left: 83.3333%; }
  .column.is-11-widescreen { flex: 0 0 auto; width: 91.6667%; }
  .column.is-offset-11-widescreen { margin-left: 91.6667%; }
  .column.is-12-widescreen { flex: 0 0 auto; width: 100%; }
  .column.is-offset-12-widescreen { margin-left: 100%; }
}
@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd { flex: 0 0 auto; width: unset; }
  .column.is-full-fullhd { flex: 0 0 auto; width: 100%; }
  .column.is-three-quarters-fullhd { flex: 0 0 auto; width: 75%; }
  .column.is-two-thirds-fullhd { flex: 0 0 auto; width: 66.6666%; }
  .column.is-half-fullhd { flex: 0 0 auto; width: 50%; }
  .column.is-one-third-fullhd { flex: 0 0 auto; width: 33.3333%; }
  .column.is-one-quarter-fullhd { flex: 0 0 auto; width: 25%; }
  .column.is-one-fifth-fullhd { flex: 0 0 auto; width: 20%; }
  .column.is-two-fifths-fullhd { flex: 0 0 auto; width: 40%; }
  .column.is-three-fifths-fullhd { flex: 0 0 auto; width: 60%; }
  .column.is-four-fifths-fullhd { flex: 0 0 auto; width: 80%; }
  .column.is-offset-three-quarters-fullhd { margin-left: 75%; }
  .column.is-offset-two-thirds-fullhd { margin-left: 66.6666%; }
  .column.is-offset-half-fullhd { margin-left: 50%; }
  .column.is-offset-one-third-fullhd { margin-left: 33.3333%; }
  .column.is-offset-one-quarter-fullhd { margin-left: 25%; }
  .column.is-offset-one-fifth-fullhd { margin-left: 20%; }
  .column.is-offset-two-fifths-fullhd { margin-left: 40%; }
  .column.is-offset-three-fifths-fullhd { margin-left: 60%; }
  .column.is-offset-four-fifths-fullhd { margin-left: 80%; }
  .column.is-0-fullhd { flex: 0 0 auto; width: 0%; }
  .column.is-offset-0-fullhd { margin-left: 0px; }
  .column.is-1-fullhd { flex: 0 0 auto; width: 8.33333%; }
  .column.is-offset-1-fullhd { margin-left: 8.33333%; }
  .column.is-2-fullhd { flex: 0 0 auto; width: 16.6667%; }
  .column.is-offset-2-fullhd { margin-left: 16.6667%; }
  .column.is-3-fullhd { flex: 0 0 auto; width: 25%; }
  .column.is-offset-3-fullhd { margin-left: 25%; }
  .column.is-4-fullhd { flex: 0 0 auto; width: 33.3333%; }
  .column.is-offset-4-fullhd { margin-left: 33.3333%; }
  .column.is-5-fullhd { flex: 0 0 auto; width: 41.6667%; }
  .column.is-offset-5-fullhd { margin-left: 41.6667%; }
  .column.is-6-fullhd { flex: 0 0 auto; }
  .column.is-offset-6-fullhd { margin-left: 50%; }
  .column.is-7-fullhd { flex: 0 0 auto; width: 58.3333%; }
  .column.is-offset-7-fullhd { margin-left: 58.3333%; }
  .column.is-8-fullhd { flex: 0 0 auto; width: 66.6667%; }
  .column.is-offset-8-fullhd { margin-left: 66.6667%; }
  .column.is-9-fullhd { flex: 0 0 auto; width: 75%; }
  .column.is-offset-9-fullhd { margin-left: 75%; }
  .column.is-10-fullhd { flex: 0 0 auto; width: 83.3333%; }
  .column.is-offset-10-fullhd { margin-left: 83.3333%; }
  .column.is-11-fullhd { flex: 0 0 auto; width: 91.6667%; }
  .column.is-offset-11-fullhd { margin-left: 91.6667%; }
  .column.is-12-fullhd { flex: 0 0 auto; width: 100%; }
  .column.is-offset-12-fullhd { margin-left: 100%; }
}
.columns { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; }
.columns:last-child { margin-bottom: -0.75rem; }
.columns:not(:last-child) { margin-bottom: calc(0.75rem); }
.columns.is-centered { justify-content: center; }
.columns.is-gapless { margin-left: 0px; margin-right: 0px; margin-top: 0px; }
.columns.is-gapless > .column { margin: 0px; padding: 0px !important; }
.columns.is-gapless:not(:last-child) { margin-bottom: 1.5rem; }
.columns.is-gapless:last-child { margin-bottom: 0px; }
.columns.is-mobile { display: flex; }
.columns.is-multiline { flex-wrap: wrap; }
.columns.is-vcentered { align-items: center; }
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) { display: flex; }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop { display: flex; }
}
.columns.is-variable { --columnGap: 0.75rem; margin-left: calc(-1 * var(--columnGap)); margin-right: calc(-1 * var(--columnGap)); }
.columns.is-variable > .column { padding-left: var(--columnGap); padding-right: var(--columnGap) ; }
.columns.is-variable.is-0 { --columnGap: 0rem ; }
@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile { --columnGap: 0rem ; }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet { --columnGap: 0rem ; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only { --columnGap: 0rem ; }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch { --columnGap: 0rem ; }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop { --columnGap: 0rem ; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only { --columnGap: 0rem ; }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen { --columnGap: 0rem ; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-0-widescreen-only { --columnGap: 0rem ; }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-0-fullhd { --columnGap: 0rem ; }
}
.columns.is-variable.is-1 { --columnGap: 0.25rem ; }
@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile { --columnGap: 0.25rem ; }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet { --columnGap: 0.25rem ; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only { --columnGap: 0.25rem ; }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch { --columnGap: 0.25rem ; }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop { --columnGap: 0.25rem ; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only { --columnGap: 0.25rem ; }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen { --columnGap: 0.25rem ; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-1-widescreen-only { --columnGap: 0.25rem ; }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-1-fullhd { --columnGap: 0.25rem ; }
}
.columns.is-variable.is-2 { --columnGap: 0.5rem ; }
@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile { --columnGap: 0.5rem ; }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet { --columnGap: 0.5rem ; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only { --columnGap: 0.5rem ; }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch { --columnGap: 0.5rem ; }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop { --columnGap: 0.5rem ; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only { --columnGap: 0.5rem ; }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen { --columnGap: 0.5rem ; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-2-widescreen-only { --columnGap: 0.5rem ; }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-2-fullhd { --columnGap: 0.5rem ; }
}
.columns.is-variable.is-3 { --columnGap: 0.75rem ; }
@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile { --columnGap: 0.75rem ; }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet { --columnGap: 0.75rem ; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only { --columnGap: 0.75rem ; }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch { --columnGap: 0.75rem ; }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop { --columnGap: 0.75rem ; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only { --columnGap: 0.75rem ; }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen { --columnGap: 0.75rem ; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-3-widescreen-only { --columnGap: 0.75rem ; }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-3-fullhd { --columnGap: 0.75rem ; }
}
.columns.is-variable.is-4 { --columnGap: 1rem ; }
@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile { --columnGap: 1rem ; }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet { --columnGap: 1rem ; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only { --columnGap: 1rem ; }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch { --columnGap: 1rem ; }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop { --columnGap: 1rem ; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only { --columnGap: 1rem ; }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen { --columnGap: 1rem ; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-4-widescreen-only { --columnGap: 1rem ; }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-4-fullhd { --columnGap: 1rem ; }
}
.columns.is-variable.is-5 { --columnGap: 1.25rem ; }
@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile { --columnGap: 1.25rem ; }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet { --columnGap: 1.25rem ; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only { --columnGap: 1.25rem ; }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch { --columnGap: 1.25rem ; }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop { --columnGap: 1.25rem ; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only { --columnGap: 1.25rem ; }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen { --columnGap: 1.25rem ; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-5-widescreen-only { --columnGap: 1.25rem ; }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-5-fullhd { --columnGap: 1.25rem ; }
}
.columns.is-variable.is-6 { --columnGap: 1.5rem ; }
@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile { --columnGap: 1.5rem ; }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet { --columnGap: 1.5rem ; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only { --columnGap: 1.5rem ; }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch { --columnGap: 1.5rem ; }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop { --columnGap: 1.5rem ; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only { --columnGap: 1.5rem ; }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen { --columnGap: 1.5rem ; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-6-widescreen-only { --columnGap: 1.5rem ; }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-6-fullhd { --columnGap: 1.5rem ; }
}
.columns.is-variable.is-7 { --columnGap: 1.75rem ; }
@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile { --columnGap: 1.75rem ; }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet { --columnGap: 1.75rem ; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only { --columnGap: 1.75rem ; }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch { --columnGap: 1.75rem ; }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop { --columnGap: 1.75rem ; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only { --columnGap: 1.75rem ; }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen { --columnGap: 1.75rem ; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-7-widescreen-only { --columnGap: 1.75rem ; }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-7-fullhd { --columnGap: 1.75rem ; }
}
.columns.is-variable.is-8 { --columnGap: 2rem ; }
@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile { --columnGap: 2rem ; }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet { --columnGap: 2rem ; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only { --columnGap: 2rem ; }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch { --columnGap: 2rem ; }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop { --columnGap: 2rem ; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only { --columnGap: 2rem ; }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen { --columnGap: 2rem ; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-8-widescreen-only { --columnGap: 2rem ; }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-8-fullhd { --columnGap: 2rem ; }
}
.tile { align-items: stretch; display: block; flex: 1 1 0px; min-height: min-content; }
.tile.is-ancestor { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; }
.tile.is-ancestor:last-child { margin-bottom: -0.75rem; }
.tile.is-ancestor:not(:last-child) { margin-bottom: 0.75rem; }
.tile.is-child { margin: 0px !important; }
.tile.is-parent { padding: 0.75rem; }
.tile.is-vertical { flex-direction: column; }
.tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 1.5rem !important; }
@media screen and (min-width: 769px), print {
  .tile:not(.is-child) { display: flex; }
  .tile.is-1 { flex: 0 0 auto; width: 8.33333%; }
  .tile.is-2 { flex: 0 0 auto; width: 16.6667%; }
  .tile.is-3 { flex: 0 0 auto; width: 25%; }
  .tile.is-4 { flex: 0 0 auto; width: 33.3333%; }
  .tile.is-5 { flex: 0 0 auto; width: 41.6667%; }
  .tile.is-6 { flex: 0 0 auto; width: 50%; }
  .tile.is-7 { flex: 0 0 auto; width: 58.3333%; }
  .tile.is-8 { flex: 0 0 auto; width: 66.6667%; }
  .tile.is-9 { flex: 0 0 auto; width: 75%; }
  .tile.is-10 { flex: 0 0 auto; width: 83.3333%; }
  .tile.is-11 { flex: 0 0 auto; width: 91.6667%; }
  .tile.is-12 { flex: 0 0 auto; width: 100%; }
}
.has-text-white { color: rgb(255, 255, 255) !important; }
a.has-text-white:focus, a.has-text-white:hover { color: rgb(230, 230, 230) !important; }
.has-background-white { background-color: rgb(255, 255, 255) !important; }
.has-text-black { color: rgb(10, 10, 10) !important; }
a.has-text-black:focus, a.has-text-black:hover { color: rgb(0, 0, 0) !important; }
.has-background-black { background-color: rgb(10, 10, 10) !important; }
.has-text-light { color: rgb(245, 245, 245) !important; }
a.has-text-light:focus, a.has-text-light:hover { color: rgb(219, 219, 219) !important; }
.has-background-light { background-color: rgb(245, 245, 245) !important; }
.has-text-dark { color: rgb(54, 54, 54) !important; }
a.has-text-dark:focus, a.has-text-dark:hover { color: rgb(28, 28, 28) !important; }
.has-background-dark { background-color: rgb(54, 54, 54) !important; }
.has-text-primary { color: rgb(66, 73, 99) !important; }
a.has-text-primary:focus, a.has-text-primary:hover { color: rgb(0, 158, 134) !important; }
.has-background-primary { background-color: rgb(66, 73, 99) !important; }
.has-text-primary-light { color: rgb(235, 255, 252) !important; }
a.has-text-primary-light:focus, a.has-text-primary-light:hover { color: rgb(184, 255, 244) !important; }
.has-background-primary-light { background-color: rgb(235, 255, 252) !important; }
.has-text-primary-dark { color: rgb(0, 148, 126) !important; }
a.has-text-primary-dark:focus, a.has-text-primary-dark:hover { color: rgb(0, 199, 169) !important; }
.has-background-primary-dark { background-color: rgb(0, 148, 126) !important; }
.has-text-link { color: rgb(50, 115, 220) !important; }
a.has-text-link:focus, a.has-text-link:hover { color: rgb(32, 91, 188) !important; }
.has-background-link { background-color: rgb(50, 115, 220) !important; }
.has-text-link-light { color: rgb(238, 243, 252) !important; }
a.has-text-link-light:focus, a.has-text-link-light:hover { color: rgb(194, 213, 245) !important; }
.has-background-link-light { background-color: rgb(238, 243, 252) !important; }
.has-text-link-dark { color: rgb(33, 96, 196) !important; }
a.has-text-link-dark:focus, a.has-text-link-dark:hover { color: rgb(59, 121, 222) !important; }
.has-background-link-dark { background-color: rgb(33, 96, 196) !important; }
.has-text-info { color: rgb(50, 152, 220) !important; }
a.has-text-info:focus, a.has-text-info:hover { color: rgb(32, 125, 188) !important; }
.has-background-info { background-color: rgb(50, 152, 220) !important; }
.has-text-info-light { color: rgb(238, 246, 252) !important; }
a.has-text-info-light:focus, a.has-text-info-light:hover { color: rgb(194, 224, 245) !important; }
.has-background-info-light { background-color: rgb(238, 246, 252) !important; }
.has-text-info-dark { color: rgb(29, 114, 170) !important; }
a.has-text-info-dark:focus, a.has-text-info-dark:hover { color: rgb(36, 143, 214) !important; }
.has-background-info-dark { background-color: rgb(29, 114, 170) !important; }
.has-text-success { color: rgb(72, 199, 116) !important; }
a.has-text-success:focus, a.has-text-success:hover { color: rgb(52, 168, 92) !important; }
.has-background-success { background-color: rgb(72, 199, 116) !important; }
.has-text-success-light { color: rgb(239, 250, 243) !important; }
a.has-text-success-light:focus, a.has-text-success-light:hover { color: rgb(200, 238, 214) !important; }
.has-background-success-light { background-color: rgb(239, 250, 243) !important; }
.has-text-success-dark { color: rgb(37, 121, 66) !important; }
a.has-text-success-dark:focus, a.has-text-success-dark:hover { color: rgb(49, 160, 88) !important; }
.has-background-success-dark { background-color: rgb(37, 121, 66) !important; }
.has-text-warning { color: rgb(255, 221, 87) !important; }
a.has-text-warning:focus, a.has-text-warning:hover { color: rgb(255, 211, 36) !important; }
.has-background-warning { background-color: rgb(255, 221, 87) !important; }
.has-text-warning-light { color: rgb(255, 251, 235) !important; }
a.has-text-warning-light:focus, a.has-text-warning-light:hover { color: rgb(255, 241, 184) !important; }
.has-background-warning-light { background-color: rgb(255, 251, 235) !important; }
.has-text-warning-dark { color: rgb(148, 118, 0) !important; }
a.has-text-warning-dark:focus, a.has-text-warning-dark:hover { color: rgb(199, 159, 0) !important; }
.has-background-warning-dark { background-color: rgb(148, 118, 0) !important; }
.has-text-danger { color: rgb(241, 70, 104) !important; }
a.has-text-danger:focus, a.has-text-danger:hover { color: rgb(238, 23, 66) !important; }
.has-background-danger { background-color: rgb(241, 70, 104) !important; }
.has-text-danger-light { color: rgb(254, 236, 240) !important; }
a.has-text-danger-light:focus, a.has-text-danger-light:hover { color: rgb(250, 189, 201) !important; }
.has-background-danger-light { background-color: rgb(254, 236, 240) !important; }
.has-text-danger-dark { color: rgb(204, 15, 53) !important; }
a.has-text-danger-dark:focus, a.has-text-danger-dark:hover { color: rgb(238, 32, 73) !important; }
.has-background-danger-dark { background-color: rgb(204, 15, 53) !important; }
.has-text-black-bis { color: rgb(18, 18, 18) !important; }
.has-background-black-bis { background-color: rgb(18, 18, 18) !important; }
.has-text-black-ter { color: rgb(36, 36, 36) !important; }
.has-background-black-ter { background-color: rgb(36, 36, 36) !important; }
.has-text-grey-darker { color: rgb(54, 54, 54) !important; }
.has-background-grey-darker { background-color: rgb(54, 54, 54) !important; }
.has-text-grey-dark { color: rgb(74, 74, 74) !important; }
.has-background-grey-dark { background-color: rgb(74, 74, 74) !important; }
.has-text-grey { color: rgb(122, 122, 122) !important; }
.has-background-grey { background-color: rgb(122, 122, 122) !important; }
.has-text-grey-light { color: rgb(181, 181, 181) !important; }
.has-background-grey-light { background-color: rgb(181, 181, 181) !important; }
.has-text-grey-lighter { color: rgb(219, 219, 219) !important; }
.has-background-grey-lighter { background-color: rgb(219, 219, 219) !important; }
.has-text-white-ter { color: rgb(245, 245, 245) !important; }
.has-background-white-ter { background-color: rgb(245, 245, 245) !important; }
.has-text-white-bis { color: rgb(250, 250, 250) !important; }
.has-background-white-bis { background-color: rgb(250, 250, 250) !important; }
.is-flex-direction-row { flex-direction: row !important; }
.is-flex-direction-row-reverse { flex-direction: row-reverse !important; }
.is-flex-direction-column { flex-direction: column !important; }
.is-flex-direction-column-reverse { flex-direction: column-reverse !important; }
.is-flex-wrap-nowrap { flex-wrap: nowrap !important; }
.is-flex-wrap-wrap { flex-wrap: wrap !important; }
.is-flex-wrap-wrap-reverse { flex-wrap: wrap-reverse !important; }
.is-justify-content-flex-start { justify-content: flex-start !important; }
.is-justify-content-flex-end { justify-content: flex-end !important; }
.is-justify-content-center { justify-content: center !important; }
.is-justify-content-space-between { justify-content: space-between !important; }
.is-justify-content-space-around { justify-content: space-around !important; }
.is-justify-content-space-evenly { justify-content: space-evenly !important; }
.is-justify-content-start { justify-content: start !important; }
.is-justify-content-end { justify-content: end !important; }
.is-justify-content-left { justify-content: left !important; }
.is-justify-content-right { justify-content: right !important; }
.is-align-content-flex-start { align-content: flex-start !important; }
.is-align-content-flex-end { align-content: flex-end !important; }
.is-align-content-center { align-content: center !important; }
.is-align-content-space-between { align-content: space-between !important; }
.is-align-content-space-around { align-content: space-around !important; }
.is-align-content-space-evenly { align-content: space-evenly !important; }
.is-align-content-stretch { align-content: stretch !important; }
.is-align-content-start { align-content: start !important; }
.is-align-content-end { align-content: end !important; }
.is-align-content-baseline { align-content: baseline !important; }
.is-align-items-stretch { align-items: stretch !important; }
.is-align-items-flex-start { align-items: flex-start !important; }
.is-align-items-flex-end { align-items: flex-end !important; }
.is-align-items-center { align-items: center !important; }
.is-align-items-baseline { align-items: baseline !important; }
.is-align-items-start { align-items: start !important; }
.is-align-items-end { align-items: end !important; }
.is-align-items-self-start { align-items: self-start !important; }
.is-align-items-self-end { align-items: self-end !important; }
.is-align-self-auto { align-self: auto !important; }
.is-align-self-flex-start { align-self: flex-start !important; }
.is-align-self-flex-end { align-self: flex-end !important; }
.is-align-self-center { align-self: center !important; }
.is-align-self-baseline { align-self: baseline !important; }
.is-align-self-stretch { align-self: stretch !important; }
.is-flex-grow-0 { flex-grow: 0 !important; }
.is-flex-grow-1 { flex-grow: 1 !important; }
.is-flex-grow-2 { flex-grow: 2 !important; }
.is-flex-grow-3 { flex-grow: 3 !important; }
.is-flex-grow-4 { flex-grow: 4 !important; }
.is-flex-grow-5 { flex-grow: 5 !important; }
.is-flex-shrink-0 { flex-shrink: 0 !important; }
.is-flex-shrink-1 { flex-shrink: 1 !important; }
.is-flex-shrink-2 { flex-shrink: 2 !important; }
.is-flex-shrink-3 { flex-shrink: 3 !important; }
.is-flex-shrink-4 { flex-shrink: 4 !important; }
.is-flex-shrink-5 { flex-shrink: 5 !important; }
.is-clearfix::after { clear: both; content: " "; display: table; }
.is-pulled-left { float: left !important; }
.is-pulled-right { float: right !important; }
.is-radiusless { border-radius: 0px !important; }
.is-shadowless { box-shadow: none !important; }
.is-clickable { cursor: pointer !important; }
.is-clipped { overflow: hidden !important; }
.is-relative { position: relative !important; }
.is-marginless { margin: 0px !important; }
.is-paddingless { padding: 0px !important; }
.m-0 { margin: 0px !important; }
.mt-0 { margin-top: 0px !important; }
.mr-0 { margin-right: 0px !important; }
.mb-0 { margin-bottom: 0px !important; }
.ml-0 { margin-left: 0px !important; }
.mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.m-1 { margin: 0.25rem !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.ml-1 { margin-left: 0.25rem !important; }
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.m-3 { margin: 0.75rem !important; }
.mt-3 { margin-top: 0.75rem !important; }
.mr-3 { margin-right: 0.75rem !important; }
.mb-3 { margin-bottom: 0.75rem !important; }
.ml-3 { margin-left: 0.75rem !important; }
.mx-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
.my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.m-4 { margin: 1rem !important; }
.mt-4 { margin-top: 1rem !important; }
.mr-4 { margin-right: 1rem !important; }
.mb-4 { margin-bottom: 1rem !important; }
.ml-4 { margin-left: 1rem !important; }
.mx-4 { margin-left: 1rem !important; margin-right: 1rem !important; }
.my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.m-5 { margin: 1.5rem !important; }
.mt-5 { margin-top: 1.5rem !important; }
.mr-5 { margin-right: 1.5rem !important; }
.mb-5 { margin-bottom: 1.5rem !important; }
.ml-5 { margin-left: 1.5rem !important; }
.mx-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.my-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.m-6 { margin: 3rem !important; }
.mt-6 { margin-top: 3rem !important; }
.mr-6 { margin-right: 3rem !important; }
.mb-6 { margin-bottom: 3rem !important; }
.ml-6 { margin-left: 3rem !important; }
.mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; }
.my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.p-0 { padding: 0px !important; }
.pt-0 { padding-top: 0px !important; }
.pr-0 { padding-right: 0px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pl-0 { padding-left: 0px !important; }
.px-0 { padding-left: 0px !important; padding-right: 0px !important; }
.py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.p-1 { padding: 0.25rem !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pl-1 { padding-left: 0.25rem !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.p-3 { padding: 0.75rem !important; }
.pt-3 { padding-top: 0.75rem !important; }
.pr-3 { padding-right: 0.75rem !important; }
.pb-3 { padding-bottom: 0.75rem !important; }
.pl-3 { padding-left: 0.75rem !important; }
.px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.p-4 { padding: 1rem !important; }
.pt-4 { padding-top: 1rem !important; }
.pr-4 { padding-right: 1rem !important; }
.pb-4 { padding-bottom: 1rem !important; }
.pl-4 { padding-left: 1rem !important; }
.px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
.py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.p-5 { padding: 1.5rem !important; }
.pt-5 { padding-top: 1.5rem !important; }
.pr-5 { padding-right: 1.5rem !important; }
.pb-5 { padding-bottom: 1.5rem !important; }
.pl-5 { padding-left: 1.5rem !important; }
.px-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.py-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.p-6 { padding: 3rem !important; }
.pt-6 { padding-top: 3rem !important; }
.pr-6 { padding-right: 3rem !important; }
.pb-6 { padding-bottom: 3rem !important; }
.pl-6 { padding-left: 3rem !important; }
.px-6 { padding-left: 3rem !important; padding-right: 3rem !important; }
.py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.is-size-1 { font-size: 3rem !important; }
.is-size-2 { font-size: 2.5rem !important; }
.is-size-3 { font-size: 2rem !important; }
.is-size-4 { font-size: 1.5rem !important; }
.is-size-5 { font-size: 1.25rem !important; }
.is-size-6 { font-size: 1rem !important; }
.is-size-7 { font-size: 0.75rem !important; }
@media screen and (max-width: 768px) {
  .is-size-1-mobile { font-size: 3rem !important; }
  .is-size-2-mobile { font-size: 2.5rem !important; }
  .is-size-3-mobile { font-size: 2rem !important; }
  .is-size-4-mobile { font-size: 1.5rem !important; }
  .is-size-5-mobile { font-size: 1.25rem !important; }
  .is-size-6-mobile { font-size: 1rem !important; }
  .is-size-7-mobile { font-size: 0.75rem !important; }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet { font-size: 3rem !important; }
  .is-size-2-tablet { font-size: 2.5rem !important; }
  .is-size-3-tablet { font-size: 2rem !important; }
  .is-size-4-tablet { font-size: 1.5rem !important; }
  .is-size-5-tablet { font-size: 1.25rem !important; }
  .is-size-6-tablet { font-size: 1rem !important; }
  .is-size-7-tablet { font-size: 0.75rem !important; }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch { font-size: 3rem !important; }
  .is-size-2-touch { font-size: 2.5rem !important; }
  .is-size-3-touch { font-size: 2rem !important; }
  .is-size-4-touch { font-size: 1.5rem !important; }
  .is-size-5-touch { font-size: 1.25rem !important; }
  .is-size-6-touch { font-size: 1rem !important; }
  .is-size-7-touch { font-size: 0.75rem !important; }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop { font-size: 3rem !important; }
  .is-size-2-desktop { font-size: 2.5rem !important; }
  .is-size-3-desktop { font-size: 2rem !important; }
  .is-size-4-desktop { font-size: 1.5rem !important; }
  .is-size-5-desktop { font-size: 1.25rem !important; }
  .is-size-6-desktop { font-size: 1rem !important; }
  .is-size-7-desktop { font-size: 0.75rem !important; }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen { font-size: 3rem !important; }
  .is-size-2-widescreen { font-size: 2.5rem !important; }
  .is-size-3-widescreen { font-size: 2rem !important; }
  .is-size-4-widescreen { font-size: 1.5rem !important; }
  .is-size-5-widescreen { font-size: 1.25rem !important; }
  .is-size-6-widescreen { font-size: 1rem !important; }
  .is-size-7-widescreen { font-size: 0.75rem !important; }
}
@media screen and (min-width: 1408px) {
  .is-size-1-fullhd { font-size: 3rem !important; }
  .is-size-2-fullhd { font-size: 2.5rem !important; }
  .is-size-3-fullhd { font-size: 2rem !important; }
  .is-size-4-fullhd { font-size: 1.5rem !important; }
  .is-size-5-fullhd { font-size: 1.25rem !important; }
  .is-size-6-fullhd { font-size: 1rem !important; }
  .is-size-7-fullhd { font-size: 0.75rem !important; }
}
.has-text-centered { text-align: center !important; }
.has-text-justified { text-align: justify !important; }
.has-text-left { text-align: left !important; }
.has-text-right { text-align: right !important; }
@media screen and (max-width: 768px) {
  .has-text-centered-mobile { text-align: center !important; }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet { text-align: center !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only { text-align: center !important; }
}
@media screen and (max-width: 1023px) {
  .has-text-centered-touch { text-align: center !important; }
}
@media screen and (min-width: 1024px) {
  .has-text-centered-desktop { text-align: center !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only { text-align: center !important; }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen { text-align: center !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only { text-align: center !important; }
}
@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd { text-align: center !important; }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile { text-align: justify !important; }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet { text-align: justify !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only { text-align: justify !important; }
}
@media screen and (max-width: 1023px) {
  .has-text-justified-touch { text-align: justify !important; }
}
@media screen and (min-width: 1024px) {
  .has-text-justified-desktop { text-align: justify !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only { text-align: justify !important; }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen { text-align: justify !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only { text-align: justify !important; }
}
@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd { text-align: justify !important; }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile { text-align: left !important; }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet { text-align: left !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only { text-align: left !important; }
}
@media screen and (max-width: 1023px) {
  .has-text-left-touch { text-align: left !important; }
}
@media screen and (min-width: 1024px) {
  .has-text-left-desktop { text-align: left !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only { text-align: left !important; }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen { text-align: left !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only { text-align: left !important; }
}
@media screen and (min-width: 1408px) {
  .has-text-left-fullhd { text-align: left !important; }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile { text-align: right !important; }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet { text-align: right !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only { text-align: right !important; }
}
@media screen and (max-width: 1023px) {
  .has-text-right-touch { text-align: right !important; }
}
@media screen and (min-width: 1024px) {
  .has-text-right-desktop { text-align: right !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only { text-align: right !important; }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen { text-align: right !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only { text-align: right !important; }
}
@media screen and (min-width: 1408px) {
  .has-text-right-fullhd { text-align: right !important; }
}
.is-capitalized { text-transform: capitalize !important; }
.is-lowercase { text-transform: lowercase !important; }
.is-uppercase { text-transform: uppercase !important; }
.is-italic { font-style: italic !important; }
.has-text-weight-light { font-weight: 300 !important; }
.has-text-weight-normal { font-weight: 400 !important; }
.has-text-weight-medium { font-weight: 500 !important; }
.has-text-weight-semibold { font-weight: 600 !important; }
.has-text-weight-bold { font-weight: 700 !important; }
.is-family-primary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.is-family-secondary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.is-family-sans-serif { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.is-family-monospace { font-family: monospace !important; }
.is-family-code { font-family: monospace !important; }
.is-block { display: block !important; }
@media screen and (max-width: 768px) {
  .is-block-mobile { display: block !important; }
}
@media screen and (min-width: 769px), print {
  .is-block-tablet { display: block !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only { display: block !important; }
}
@media screen and (max-width: 1023px) {
  .is-block-touch { display: block !important; }
}
@media screen and (min-width: 1024px) {
  .is-block-desktop { display: block !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only { display: block !important; }
}
@media screen and (min-width: 1216px) {
  .is-block-widescreen { display: block !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-block-widescreen-only { display: block !important; }
}
@media screen and (min-width: 1408px) {
  .is-block-fullhd { display: block !important; }
}
.is-flex { display: flex !important; }
@media screen and (max-width: 768px) {
  .is-flex-mobile { display: flex !important; }
}
@media screen and (min-width: 769px), print {
  .is-flex-tablet { display: flex !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only { display: flex !important; }
}
@media screen and (max-width: 1023px) {
  .is-flex-touch { display: flex !important; }
}
@media screen and (min-width: 1024px) {
  .is-flex-desktop { display: flex !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only { display: flex !important; }
}
@media screen and (min-width: 1216px) {
  .is-flex-widescreen { display: flex !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only { display: flex !important; }
}
@media screen and (min-width: 1408px) {
  .is-flex-fullhd { display: flex !important; }
}
.is-inline { display: inline !important; }
@media screen and (max-width: 768px) {
  .is-inline-mobile { display: inline !important; }
}
@media screen and (min-width: 769px), print {
  .is-inline-tablet { display: inline !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only { display: inline !important; }
}
@media screen and (max-width: 1023px) {
  .is-inline-touch { display: inline !important; }
}
@media screen and (min-width: 1024px) {
  .is-inline-desktop { display: inline !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only { display: inline !important; }
}
@media screen and (min-width: 1216px) {
  .is-inline-widescreen { display: inline !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-widescreen-only { display: inline !important; }
}
@media screen and (min-width: 1408px) {
  .is-inline-fullhd { display: inline !important; }
}
.is-inline-block { display: inline-block !important; }
@media screen and (max-width: 768px) {
  .is-inline-block-mobile { display: inline-block !important; }
}
@media screen and (min-width: 769px), print {
  .is-inline-block-tablet { display: inline-block !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only { display: inline-block !important; }
}
@media screen and (max-width: 1023px) {
  .is-inline-block-touch { display: inline-block !important; }
}
@media screen and (min-width: 1024px) {
  .is-inline-block-desktop { display: inline-block !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only { display: inline-block !important; }
}
@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen { display: inline-block !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-block-widescreen-only { display: inline-block !important; }
}
@media screen and (min-width: 1408px) {
  .is-inline-block-fullhd { display: inline-block !important; }
}
.is-inline-flex { display: inline-flex !important; }
@media screen and (max-width: 768px) {
  .is-inline-flex-mobile { display: inline-flex !important; }
}
@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet { display: inline-flex !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only { display: inline-flex !important; }
}
@media screen and (max-width: 1023px) {
  .is-inline-flex-touch { display: inline-flex !important; }
}
@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop { display: inline-flex !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only { display: inline-flex !important; }
}
@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen { display: inline-flex !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-flex-widescreen-only { display: inline-flex !important; }
}
@media screen and (min-width: 1408px) {
  .is-inline-flex-fullhd { display: inline-flex !important; }
}
.is-hidden { display: none !important; }
.is-sr-only { border: none !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 0.01em !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; }
@media screen and (max-width: 768px) {
  .is-hidden-mobile { display: none !important; }
}
@media screen and (min-width: 769px), print {
  .is-hidden-tablet { display: none !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only { display: none !important; }
}
@media screen and (max-width: 1023px) {
  .is-hidden-touch { display: none !important; }
}
@media screen and (min-width: 1024px) {
  .is-hidden-desktop { display: none !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only { display: none !important; }
}
@media screen and (min-width: 1216px) {
  .is-hidden-widescreen { display: none !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-hidden-widescreen-only { display: none !important; }
}
@media screen and (min-width: 1408px) {
  .is-hidden-fullhd { display: none !important; }
}
.is-invisible { visibility: hidden !important; }
@media screen and (max-width: 768px) {
  .is-invisible-mobile { visibility: hidden !important; }
}
@media screen and (min-width: 769px), print {
  .is-invisible-tablet { visibility: hidden !important; }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only { visibility: hidden !important; }
}
@media screen and (max-width: 1023px) {
  .is-invisible-touch { visibility: hidden !important; }
}
@media screen and (min-width: 1024px) {
  .is-invisible-desktop { visibility: hidden !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only { visibility: hidden !important; }
}
@media screen and (min-width: 1216px) {
  .is-invisible-widescreen { visibility: hidden !important; }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-invisible-widescreen-only { visibility: hidden !important; }
}
@media screen and (min-width: 1408px) {
  .is-invisible-fullhd { visibility: hidden !important; }
}
.hero { align-items: stretch; display: flex; flex-direction: column; justify-content: space-between; }
.hero .navbar { background: 0px 0px; }
.hero .tabs ul { border-bottom: none; }
.hero.is-white { background-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong { color: inherit; }
.hero.is-white .title { color: rgb(10, 10, 10); }
.hero.is-white .subtitle { color: rgba(10, 10, 10, 0.9); }
.hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong { color: rgb(10, 10, 10); }
@media screen and (max-width: 1023px) {
  .hero.is-white .navbar-menu { background-color: rgb(255, 255, 255); }
}
.hero.is-white .navbar-item, .hero.is-white .navbar-link { color: rgba(10, 10, 10, 0.7); }
.hero.is-white .navbar-link.is-active, .hero.is-white .navbar-link:hover, .hero.is-white a.navbar-item.is-active, .hero.is-white a.navbar-item:hover { background-color: rgb(242, 242, 242); color: rgb(10, 10, 10); }
.hero.is-white .tabs a { color: rgb(10, 10, 10); opacity: 0.9; }
.hero.is-white .tabs a:hover { opacity: 1; }
.hero.is-white .tabs li.is-active a { opacity: 1; }
.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { color: rgb(10, 10, 10); }
.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { background-color: rgb(10, 10, 10); border-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.hero.is-white.is-bold { background-image: linear-gradient(141deg, rgb(230, 230, 230) 0px, rgb(255, 255, 255) 71%, rgb(255, 255, 255) 100%); }
@media screen and (max-width: 768px) {
  .hero.is-white.is-bold .navbar-menu { background-image: linear-gradient(141deg, rgb(230, 230, 230) 0px, rgb(255, 255, 255) 71%, rgb(255, 255, 255) 100%); }
}
.hero.is-black { background-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong { color: inherit; }
.hero.is-black .title { color: rgb(255, 255, 255); }
.hero.is-black .subtitle { color: rgba(255, 255, 255, 0.9); }
.hero.is-black .subtitle a:not(.button), .hero.is-black .subtitle strong { color: rgb(255, 255, 255); }
@media screen and (max-width: 1023px) {
  .hero.is-black .navbar-menu { background-color: rgb(10, 10, 10); }
}
.hero.is-black .navbar-item, .hero.is-black .navbar-link { color: rgba(255, 255, 255, 0.7); }
.hero.is-black .navbar-link.is-active, .hero.is-black .navbar-link:hover, .hero.is-black a.navbar-item.is-active, .hero.is-black a.navbar-item:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.hero.is-black .tabs a { color: rgb(255, 255, 255); opacity: 0.9; }
.hero.is-black .tabs a:hover { opacity: 1; }
.hero.is-black .tabs li.is-active a { opacity: 1; }
.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { color: rgb(255, 255, 255); }
.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(10, 10, 10); }
.hero.is-black.is-bold { background-image: linear-gradient(141deg, rgb(0, 0, 0) 0px, rgb(10, 10, 10) 71%, rgb(24, 22, 22) 100%); }
@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu { background-image: linear-gradient(141deg, rgb(0, 0, 0) 0px, rgb(10, 10, 10) 71%, rgb(24, 22, 22) 100%); }
}
.hero.is-light { background-color: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.7); }
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong { color: inherit; }
.hero.is-light .title { color: rgba(0, 0, 0, 0.7); }
.hero.is-light .subtitle { color: rgba(0, 0, 0, 0.9); }
.hero.is-light .subtitle a:not(.button), .hero.is-light .subtitle strong { color: rgba(0, 0, 0, 0.7); }
@media screen and (max-width: 1023px) {
  .hero.is-light .navbar-menu { background-color: rgb(245, 245, 245); }
}
.hero.is-light .navbar-item, .hero.is-light .navbar-link { color: rgba(0, 0, 0, 0.7); }
.hero.is-light .navbar-link.is-active, .hero.is-light .navbar-link:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light a.navbar-item:hover { background-color: rgb(232, 232, 232); color: rgba(0, 0, 0, 0.7); }
.hero.is-light .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; }
.hero.is-light .tabs a:hover { opacity: 1; }
.hero.is-light .tabs li.is-active a { opacity: 1; }
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); }
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { background-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: rgb(245, 245, 245); }
.hero.is-light.is-bold { background-image: linear-gradient(141deg, rgb(223, 216, 217) 0px, rgb(245, 245, 245) 71%, rgb(255, 255, 255) 100%); }
@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu { background-image: linear-gradient(141deg, rgb(223, 216, 217) 0px, rgb(245, 245, 245) 71%, rgb(255, 255, 255) 100%); }
}
.hero.is-dark { background-color: rgb(54, 54, 54); color: rgb(255, 255, 255); }
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong { color: inherit; }
.hero.is-dark .title { color: rgb(255, 255, 255); }
.hero.is-dark .subtitle { color: rgba(255, 255, 255, 0.9); }
.hero.is-dark .subtitle a:not(.button), .hero.is-dark .subtitle strong { color: rgb(255, 255, 255); }
@media screen and (max-width: 1023px) {
  .hero.is-dark .navbar-menu { background-color: rgb(54, 54, 54); }
}
.hero.is-dark .navbar-item, .hero.is-dark .navbar-link { color: rgba(255, 255, 255, 0.7); }
.hero.is-dark .navbar-link.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark a.navbar-item:hover { background-color: rgb(41, 41, 41); color: rgb(255, 255, 255); }
.hero.is-dark .tabs a { color: rgb(255, 255, 255); opacity: 0.9; }
.hero.is-dark .tabs a:hover { opacity: 1; }
.hero.is-dark .tabs li.is-active a { opacity: 1; }
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { color: rgb(255, 255, 255); }
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(54, 54, 54); }
.hero.is-dark.is-bold { background-image: linear-gradient(141deg, rgb(31, 25, 26) 0px, rgb(54, 54, 54) 71%, rgb(70, 64, 63) 100%); }
@media screen and (max-width: 768px) {
  .hero.is-dark.is-bold .navbar-menu { background-image: linear-gradient(141deg, rgb(31, 25, 26) 0px, rgb(54, 54, 54) 71%, rgb(70, 64, 63) 100%); }
}
.hero.is-primary { background-color: rgb(66, 73, 99); color: rgb(255, 255, 255); }
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong { color: inherit; }
.hero.is-primary .title { color: rgb(255, 255, 255); }
.hero.is-primary .subtitle { color: rgba(255, 255, 255, 0.9); }
.hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong { color: rgb(255, 255, 255); }
@media screen and (max-width: 1023px) {
  .hero.is-primary .navbar-menu { background-color: rgb(66, 73, 99); }
}
.hero.is-primary .navbar-item, .hero.is-primary .navbar-link { color: rgba(255, 255, 255, 0.7); }
.hero.is-primary .navbar-link.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary a.navbar-item:hover { background-color: rgb(56, 64, 87); color: rgb(255, 255, 255); }
.hero.is-primary .tabs a { color: rgb(255, 255, 255); opacity: 0.9; }
.hero.is-primary .tabs a:hover { opacity: 1; }
.hero.is-primary .tabs li.is-active a { opacity: 1; }
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { color: rgb(255, 255, 255); }
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(66, 73, 99); }
.hero.is-primary.is-bold { background-image: linear-gradient(141deg, rgb(0, 158, 108) 0px, rgb(66, 73, 99) 71%, rgb(0, 231, 235) 100%); }
@media screen and (max-width: 768px) {
  .hero.is-primary.is-bold .navbar-menu { background-image: linear-gradient(141deg, rgb(0, 158, 108) 0px, rgb(66, 73, 99) 71%, rgb(0, 231, 235) 100%); }
}
.hero.is-link { background-color: rgb(50, 115, 220); color: rgb(255, 255, 255); }
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong { color: inherit; }
.hero.is-link .title { color: rgb(255, 255, 255); }
.hero.is-link .subtitle { color: rgba(255, 255, 255, 0.9); }
.hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle strong { color: rgb(255, 255, 255); }
@media screen and (max-width: 1023px) {
  .hero.is-link .navbar-menu { background-color: rgb(50, 115, 220); }
}
.hero.is-link .navbar-item, .hero.is-link .navbar-link { color: rgba(255, 255, 255, 0.7); }
.hero.is-link .navbar-link.is-active, .hero.is-link .navbar-link:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link a.navbar-item:hover { background-color: rgb(35, 102, 209); color: rgb(255, 255, 255); }
.hero.is-link .tabs a { color: rgb(255, 255, 255); opacity: 0.9; }
.hero.is-link .tabs a:hover { opacity: 1; }
.hero.is-link .tabs li.is-active a { opacity: 1; }
.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { color: rgb(255, 255, 255); }
.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(50, 115, 220); }
.hero.is-link.is-bold { background-image: linear-gradient(141deg, rgb(21, 119, 198) 0px, rgb(50, 115, 220) 71%, rgb(67, 102, 229) 100%); }
@media screen and (max-width: 768px) {
  .hero.is-link.is-bold .navbar-menu { background-image: linear-gradient(141deg, rgb(21, 119, 198) 0px, rgb(50, 115, 220) 71%, rgb(67, 102, 229) 100%); }
}
.hero.is-info { background-color: rgb(50, 152, 220); color: rgb(255, 255, 255); }
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong { color: inherit; }
.hero.is-info .title { color: rgb(255, 255, 255); }
.hero.is-info .subtitle { color: rgba(255, 255, 255, 0.9); }
.hero.is-info .subtitle a:not(.button), .hero.is-info .subtitle strong { color: rgb(255, 255, 255); }
@media screen and (max-width: 1023px) {
  .hero.is-info .navbar-menu { background-color: rgb(50, 152, 220); }
}
.hero.is-info .navbar-item, .hero.is-info .navbar-link { color: rgba(255, 255, 255, 0.7); }
.hero.is-info .navbar-link.is-active, .hero.is-info .navbar-link:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info a.navbar-item:hover { background-color: rgb(35, 140, 209); color: rgb(255, 255, 255); }
.hero.is-info .tabs a { color: rgb(255, 255, 255); opacity: 0.9; }
.hero.is-info .tabs a:hover { opacity: 1; }
.hero.is-info .tabs li.is-active a { opacity: 1; }
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { color: rgb(255, 255, 255); }
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(50, 152, 220); }
.hero.is-info.is-bold { background-image: linear-gradient(141deg, rgb(21, 157, 198) 0px, rgb(50, 152, 220) 71%, rgb(67, 137, 229) 100%); }
@media screen and (max-width: 768px) {
  .hero.is-info.is-bold .navbar-menu { background-image: linear-gradient(141deg, rgb(21, 157, 198) 0px, rgb(50, 152, 220) 71%, rgb(67, 137, 229) 100%); }
}
.hero.is-success { background-color: rgb(72, 199, 116); color: rgb(255, 255, 255); }
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong { color: inherit; }
.hero.is-success .title { color: rgb(255, 255, 255); }
.hero.is-success .subtitle { color: rgba(255, 255, 255, 0.9); }
.hero.is-success .subtitle a:not(.button), .hero.is-success .subtitle strong { color: rgb(255, 255, 255); }
@media screen and (max-width: 1023px) {
  .hero.is-success .navbar-menu { background-color: rgb(72, 199, 116); }
}
.hero.is-success .navbar-item, .hero.is-success .navbar-link { color: rgba(255, 255, 255, 0.7); }
.hero.is-success .navbar-link.is-active, .hero.is-success .navbar-link:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success a.navbar-item:hover { background-color: rgb(58, 187, 103); color: rgb(255, 255, 255); }
.hero.is-success .tabs a { color: rgb(255, 255, 255); opacity: 0.9; }
.hero.is-success .tabs a:hover { opacity: 1; }
.hero.is-success .tabs li.is-active a { opacity: 1; }
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { color: rgb(255, 255, 255); }
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(72, 199, 116); }
.hero.is-success.is-bold { background-image: linear-gradient(141deg, rgb(41, 179, 66) 0px, rgb(72, 199, 116) 71%, rgb(86, 210, 150) 100%); }
@media screen and (max-width: 768px) {
  .hero.is-success.is-bold .navbar-menu { background-image: linear-gradient(141deg, rgb(41, 179, 66) 0px, rgb(72, 199, 116) 71%, rgb(86, 210, 150) 100%); }
}
.hero.is-warning { background-color: rgb(255, 221, 87); color: rgba(0, 0, 0, 0.7); }
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong { color: inherit; }
.hero.is-warning .title { color: rgba(0, 0, 0, 0.7); }
.hero.is-warning .subtitle { color: rgba(0, 0, 0, 0.9); }
.hero.is-warning .subtitle a:not(.button), .hero.is-warning .subtitle strong { color: rgba(0, 0, 0, 0.7); }
@media screen and (max-width: 1023px) {
  .hero.is-warning .navbar-menu { background-color: rgb(255, 221, 87); }
}
.hero.is-warning .navbar-item, .hero.is-warning .navbar-link { color: rgba(0, 0, 0, 0.7); }
.hero.is-warning .navbar-link.is-active, .hero.is-warning .navbar-link:hover, .hero.is-warning a.navbar-item.is-active, .hero.is-warning a.navbar-item:hover { background-color: rgb(255, 216, 61); color: rgba(0, 0, 0, 0.7); }
.hero.is-warning .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; }
.hero.is-warning .tabs a:hover { opacity: 1; }
.hero.is-warning .tabs li.is-active a { opacity: 1; }
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); }
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { background-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: rgb(255, 221, 87); }
.hero.is-warning.is-bold { background-image: linear-gradient(141deg, rgb(255, 175, 36) 0px, rgb(255, 221, 87) 71%, rgb(255, 250, 112) 100%); }
@media screen and (max-width: 768px) {
  .hero.is-warning.is-bold .navbar-menu { background-image: linear-gradient(141deg, rgb(255, 175, 36) 0px, rgb(255, 221, 87) 71%, rgb(255, 250, 112) 100%); }
}
.hero.is-danger { background-color: rgb(241, 70, 104); color: rgb(255, 255, 255); }
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong { color: inherit; }
.hero.is-danger .title { color: rgb(255, 255, 255); }
.hero.is-danger .subtitle { color: rgba(255, 255, 255, 0.9); }
.hero.is-danger .subtitle a:not(.button), .hero.is-danger .subtitle strong { color: rgb(255, 255, 255); }
@media screen and (max-width: 1023px) {
  .hero.is-danger .navbar-menu { background-color: rgb(241, 70, 104); }
}
.hero.is-danger .navbar-item, .hero.is-danger .navbar-link { color: rgba(255, 255, 255, 0.7); }
.hero.is-danger .navbar-link.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger a.navbar-item:hover { background-color: rgb(239, 46, 85); color: rgb(255, 255, 255); }
.hero.is-danger .tabs a { color: rgb(255, 255, 255); opacity: 0.9; }
.hero.is-danger .tabs a:hover { opacity: 1; }
.hero.is-danger .tabs li.is-active a { opacity: 1; }
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { color: rgb(255, 255, 255); }
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); }
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(241, 70, 104); }
.hero.is-danger.is-bold { background-image: linear-gradient(141deg, rgb(250, 10, 98) 0px, rgb(241, 70, 104) 71%, rgb(247, 89, 95) 100%); }
@media screen and (max-width: 768px) {
  .hero.is-danger.is-bold .navbar-menu { background-image: linear-gradient(141deg, rgb(250, 10, 98) 0px, rgb(241, 70, 104) 71%, rgb(247, 89, 95) 100%); }
}
.hero.is-small .hero-body { padding: 1.5rem; }
@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body { padding: 9rem 1.5rem; }
}
@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body { padding: 18rem 1.5rem; }
}
.hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body, .hero.is-halfheight .hero-body { align-items: center; display: flex; }
.hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container, .hero.is-halfheight .hero-body > .container { flex-grow: 1; flex-shrink: 1; }
.hero.is-halfheight { min-height: 50vh; }
.hero.is-fullheight { min-height: 100vh; }
.hero-video { overflow: hidden; }
.hero-video video { left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0px); }
.hero-video.is-transparent { opacity: 0.3; }
@media screen and (max-width: 768px) {
  .hero-video { display: none; }
}
.hero-buttons { margin-top: 1.5rem; }
@media screen and (max-width: 768px) {
  .hero-buttons .button { display: flex; }
  .hero-buttons .button:not(:last-child) { margin-bottom: 0.75rem; }
}
@media screen and (min-width: 769px), print {
  .hero-buttons { display: flex; justify-content: center; }
  .hero-buttons .button:not(:last-child) { margin-right: 1.5rem; }
}
.hero-foot, .hero-head { flex-grow: 0; flex-shrink: 0; }
.hero-body { flex-grow: 1; flex-shrink: 0; padding: 3rem 1.5rem; }
.section { padding: 3rem 1.5rem; }
@media screen and (min-width: 1024px) {
  .section.is-medium { padding: 9rem 1.5rem; }
  .section.is-large { padding: 18rem 1.5rem; }
}
.footer { background-color: rgb(250, 250, 250); padding: 3rem 1.5rem 6rem; }
.swiper-container { margin: 0px auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; }
.swiper-invisible-blank-slide { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; align-items: flex-start; transition-property: transform, height, -webkit-transform; }
.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: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 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, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center center; background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s ease 0s; transform: translate3d(0px, 0px, 0px); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(0, 0, 0); opacity: 0.2; }
button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: rgb(0, 122, 255); }
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0px; display: block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s ease 0s, top 0.2s ease 0s, -webkit-transform 0.2s ease 0s; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; }
.swiper-container-horizontal > .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 .swiper-pagination-bullet { transition: transform 0.2s ease 0s, left 0.2s ease 0s, -webkit-transform 0.2s ease 0s; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, right 0.2s ease 0s, -webkit-transform 0.2s ease 0s; }
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgb(0, 122, 255); position: absolute; left: 0px; top: 0px; 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 { width: 100%; height: 4px; left: 0px; top: 0px; }
.swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0px; top: 0px; }
.swiper-pagination-white .swiper-pagination-bullet-active { background: rgb(255, 255, 255); }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: rgb(255, 255, 255); }
.swiper-pagination-black .swiper-pagination-bullet-active { background: rgb(0, 0, 0); }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: rgb(0, 0, 0); }
.swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 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, 0.5); border-radius: 10px; left: 0px; top: 0px; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-zoom-container { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; animation: 1s steps(12) 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 100%; background-repeat: no-repeat; }
.swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
.swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; 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 { overflow: visible; }
.swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; 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% 0px; }
.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; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.6; filter: blur(50px); z-index: 0; }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { pointer-events: none; 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; backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper { }
.white-bg { background: var(--white)  !important; }
.gray-bg { background: var(--section-bg)  !important; }
.fw600 { font-weight: 600; color: var(--main-font-color) ; }
.fw600-white { font-weight: 600; color: var(--white); }
.fw500 { font-weight: 500; color: rgb(0, 0, 0); }
.fw500-white { font-weight: 500; color: var(--white) ; }
.fw500-black { font-weight: 500; color: var(--black) ; }
.fw500-red { font-weight: 500; color: rgb(245, 88, 50); }
.fw400 { font-weight: 400; color: rgb(0, 0, 0); }
.fw400-red { font-weight: 400; color: var(--red1) ; }
.fw400-white { font-weight: 400; color: rgba(255, 255, 255, 0.63); }
.fw300-white { font-weight: 300; color: var(--white) ; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f17 { font-size: 17px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f33 { font-size: 33px; }
.f34 { font-size: 34px; }
.f36 { font-size: 36px; }
.f38 { font-size: 38px; }
.f40 { font-size: 40px; }
.f42 { font-size: 42px; }
.f44 { font-size: 44px; }
.f45 { font-size: 45px; }
.f46 { font-size: 46px; }
.f48 { font-size: 48px; }
.f50 { font-size: 50px; }
.f56 { font-size: 56px; }
.f78 { font-size: 78px; }
.lh78 { line-height: 78px; }
.lh70 { line-height: 70px; }
.lh67 { line-height: 67px; }
.lh62 { line-height: 62px; }
.lh56 { line-height: 56px; }
.lh55 { line-height: 55px; }
.lh50 { line-height: 50px; }
.lh49 { line-height: 49px; }
.lh48 { line-height: 48px; }
.lh45 { line-height: 45px; }
.lh40 { line-height: 40px; }
.lh38 { line-height: 38px; }
.lh34 { line-height: 34px; }
.lh33 { line-height: 33px; }
.lh32 { line-height: 32px; }
.lh31 { line-height: 31px; }
.lh30 { line-height: 30px; }
.lh29 { line-height: 29px; }
.lh28 { line-height: 28px; }
.lh26 { line-height: 26px; }
.lh25 { line-height: 25px; }
.lh24 { line-height: 24px; }
.lh22 { line-height: 22px; }
.lh20 { line-height: 20px; }
.lh17 { line-height: 17px; }
.opa1 { opacity: 1; }
.opa09 { opacity: 0.9; }
.opa08 { opacity: 0.8; }
.opa07 { opacity: 1; }
.opa06 { opacity: 0.7; }
.opa05 { }
.opa04 { opacity: 0.4; }
.opa03 { opacity: 0.3; }
.opa02 { opacity: 0.2; }
.opa01 { opacity: 0.1; }
.opa0 { opacity: 0; }
.mb0 { margin-bottom: 0px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb11 { margin-bottom: 11px; }
.mb12 { margin-bottom: 12px; }
.mb13 { margin-bottom: 13px; }
.mb14 { margin-bottom: 14px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb18 { margin-bottom: 18px; }
.mb20 { margin-bottom: 20px; }
.mb21 { margin-bottom: 21px; }
.mb22 { margin-bottom: 22px; }
.mb23 { margin-bottom: 23px; }
.mb24 { margin-bottom: 24px; }
.mb26 { margin-bottom: 26px; }
.mb28 { margin-bottom: 28px; }
.mb30 { margin-bottom: 30px; }
.mb32 { margin-bottom: 32px; }
.mb33 { margin-bottom: 33px; }
.mb36 { margin-bottom: 36px; }
.mb38 { margin-bottom: 38px; }
.mb40 { margin-bottom: 40px; }
.mb42 { margin-bottom: 42px; }
.mb44 { margin-bottom: 44px; }
.mb46 { margin-bottom: 46px; }
.mb48 { margin-bottom: 48px; }
.mb50 { margin-bottom: 50px; }
.mb52 { margin-bottom: 52px; }
.mb57 { margin-bottom: 57px; }
.mb64 { margin-bottom: 64px; }
.mb70 { margin-bottom: 70px; }
.mb88 { margin-bottom: 88px; }
.mr3 { margin-right: 3px; }
.mr5 { margin-right: 5px; }
.mr6 { margin-right: 6px; }
.mr8 { margin-right: 8px; }
.mr9 { margin-right: 9px; }
.mr12 { margin-right: 12px; }
.mr24 { margin-right: 24px; }
.text-indent { text-indent: 2em; }
.wppl { white-space: pre-line; }
.wppw { white-space: pre-wrap; }
.subheading { font-size: 18px; color: var(--main-font-color); font-weight: 400; line-height: 25px; margin-bottom: 10px; }
.h3-subtitle { font-size: 20px; font-weight: 500; line-height: normal; }
.icon-width45 { width: 45px; max-width: 100%; }
@media screen and (max-width: 992px) {
  .f16 { font-size: 14px; }
  .f18 { font-size: 16px; }
  .f17 { font-size: 15px; }
  .f20 { font-size: 16px; }
  .f22 { font-size: 18px; }
  .f24 { font-size: 20px; }
  .f28 { font-size: 22px; }
  .f30 { font-size: 22px; }
  .f32 { font-size: 24px; }
  .f33 { font-size: 24px; }
  .f34 { font-size: 26px; }
  .f36 { font-size: 28px; }
  .f38 { font-size: 28px; }
  .f40 { font-size: 28px; }
  .f42 { font-size: 30px; }
  .f44 { font-size: 32px; }
  .f45 { font-size: 33px; }
  .f46 { font-size: 35px; }
  .f48 { font-size: 36px; }
  .f50 { font-size: 38px; }
  .f56 { font-size: 44px; }
  .f78 { font-size: 50px; }
  .lh78 { line-height: 58px; }
  .lh70 { line-height: 50px; }
  .lh67 { line-height: 47px; }
  .lh62 { line-height: 42px; }
  .lh56 { line-height: 36px; }
  .lh55 { line-height: 35px; }
  .lh50 { line-height: 30px; }
  .lh49 { line-height: 30px; }
  .lh48 { line-height: 28px; }
  .lh45 { line-height: 28px; }
  .lh40 { line-height: 26px; }
  .lh38 { line-height: 26px; }
  .lh34 { line-height: 26px; }
  .lh33 { line-height: 26px; }
  .lh32 { line-height: 26px; }
  .lh31 { line-height: 26px; }
  .lh30 { line-height: 26px; }
  .lh29 { line-height: 26px; }
  .lh28 { line-height: 26px; }
  .lh26 { line-height: 26px; }
  .mb0 { margin-bottom: 0px; }
  .mb7 { margin-bottom: 7px; }
  .mb8 { margin-bottom: 8px; }
  .mb9 { margin-bottom: 9px; }
  .mb10 { margin-bottom: 10px; }
  .mb11 { margin-bottom: 11px; }
  .mb12 { margin-bottom: 12px; }
  .mb13 { margin-bottom: 13px; }
  .mb14 { margin-bottom: 14px; }
  .mb15 { margin-bottom: 15px; }
  .mb16 { margin-bottom: 16px; }
  .mb18 { margin-bottom: 18px; }
  .mb20 { margin-bottom: 20px; }
  .mb21 { margin-bottom: 21px; }
  .mb22 { margin-bottom: 22px; }
  .mb23 { margin-bottom: 23px; }
  .mb24 { margin-bottom: 24px; }
  .mb26 { margin-bottom: 26px; }
  .mb28 { margin-bottom: 28px; }
  .mb30 { margin-bottom: 30px; }
  .mb32 { margin-bottom: 32px; }
  .mb33 { margin-bottom: 33px; }
  .mb36 { margin-bottom: 36px; }
  .mb38 { margin-bottom: 20px; }
  .mb40 { margin-bottom: 22px; }
  .mb42 { margin-bottom: 24px; }
  .mb44 { margin-bottom: 24px; }
  .mb46 { margin-bottom: 26px; }
  .mb48 { margin-bottom: 30px; }
  .mb50 { margin-bottom: 32px; }
  .mb52 { margin-bottom: 34px; }
  .mb57 { margin-bottom: 38px; }
  .mb64 { margin-bottom: 44px; }
  .mb70 { margin-bottom: 50px; }
  .mb88 { margin-bottom: 68px; }
}
:root { --grey-title: #424242; --red-title: #f55832; --hoary-title: #F5F8F9; }
* { padding: 0px; margin: 0px; }
body { font-stretch: normal; font-style: normal; letter-spacing: normal; }
#kfivtwin { right: 0px; bottom: 20px; top: auto !important; left: auto !important; }
.h3-title { font-size: 18px; color: rgb(66, 66, 66); margin-bottom: 5px; }
.main { font-size: 16px; min-height: 100vh; background-color: rgb(255, 255, 255); }
.pre { position: absolute; width: 70px; right: -5px; top: -60px; font-size: 16px; font-weight: 500; text-align: center; margin: auto; display: inline-block; color: rgb(255, 255, 255); transform-origin: center bottom; transform: rotate(45deg); }
.old-versions { position: fixed; bottom: 20px; background: var(--red1); left: 20px; color: rgb(255, 255, 255); cursor: pointer; padding: 8px 12px; font-weight: 500; box-shadow: rgb(158, 158, 158) 3px 5px 3px; z-index: 3; }
.solution .banner .banner-mask { background-color: transparent; }
.banner .banner-mask { background-color: var(--shallow-grey-bg); height: 100%; }
.banner .banner-mask .banner-content { padding-top: 150px; padding-bottom: 70px; }
.banner .container, .common-banner .container { position: relative; height: 100%; }
.banner .banner-title { font-size: 40px; font-weight: 500; }
.banner .banner-mask .banner-content .des-list { list-style: decimal; padding-left: 20px; line-height: 30px; margin: 15px auto 20px; }
.banner .banner-mask .banner-content .banner-img { max-width: 450px; width: 100%; }
.banner .banner-des .condition-business { font-size: 16px; line-height: 2; margin: 20px 0px 45px; }
.banner .banner-ul { list-style: disc; padding-left: 20px; margin: 20px 0px 40px; }
.banner .banner-ul li { margin-bottom: 10px; }
.banner .btn-details { background-color: var(--red1); width: 120px; height: 46px; }
.banner .subnavigation { position: absolute; cursor: pointer; width: 100%; bottom: 0px; height: 70px; background-color: var(--light-grey-bg); color: var(--white) ; }
.banner .subnavigation ul { width: 60%; margin: 0px auto; }
.banner .subnavigation ul li a { color: var(--white) ; }
.banner-bottom { background-color: rgb(245, 249, 250); }
.banner-bottom .description-item { border-right: 1px solid rgb(224, 224, 224); padding: 40px 44px; }
.banner-bottom .description-item:first-child { border-left: 1px solid rgb(224, 224, 224); }
.features { padding: 80px 0px; }
.features .features-item { background: rgb(242, 245, 250); max-width: 575px; min-height: 240px; padding: 30px; border-radius: 5px; margin: 0px auto; }
.features .features-item ul { max-height: 80px; height: 80px; overflow-y: scroll; }
.features .features-item ul.features-ul { max-height: 20px; }
.features .features-item .right-details { padding-left: 40px !important; }
.product-desc .subheading { font-size: 16px; line-height: 32px; margin-bottom: 0px; padding: 0px 30px; }
.product-desc .desc-wrap .desc-ul { padding-left: 30px; }
.product-desc .desc-wrap .desc-ul li { font-size: 18px; line-height: 40px; }
.product-desc .desc-wrap .img_mpki { max-height: 300px; }
.product-desc .desc-wrap .desc-item { margin: 30px 0px; }
.product-desc .desc-wrap .desc-item img { max-width: 150px; }
.product-desc .desc-wrap .desc-item h4 { font-size: 16px; color: rgb(68, 97, 157); margin: 30px 0px 20px; }
.product-desc .desc-wrap .desc-item .describe { padding: 0px 20px; line-height: 30px; }
.process-purchase { padding: 80px 0px; background-color: var(--hoary-title) ; }
.process-purchase .process-purchase-item .process-title { font-family: PangMenZhengDao; font-size: 26px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; margin-bottom: 30px; color: var(--red-title) ; }
.process-purchase .process-purchase-item .process-describe { color: rgb(96, 108, 122); }
@media screen and (max-width: 768px) {
  .banner { height: 520px; }
  .banner .banner-mask .banner-content { padding-top: 70px; }
  .banner .subnavigation ul { width: 80%; }
  .banner-bottom .description-item { padding: 0px; }
  .character-warp .character-bg-2 { width: calc(100% - 50px); }
  .character-warp .character-bg-3 { width: calc(100% - 120px); padding: 0px 10px; }
  .industry-news .industry-news-wrap { background: 0px 0px; }
  .product-desc .desc-wrap:last-child { border-top: 1px solid rgb(238, 238, 238); }
  .product-desc .desc-wrap .img_mpki { max-height: 150px; }
  .pre { inset: 0px 0px -90px -90px; }
  .old-versions { left: auto; right: 20px; }
}
@media (min-width: 768px) and (max-width: 992px) {
  .banner-bottom .description-item { padding: 0px; }
  .industry-news .industry-news-wrap { background: 0px 0px; }
}
@media screen and (max-width: 1024px) {
  .banner .subnavigation ul { width: 80%; }
  .pre { inset: 0px 0px -130px -120px; }
  .old-versions { left: auto; right: 20px; }
}
:root { --main-header-bg: #353e47; --btn-red: #f55832; --main-font-color: #252d47; --subtitle: #1a1f32; --footer-text-color: #aeb1b5; --gray-color: #353e47; --footer-bg: #1a1f32; --white: #ffffff; --black: #000000; --section-bg: #f4f7fb; --red1: #f55832; --grey-bg: #f5f8f9; --light-grey-bg: rgb(52 61 70 / 70%); --subheading: #ff252d47; --grey-subheading: #5f6c7a; --grey-rgb: #5f6c7a; --shallow-grey-bg: rgb(53 62 71 / 50%); --grey-title: #424242; --grey-subtitle: #5f6c7a; --columnGap: 0.75rem; }
body { min-height: 100vh; }
#app, body, html { }
::-webkit-scrollbar { width: 0px; height: 0px; background-color: transparent; }
button { border: none; color: var(--white) ; }
.show { display: block; }
.hide { display: none; }
.box { box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 30px 0px; border-radius: 5px; }
.button.is-danger { background-color: rgb(245, 88, 50); border: 2px solid rgb(245, 88, 50); }
.button.is-danger.is-hovered, .button.is-danger:hover { background-color: rgb(233, 99, 67); opacity: 0.9; }
.button.is-danger[disabled], fieldset[disabled] .button.is-danger { background-color: var(--btn-red); opacity: 0.7; }
.tabs { height: 80px; margin-bottom: 0px !important; }
.tabs a, .tabs span, .tabs ul { border-bottom: none !important; }
.tabs span { align-items: center; display: flex; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; }
.modal .modal-card-foot { justify-content: right; }
.h-horizontal-center { height: 100%; display: flex; place-content: center; align-items: center; flex-wrap: wrap; }
.h-horizontal-right { height: 100%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
.h-horizontal-left { height: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.h-horizontal-between { height: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.h-horizontal-around { height: 100%; display: flex; justify-content: space-around; align-items: center; }
.h-horizontal-top { height: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.h-horizontal-bottom { height: 100%; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; }
.access-plan .access-plan-bg { background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 40px 0px; }
.access-plan .btn-scheme { border-radius: 4px; padding: 14px 43px; height: 56px; }
.acme .access-plan .access-plan-bg { padding: 80px 0px; background-size: cover; }
.acme .access-plan .btn-scheme { margin-top: 52px; }
.ssl-api .access-plan .access-plan-wrap .access-plan-item { width: 280px; height: 60px; background: var(--section-bg); border-radius: 4px; margin: 0px auto; }
@media (max-width: 768px) {
  .subtitle { font-size: 32px; line-height: 33px; }
  .desc-18 { font-size: 14px; line-height: 25px; }
  .access-plan .access-plan-bg { padding: 50px 0px; }
  .access-plan .subtitle { font-size: 26px; line-height: 33px; }
  .access-plan .btn-scheme { padding: 9px 20px; font-size: 16px; height: auto; }
  @media screen and (max-width: 768px) {
  .container { padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem) ; }
}
}
header { background: rgba(22, 20, 40, 0); position: fixed; width: 100%; z-index: 10; }
header .navbar { display: flex; align-items: center; justify-content: space-between; background: 0px 0px; height: 70px; }
.not-found .navbar { background: var(--main-font-color) ; }
header .navbar .navbar-brand .black-logo { display: none; }
header .navbar.whiteNavBg { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 4px; }
header .navbar.whiteNavBg .fw600-white, header .navbar.whiteNavBg .navbar-end .buttons .is-ghost { color: var(--main-font-color) ; }
header .navbar.whiteNavBg .navbar-end .buttons .is-ghost { border-color: var(--main-font-color) ; }
header .navbar.whiteNavBg .navbar-brand .black-logo { display: block; }
header .navbar.whiteNavBg .navbar-brand .white-logo { display: none; }
header .navbar.whiteNavBg.blueGrey .fw600-white, header .navbar.whiteNavBg.blueGrey .navbar-end .buttons .is-ghost { color: rgb(255, 255, 255); }
header .navbar.whiteNavBg.blueGrey .navbar-end .buttons .is-ghost { border-color: rgb(255, 255, 255); }
header .navbar.whiteNavBg.blueGrey .navbar-brand .black-logo { display: none; }
header .navbar.whiteNavBg.blueGrey .navbar-brand .white-logo { display: block; }
.not-found .navbar.blueGrey, header .navbar.blueGrey { box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px 0px; transition: all 0.2s ease 0s; background: rgb(19, 77, 213) !important; }
header .navbar .container { height: 100%; box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px 0px; }
.not-found .navbar.blueGrey .container, header .navbar.blueGrey .container { box-shadow: none; }
header .navbar .navbar-brand .navbar-item { padding-right: 0px; margin-right: 73px; }
header .navbar .navbar-brand .navbar-item img { width: 190px; max-height: 42px; }
header .navbar .navbar-brand .navbar-item:hover, header .navbar .navbar-brand .navbar-link:hover { background-color: transparent !important; }
header .navbar .navbar-brand .navbar-burger { color: var(--white); height: 100%; }
header .navbar-end .buttons .button { text-decoration: none; }
header .navbar-end .buttons .is-ghost { color: var(--white); border: 1px solid rgba(255, 255, 255, 0.35); }
header .navbar-end .buttons .is-ghost:hover { color: var(--white); border: 1px solid rgb(255, 255, 255); }
header .navbar-end .buttons .is-danger:hover { background: rgb(233, 99, 67); }
.navbar-menu .navbar-nav-topbar-list ul li { display: inline-block; padding-right: 48px; height: 100%; }
.navbar-menu .navbar-nav-topbar-list ul li a, .navbar-menu .navbar-nav-topbar-list ul li span { text-align: center; padding: 0px; height: 100%; }
.navbar-menu .navbar-nav-topbar-list ul li span { cursor: pointer; }
.navbar-nav-childre-fluid .navbar-nav-childre-left ul li a:hover, .navbar-nav-topbar-list ul li a:hover { opacity: 1; }
.navbar-menu .navbar-nav-topbar-list ul li a:focus, .navbar-menu .navbar-nav-topbar-list ul li a:focus-within, .navbar-nav-topbar-list ul li a:hover { background-color: transparent; color: var(--white) ; }
.blueGrey .navbar-menu .navbar-nav-topbar-list ul li a:focus, .blueGrey .navbar-menu .navbar-nav-topbar-list ul li a:focus-within, .blueGrey .navbar-nav-childre-fluid .navbar-nav-childre-left ul li a:hover { color: var(--black) ; }
.navbar-nav-childre-fluid .navbar-nav-childre-left ul li.active { border-right: 3px solid rgb(245, 88, 50); }
.navbar-nav-childre-fluid .navbar-nav-childre-left ul li.active a { color: var(--red1); font-weight: 700; }
.navbar-nav-childre-fluid .navbar-nav-childre-left ul li .btn-contac-us { margin: 0px auto; padding: 8px 21px; border-radius: 5px; background: 0px 0px; border: 1px solid rgb(245, 88, 50); color: rgb(245, 88, 50); }
.navbar-nav-childre-right .tsl-item.active { display: block; }
.navbar-nav-topbar-list ul li .navbar-nav-children-info { position: fixed; width: 100%; top: 70px; left: 0px; display: none; color: rgb(0, 0, 0); background: 0% 100% / 500px no-repeat rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 20px; z-index: 40; }
.navbar-menu .navbar-nav-topbar-list ul li:nth-of-type(2) .navbar-nav-children-info { min-height: 310px; }
.navbar-menu .navbar-nav-topbar-list ul li:nth-of-type(3) .navbar-nav-children-info { min-height: 366px; }
.navbar-menu .navbar-nav-topbar-list ul li:nth-of-type(4) .navbar-nav-children-info { min-height: 400px; }
.navbar-menu .navbar-nav-topbar-list ul li:nth-of-type(5) .navbar-nav-children-info { min-height: 340px; }
.navbar-nav-children-info .navbar-nav-childre-fluid { position: relative; }
.navbar-nav-children-info .navbar-nav-childre-fluid::after { position: absolute; content: ""; border-top: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid transparent; border-image: initial; border-bottom: 13px solid var(--white); z-index: 2; top: -22px; right: 50%; display: block; }
.simple-navbar ul li { padding-left: 48px; }
#tsl-cert::after { margin-right: 120px; }
#product::after { margin-right: 35px; }
#shangmi::after { margin-right: 60px; }
#solution-way::after { margin-right: -50px; }
#services::after { margin-right: -145px; }
#about-us::after { margin-right: -230px; }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  #tsl-cert::after { margin-right: 192px; }
  #product::after { margin-right: 80px; }
  #solution-way::after { margin-right: -85px; }
  #shangmi::after { margin-right: 13px; }
  #services::after { margin-right: -145px; }
  #about-us::after { margin-right: -255px; }
}
@media screen and (min-width: 1408px) {
  #tsl-cert::after { margin-right: 238px; }
  #product::after { margin-right: 130px; }
  #solution-way::after { margin-right: -38px; }
  #shangmi::after { margin-right: 58px; }
  #services::after { margin-right: -100px; }
  #about-us::after { margin-right: -210px; }
}
.navbar-nav-childre-fluid .navbar-nav-childre-left { box-shadow: rgba(0, 0, 0, 0.05) 1px 0px 0px 0px; padding: 40px 0px; }
.navbar-nav-childre-fluid .navbar-nav-childre-left .nav-item-children-tab-title li { position: relative; cursor: pointer; transition: color 0.2s ease 0s; margin-bottom: 42px; }
.navbar-nav-childre-fluid .navbar-nav-childre-left .nav-item-children-tab-title li:last-child { margin-bottom: 0px; }
.navbar-nav-childre-fluid .navbar-nav-childre-left .nav-item-children-tab-title li img { position: absolute; width: 22px; height: 22px; left: 0px; top: 0px; }
#solution-menu li .icon, #tsl-menu li .icon { margin-right: 7px; }
#tsl-menu li:nth-of-type(1) .icon { background: url("/ziyuan/shouye/ssl-left-sprite-01.svg") 0px 100% no-repeat; width: 22px; height: 22px; }
#tsl-menu li:nth-of-type(2) .icon { background: url("/ziyuan/shouye/ssl-left-sprite-01.svg") 0px 0px no-repeat; width: 22px; height: 22px; }
#tsl-menu li:nth-of-type(3) .icon { background: url("/ziyuan/shouye/ssl-left-sprite-01.svg") 100% 0px no-repeat; width: 22px; height: 22px; }
#solution-menu li:nth-of-type(1) .icon { background: url("/ziyuan/shouye/solution-left-sprite.svg") 0px 0px no-repeat; width: 22px; height: 22px; }
#solution-menu li:nth-of-type(2) .icon { background: url("/ziyuan/shouye/solution-left-sprite.svg") 100% 0px no-repeat; width: 22px; height: 22px; }
#solution-menu li:nth-of-type(3) .icon { background: url("/ziyuan/shouye/solution-left-sprite.svg") 0px 100% no-repeat; width: 22px; height: 22px; }
.navbar-nav-childre-fluid .navbar-nav-childre-left .nav-item-children-tab-title li:hover { color: rgb(245, 88, 50); }
.navbar-nav-childre-fluid .navbar-nav-childre-left .nav-item-children-tab-title li.active { color: rgb(245, 88, 50); border-right: 2px solid rgb(245, 88, 50); }
.navbar-nav-childre-fluid .navbar-nav-childre-left .nav-item-children-tab-title li { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.navbar-nav-childre-fluid .navbar-nav-childre-left .nav-item-children-tab-title li:first-child { margin-top: 0px; }
.navbar-nav-childre-fluid .navbar-nav-childre-left .nav-item-children-tab-title li .left-title { margin-left: 20px; }
.navbar-nav-childre-fluid .navbar-nav-childre-left .nav-item-children-tab-title li a { color: var(--gray-color) ; }
.navbar-nav-childre-fluid .nav-children-info-list { padding: 40px 0px 0px 48px; transition: all 1s ease 0s; }
.nav-children-info-list .nav-item-children-tab-contain { display: none; }
.nav-children-info-list .nav-item-children-tab-contain.active { display: block; }
.nav-children-info-list .nav-item-children-tab-contain dl { margin-bottom: 44px; padding: 0px 48px 0px 0px !important; }
.nav-children-info-list .nav-item-children-tab-contain a:focus, .nav-children-info-list .nav-item-children-tab-contain a:hover { opacity: 1; color: rgb(245, 88, 50) !important; }
.nav-children-info-list .nav-item-children-tab-contain .line { background-color: var(--black); opacity: 0.05; margin: 10px 0px 0px; height: 1px; }
.navbar-nav-children-info.navbar-nav-product .nav-children-info-list, .navbar-nav-children-info.navbar-nav-support .nav-children-info-list { padding: 60px; }
.nav-children-info-list dl { margin: 0px; }
.nav-children-info-list dl dt .left-icon { margin-bottom: 10px; }
.nav-children-info-list dl dt.right-title { position: relative; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.nav-children-info-list dl dt.right-title .icon { margin-right: 6px; }
#tsl-item .nav-item-children-tab-contain dl:nth-of-type(1) dt.right-title .icon { background: url("/ziyuan/shouye/ssl-sprite.svg") 0px 100% no-repeat; width: 16px; height: 16px; }
#tsl-item .nav-item-children-tab-contain dl:nth-of-type(2) dt.right-title .icon { background: url("/ziyuan/shouye/ssl-sprite.svg") 50% 100% no-repeat; width: 16px; height: 16px; }
#tsl-item .nav-item-children-tab-contain dl:nth-of-type(3) dt.right-title .icon { background: url("/ziyuan/shouye/ssl-sprite.svg") 100% 0px no-repeat; width: 16px; height: 16px; }
#tsl-item .nav-item-children-tab-contain:nth-of-type(2) dl:nth-of-type(1) dt.right-title .icon { background: url("/ziyuan/shouye/ssl-sprite.svg") 0px 0px no-repeat; width: 16px; height: 16px; }
#tsl-item .nav-item-children-tab-contain:nth-of-type(2) dl:nth-of-type(2) dt.right-title .icon { background: url("/ziyuan/shouye/ssl-sprite.svg") 50% 0px no-repeat; width: 16px; height: 16px; }
#tsl-item .nav-item-children-tab-contain:nth-of-type(2) dl:nth-of-type(3) dt.right-title .icon { background: url("/ziyuan/shouye/product-sprite.svg") 50% 0px no-repeat; width: 16px; height: 16px; }
#product .nav-item-children-tab-contain dl:nth-of-type(1) dt.right-title .icon { background: url("/ziyuan/shouye/product-sprite.svg") 0px 0px no-repeat; width: 16px; height: 16px; }
#product .nav-item-children-tab-contain dl:nth-of-type(2) dt.right-title .icon { background: url("/ziyuan/shouye/product-sprite.svg") 50% 0px no-repeat; width: 16px; height: 16px; }
#product .nav-item-children-tab-contain dl:nth-of-type(3) dt.right-title .icon { background: url("/ziyuan/shouye/product-sprite.svg") 0px 100% no-repeat; width: 16px; height: 16px; }
#product .nav-item-children-tab-contain dl:nth-of-type(4) dt.right-title .icon { background: url("/ziyuan/shouye/product-sprite.svg") 50% 100% no-repeat; width: 16px; height: 16px; }
#product .nav-item-children-tab-contain dl:nth-of-type(5) dt.right-title .icon { background: url("/ziyuan/shouye/product-sprite.svg") 100% 0px no-repeat; width: 16px; height: 16px; }
#shangmi .nav-item-children-tab-contain dl:nth-of-type(1) dt.right-title .icon { background: url("/ziyuan/shouye/sm-header.svg") 0px 16px; width: 16px; height: 16px; }
#shangmi .nav-item-children-tab-contain dl:nth-of-type(2) dt.right-title .icon { background: url("/ziyuan/shouye/sm-header.svg") 16px 32px; width: 16px; height: 16px; }
#shangmi .nav-item-children-tab-contain dl:nth-of-type(3) dt.right-title .icon { background: url("/ziyuan/shouye/sm-header.svg") 32px 48px; width: 16px; height: 16px; }
#shangmi .nav-item-children-tab-contain dl:nth-of-type(4) dt.right-title .icon { background: url("/ziyuan/shouye/sm-header.svg") 48px 64px; width: 16px; height: 16px; }
#shangmi .nav-item-children-tab-contain dl:nth-of-type(5) dt.right-title .icon { background: url("/ziyuan/shouye/sm-header.svg") 64px 80px; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(1) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 33.3333% 0px no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(2) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 66.6667% 0px no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(3) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 66.6667% 50% no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(4) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 0px 0px no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(5) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 33.3333% 100% no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(6) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 66.6667% 100% no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(7) dt.right-title .icon { background: url("/ziyuan/shouye/matter-nav-icon.svg") 100% 0px no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(8) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 100% 50% no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(9) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 100% 100% no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(10) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 0px 100% no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(11) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 0px 50% no-repeat; width: 16px; height: 16px; }
#solution-way .nav-item-children-tab-contain dl:nth-of-type(12) dt.right-title .icon { background: url("/ziyuan/shouye/solution-sprite.svg") 33.3333% 50% no-repeat; width: 16px; height: 16px; }
#services .nav-item-children-tab-contain dl:nth-of-type(1) dt.right-title .icon { background: url("/ziyuan/shouye/services-sprite.svg") 0px 0px no-repeat; width: 16px; height: 16px; }
#services .nav-item-children-tab-contain dl:nth-of-type(2) dt.right-title .icon { background: url("/ziyuan/shouye/services-sprite.svg") 100% 0px no-repeat; width: 16px; height: 16px; }
#services .nav-item-children-tab-contain dl:nth-of-type(3) dt.right-title .icon { background: url("/ziyuan/shouye/services-sprite.svg") 0px 100% no-repeat; width: 16px; height: 16px; }
#services .nav-item-children-tab-contain dl:nth-of-type(4) dt.right-title .icon { background: url("/ziyuan/shouye/services-sprite.svg") 100% 100% no-repeat; width: 16px; height: 16px; }
.nav-children-info-list dl dd:first-of-type { margin-top: 10px; }
.mobile-menu { position: absolute; top: 70px; left: 0px; z-index: 10; overflow: scroll; display: none; width: 100%; height: calc(100vh - 70px); background-color: var(--white) ; }
.mobile-nav { display: flex; flex-direction: column; }
.mobile-menu.menu-opened { display: block; overflow-y: scroll; transition: all 0.35s ease 0s; }
.mobile-menu .mobile-nav .nav li a { color: var(--main-font-color); padding: 10px 15px; width: 100%; display: block; cursor: pointer; }
.mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2, .mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2 .mobile-dropdown-menu-3, .mobile-dropdown-menu, .mobile-menu .mobile-nav .nav { list-style: none; padding-left: 0px; margin: 0px; }
.mobile-menu .mobile-nav .nav li .mobile-dropdown-menu li a { color: var(--main-font-color) ; }
.mobile-dropdown .mobile-dropdown-menu { padding: 5px 15px 5px 25px; }
.mobile-dropdown .mobile-dropdown-menu li { border-bottom: 1px solid rgb(232, 238, 245); }
.mobile-dropdown .mobile-dropdown-menu li:last-child { border-bottom: none; }
.mobile-menu .mobile-nav .nav li.mobile-dropdown { border-bottom: 1px solid rgb(230, 230, 230); width: 100%; }
.mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2 .mobile-dropdown-title3, .mobile-menu .mobile-nav .nav .mobile-dropdown .mobile-dropdown-title2, .mobile-menu .mobile-nav .nav li.mobile-dropdown .mobile-dropdown-title { position: relative; }
.mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2 .mobile-dropdown-title3::after, .mobile-menu .mobile-nav .nav .mobile-dropdown .mobile-dropdown-title2::after, .mobile-menu .mobile-nav .nav li.mobile-dropdown .mobile-dropdown-title::after { border-width: 0px 0px 2px 2px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: rgb(222, 224, 230); border-left-color: rgb(222, 224, 230); border-image: initial; border-right-style: initial; border-right-color: initial; border-top-style: initial; border-top-color: initial; content: " "; display: block; height: 0.75rem; position: absolute; transform: rotate(-135deg); width: 0.75rem; right: 20px; top: 50%; margin-top: -9px; z-index: 1; transform-origin: 30% 70%; transition: all 0.1s ease-in 0s; }
.mobile-menu .nav li.mobile-dropdown.open .mobile-dropdown-title::after, .mobile-menu .nav li.mobile-dropdown.open li.open .mobile-dropdown-menu-2 li.open .mobile-dropdown-title3::after, .mobile-menu .nav li.mobile-dropdown.open li.open .mobile-dropdown-title2::after { transform: rotate(135deg); }
.mobile-menu .mobile-nav .nav .mobile-dropdown .mobile-dropdown-menu, .mobile-menu .mobile-nav .nav .mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2, .mobile-menu .mobile-nav .nav .mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2 .mobile-dropdown-menu-3 { display: none; }
.mobile-menu .mobile-nav .nav .mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2 .open .mobile-dropdown-menu-3, .mobile-menu .mobile-nav .nav .mobile-dropdown .mobile-dropdown-menu .open .mobile-dropdown-menu-2, .mobile-menu .mobile-nav .nav .open .mobile-dropdown-menu { display: block; width: 100%; transition: all 0.35s ease 0s; }
.mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2, .mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2 .open .mobile-dropdown-menu-3 { padding: 10px 20px; }
.mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2 li a { line-height: 20px; font-weight: 100; font-size: 14px !important; }
.mobile-dropdown .mobile-dropdown-menu .mobile-dropdown-menu-2 .open .mobile-dropdown-menu-3 li a { line-height: 20px; font-size: 12px !important; }
@media (max-width: 768px) {
  .navbar-brand, header .navbar .container { height: 100%; }
}
@media (min-width: 992px) and (max-width: 1244px) {
  .nav-children-info-list .nav-item-children-tab-contain dl { padding: 0px 24px 0px 0px !important; }
}
@media screen and (max-width: 1215px) {
  header { width: 100vw; }
  .navbar-menu .navbar-nav-topbar-list ul li { padding-right: 24px; }
}
.footer-wrap { background-repeat: no-repeat; background-size: cover; background-color: rgb(19, 77, 213); padding-top: 65px; }
.footer-wrap .more-list-main { padding: 0px 0px 0px 20px; margin-bottom: 32px; border-right: 1px solid rgba(255, 255, 255, 0.06); }
.footer-wrap .more-list-main:first-child { padding-left: 0px; }
.footer-wrap .more-list-main .bottom-dt dt { margin-top: 32px; padding-bottom: 0px; }
.footer-wrap .right-side { padding-left: 63px; }
.footer-wrap .right-side .bottom-wrap { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.footer-wrap .right-side .bottom-wrap .logo { margin-bottom: 30px; display: block; max-width: 208px; width: 100%; }
.footer-wrap .right-side .code-info img { max-width: 110px; }
.footer-wrap .right-side p img { width: 21px; height: 21px; margin-right: 9px; }
.footer-wrap .right-side .bottom-item { cursor: pointer; }
.footer-wrap .right-side .bottom-item ul li img { max-width: 21px; margin-right: 10px; }
.footer-wrap .right-side .bottom-item ul li:last-child img { max-height: 20px; }
.footer-wrap .copy-info { border-top: 1px solid rgba(255, 255, 255, 0.06); padding: 33px 0px !important; }
.footer-wrap .copy-info .footer-license-img { margin-top: 12px; }
.footer-wrap .copy-info .footer-license-img img { width: auto; height: 50px; }
.footer-wrap .is-sign-list { margin-bottom: 30px; }
.footer-wrap .is-sign-list ul { overflow: hidden; }
.footer-wrap .is-sign-list ul li { float: left; margin-right: 12px; vertical-align: bottom; display: flex; height: 130px; }
.footer-wrap .is-sign-list ul li div { padding-bottom: 20px; }
.footer-wrap .is-sign-list ul li .webtrust-seal { width: 85px; padding-bottom: 0px; }
.footer-wrap .is-sign-list ul li .webtrust-seal img { border-radius: 3px; }
.footer-wrap .is-sign-list ul li .csc-logo { width: 190px; padding-bottom: 20px; }
.footer-wrap .is-sign-list ul li .adobe-logo { width: 125px; padding-bottom: 24px; }
.footer-wrap .is-sign-list ul li .adobe-logo img { border-radius: 4px; }
.footer-wrap .is-sign-list ul li div { align-self: flex-end; }
.footer-wrap .copy-info a:hover, .footer-wrap .more-list-main a:hover, .footer-wrap .right-side a:hover { color: rgb(245, 88, 50); }
.footer-wrap .copy-info .icp { }
@media (max-width: 576px) {
  .footer-wrap .right-side { padding-left: 30px; }
}
@media (max-width: 768px) {
  .footer-wrap .footer-bottom-right { text-align: left; }
  .footer-wrap .more-list-main { border-top: 1px solid rgba(255, 255, 255, 0.06); border-right: none; }
  .footer-wrap .more-list-main dl { margin: 12px auto; }
  .footer-wrap .more-list-main:first-child { padding-left: 20px; }
  .footer-wrap .right-side { padding-left: 20px; }
  .footer-wrap .right-side .bottom-item ul li, .footer-wrap .right-side .tel { margin-bottom: 30px; }
}
@media (max-width: 768px) {
  .footer-wrap .copy-info { padding: 10px 30px !important; text-align: center !important; }
  .footer-wrap .copy-info .column:last-child { text-align: center !important; }
}
@media (min-width: 768px) and (max-width: 992px) {
  .is-sign-list .is-narrow { width: 100%; }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .footer-wrap .right-side { padding-left: 30px; }
  .footer-wrap .right-side .bottom-wrap .logo { max-width: 160px; }
}
.common-banner { background-color: rgb(30, 93, 241); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 800px; position: relative; }
.common-banner.solution .solution-bg { background-position: right center; background-size: 600px; background-repeat: no-repeat; }
.common-banner.product { background-position: 90% center; background-size: 800px; }
.common-banner.ssl { background-size: 314px 158px, 132px 219px, 313px 274px, 257px 152px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: left top, right top, left bottom, right bottom; }
.common-banner.ssl .detail-bg { height: 100%; background-repeat: no-repeat; background-size: auto 270px; background-position: 95% 60%; }
.common-banner .home-en-bg { height: 100%; background-repeat: no-repeat; background-size: auto 630px; background-position: 100% 0px; }
.common-banner.ssl .detail-bg.cfca { background-size: auto 210px; background-position: 80% 60%; }
.common-banner.ssl .detail-bg.geotrust { background-size: auto 180px; }
.common-banner.ssl .detail-bg img { min-width: 100%; height: 75px; }
.common-banner.ssl .detail-bg .banner-des { padding: 0px 20px; }
.common-banner.ssl .detail-bg .btn-wrap .button { padding: 14px 42px; height: 56px; border: 2px solid rgb(245, 88, 50); }
.common-banner.ssl .detail-bg .btn-wrap .button.btn-service, .other-page.agency-plan .common-banner .button { background: 0px 0px; border: 2px solid var(--white); margin-left: 15px; }
.other-page.agency-plan .common-banner .button { padding: 14px 42px; height: 56px; margin-left: 0px; }
.common-banner.ssl .detail-bg .btn-wrap .button.btn-service.is-focus, .common-banner.ssl .detail-bg .btn-wrap .button.btn-service:focus, .common-banner.ssl .detail-bg .btn-wrap .button.btn-service:hover { color: var(--white) ; }
.common-banner.ssl .detail-bg .doc-sign-title { text-align: center; }
.common-banner.solution .solution-bg .des-info, .common-banner.ssl .detail-bg .doc-sign-des { list-style: inside; }
.remote-code-signing .common-banner.solution .solution-bg .des-info { list-style: none; }
.common-banner.ssl .detail-bg .doc-sign-title img { margin-right: 37px; }
.common-banner.ssl .detail-bg .buttons { margin-top: 62px; }
.common-banner.ssl .detail-bg .buttons .button { width: 264px; padding: 14px 40px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; }
.common-banner.ssl .detail-bg .buttons .button:last-child { margin-left: 20px; }
.common-banner.ssl .detail-bg .button.btn-contact { color: var(--white); border: 2px solid var(--white); text-decoration: none; }
.about .common-banner .page-navigation, .common-banner.ssl .detail-bg .page-navigation { position: absolute; width: 100%; height: 80px; background: rgba(0, 0, 0, 0.1); bottom: 0px; }
.about .common-banner .page-navigation ul li a, .about .common-banner .page-navigation ul li span, .common-banner.ssl .detail-bg .page-navigation ul li a { position: relative; height: 100%; }
.common-banner.ssl .detail-bg .page-navigation .tabs a, .common-banner.ssl .detail-bg .page-navigation .tabs ul, .common-banner.ssl .detail-bg .page-navigation .tabs ul li { border-bottom: none; height: 100%; }
.common-banner.ssl .detail-bg .page-navigation .tabs, .common-banner.ssl .detail-bg .page-navigation .tabs a { height: 100%; color: var(--white) ; }
.common-banner.ssl .detail-bg .page-navigation .tabs li.is-active a, .common-banner.ssl .detail-bg .page-navigation ul li:hover a { opacity: 1; }
.common-banner.ssl .detail-bg .page-navigation .tabs li a span { position: relative; display: flex; align-items: center; height: 100%; }
.common-banner.ssl .detail-bg .page-navigation .tabs li.is-active a span::after, .common-banner.ssl .detail-bg .page-navigation ul li:hover a::after { position: absolute; content: ""; width: 100%; height: 3px; bottom: -11px; right: 0px; background: var(--red1); }
.about .common-banner .page-navigation.affix, .common-banner.ssl .detail-bg .page-navigation.affix { position: fixed; background: rgb(19, 77, 213); top: 70px; z-index: 2; }
.solution .common-banner .buttons-wrap { margin-top: 142px; }
.solution.remote-code-signing .common-banner .buttons-wrap { margin-top: 76px; }
.apple-ats .common-banner .buttons-wrap { margin-top: 49px; }
.secure-software .common-banner .buttons-wrap { margin-top: 109px; }
.security-gateway .common-banner .buttons-wrap { margin-top: 58px; }
.common-banner.product .buttons-wrap { margin-top: 101px; }
.certcloud .common-banner .buttons-wrap, .doc-sign .common-banner .buttons-wrap { margin-top: 64px; }
.certmanager .common-banner .buttons-wrap { margin-top: 97px; }
.hsg .common-banner .buttons-wrap { margin-top: 113px; }
.gmdetect .common-banner .buttons-wrap, .gmssl .common-banner .buttons-wrap, .mpki .common-banner .buttons-wrap, .mysslee .common-banner .buttons-wrap, .vsign .common-banner .buttons-wrap { margin-top: 163px; }
.cloudpki .common-banner .buttons-wrap, .dense-cert .common-banner .buttons-wrap, .vsignbox .common-banner .buttons-wrap, .vsignpdf .common-banner .buttons-wrap { margin-top: 130px; }
.common-banner .buttons-wrap .button { padding: 14px 43px; border-radius: 4px; height: 56px; }
.common-banner .buttons-wrap .is-white { background: 0px 0px; border: 2px solid var(--white); color: var(--white); margin-left: 20px; }
.common-banner .condition-business-desktop { position: absolute; width: 100%; bottom: -211px; z-index: 2; }
.ssl-tools-list .common-banner, .tools-seal-install .common-banner { height: 380px; padding-top: 70px; }
.condition-business-mobile { display: none; }
.condition-business { background-color: var(--white); border-radius: 4px; padding: 56px 42px; }
.security-gateway .condition-business, .sign-tools .condition-business { padding: 80px 67px; }
.remote-code-signing .condition-business { padding: 64px 54px 72px; }
.secure-software .condition-business { padding: 0px; }
.ssl-api .condition-business { min-height: 306px; padding: 59px 50px 64px; }
.always-on-ssl .condition-business, .apple-ats .condition-business { padding: 64px; }
.https .condition-business { padding: 64px 70px; }
.mysign .condition-business { padding: 64px 32px; }
.secure-software .condition-business .product-desc { padding: 95px 240px 110px; background: url("/ziyuan/shouye/banner-bottom-bg.svg") center bottom no-repeat; }
.condition-business .product-desc .left-wrap { border-width: 0px 4px 0px 0px; border-top-style: initial; border-bottom-style: initial; border-left-style: initial; border-color: initial; border-right-style: solid; border-image: radial-gradient(circle, rgb(245, 88, 50), rgba(229, 79, 84, 0)) 4 / 1 / 0 stretch; padding-right: 72px !important; }
.condition-business .product-desc { width: 100%; }
.condition-business .product-desc .software { position: relative; }
.condition-business .product-desc .security-hole-item { position: relative; margin: 0px auto; border-radius: 5px; padding: 30px 32px; height: 200px; background: var(--section-bg) ; }
.condition-business .product-desc .security-hole-item::after { position: absolute; width: calc(100% - 64px); content: ""; height: 3px; background: linear-gradient(to right, var(--red1) 0, var(--red1) 20%, #e9ebef 20%, #e9ebef 100%); bottom: 28px; }
.condition-business .product-desc h4 .red { position: relative; display: inline-block; color: var(--red1) ; }
.condition-business .product-desc h4 .red::before { content: ""; position: absolute; width: 120px; height: 8px; bottom: -2px; background: rgba(233, 235, 239, 0.7); }
.condition-business .product-desc .right-wrap { padding: 17px 0px 16px 64px !important; }
.backdrop-item .top-wrap .top-wrap-contain { overflow: hidden; }
.backdrop-item .top-wrap .top-wrap-contain div { float: left; }
.gm-desktop-title h2 { text-align: center; }
.backdrop-item .top-wrap .top-wrap-contain h4, .backdrop-item .top-wrap .top-wrap-contain p { margin-bottom: 14px; }
.backdrop-item .top-wrap .top-wrap-contain p.oneline { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.backdrop-item .top-wrap h3 { position: relative; }
.backdrop-item .top-wrap h3::after { position: absolute; content: ""; width: 80px; height: 4px; opacity: 0.2; background: linear-gradient(270deg, rgba(229, 79, 84, 0), rgb(245, 88, 50)); bottom: -12px; left: 0px; }
.backdrop-item .gm-backdrop-item { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.condition-business .product-desc .ssl-api-top { padding: 0px 28px; margin-bottom: 20px; }
.condition-business .product-desc .ssl-api-wrap { height: auto; }
.product-desc.https-standard .https-standard-wrap .https-standard-item img, .product-desc.mysign .e-signature-wrap .e-signature-item img { max-width: 44px; margin-bottom: 16px; }
.product-desc.https-standard .https-standard-wrap .https-standard-item .left-img { padding-top: 0px; }
.product-desc.https-standard .https-standard-wrap .https-product-item { width: 340px; max-width: 100%; height: 60px; background: var(--section-bg); border-radius: 4px; padding: 19px 0px; margin: 0px auto; }
.product-desc.https-standard .https-standard-wrap .https-product-item img { max-width: 16px; margin-right: 3px; }
.product-desc.apple-ats .apple-ats-item ul li:last-child { margin-bottom: 0px; }
.common-banner.channel { background: url("/ziyuan/shouye/banner-bg.png") 0% 0% / cover no-repeat; }
.common-banner.channel h2 { color: rgb(255, 255, 255); }
@media screen and (max-width: 576px) {
  .common-banner { height: 800px; }
}
@media screen and (max-width: 768px) {
  .common-banner, .common-banner.product, .common-banner.solution { height: 600px; }
  .common-banner.product, .common-banner.solution .solution-bg, .other-page.agency-plan .common-banner, .ssl-tools-list .common-banner { padding-top: 70px; }
  .common-banner.ssl { background-size: 157px 79px, 66px 110px, 157px 137px, 129px 76px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: left top, right top, left bottom, right bottom; }
  .common-banner.solution .solution-bg, .common-banner.ssl .detail-bg { background-image: none !important; }
  .common-banner.ssl .detail-bg .buttons .button { width: 180px; padding: 14px 0px; margin: 0px 15px; }
  .common-banner.product .product-bg h1, .common-banner.solution .solution-bg h1, .common-banner.ssl .detail-bg h1 { font-size: 36px; margin-bottom: 24px; line-height: 45px; }
  .common-banner.ssl .detail-bg p { margin-bottom: 30px; }
  .common-banner.ssl .detail-bg p .price { font-size: 38px; }
  .common-banner.ssl .detail-bg p .unit { font-size: 24px; }
  .common-banner.ssl .detail-bg .doc-sign-title, .common-banner.ssl .detail-bg img { margin-bottom: 24px; }
  .common-banner.ssl .detail-bg .doc-sign-title { display: block; }
  .common-banner.ssl .detail-bg .doc-sign-title h1 { margin-bottom: 0px; }
  .common-banner.ssl .detail-bg .banner-des { padding: 0px 20px; }
  .common-banner.ssl .detail-bg .buttons { margin-top: 30px; }
  .common-banner.ssl .detail-bg .btn-wrap .button, .common-banner.ssl .detail-bg .buttons .button, .other-page.agency-plan .common-banner .button { padding: 7px 20px; font-size: 16px; height: auto; }
  .common-banner .buttons-wrap, .mpki .common-banner .buttons-wrap, .solution .common-banner .buttons-wrap { margin-top: 50px; }
  .common-banner .buttons-wrap .is-danger, .common-banner .buttons-wrap .is-white { padding: 9px 20px; font-size: 16px; height: auto; }
  .common-banner .buttons-wrap .is-white { margin-left: 0px; }
  .common-banner .condition-business-desktop { display: none; }
  .common-banner.product { background-image: none !important; }
  .condition-business .backdrop-item { padding: 20px 10px; }
  .condition-business-mobile { display: block; font-size: 28px !important; line-height: 45px !important; }
  .always-on-ssl .condition-business, .https .condition-business, .secure-software .condition-business .product-desc { padding: 80px 20px; }
  .ssl-api .condition-business { padding: 30px 20px; }
  .secure-software .condition-business .product-desc { background-size: 300px; }
  .ssl-tools-list .common-banner h1 { font-size: 36px; line-height: 45px; }
}
@media (min-width: 768px) and (max-width: 992px) {
  .common-banner { height: 600px; }
  .common-banner .container { padding: 0px 20px; }
  .common-banner .condition-business-desktop { display: none; }
  .condition-business-mobile { display: block; }
  .condition-business-mobile .backdrop-item .top-wrap img { margin-right: 24px; }
  .common-banner.ssl .detail-bg .buttons .button { width: 180px; padding: 14px 0px; }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .common-banner { height: 700px; }
  .common-banner.product { background-position-x: calc(100% + 200px); }
  .common-banner.solution .solution-bg, .common-banner.ssl .detail-bg { background-image: none !important; }
  .common-banner .buttons-wrap, .solution .common-banner .buttons-wrap { margin-top: 70px; }
  .condition-business .backdrop-item .top-wrap img { margin-right: 0px; }
  .condition-business .backdrop-item { padding: 20px 10px; }
  .condition-business .backdrop-item .des { margin-top: 20px; }
}
@media (max-width: 1399.98px) {
  .common-banner.product { background-position-x: calc(100% + 150px); }
  .condition-business .product-desc .left-wrap { padding-right: 36px !important; }
}
@media (min-width: 2000px) {
  .common-banner.product { background-position-x: 85%; }
}
@media (min-width: 2400px) {
  .common-banner.product { background-position-x: 75%; }
}
.flexslider { width: 100%; position: relative; overflow: hidden; background: rgb(30, 93, 241); height: 800px; }
.flexslider .slides { position: relative; height: 100%; z-index: 1; }
.flexslider .slides li.slide { margin: 0px auto; }
.flexslider .slides .slide { height: 100%; background: url("/ziyuan/shouye/banner-bg-min.png") 100% 100% / 60% 404px no-repeat; }
.flexslider .slide-section { display: flex; align-items: center; justify-content: left; height: 800px; z-index: 1; }
.flexslider .slide-section h1, .flexslider .slide-section p { width: 100%; }
.flexslider .slide-section .banner-link:hover { color: rgb(255, 255, 255); }
.flexslider .buttons-wrap { margin-top: 142px; }
.flexslider .buttons-wrap .button { padding: 14px 44px; height: 56px; }
.flexslider .buttons-wrap .is-danger { border-radius: 4px; margin-right: 20px; }
.flexslider .buttons-wrap .is-outlined { background: 0px 0px; border: 2px solid var(--white) ; }
.flexslider .buttons-wrap .is-outlined.is-focused, .flexslider .buttons-wrap .is-outlined:focus, .flexslider .buttons-wrap .is-outlined:hover { color: var(--white) ; }
.flexslider .flex-control-nav { position: absolute; height: 20px; bottom: 140px; z-index: 2; width: 100%; max-width: 1244px; margin: -120px auto 0px; text-align: left; }
.flexslider .flex-control-nav li { display: inline-block; width: auto; height: 15px; margin: 0px 4px; zoom: 1; position: relative; }
.flexslider .flex-control-nav a { width: 35px; height: 4px; background: var(--white); opacity: 0.19; display: inline-block; color: transparent; }
.flexslider .flex-control-nav a.flex-active { width: 71px; height: 4px; background: var(--btn-red); opacity: 0.9; position: relative; }
.flexslider .flex-control-nav a.flex-active::after { content: ""; width: 100%; height: 4px; top: 0px; left: 0px; background: var(--btn-red); position: absolute; }
.flexslider .slides .slide1 { height: 100%; background: url("/ziyuan/shouye/bj1.jpg") 50% 50% / auto 100% no-repeat rgb(12, 15, 66); }
.flexslider .slide1 .container { background: url("/ziyuan/shouye/bj1.jpg") 50% 40% / 800px no-repeat; }
.flexslider .slide1 .container .connect-btn { width: 270px; height: 72px; background: url("/ziyuan/shouye/bj1.jpg") 0% 0% / cover no-repeat; margin: 30% auto 0px; cursor: pointer; }
.flexslider .slide2 .container ul { overflow: hidden; list-style: none; margin-top: 30px; }
.flexslider .slide2 .container ul li { float: left; margin-right: 25px; vertical-align: bottom; display: flex; height: 130px; }
.flexslider .slide2 .container ul li img { width: 85px; padding-bottom: 0px; }
.flexslider .slide2 .container { background: url("/ziyuan/shouye/guntu0.png") 100% 160px / 560px no-repeat; }
.flexslider .slide3 .container { background: url("/ziyuan/shouye/b1.svg") 100% 320px / 380px no-repeat; }
.flexslider .slide4 .container { background: url("/ziyuan/shouye/b1.svg") 100% 60px / 600px no-repeat; }
.flexslider .slide5 .container { background: url("/ziyuan/shouye/guntu3.png") 100% 60px / 600px no-repeat; }
.flexslider .slide6 .container { background: url("/ziyuan/shouye/guntu4.png") 100% 60px / 600px no-repeat; }
@media screen and (max-width: 992px) {
  .flexslider .slide1 .container, .flexslider .slide2 .container, .flexslider .slide3 .container, .flexslider .slide4 .container, .flexslider .slide5 .container { background: 0px 0px; }
  .flexslider .slide-section { padding: 0px 20px; }
  .flexslider, .flexslider .slide-section { height: 600px; }
  .flexslider .slide .slide-item h1 { font-size: 36px; line-height: 45px; }
  .flexslider .slide .slide-item .buttons-wrap { margin-top: 32px; }
  .flexslider .banner-title { font-size: 32px; line-height: 35px; }
  .flexslider .buttons-wrap { margin-top: 50px; }
  .flexslider .buttons-wrap .button { padding: 9px 20px; font-size: 16px; height: auto; }
  .flexslider .buttons-wrap .is-danger { margin-bottom: 15px; }
  .flexslider .flex-control-nav { padding: 0px 20px; bottom: 90px; }
  .flexslider .slide1 .container ul li img { width: 65px; padding-bottom: 0px; }
}
@media screen and (max-width: 768px) {
  .flexslider .flex-control-nav { padding: 0px 30px; }
}
.customer-case { padding: 100px 0px; background: url("/ziyuan/shouye/bj1.png") center center / cover no-repeat; }
.product .customer-case.white-bg { background: url("/ziyuan/shouye/bj2.png") center center / cover no-repeat !important; }
.home .customer-case {padding: 80px 0px;background: rgb(255 255 255) !important;}
.home .customer-case .num { color: rgb(73, 134, 255); }
.customer-case .cases-wrap img, .home .customer-case .cases-wrap img { width: 100%; }
.sign-tools .customer-case { background: var(--white); padding: 100px 0px; }
.cert-details .customer-case, .mysign .customer-case, .product .customer-case, .secure-software .customer-case, .ssl-api .customer-case, .usage-scenario { padding: 100px 0px; }
.gmdetect .customer-case { padding-top: 200px; }
.customer-case-wrap ul li { display: inline-block; max-width: 183px; width: 100%; cursor: pointer; }
.customer-case .slider-cases li { display: inline-block; margin-right: 20px; margin-bottom: 20px; }
.customer-case .customer-case-item { background: var(--white); width: 100%; height: 98px; }
.customer-case .customer-case-wrap .customer-case-item { cursor: pointer; transition: all 0.6s ease 0s; }
.customer-case .customer-case-wrap .customer-case-item:hover { box-shadow: rgba(0, 169, 113, 0.2) -2px 5px 20px 5px; background-color: var(--red-title); transform: scale(1.3); color: var(--white) ; }
.customer-case h2.about-service-title { margin-top: 100px; margin-bottom: 0px; }
.customer-case .about-service-wrap { width: 70%; margin: 50px auto 0px; }
.customer-case .about-service-wrap .about-service-item { border: 1px solid rgba(95, 108, 122, 0.2); width: 110px; padding: 12px 9px; font-size: 14px; }
.customer-case .slider-cases .cases-card { max-width: 100%; width: 183px; background: var(--white); height: 98px; margin: 0px auto; }
@media screen and (max-width: 768px) {
  .customer-case h2 { font-size: 32px; line-height: 45px; }
  .customer-case .about-service-wrap .about-service-item { margin: 0px auto; }
}
@media screen and (max-width: 992px) {
  .sign-tools .customer-case { padding: 80px 0px; }
  .cert-details .customer-case, .mysign .customer-case, .product .customer-case, .secure-software .customer-case, .ssl-api .customer-case, .usage-scenario { padding: 80px 0px; }
}
.ssl-cert { padding: 80px 0px; }
.ssl-cert .desc-wrap { width: 65%; margin: auto; }
.ssl-cert .ssl-type-wrap { margin-top: 56px; }
.ssl-cert .ssl-type-wrap .ssl-type-tag { overflow-x: scroll; min-height: 130px; }
.ssl-cert .ssl-type-wrap .category-item { margin-bottom: 60px; }
.ssl-cert .ssl-type-wrap .category-item:nth-child(4), .ssl-cert .ssl-type-wrap .category-item:nth-child(5), .ssl-cert .ssl-type-wrap .category-item:nth-child(6) { margin-bottom: 0px; }
.ssl-cert .ssl-type-wrap .category-item .h3-title { margin-top: 30px; }
.ssl-cert .ssl-type-wrap .category-item .desc { width: 70%; margin: 20px auto 0px; }
.ssl-type-tag li { cursor: pointer; }
.ssl-type-tag .title { margin-top: 16px; }
.ssl-type-tag li.active .title { position: relative; color: rgb(245, 88, 50); }
.ssl-type-tag li.active .title::after { position: absolute; content: ""; display: block; background: var(--red1); width: 34px; height: 4px; margin-top: 10px; margin-left: calc(50% - 17px); border-radius: 2px; }
.ssl-type-tag li .type-item { background: url("/ziyuan/shouye/ssl-cert-type.svg") no-repeat; padding: 56px 0px 0px; margin: 0px auto; transition: all 0.2s ease 0s; }
.ssl-type-tag li.active .type-item { background: url("/ziyuan/shouye/ssl-cert-type-active.svg") no-repeat; }
.ssl-type-tag li:nth-of-type(1) .type-item, .ssl-type-tag li:nth-of-type(1).active .type-item { background-position: 0px 0px; width: 56px; height: 56px; }
.ssl-type-tag li:nth-of-type(2) .type-item, .ssl-type-tag li:nth-of-type(2).active .type-item { background-position: 50% 0px; width: 56px; height: 56px; }
.ssl-type-tag li:nth-of-type(3) .type-item, .ssl-type-tag li:nth-of-type(3).active .type-item { background-position: 50% 100%; width: 56px; height: 56px; }
.ssl-type-tag li:nth-of-type(4) .type-item, .ssl-type-tag li:nth-of-type(4).active .type-item { background-position: 100% 100%; width: 56px; height: 56px; }
.ssl-type-tag li:nth-of-type(5) .type-item, .ssl-type-tag li:nth-of-type(5).active .type-item { background-position: 100% 0px; width: 56px; height: 56px; }
.ssl-type-tag li:nth-of-type(6) .type-item, .ssl-type-tag li:nth-of-type(6).active .type-item { background-position: 100% 100%; width: 56px; height: 56px; }
@media screen and (max-width: 768px) {
  .ssl-cert h2 { font-size: 32px; }
}
.character-warp { position: relative; min-height: 460px; margin-top: 70px; }
.character-warp .character-bg-1, .character-warp .character-bg-2, .character-warp .character-bg-3, .character-warp .character-bg-item { position: absolute; margin: auto; inset: 0px; }
.character-warp .character-bg-1 { background: rgb(247, 250, 255); box-shadow: rgba(37, 45, 71, 0.19) 0px 9px 37px 0px; border-radius: 4px; height: 300px; width: 100%; }
.character-warp .character-bg-2 { height: 380px; background: rgb(37, 50, 98); box-shadow: rgba(37, 45, 71, 0.18) 0px 9px 37px 0px; border-radius: 4px; padding: 0px 70px; width: calc(100% - 100px); }
.character-warp .character-bg-3 { width: 100%; }
.character-warp .character-bg-item { background: 0% 0% / cover rgb(245, 88, 50); display: none; height: 460px; width: calc(100% - 240px); padding: 0px 66px; border-radius: 4px; transition: all 0.2s ease 0s; }
.character-warp .character-bg-item.active { display: block; }
.character-warp .character-bg-item .rigth-icon { background: url("/ziyuan/shouye/cert-type-sprite.svg") no-repeat; width: 330px; height: 330px; margin-left: auto; }
.character-warp .character-bg-item:nth-of-type(1) .rigth-icon { background-position: 0px 100%; }
.character-warp .character-bg-item:nth-of-type(2) .rigth-icon { background-position: 0px 0px; }
.character-warp .character-bg-item:nth-of-type(3) .rigth-icon { background-position: 103% -2%; }
.character-warp .character-bg-item:nth-of-type(4) .rigth-icon { background-position: 103% 95%; }
.character-warp .character-bg-item:nth-of-type(5) .rigth-icon { background-position: 51% 100%; }
.character-warp .character-bg-item:nth-of-type(6) .rigth-icon { background-position: 103% 95%; }
.character-bg-item .title { position: relative; color: rgb(234, 242, 255); line-height: 42px; }
.character-bg-item .title::after { position: absolute; content: ""; width: 80px; height: 6px; opacity: 0.1216; background: linear-gradient(64deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.69), rgba(0, 102, 255, 0)); bottom: -25px; left: 0px; }
.character-bg-item .des { font-weight: 400; color: rgb(255, 255, 255); padding-top: 20px; min-height: 200px; }
.character-bg-item .btn-details { background: 0px 0px; border: 1px solid var(--white); border-radius: 4px; padding: 12px 43px; height: 48px; }
.character-bg-item .btn-details:hover { color: var(--white); opacity: 0.9; }
@media screen and (max-width: 768px) {
  .ssl-type-tag { overflow-x: scroll; }
  .character-warp { margin-top: 35px; }
  .character-bg-item .des { margin: 50px 0px; }
  .character-warp .character-bg-2 { width: calc(100% - 50px); }
  .character-warp .character-bg-3 { width: calc(100% - 120px); padding: 0px 10px; }
  .character-warp .character-bg-item { width: 100%; padding: 0px 10px; }
  .character-bg-item .btn-details { padding: 9px 20px; }
}
.home .product-advantage { padding: 0px 0px 100px; }
.home .product-advantage .advantage-wrap { margin-top: 55px; }
.home .product-advantage .advantage-wrap .advantage-item img { max-width: 80px; }
.home .product-advantage .advantage-wrap .advantage-item .title { position: relative; }
.home .product-advantage .advantage-wrap .advantage-item .title::after { position: absolute; content: ""; width: 80px; height: 3px; opacity: 0.1216; background: linear-gradient(64deg, rgb(0, 102, 255), rgba(0, 102, 255, 0.69), rgba(0, 102, 255, 0)); bottom: -12px; left: calc(50% - 40px); }
.home .product-advantage .advantage-wrap .advantage-item .des { margin-top: 25px; }
@media screen and (max-width: 768px) {
  .home .product-advantage h2 { font-size: 32px; line-height: normal; }
  .home .product-advantage .advantage-wrap .advantage-item img { max-width: 64px; margin-bottom: 14px; }
}
.solution-section { background: var(--main-font-color); color: var(--white) ; }
.home .solution-bg { background: url("/ziyuan/shouye/section4-bg.jpg") left center / 35% 100% no-repeat, right center / 65% 100% no-repeat rgb(19, 77, 213); height: 100%; padding: 60px 0px 110px; }
.solution-bg .container, .solution-wrap { height: 100%; }
.solution-bg .left-side ul li { cursor: pointer; margin-top: 48px; }
.solution-bg .left-side ul li.active { position: relative; font-size: 24px; }
.solution-bg .left-side ul li.active::after { position: absolute; content: ""; width: 47px; height: 2px; border: 2px solid var(--red1); background: var(--red1); transition: all 0.3s ease-in-out 0s; bottom: -12px; left: 0px; }
.solution-bg .left-side .tabs ul li { margin-left: 0px; margin-bottom: 0px; }
.solution-bg .left-side .tabs ul li a { position: relative; height: 100%; color: var(--white); opacity: 0.7; }
.solution-bg .left-side .tabs ul li a:hover, .solution-bg .left-side .tabs ul li.active a { opacity: 1; }
.solution-bg .left-side .tabs ul li.active a::after { position: absolute; content: ""; width: 100%; height: 2px; background: var(--red1); border: 2px solid var(--red1); bottom: 0px; }
.solution-bg .left-side ul li:first-child { margin-top: 0px; }
.right-side .right-side-wrap { display: none; }
.right-side .right-side-wrap.active { display: block; }
.right-side-wrap .center-wrap .tag-wrap { margin: 18px 0px 64px; }
.right-side-wrap .center-wrap .button { border-radius: 4px; padding: 14px 44px; height: 56px; }
.right-side-wrap .center-wrap .tag-wrap .tag-item { background: rgba(255, 255, 255, 0.2); border-radius: 4px; padding: 5px 9px; }
.right-side-wrap .bottom-wrap { margin-top: 96px; }
.right-side-wrap .bottom-wrap hr { height: 1px; width: 85%; margin: 0px 0px 0px 15px; opacity: 0.1; }
.right-side-wrap .bottom-wrap .products-wrap li { display: inline-block; margin-right: 20px; }
.bottom-wrap .products-wrap .products-item .des { margin-left: 8px; }
.industry-news {padding: 90px 0px 100px;background: var(--section-bg);}
.industry-news-wrap .new-item { height: 100%; }
.industry-news-wrap .new-item .img { max-width: 100%; width: 100%; height: 230px; margin-bottom: 20px; }
.industry-news-wrap .new-item .excerpt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.new-item .new-details { min-height: 180px; position: relative; font-weight: 400; }
.new-item .new-details .title { color: rgb(0, 0, 0); font-weight: 400; margin: 12px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.new-item .new-details a { position: absolute; bottom: 0px; color: rgb(245, 88, 50); text-decoration: none; }
.industry-news-wrap .right-wrap .line { border: 1px solid rgb(242, 242, 242); height: 1px; }
@media screen and (max-width: 768px) {
  .industry-news h2, .right-side .right-side-wrap h3 { font-size: 32px; line-height: normal; }
  .industry-news .industry-news-wrap { background: 0px 0px; }
  .solution-bg { background-size: 100% 100%; }
  .solution-bg .left-side ul li { display: inline-block; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; }
  .right-side-wrap .bottom-wrap hr { margin: 10px 0px 0px; }
  .right-side-wrap .center-wrap .button { padding: 9px 20px; font-size: 16px; height: auto; }
}
@media (min-width: 768px) and (max-width: 992px) {
  .solution-bg { background-size: 100% 100%; }
}
.apply-trade, .cert-customer-case, .certs-product, .code-cert-feature, .create-secure-link, .details-cert-feature, .effect-prevention, .questions-and-answers, .safety-lock-display, .use-scope, .why-buy { padding: 100px 0px; background: var(--white) ; }
.buy-step, .cert-feature, .code-sign-show, .create-secure-link, .http-vs-http2, .product-comparison, .ssl-doc, .support-and-help, .supporting-platform { padding: 80px 0px; background: var(--section-bg) ; }
@media screen and (max-width: 992px) {
  .apply-trade, .cert-customer-case, .certs-product, .code-cert-feature, .create-secure-link, .details-cert-feature, .effect-prevention, .questions-and-answers, .safety-lock-display, .use-scope, .why-buy { padding: 70px 0px; background: var(--white) ; }
  .buy-step, .cert-feature, .create-secure-link, .http-vs-http2, .product-comparison, .ssl-doc, .support-and-help, .supporting-platform { padding: 70px 0px; }
}
.browser-show, .section-introduce { background: var(--white); padding: 100px 0px 0px; }
.doc-cert-feature { padding-bottom: 100px; }
.code-cert-details .section-introduce, .ev-code-cert-details .section-introduce { background: var(--white) ; }
.browser-show .tabs ul li { height: 100%; }
.browser-show .tabs ul, .browser-show .tabs ul a { height: 100%; border-bottom: none; }
.browser-show .tabs ul a { color: var(--main-font-color); margin-right: 100px; }
.browser-show .tabs ul li:last-child a { margin-right: 0px; }
.browser-show .tabs ul .is-active a { position: relative; color: var(--red1); opacity: 1; }
.browser-show .tabs ul .is-active a::after { position: absolute; content: ""; width: 100%; background: var(--red1); height: 3px; left: 0px; bottom: 0px; }
.browser-show .tab-content { background: var(--section-bg); padding: 80px 0px 100px; }
.browser-show .tab-content .browser-item { padding: 51px 71px 67px; box-shadow: none; }
.browser-show .tab-content .browser-item .title { position: relative; margin-bottom: 43px; }
.browser-show .tab-content .browser-item .title::before { position: absolute; content: ""; width: 28px; height: 3px; left: 50%; bottom: -10px; margin-left: -14px; background: var(--red1) ; }
.browser-show .tab-content .tab-pane { display: none; transition: all 0.1s ease-in-out 0s; }
.browser-show .tab-content .tab-pane.active { display: block; }
@media screen and (max-width: 768px) {
  .browser-show .tabs ul a { margin-right: 0px; }
  .browser-show .tab-content .browser-item { padding: 20px; }
}
.certs-product .product-item { border-top: 4px solid rgb(245, 88, 50); height: 100%; }
.certs-product .product-item { padding: 19px 30px 200px; position: relative; }
.certs-product .price-section { position: absolute; bottom: 30px; width: calc(100% - 60px); }
.certs-product .product-item ul { list-style: disc; min-height: 180px; margin-bottom: 14px; padding-left: 14px; }
.digicert.certs-product .product-item ul { min-height: 260px; }
.ssl-cert.certs-product .product-item ul { min-height: 210px; }
.certs-product .product-item .brand-img { width: auto; height: 28px; margin: 10px 0px 15px; object-fit: contain; object-position: 50% 100%; }
.trustasia.certs-product .product-item .brand-img { height: 36px; }
.certs-product .product-item .product-des { height: 93px; }
.certs-product .product-item .btn-list { width: 100%; }
.certs-product .product-item h4 { width: 100%; }
.certs-product.geotrust .product-item h4, .certs-product.trustasia .product-item h4 { min-height: 30px; }
.certs-product.geotrust .product-item { padding: 19px 32px 32px; }
.certs-product.geotrust .product-item .product-des { height: 147px; }
.certs-product.cfca .product-item .price-info, .certs-product.geotrust .product-item .price-info { width: 100%; }
.certs-product .product-item .btn-list .button { padding: 8px 18px; height: 45px; margin-right: 16px; }
.certs-product .product-item .btn-list .button:first-child { margin-bottom: 9px; }
.certs-product.ssl-cert .product-item .btn-list .is-ghost { border-radius: 4px; border: 1px solid rgb(233, 235, 239); color: var(--main-font-color); text-decoration: none; }
.certs-product.globalsign .product-item .product-des { min-height: 125px; }
.certs-product.globalsign .product-item h4 { margin-bottom: 12px; }
.certs-product.globalsign .product-item ul { min-height: 160px; }
.certs-product.ssl-cert .product-nav, .certs-product.trustasia .product-nav { box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 0px; height: 80px; }
.certs-product.ssl-cert .product-nav .tabs, .certs-product.ssl-cert .product-nav .tabs ul, .certs-product.trustasia .product-nav .tabs, .certs-product.trustasia .product-nav .tabs ul { height: 100%; border-bottom: none; }
.certs-product.ssl-cert .product-nav .nav-list li, .certs-product.trustasia .product-nav .nav-list li { height: 100%; }
.certs-product.ssl-cert .product-nav .nav-list li a, .certs-product.ssl-cert .product-nav .nav-list li span, .certs-product.trustasia .product-nav .nav-list li a, .certs-product.trustasia .product-nav .nav-list li span { position: relative; margin-right: 113px; height: 100%; border-bottom: none; cursor: pointer; }
.certs-product.ssl-cert .product-nav .nav-list li:last-child a, .certs-product.ssl-cert .product-nav .nav-list li:last-child span, .certs-product.trustasia .product-nav .nav-list li:last-child a, .certs-product.trustasia .product-nav .nav-list li:last-child span { margin-right: 0px; }
.certs-product.ssl-cert .product-nav .nav-list li.active, .certs-product.ssl-cert .product-nav .nav-list li.active a, .certs-product.ssl-cert .product-nav .nav-list li.active span, .certs-product.trustasia .product-nav .nav-list li.active, .certs-product.trustasia .product-nav .nav-list li.active a, .certs-product.trustasia .product-nav .nav-list li.active span { color: var(--red1); opacity: 1; }
.certs-product.ssl-cert .product-nav .nav-list li.active a::after, .certs-product.ssl-cert .product-nav .nav-list li.active span::after, .certs-product.trustasia .product-nav .nav-list li.active a::after, .certs-product.trustasia .product-nav .nav-list li.active span::after { position: absolute; content: ""; width: 100%; background: var(--red1); height: 3px; left: 0px; bottom: 0px; }
.certs-product.ssl-cert .product-nav-content, .certs-product.trustasia .product-nav-content { display: none; transition: all 0.5s ease 0s; }
.certs-product.ssl-cert .product-nav-content.active, .certs-product.trustasia .product-nav-content.active { display: block; }
.certs-product.cfca .product-item h4 { width: 100%; height: auto; }
.certs-product.cfca .product-item ul { min-height: 183px; }
@media screen and (max-width: 768px) {
  .certs-product h2 { font-size: 32px; line-height: normal; }
  .certs-product.trustasia .product-nav .nav-list li a { margin-right: 0px; }
}
.product-comparison .table { width: 100%; }
.product-comparison .table tbody tr td, .product-comparison .table tbody tr th, .product-comparison .table tfoot tr th, .product-comparison .table thead tr th { min-width: 171px; padding: 18px; border-top: none; border-bottom: none; border-left: none; border-image: initial; vertical-align: middle; border-right: 1px solid rgba(0, 0, 0, 0.04); }
.product-comparison .table tbody tr.red-bg, .product-comparison .table tbody tr:nth-of-type(2n) { background: rgba(198, 39, 41, 0.03); }
.product-comparison .table tbody tr.hidden, .product-comparison .table tfoot .show-less.hidden, .product-comparison .table tfoot .show-more.hidden { display: none; }
.product-comparison .table thead tr { background: rgb(245, 88, 50); }
.product-comparison .table thead tr th { color: var(--white); border: none; vertical-align: middle; padding: 0px; text-align: center; min-height: 70px; }
.product-comparison .table thead tr th .brand-img { height: 35px; margin: 20px 0px 10px; }
.product-comparison .table tbody tr td, .product-comparison .table tbody tr th { color: var(--main-font-color) ; }
.product-comparison .table tbody tr td .compared-table-link { color: var(--red1) ; }
.product-comparison .table tbody tr td p { padding: 7px 0px; }
.product-comparison .table tfoot tr th { padding: 32px 0px; }
.product-comparison .table tfoot .pull-right { position: relative; cursor: pointer; }
.product-comparison .table tfoot .pull-right::after { position: absolute; content: url("/ziyuan/shouye/arrow.svg"); margin-left: 8px; }
.product-comparison .table tfoot .pull-right.show-less::after { transform: rotate(180deg); }
.compare-dig-sym-product-comparison-table tbody tr td .secured { max-width: 72px; min-width: 30px; max-height: 40px; }
.compare-geo-product-comparison-table tbody tr td .secured { max-width: 100px; min-width: 50px; }
.compare-trustasia-product-comparison-table tbody tr td .secured { max-height: 35px; }
#compare-trustasia .table tbody tr td .secured { max-width: 276px; }
.why-buy .why-buy-item { padding: 32px; }
@media screen and (max-width: 768px) {
  .product-comparison h2 { font-size: 32px; line-height: normal; }
  .why-buy h2 { font-size: 32px; line-height: normal; }
}
#myssl-comparison-table { margin-bottom: 0px; }
#myssl-comparison-table thead th { padding: 20px 0px; }
#myssl-comparison-table tbody ul { list-style: disc; padding-left: 20px; text-align: left; }
#myssl-comparison-table tbody ul li { line-height: 28px; }
.white-bg .support-and-help { background: var(--white)  !important; }
.support-and-help .support-nav { background: var(--white); padding: 20px; }
.white-bg .support-and-help .support-nav { background: var(--section-bg)  !important; }
.support-and-help .support-nav .support-nav-list li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.support-and-help .support-nav .support-nav-list li:last-child { margin-bottom: 0px; }
@media screen and (max-width: 768px) {
  .support-and-help h2 { font-size: 32px; line-height: normal; }
  .support-and-help .support-nav { padding: 24px; }
  .support-and-help .support-nav .support-nav-list { margin-bottom: 20px; width: 100%; }
}
.ssl-page .banner .banner-des { margin-bottom: 20px; }
.section-introduce { position: relative; }
.section-introduce .title { margin-bottom: 64px; }
.section-introduce.dos-sign .title { margin-bottom: 38px !important; }
.section-introduce .introduce-wrap { z-index: 1; background: var(--white); width: 100%; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 30px 0px; border-radius: 5px; padding: 44px 10px 36px 44px; }
.feature-or-information { background: var(--section-bg) ; }
.smine-exhibition { padding-bottom: 100px; }
.feature-or-information .doc-sign-type .title, .section-introduce .introduce-wrap .title, .use-scope .title { display: flex; align-items: center; }
.feature-or-information .doc-sign-type .title .line, .section-introduce .introduce-wrap .title .line, .use-scope .title .line { background: var(--red1); width: 5px; height: 33px; left: 0px; margin-right: 18px; }
.section-introduce .introduce-wrap .introduce-img { max-width: 536px; width: 100%; }
.section-introduce.smine .introduce-wrap { padding: 36px 28px; }
.section-introduce.smine .introduce-wrap .details-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.section-introduce .introduce-wrap .details-wrap li, .section-introduce.smine .introduce-wrap .details-wrap li { display: inline-block; width: 49%; margin-bottom: 14px; }
.section-introduce.smine .introduce-wrap .details-wrap li:nth-of-type(3), .section-introduce.smine .introduce-wrap .details-wrap li:nth-of-type(4) { margin-bottom: 0px; }
.section-introduce .introduce-wrap .details-wrap .details-item, .section-introduce.smine .introduce-wrap .details-wrap .details-item { background: var(--section-bg); height: 100%; padding: 14px; }
.section-introduce.details .introduce-wrap { padding: 36px 28px; }
.section-introduce.details .introduce-wrap .intro-list { height: 100%; display: flex; place-content: center left; align-items: center; flex-wrap: wrap; }
.section-introduce.details .introduce-wrap .intro-list li { margin-bottom: 45px; }
.section-introduce.details .introduce-wrap .intro-list li:last-child { margin-bottom: 0px; }
.code-cert-details .section-introduce.details .introduce-wrap { min-height: 380px; }
.ev-code-cert-details .section-introduce.details .introduce-wrap .intro-list { min-height: 290px; }
.section-introduce.ssl-cert .introduce-wrap { padding: 65px 52px; }
.section-introduce.ssl-cert .introduce-wrap .left-wrap { padding-right: 72px; }
.supporting-platform .platform-item { padding: 32px; display: flex; height: 100%; }
.cert-feature .feature-item .left-wrap .content, .supporting-platform .platform-item .left-wrap .content { border-radius: 8px; border: 1px solid rgb(233, 235, 239); width: 83px; height: 83px; padding: 15px; margin-right: 24px; background: rgb(255, 255, 255); }
.supporting-platform .platform-item .left-wrap img { width: 100%; max-width: 64px; }
@media screen and (max-width: 992px) {
  .section-introduce { padding: 70px 0px; }
  .section-introduce .title { margin-bottom: 44px; }
  .section-introduce .introduce-wrap { position: static; padding: 20px !important; }
  .section-introduce.ssl-cert .introduce-wrap .left-wrap { padding-right: 0px; }
  .feature-or-information .doc-sign-type .title { margin-bottom: 24px !important; }
  .supporting-platform .platform-item { display: block; }
}
.apply-trade .apply-trade-wrap { display: flex; background: var(--white); box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 30px 0px; border-radius: 5px; }
.apply-trade .apply-trade-wrap .left-wrap { width: 20%; background: rgba(235, 73, 73, 0.05); }
.apply-trade .apply-trade-wrap .right-wrap { width: 80%; }
.apply-trade .apply-trade-wrap .left-wrap .trade-item { padding: 150px 98px 110px; }
.apply-trade .apply-trade-wrap .left-wrap .trade-item::after { bottom: 110px; }
.apply-trade .apply-trade-wrap .trade-item { position: relative; height: 100%; min-height: 190px; padding: 32px; }
.apply-trade .apply-trade-wrap .trade-item::after { position: absolute; content: ""; width: 28px; height: 3px; background: rgb(233, 235, 239); bottom: 28px; left: 50%; margin-left: -14px; }
@media screen and (max-width: 768px) {
  .apply-trade h2 { font-size: 32px; line-height: normal; }
  .apply-trade .apply-trade-wrap { display: block; }
  .apply-trade .apply-trade-wrap .left-wrap, .apply-trade .apply-trade-wrap .right-wrap { width: 100%; }
  .apply-trade .apply-trade-wrap .left-wrap .trade-item { padding: 32px; }
}
.feature-or-information .feature-wrap .feature-item { height: 100%; }
.feature-or-information .feature-wrap .feature-item .dot { display: inline-block; width: 6px; height: 6px; background: var(--red1); border-radius: 50%; opacity: 1; margin-right: 6px; }
.feature-or-information .doc-sign-type { background: var(--white); padding: 64px; border-radius: 5px; }
.feature-or-information .doc-sign-type .title { margin-bottom: 0px; }
.feature-or-information .information-wrap { background: var(--white); border-radius: 5px; padding: 56px 105px; }
.feature-or-information .ssl-doc-wrap .ssl-doc-item { height: 100%; padding: 32px; }
@media screen and (max-width: 768px) {
  .feature-or-information h2 { font-size: 32px; line-height: 45px; }
  .feature-or-information .information-wrap { padding: 20px; }
  .feature-or-information .doc-sign-type { padding: 12px 20px; }
}
.questions-and-answers .questions-list .questions-item:last-child { margin-bottom: 0px; }
.questions-and-answers .questions-list .questions-item .des, .questions-and-answers .questions-list .questions-item .title { position: relative; }
.questions-and-answers .questions-list .questions-item .des::before, .questions-and-answers .questions-list .questions-item .title::before { position: absolute; content: "Q"; color: var(--white); background-color: var(--red1); text-align: center; width: 24px; height: 24px; margin: 2px auto; font-size: 20px; line-height: 24px; }
.questions-and-answers .questions-list .questions-item .des::before { content: "A"; background-color: rgb(179, 185, 199); }
.questions-and-answers .questions-list .questions-item .des p, .questions-and-answers .questions-list .questions-item .title p { padding-left: 40px; }
.use-scope .use-scope-item { position: relative; width: 100%; height: 100%; margin: 0px auto; padding: 32px; }
.use-scope .use-scope-item::before { position: absolute; content: ""; width: 28px; height: 3px; bottom: 28px; left: 50%; margin-left: -14px; background: rgb(233, 235, 239); }
.details-cert-feature .feature-list .item-wrap { padding: 19px 32px !important; }
.details-cert-feature .feature-list .item-wrap:nth-of-type(2n) { padding-left: 78px !important; }
.details-cert-feature .feature-list img { width: 16px; height: 16px; margin-right: 3px; }
.code-sign-show .img-wrap { background: rgb(255, 255, 255); padding: 56px 78px; text-align: left; }
.code-cert-feature .feature-list .item-wrap { padding: 19px 32px !important; }
.code-cert-feature .feature-list .item-wrap:nth-of-type(2n) { padding-left: 78px !important; }
.code-cert-feature .feature-list img { width: 16px; height: 16px; margin-right: 3px; }
@media screen and (max-width: 768px) {
  .questions-and-answers h2 { font-size: 32px; line-height: 45px; }
  .details-cert-feature .feature-list .item-wrap:nth-of-type(2n) { padding-left: 32px !important; }
  .code-sign-show .img-wrap { padding: 40px; }
}
.cert-feature .feature-item { display: flex; padding: 32px; height: 100%; box-shadow: none; }
.ssl-page .package-wrap .table .table-show-more tr th { text-align: right; cursor: pointer; background: rgb(75, 95, 141); color: var(--white) ; }
.ssl-page .package-wrap .table .show-less.hidden, .ssl-page .package-wrap .table .show-more.hidden, .ssl-page .package-wrap .table tr.hidden { display: none; }
.ssl-page .plan-advantage .plan-advantage-wrap .advantage-item .describe { max-height: 100%; }
.ssl-page .plan-advantage .plan-advantage-wrap .advantage-item img { max-width: 64px; }
.create-secure-link .create-secure-wrap { padding: 60px 45px 45px; }
.create-secure-link .create-secure-wrap img { max-width: 535px; width: 100%; margin-bottom: 52px; }
.create-secure-link .create-secure-wrap .create-secure-item { display: flex; padding: 16px 0px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 0px; height: 100%; }
.create-secure-link .create-secure-wrap .create-secure-item .index { margin-right: 13px; }
.create-secure-link .create-secure-wrap .btn-wrap { margin-top: 50px; }
.effect-prevention .des-wrap, .http-vs-http2 .des-wrap { padding: 0px 90px; }
.effect-prevention .effect-prevention-wrap { padding: 74px 72px 74px 51px; }
.effect-prevention .effect-prevention-wrap .right-wrap img { padding-left: 96px; }
.http-vs-http2 .http-vs-http2-wrap { padding: 50px 60px; }
.ssl-doc .left-wrap { position: relative; }
.ssl-doc .left-wrap::after { position: absolute; content: ""; width: 75px; height: 1px; background: var(--red1); border: 3px solid var(--red1); bottom: 0px; }
.ssl-doc .right-wrap .right-item { box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 0px; padding: 24px 0px; height: 100%; }
.ssl-doc .right-wrap .right-item a { position: relative; padding-left: 8px; }
.ssl-doc .right-wrap .right-item a::before { position: absolute; content: "·"; left: 0px; }
.ssl-doc .right-wrap .right-item a:hover { color: var(--red1) ; }
@media screen and (max-width: 768px) {
  .cert-feature h2, .create-secure-link h2, .effect-prevention h2, .http-vs-http2 h2, .safety-lock-display h2, .ssl-doc h2 { font-size: 32px; line-height: normal; }
  .effect-prevention .des-wrap, .http-vs-http2 .des-wrap { padding: 0px; margin: 0px 20px; }
  .effect-prevention .effect-prevention-wrap .left-wrap { margin-bottom: 40px; }
  .effect-prevention .effect-prevention-wrap .right-wrap img { padding-left: 0px; }
}
.top-menu-wrap { margin: 30px 0px; }
.top-menu-wrap .top-menu li { display: inline-block; color: rgb(95, 108, 122); }
.tool-main { margin-top: 30px; margin-bottom: 80px; }
.news-main .left-wrap, .news-main .right-wrap, .tool-main .left-wrap, .tool-main .right-wrap { padding: 0px; }
.tool-main .right-wrap .item-list .column { padding-left: 0px; }
.news-main .tag-wrap { margin-top: 40px; }
.tag-wrap .tool-category li { margin-top: 30px; }
.tag-wrap .tool-category li.active { border: 1px solid rgba(95, 108, 122, 0.5); padding: 10px; }
.news-main { margin-bottom: 70px; }
.news-main ul li, .tag-wrap ul li { font-size: 16px; color: rgb(95, 108, 122); line-height: 1.56; cursor: pointer; }
.tools-wrap { display: none; margin: 0px auto; }
.tools-wrap.active { display: block; padding: 10px; }
.tools-wrap:first-child { margin-top: 0px; }
.tools-wrap .column .item-wrap { border: 1px solid rgba(95, 108, 122, 0.5); font-size: 14px; height: 70px; padding: 0px 25px; }
.tools-wrap .h3-subtitle { margin-bottom: 20px; }
.tools-wrap .h3-subtitle:first-child { margin-top: 0px; }
.news-main .news-wrap { border-bottom: 1px solid rgb(230, 230, 230); display: none; min-height: 100%; }
.news-main .news-wrap.active { display: block; }
.news-main .news-wrap:last-of-type { border-bottom: none; }
.news-main .news-wrap .item-list { padding: 50px 0px; }
.news-main .news-wrap .item-list .left-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 36px; }
.news-main .news-wrap .item-list .desc, .news-main .news-wrap .item-list .left-top .time { font-size: 14px; color: rgb(95, 108, 122); }
.news-main .news-wrap .item-list .link { margin-top: 44px; color: rgb(66, 103, 245); }
.news-main .news-wrap:first-child .item-list { padding: 0px 0px 50px; }
.news-main .news-wrap .item-list .item-wrap img { max-width: 300px; }
.news-main .pagination .pagination-next, .pagination .news-main .pagination .pagination-previous { background-color: rgb(236, 236, 236); border: none; }
.news-main .pagination .pagination-link { border: none; }
.news-main .nation .pagination-list ul li { margin-top: 0px; }
@media screen and (max-width: 768px) {
  .news-main .left-wrap, .news-main .right-wrap, .tool-main .left-wrap, .tool-main .right-wrap { padding-left: 1.25rem; padding-right: 1.25rem; }
  .news-main .right-wrap { margin-top: 50px; padding-top: 30px; border-top: 1px solid rgba(95, 108, 122, 0.5); }
  .news-main .news-wrap .item-list .item-wrap img { margin-bottom: 20px; }
}
@media screen and (max-width: 1024px) {
  .news-main .left-wrap, .news-main .right-wrap, .tool-main .left-wrap, .tool-main .right-wrap { padding-left: 1.25rem; padding-right: 1.25rem; }
  .news-main .right-wrap { margin-top: 50px; padding-top: 30px; border-top: 1px solid rgba(95, 108, 122, 0.5); }
  .news-main .news-wrap .item-list .item-wrap img { margin-bottom: 20px; }
}
.apple-ats .plan-advantage.describe h2, .mysign .plan-advantage h2 { margin-bottom: 16px; }
.apple-ats .plan-advantage .plan-advantage-wrap, .https .plan-advantage .plan-advantage-wrap, .remote-code-signing .plan-advantage .plan-advantage-wrap, .security-gateway .plan-advantage .plan-advantage-wrap, .sign-tools .plan-advantage .plan-advantage-wrap { margin-top: 0px; }
.and-partners, .ats-tips, .choose-reason, .multi-system-download, .security-gateway .business-plan, .solution-application-scenarios, .threat-case { background: var(--section-bg); padding: 80px 0px; }
.access-to-case, .acme .application-scenarios, .gm .application-scenarios, .how-do, .plan-advantage.describe, .program-advantage, .question-and-answer, .services-available, .why-choose { padding: 80px 0px; background: var(--white) ; }
.plan-advantage { padding: 180px 0px 105px; background: var(--section-bg) ; }
.plan-advantage .plan-advantage-bg { background-repeat: no-repeat; background-size: 908px 100%; background-position-x: -100px; }
.plan-advantage .product-feature-item { border-radius: 5px; background: var(--white); padding: 32px; height: 100%; }
.plan-advantage .advantage-item { margin-top: 63px; }
.cloudpki .plan-advantage .advantage-item, .plan-advantage.preponderance .advantage-item { margin-top: 0px; }
.apple-ats .plan-advantage .columns div:nth-child(3) .advantage-item, .apple-ats .plan-advantage .columns div:nth-child(4) .advantage-item, .apple-ats .plan-advantage .columns div:nth-child(5) .advantage-item, .mysign .plan-advantage .columns div:nth-child(3) .advantage-item, .plan-advantage .columns div:nth-child(1) .advantage-item, .plan-advantage .columns div:nth-child(2) .advantage-item { margin-top: 0px; }
.mysign .plan-advantage .advantage-item:nth-child(3), .plan-advantage.preponderance .advantage-item:nth-child(3), .plan-advantage.preponderance .advantage-item:nth-child(4) { margin-top: 0px !important; }
.mysign .plan-advantage .advantage-item:nth-child(4), .mysign .plan-advantage .advantage-item:nth-child(5), .mysign .plan-advantage .advantage-item:nth-child(6) { margin-top: 83px !important; }
.apple-ats .plan-advantage .advantage-item { height: 100%; }
.plan-advantage .https-standard-item .left-img { margin-right: 16px; }
@media (max-width: 768px) {
  .plan-advantage h2 { font-size: 32px; line-height: normal; }
  .plan-advantage .advantage-item { margin-top: 43px !important; }
  .plan-advantage .plan-advantage-bg { background-image: none; }
  .plan-advantage .plan-advantage-wrap .column:first-child .advantage-item { margin-top: 0px !important; }
  .plan-advantage.preponderance .advantage-item { margin-top: 0px !important; }
}
@media (max-width: 1199.98px) {
  .plan-advantage .plan-advantage-bg { background-size: 72%; }
}
.plan-advantage.preponderance { background: var(--white); font-weight: 500; padding-right: 0px; padding-bottom: 100px; padding-left: 0px; padding-top: 100px !important; }
.plan-advantage.preponderance .plan-advantage-wrap .advantage-item, .signature-reason-wrap .signature-reason-item { background: var(--section-bg); padding: 40px; height: 100%; }
.apple-ats .plan-advantage .plan-advantage-wrap .advantage-item { background: var(--white); border-radius: 5px; padding: 32px; height: 100%; }
.plan-advantage.preponderance .advantage-item .left-img { padding-top: 12px; }
.always-on-ssl .plan-advantage .des-wrap, .program-advantage .des { padding: 0px 100px; }
.always-on-ssl .plan-advantage .plan-advantage-wrap { margin-top: 54px; }
.always-on-ssl .plan-advantage .plan-advantage-wrap .https-standard-item { background: var(--white); padding: 40px; margin-bottom: 20px; }
.always-on-ssl .plan-advantage .plan-advantage-wrap .https-standard-item.right-wrap { height: 100%; }
.always-on-ssl .plan-advantage .plan-advantage-wrap .https-standard-item.right-wrap .left-img { margin-bottom: 23px; }
.always-on-ssl .plan-advantage .plan-advantage-wrap .https-standard-item:last-child { margin-bottom: 0px !important; }
.security-gateway .plan-advantage .plan-advantage-wrap .left-side h2 { margin-bottom: 45px; }
.security-gateway .plan-advantage .plan-advantage-wrap .right-side .item-wrap { width: 100%; padding: 26px; background: var(--white); border-radius: 5px; }
.security-gateway .plan-advantage .plan-advantage-wrap .right-side .item-wrap::before { content: "⋅"; color: var(--red1); margin-right: 5px; }
.plan-advantage.describe { padding-top: 80px !important; }
.plan-advantage.describe .des { white-space: normal; }
.plan-advantage.describe .plan-advantage-wrap { margin-top: 64px; }
.plan-advantage.describe .https-standard-item { background: var(--section-bg); padding: 40px; }
.plan-advantage.describe .left-wrap .https-standard-item:first-child { margin-bottom: 20px; }
.plan-advantage.describe .right-wrap .https-standard-item { height: 100%; }
.plan-advantage.describe .right-wrap .https-standard-item .left-img { margin-bottom: 24px; }
.application-scenarios .application-scenarios-wrap { padding: 0px 30px; }
.related-products-services { padding: 80px 0px; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.product-services-wrap .customer-case { background: 0px 0px; padding-top: 100px; padding-bottom: 0px; }
.product-services-wrap .advantage-item { position: relative; text-align: center; min-height: 245px; height: 100%; background: var(--white); border-radius: 5px; padding: 32px; margin: 0px auto; }
.product-services-wrap .advantage-item::after { content: ""; position: absolute; width: 28px; height: 3px; background: rgb(233, 235, 239); bottom: 28px; left: 50%; margin-left: -14px; }
.product-services-wrap .advantage-item.more-details { width: 100%; box-shadow: none; }
.signature-reason { padding: 142px 0px 100px; }
.signature-reason .signature-reason-wrap { padding: 0px !important; height: auto !important; }
.threat-case .threat-case-wrap .threat-case-item { background: var(--white); padding: 40px; height: 100%; }
.threat-case-wrap .threat-case-item .detail { background: rgb(244, 247, 251); padding: 15px 18px; border-left: 4px solid rgb(237, 240, 244); }
.how-do .how-do-wrap .how-do-item, .why-choose .why-choose-item { background: rgb(255, 244, 245); height: 100%; padding: 32px; border-radius: 5px; }
.ssl-api .plan-advantage ul { background: var(--white); box-shadow: none; margin-bottom: 20px; padding: 32px; list-style: none; }
.ssl-api .plan-advantage ul:last-child { margin-bottom: 0px; }
.ssl-api .plan-advantage ul li::before { content: "⋅"; color: var(--red1); margin-right: 5px; }
.access-to-case .case-info .case-info-item:nth-child(2) { padding: 0px 102px; }
.access-to-case .case-info .case-info-item:nth-child(3) { padding: 0px 405px; }
.choose-reason .choose-reason-item { background: var(--white); padding: 18px 29px; }
.choose-reason .btn-scheme { padding: 14px 44px; height: 56px; }
@media (max-width: 768px) {
  .how-do h2, .related-products-services h2, .threat-case h2, .why-choose h2 { font-size: 32px; line-height: 45px; }
  .always-on-ssl .plan-advantage .des-wrap { padding: 0px 20px; }
  .access-to-case .case-info .case-info-item:nth-child(2), .access-to-case .case-info .case-info-item:nth-child(3) { padding: 0px; }
}
.services-available .services-available-wrap .services-available-item { width: 100%; height: 100%; min-height: 250px; background: rgb(242, 245, 250); border-radius: 5px; padding: 32px; position: relative; }
.services-available .services-available-wrap .services-available-item::after { content: ""; position: absolute; width: 28px; height: 3px; background: rgb(233, 235, 239); bottom: 28px; left: calc(50% - 14px); }
.how-do .how-do-wrap { margin-top: 52px !important; }
.and-partners .partner-item-wrap { padding: 0px 103px; }
.and-partners .partner-item-wrap .partner-item { max-width: 100%; height: 98px; margin: 0px auto; background: var(--white) ; }
.question-and-answer .question-and-answer-wrap .answer-item { background: var(--section-bg); height: 100%; }
.question-and-answer-wrap .answer-item .head { padding: 20px; background: var(--red1) ; }
.question-and-answer-wrap .answer-item .content { padding: 32px; }
.https .solution-application-scenarios .application-scenarios-wrap { padding: 0px 100px; margin-top: 64px; }
.program-advantage .program-advantage-wrap .program-advantage-item { max-width: 100%; width: 379px; padding: 32px; background: rgb(242, 245, 250); border-radius: 5px; height: 100%; margin: 0px auto; }
@media (max-width: 768px) {
  .and-partners h2, .https .solution-application-scenarios h2, .question-and-answer h2, .services-available h2 { font-size: 32px; line-height: normal; }
  .and-partners .partner-item-wrap { padding: 0px 80px; }
  .https .solution-application-scenarios .application-scenarios-wrap { padding: 0px 20px; }
}
.security-gateway .business-plan .package-wrap table { border: 1px solid rgba(37, 45, 71, 0.05); }
.security-gateway .business-plan .package-wrap { max-width: 80%; margin: 0px auto; }
.security-gateway .business-plan .package-wrap table thead { background: rgb(233, 235, 239); }
.security-gateway .business-plan .package-wrap table tbody td, .security-gateway .business-plan .package-wrap table thead th { padding: 18px 32px; color: rgb(26, 31, 50); }
.security-gateway .business-plan .package-wrap table thead th:last-child { background: rgb(245, 88, 50); color: var(--white) ; }
.business-plan .package-wrap table td, .business-plan .package-wrap table th { border: 1px solid rgba(37, 45, 71, 0.05); }
.business-plan .package-wrap table tbody tr td:first-child { min-width: 240px; width: 12%; }
.business-plan .package-wrap table tbody tr td.tbody-tit { color: rgb(245, 88, 50); }
.ats-tips .customer-case, .security-gateway .business-plan .customer-case { padding: 100px 0px 0px; }
.ats-tips h2 { margin-bottom: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.ats-tips .ats-tips-item { background: var(--white); padding: 40px 42px; min-height: 491px; }
.ats-tips .ats-tips-item h3 { margin-bottom: 22px; }
.ats-tips .ats-tips-item ul.secret-list { margin-top: 10px; background: var(--section-bg); padding: 15px 18px; overflow-y: scroll; }
.ats-tips .ats-tips-item ul.secret-list li { font-size: 12px; line-height: 20px; }
.sign-download { background: url("/ziyuan/shouye/section5-bg@2x.jpg") center center / cover no-repeat; padding: 100px 0px; }
.sign-download .des { padding: 0px 210px; font-weight: 400; opacity: 0.5; }
.sign-download .is-danger { background: var(--red1); font-size: 20px; padding: 14px 43px; border-radius: 4px; color: var(--white) ; }
@media (max-width: 768px) {
  .ats-tips h2, .sign-download h2 { font-size: 32px; line-height: normal; }
  .sign-download .des { padding: 0px 20px; }
}
.multi-system-download .download-wrap { background: var(--white); border-radius: 5px; padding: 48px; }
.multi-system-download .download-wrap .btn-download { border-radius: 4px; border: none; background: var(--red1); color: var(--white); padding: 10px 22px; }
.solution .product-services { margin-bottom: 80px; }
.program-advantage .advantage-item, .program-advantage .advantage-item h4, .program-advantage .advantage-item p { color: var(--white) ; }
.program-advantage .advantage-item img { max-width: 90px; }
.plan-advantage.preponderance .plan-advantage-wrap .remote-advantage:nth-child(3), .plan-advantage.preponderance .plan-advantage-wrap .remote-advantage:nth-child(4) { margin-top: 60px; }
.businc { text-align: center; border-right: 1px solid rgb(221, 228, 245); padding: 35px 10px; font-size: 14px; color: rgb(85, 85, 85); word-break: break-all; width: 22%; }
.business-plan.digicert .package-wrap table tbody td { width: auto; }
.business-plan .package-wrap table tbody tr:first-child ul { text-align: left; padding: 0px 5px 0px 30px; list-style: disc; }
.business-plan .package-wrap table tfoot tr th { text-align: center; padding: 20px 12px; font-size: 14px; color: rgb(85, 85, 85); word-break: break-all; }
.business-plan .table-remark { list-style: decimal; margin-top: 30px; padding-left: 20px; font-size: 12px; line-height: 24px; color: rgb(119, 119, 119); }
.gm-column-list-contain { padding: 60px 0px; }
.gm-column-list-contain-02, .gm-column-list-contain-04 { background: var(--section-bg) ; }
.column-list-header { overflow: hidden; margin-bottom: 20px; }
.column-list-header .gm-column-list-icon { float: left; margin-right: 10px; }
.column-list-header h3 { float: left; padding-top: 6px; }
.column-list-header a { float: right; padding-top: 10px; }
.column-list-01-info img { max-width: 100%; width: 100%; height: 230px; }
.gm-column-list h4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.gm-column-list .gm-column-list-img { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.gm-column-list p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.gm-column-list-contain-02 img { max-width: 100%; width: 100%; height: 240px; }
.gm-column-list-contain-02 .list-detail { display: block; margin: -20px auto 0px; background-color: rgb(255, 255, 255); border-radius: 5px; z-index: 1; padding: 30px 20px; }
.column-list-03-info .list-detail img { height: 160px; width: 100%; max-width: 200px; }
@media screen and (max-width: 768px) {
  .left-wrap-mobile { display: block; font-size: 28px !important; line-height: 45px !important; }
  .plan-advantage { padding-right: 0px; padding-bottom: 55px; padding-left: 0px; padding-top: 100px !important; }
  .plan-advantage .advantage-item:nth-child(3), .plan-advantage .advantage-item:nth-child(4) { margin-top: 0px !important; }
  .plan-advantage .advantage-item .title { font-size: 20px; }
  .customer-case-wrap ul li { margin-top: 20px; }
  .customer-case .about-service-wrap .about-service-item { margin: 0px auto; }
  .plan-advantage { background-size: cover; }
  .business-plan .package-wrap table tbody td { min-width: 200px; }
  .solution .plan-advantage .plan-advantage-wrap .product-feature { min-height: 276px; }
  .solution .plan-advantage .plan-advantage-wrap .product-feature img { max-width: 100%; width: 80px; }
  .plan-advantage .plan-advantage-wrap .advantage-item { height: auto; }
  .plan-advantage .plan-advantage-wrap .advantage-item .describe { height: auto; max-height: 100%; }
  .plan-advantage.preponderance .plan-advantage-wrap .remote-advantage:nth-child(2), .plan-advantage.preponderance .plan-advantage-wrap .remote-advantage:nth-child(3), .plan-advantage.preponderance .plan-advantage-wrap .remote-advantage:nth-child(4) { margin-top: 20px; }
  .signature-reason .signature-reason-wrap { height: auto; }
  .program-advantage .program-advantage-item { margin-bottom: 40px; padding: 0px 20px; }
  .program-advantage .program-advantage-item:nth-child(5), .program-advantage .program-advantage-item:nth-child(6) { margin-bottom: 0px; }
  .services-available .services-available-item img { max-width: 100%; }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .customer-case-wrap ul li { margin-top: 20px; }
  .signature-reason .signature-reason-wrap { height: auto; }
}
@media screen and (max-width: 992px) {
  .and-partners, .ats-tips, .choose-reason, .multi-system-download, .security-gateway .business-plan, .solution-application-scenarios, .threat-case { padding: 80px 0px; }
  .access-to-case, .acme .application-scenarios, .gm .application-scenarios, .how-do, .plan-advantage.describe, .program-advantage, .question-and-answer, .services-available, .why-choose { padding: 80px 0px; }
}
.adapter-deployment, .application-process, .business-plan, .gmssl .features, .multi-platform, .package-info, .practical-cases, .product-standard { background: var(--section-bg); padding: 100px 0px; }
.cloudpki .plan-advantage, .mpki .application-scenarios, .new-version, .product-advantage, .product-description, .rating-case, .vsignpdf .application-scenarios { background: var(--white); padding: 100px 0px; }
.myssl .product-advantage { background: var(--section-bg); padding: 200px 0px 100px; }
.vsignpdf .product-advantage { background: var(--section-bg); padding: 200px 0px 100px; }
.application-scenarios, .doc-sign .applied-range { background: var(--section-bg); padding: 200px 0px 100px; }
.business-plan .subtitle, .myssl .product-features h2, .practical-cases h2, .rating-case h2, .usage-scenario h2 { margin-bottom: 52px; }
.product-feature { position: relative; height: 683px; padding-top: 80px; }
.keymanager .product-feature, .mpki .product-feature { padding: 80px 0px; height: auto; }
.product-feature.mobile { display: none; }
.product-feature-wrap .features-item { position: relative; width: 100%; min-height: 280px; margin: 0px auto; padding: 32px 28px; height: 100%; }
.keymanager .product-feature-wrap .features-item, .mpki .product-feature-wrap .features-item { min-height: 260px; }
.doc-sign .product-feature-wrap .features-item { min-height: 320px; }
.dense-cert .product-feature-wrap .features-item { min-height: 320px; }
.mysslee .product-feature-wrap .features-item { min-height: 250px; }
.myssl .product-feature-wrap .features-item { min-height: 210px; padding: 36px 30px; }
.cloudpki .product-feature-wrap .features-item { min-height: 230px; padding: 36px 30px; height: 100%; }
.cloudpki .product-feature-wrap .features-item ul, .gmdetect .product-feature-wrap .features-item ul, .myssl .product-feature-wrap .features-item ul { list-style: none; }
.pki-client .product-feature-wrap .features-item, .vsignbox .product-feature-wrap .features-item { min-height: 220px; }
.gmdetect .product-feature-wrap .features-item, .vsignpdf .product-feature-wrap .features-item { min-height: 260px; }
.gmdetect .product-feature-wrap .features-item, .hsg .product-feature-wrap .features-item { min-height: 270px; }
.vsign .product-feature-wrap .features-item { min-height: 270px; }
.gmdetect .product-feature-wrap .features-item.bottom { min-height: 200px; padding: 38px; }
.cloudpki .product-feature-wrap .features-item::after, .gmdetect .product-feature-wrap .features-item.bottom::after { content: none; }
.gmdetect .product-feature-wrap .features-item.bottom .left-side { border-right: 3px solid rgb(233, 235, 239); }
.gmdetect .product-feature-wrap .features-item.bottom .right-side { padding: 0px 87px 0px 150px; }
.product-feature-wrap .features-item::after { position: absolute; content: ""; width: 28px; height: 3px; background: rgb(233, 235, 239); bottom: 28px; left: 50%; margin-left: -14px; }
.myssl .product-feature-wrap .features-item::after { content: none; }
@media screen and (max-width: 768px) {
  .doc-sign .applied-range h2, .product-feature h2 { font-size: 32px; line-height: normal; }
  .doc-sign .applied-range, .myssl .product-advantage, .vsignpdf .product-advantage { padding: 100px 0px; }
}
.dense-cert .application-scenarios { max-height: 614px; }
.application-scenarios .desc-wrap { max-width: 80%; margin: 0px auto; }
.product .application-scenarios .application-scenarios-wrap { border-radius: 5px; padding: 55px 43px 50px; }
.mpki .application-scenarios .application-scenarios-wrap { padding: 0px; text-align: center; }
.vsignbox .application-scenarios .application-scenarios-wrap { padding: 60px; text-align: center; }
.vsignpdf .application-scenarios .application-scenarios-wrap { padding: 0px 55px; text-align: center; }
.cloudpki .application-scenarios .application-scenarios-wrap { padding: 56px 235px 55px; }
.mysslee .application-scenarios .application-scenarios-wrap { width: 100%; padding: 0px; text-align: center; }
.pki-client .application-scenarios .application-scenarios-wrap { padding: 65px 37px; }
.application-scenarios-wrap .application-scenarios-item { background: var(--white); border-radius: 5px; padding: 27px 12px 25px 26px; }
.application-scenarios-wrap .application-scenarios-item::before { content: "⋅"; color: var(--red1); margin-right: 5px; }
.application-scenarios-wrap .application-scenarios-item .status { color: var(--red1); font-weight: 500; }
.vsign .application-scenarios .scene-tab { border-bottom: 1px solid rgba(0, 0, 0, 0.05); text-align: center; }
.vsign .application-scenarios .scene-tab { height: auto; }
.vsign .application-scenarios .scene-tab .tab { display: inline-block; cursor: pointer; height: 100%; }
.vsign .application-scenarios .scene-tab .tab:last-child { margin-left: 85px; }
.vsign .application-scenarios .scene-tab .tab a, .vsign .application-scenarios .scene-tab .tab.active span { position: relative; height: 100%; padding-bottom: 19px; }
.vsign .application-scenarios .scene-tab .tab.active a, .vsign .application-scenarios .scene-tab .tab.active span { color: var(--red1) ; }
.vsign .application-scenarios .scene-tab .tab.active a::after, .vsign .application-scenarios .scene-tab .tab.active span::after { position: absolute; content: ""; width: 100%; height: 2px; background: var(--red1); border: 2px solid var(--red1); transition: all 0.3s ease-in-out 0s; bottom: 0px; left: 0px; }
.vsign .application-scenarios .scene-wrap { margin-top: 17px; padding: 61px 38px; text-align: center; min-height: 350px; display: flex; align-items: center; align-content: center; }
.vsign .application-scenarios .scene-wrap .scene-item { display: none; transition: all 1s ease-in-out 0s; }
.vsign .application-scenarios .scene-wrap .scene-item.active { display: block; }
@media screen and (max-width: 768px) {
  .cloudpki .application-scenarios .application-scenarios-wrap, .mpki .application-scenarios .application-scenarios-wrap, .product .application-scenarios .application-scenarios-wrap, .vsign .application-scenarios .scene-wrap { padding: 20px; }
  .vsign .application-scenarios .scene-wrap { min-height: 140px; }
}
.mysslee .product-advantage { padding: 100px 0px 123px; background: var(--white) ; }
.doc-sign .applied-range .applied-range-item, .vsignpdf .product-advantage .advantage-item { background: var(--white); border-radius: 5px; padding: 36px 32px; min-height: 190px; height: 100%; }
.doc-sign .applied-range .applied-range-item .dot, .vsignpdf .product-advantage .advantage-item .dot { display: inline-block; width: 6px; height: 6px; background: var(--red1); border-radius: 50%; opacity: 1; margin-right: 6px; margin-bottom: 5px; }
.certcloud .product-advantage .advantage-item { margin-top: 43px; }
.certmanager .product-advantage .advantage-item, .doc-sign .product-advantage .advantage-item, .myssl .product-advantage .advantage-item, .vsign .product-advantage .advantage-item { margin-top: 39px; }
.product-advantage .advantage-item:nth-child(3), .product-advantage .advantage-item:nth-child(4) { padding-top: 52px; }
.certcloud .product-advantage .columns div:nth-child(1) .advantage-item, .certcloud .product-advantage .columns div:nth-child(2) .advantage-item, .certmanager .product-advantage .columns div:nth-child(1) .advantage-item, .certmanager .product-advantage .columns div:nth-child(2) .advantage-item, .doc-sign .product-advantage .columns div:nth-child(1) .advantage-item, .doc-sign .product-advantage .columns div:nth-child(2) .advantage-item, .myssl .product-advantage .columns div:nth-child(1) .advantage-item, .myssl .product-advantage .columns div:nth-child(2) .advantage-item, .vsign .product-advantage .columns div:nth-child(1) .advantage-item, .vsign .product-advantage .columns div:nth-child(2) .advantage-item { margin-top: 0px; }
@media (max-width: 768px) {
  .certcloud .product-advantage .advantage-item, .doc-sign .product-advantage .advantage-item, .vsign .product-advantage .advantage-item { margin-top: 43px !important; }
  .myssl .product-advantage .advantage-item { margin-top: 48px !important; }
  .product-advantage h2 { font-size: 32px; line-height: 45px; }
}
.mysslee .business-plan .package-wrap .more { color: rgb(192, 198, 209); }
.mysslee .business-plan .package-wrap .plan-list { min-width: 1200px; overflow-x: scroll; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item { display: inline-block; width: 20%; min-width: 240px; background: var(--white); cursor: pointer; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul { border-right: 1px solid rgba(37, 45, 71, 0.05); }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul li.top { border-right: 1px solid rgba(37, 45, 71, 0.05); }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item:last-child ul, .mysslee .business-plan .package-wrap .plan-list .plan-list-item:last-child ul li.top { border-right: none; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul li.bottom { background: rgba(235, 73, 73, 0.03); }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item:hover .item-info { box-shadow: rgba(235, 73, 73, 0.18) 0px 2px 25px 0px; border: 1px solid var(--red1) ; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item:hover ul li.top { background: rgb(19, 77, 213); color: var(--white) ; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item:hover ul li.bottom { background: rgba(235, 73, 73, 0.1); }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul li.trait .highlight, .mysslee .business-plan .package-wrap .plan-list .plan-list-item:hover ul li.bottom, .mysslee .business-plan .package-wrap .plan-list .plan-list-item:last-child ul li:last-child { color: var(--red1) ; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item:last-child { border-right: 0px; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul li { padding: 18px 0px; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul li.trait { padding: 18px 20px; min-height: 112px; height: 112px; overflow-y: scroll; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul li.trait p { margin-bottom: 8px; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul li.trait p:last-child { margin-bottom: 0px; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul li.content { padding: 18px 0px; margin-bottom: 0px; overflow-y: scroll; }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul li.content:nth-child(2n+1) { background: rgba(235, 73, 73, 0.03); }
.mysslee .business-plan .package-wrap .plan-list .plan-list-item ul li.bottom { padding: 20px 0px 19px; }
.multi-platform .multi-platform-item { background: var(--white); border-radius: 5px; padding: 43px; }
.gmssl .features .features-item { background: var(--white); box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 30px 0px; border-radius: 5px; padding: 32px 32px 44px; min-height: 180px; height: 100%; }
.product-superiority { padding: 382px 0px 100px; }
.product-superiority .product-superiority-wrap .product-superiority-item { position: relative; height: 100%; min-height: 290px; padding: 32px; }
@media (max-width: 768px) {
  .multi-platform h2, .product-superiority h2 { font-size: 32px; line-height: 45px; }
  .product-superiority { padding: 100px 0px; }
}
.cloudpki .plan-advantage .plan-advantage-wrap { margin-top: 0px; }
.cloudpki .plan-advantage .plan-advantage-wrap .advantage-item { position: relative; background: rgb(242, 245, 250); height: 100%; padding: 32px; border-radius: 5px; }
.cloudpki .plan-advantage .plan-advantage-wrap .advantage-item::after, .product-superiority .product-superiority-wrap .product-superiority-item::after { content: ""; display: block; position: absolute; width: 28px; left: 50%; margin-left: -14px; height: 3px; border-radius: 2px; background: rgb(233, 235, 239); bottom: 18px; }
.new-version .new-version-wrap { min-height: 394px; background: url("/ziyuan/shouye/bj1.png") left center / 800px 394px no-repeat; }
.new-version .new-version-right ul { margin-top: 70px; }
.new-version .new-version-right ul li::before { content: "⋅"; color: var(--red1); margin-right: 5px; }
.new-version .new-version-right ul li:last-child { margin-bottom: 0px; }
@media (max-width: 992px) {
  .new-version .new-version-wrap { background: 0px 0px; min-height: auto; }
}
@media (max-width: 768px) {
  .new-version h2 { font-size: 32px; line-height: 45px; margin-bottom: 32px; }
  .new-version .new-version-right ul { margin-top: 0px; }
}
.product-advantage .product-advantage-item { position: relative; background: var(--section-bg); padding: 40px 32px; min-height: 180px; }
.product-advantage .product-advantage-item::after { content: ""; display: block; position: absolute; width: 40px; left: 50%; margin-left: -20px; height: 3px; border-radius: 2px; background: var(--red1); bottom: 38px; }
.application-process .application-process-wrap { max-width: 80%; margin: 0px auto; }
.application-process .application-process-wrap ul li { display: inline-block; }
.application-process .application-process-wrap ul li .application-process-item { background: var(--white); box-shadow: rgba(0, 0, 0, 0.03) 0px 2px 35px 0px; padding: 9px 40px; }
.application-process-wrap ul li .application-process-item .num { font-weight: 400; color: var(--red1) ; }
.application-process-wrap ul img.process-right { width: 20px; }
.product-description .description-wrap .description-item { background: var(--section-bg); border-radius: 4px; padding: 19px 31px; }
@media (max-width: 768px) {
  .application-process h2 { font-size: 32px; line-height: 45px; }
  .application-process .application-process-wrap ul li { display: block; width: 100%; margin-bottom: 20px; }
  .application-process .application-process-wrap ul li:last-child { margin-bottom: 0px; }
  .application-process .application-process-wrap ul li.process-point { text-align: center; }
  .application-process .application-process-wrap ul li.process-point svg { transform: rotate(90deg); }
  .application-process-wrap ul img.process-right { display: none; }
  .product-description h2 { font-size: 32px; line-height: 45px; }
}
.practical-cases .practical-case-wrap .practical-case-item, .rating-case .rating-case-wrap .rating-case-item { background: var(--white); box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 30px 0px; border-radius: 5px; padding: 32px; height: 100%; }
.practical-cases .practical-case-wrap .practical-case-item .top, .rating-case .rating-case-wrap .rating-case-item .top { background: rgba(235, 73, 73, 0.03); padding: 16px 0px 15px; margin-bottom: 25px; }
.practical-cases .practical-case-wrap .practical-case-item .top { background: var(--section-bg) ; }
.practical-cases .practical-case-wrap .practical-case-item ul li, .rating-case .rating-case-wrap .rating-case-item ul li { opacity: 1; margin-bottom: 22px; }
.practical-cases .practical-case-wrap .practical-case-item ul li:last-child, .rating-case .rating-case-wrap .rating-case-item ul li:last-child { margin-bottom: 0px; }
.practical-cases .practical-case-wrap .practical-case-item ul li .rank, .rating-case .rating-case-wrap .rating-case-item ul li .rank { width: 24px; height: 24px; color: var(--white) ; }
.practical-case-item ul li .rank.status-a, .rating-case-item ul li .rank.status-a { background: rgb(65, 196, 99); }
.practical-case-item ul li .rank.status-c, .rating-case-item ul li .rank.status-c { background: rgba(255, 149, 37, 0.6); }
.practical-case-item ul li .rank.status-t, .rating-case-item ul li .rank.status-t { background: rgb(255, 149, 37); }
.adapter-deployment .adapter-deployment-wrap .adapter-deployment-item { position: relative; width: 100%; background: var(--white); padding: 48px; margin-bottom: 32px; }
.adapter-deployment .adapter-deployment-wrap .adapter-deployment-item::after { content: ""; position: absolute; width: calc(100% - 96px); height: 4px; background: linear-gradient(to right, var(--red1) 0, var(--red1) 48px, rgb(255, 255, 255, 0) 48px, rgb(255, 255, 255, 0) 100%); bottom: 48px; left: 48px; }
.adapter-deployment .adapter-deployment-wrap .adapter-deployment-item:last-child::after { margin-top: 56px; background: linear-gradient(to right, var(--red1) 0, var(--red1) 48px, #e9ebef 48px, #e9ebef 100%) ; }
.adapter-deployment .adapter-deployment-wrap .adapter-deployment-item:last-child { margin-bottom: 0px; min-height: 245px; }
.adapter-deployment-item .right-wrap ul { border-left: 1px solid rgb(233, 235, 239); padding-left: 32px; }
.adapter-deployment-item .right-wrap ul li img { max-width: 123px; width: 100%; }
.adapter-deployment-item .right-wrap ul li:last-child img { margin-bottom: 0px; }
@media (max-width: 768px) {
  .adapter-deployment h2 { font-size: 32px; line-height: 45px; }
  .adapter-deployment .adapter-deployment-wrap .adapter-deployment-item { padding: 24px; }
  .adapter-deployment-item .right-wrap ul { border-left: none; border-top: 1px solid rgb(233, 235, 239); padding-left: 0px; padding-top: 24px; }
  .adapter-deployment .adapter-deployment-wrap .adapter-deployment-item::after { height: 0px; }
}
.usage-scenario .usage-scenario-wrap .usage-scenario-item { background: var(--section-bg); border-radius: 5px; padding: 36px 32px 38px; height: 100%; }
.usage-scenario .usage-scenario-wrap .usage-scenario-item .title { margin-bottom: 14px; }
.usage-scenario .usage-scenario-wrap .usage-scenario-item .title .dot { color: var(--red1); font-size: 32px; }
.product-standard .product-standard-wrap { padding: 0px 120px; }
.product-standard .product-standard-wrap table { border: 1px solid rgba(37, 45, 71, 0.05); width: 100%; margin: 0px auto; }
.product-standard .product-standard-wrap table thead { background: rgb(233, 235, 239); }
.product-standard .product-standard-wrap table tbody td, .product-standard .product-standard-wrap table thead th { padding: 18px 32px; color: var(--main-font-color) ; }
.product-standard .product-standard-wrap table td, .product-standard .product-standard-wrap table th { border: 1px solid rgba(37, 45, 71, 0.05); }
.product-standard .product-standard-wrap table .blue-03-bg { background: var(--red1); opacity: 0.7; color: var(--white)  !important; }
.product-standard .product-standard-wrap table tbody tr td { width: 25%; min-width: 240px; }
.product-standard .product-standard-wrap table tbody tr td.tbody-tit { color: var(--red1) ; }
@media (max-width: 768px) {
  .product-standard .product-standard-wrap { padding: 0px 30px; }
}
.package-info .package-wrap { margin-bottom: 100px; }
.package-info .package-wrap:last-child { margin-bottom: 0px; }
.package-info .package-wrap .table { width: 100%; overflow-x: scroll; }
.package-info .package-wrap .table thead { background: rgba(235, 73, 73, 0.7); }
.package-info .package-wrap .table tbody td, .package-info .package-wrap .table thead th { width: 240px; max-width: 25%; vertical-align: middle; border-top: none; border-bottom: none; border-left: none; border-image: initial; border-right: 1px solid rgba(0, 0, 0, 0.03); }
.package-info .package-wrap .table thead th { color: var(--white); padding: 18px 0px; }
.package-info .package-wrap .table tbody td { color: rgb(26, 31, 50); padding: 18px 43px; }
.package-info .package-wrap .table tbody tr:nth-child(2n) { background: rgba(235, 73, 73, 0.03); }
.package-info .package-wrap .table tbody td:last-child { padding: 14px 43px; }
.package-info .package-wrap .table tbody td a, .package-info .package-wrap .table tbody td span { color: var(--red1); cursor: pointer; }
@media (max-width: 768px) {
  .product-feature.mobile { display: block; height: auto; padding: 80px 0px; }
  .product-feature.desktop { display: none; }
  .application-scenarios { padding-top: 80px; }
  .application-scenarios h2 { font-size: 32px; line-height: 45px; }
  .product-advantage .advantage-item:nth-child(3), .product-advantage .advantage-item:nth-child(4) { padding-top: 0px; }
}
@media (min-width: 768px) and (max-width: 992px) {
  .product-feature.mobile { display: block; height: auto; padding: 80px 0px; }
  .product-feature.desktop { display: none; }
  .application-scenarios { padding-top: 80px; }
}
@media screen and (max-width: 992px) {
  .adapter-deployment, .application-process, .business-plan, .gmssl .features, .multi-platform, .package-info, .practical-cases, .product-standard { padding: 80px 0px; }
  .cloudpki .plan-advantage, .mpki .application-scenarios, .new-version, .product-advantage, .product-description, .rating-case, .vsignpdf .application-scenarios { padding: 80px 0px; }
  .keymanager .product-feature, .mpki .product-feature { padding: 80px 0px; }
  .doc-sign .applied-range, .myssl .product-advantage, .vsignpdf .product-advantage { padding: 80px 0px; }
}
.about .common-banner .page-navigation { position: absolute; width: 100%; height: 80px; bottom: 0px; }
.gm-column-list .common-banner, .tools-fetch .common-banner, .tools-query .common-banner { height: 380px; padding-top: 70px; }
.other-page.guide .common-banner { height: 500px; background-repeat: no-repeat; background-size: cover; }
.other-page .agency-footer, .other-page .agency-info, .other-page .partner-content, .other-page .security-solution, .other-page .why-choose-trustAsia, .tools-fetch .input-contain, .tools-fetch .tips, .tools-query .input-contain { padding: 100px 0px; }
.tools-fetch .input-contain h3, .tools-query .input-contain h3 { background: var(--main-font-color); color: var(--white); padding: 5px 20px; border-radius: 5px 5px 0px 0px; }
.tools-fetch .input-contain .user-cert-download-form { padding: 30px 40px; }
.other-page .partner-content img { width: 100%; }
.other-page .partner-content.other { padding: 52px 0px 100px; min-height: 518px; }
.other-page .partner-content .partner-item { background: var(--white); max-width: 183px; height: 98px; padding: 16px 0px; margin: 0px auto; }
.other-page .tabs { box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 0px; }
.other-page .tabs ul li { position: relative; cursor: pointer; margin-right: 72px; height: 100%; }
.other-page .tabs.partner-nav .nav-list li { margin-right: 72px; }
.other-page .tabs.partner-nav .nav-list li a, .other-page .tabs.partner-nav .nav-list li span { color: var(--main-font-color); height: 100%; padding: 0px; }
.other-page.about .tabs ul li { margin-right: 132px; }
.other-page .tabs ul li:last-child, .other-page .tabs.partner-nav .nav-list li:last-child { margin-right: 0px; }
.other-page .tabs ul li.active a, .other-page .tabs ul li.active span { opacity: 1; color: var(--red1)  !important; }
.other-page.about .tabs ul li a, .other-page.about .tabs ul li span { color: var(--white) ; }
.other-page.about .tabs ul li.active a, .other-page.about .tabs ul li.active span { opacity: 1; color: var(--white)  !important; }
.other-page .tabs ul li.active a::after, .other-page .tabs ul li.active span::after { position: absolute; content: ""; width: 100%; height: 3px; background: var(--red1); left: 0px; bottom: 0px; }
.other-page .partner-content .other-pane { display: none; }
.other-page .partner-content .other-pane.active { display: block; }
.about-us-contain { padding: 100px 0px; display: none; }
.about-us-contain.qualification { padding: 0px; }
.about-us-contain.active { display: block; }
.about-us-contain.know-more .desc-top { margin-bottom: 68px; }
.about-us-contain.know-more .desc-middle { margin-bottom: 100px; }
.about-us-contain.know-more .desc-bottom .product-item { padding: 36px; height: 100%; }
.about-us-contain.know-more .desc-bottom .product-item h4 { padding: 14px; border-radius: 5px 5px 0px 0px; }
.about-us-contain.know-more .desc-bottom .product-item .des ul li::before { content: "•"; float: left; color: var(--red1); margin: 0px 0px 0px -1em; width: 1em; }
.about-us-contain.know-more .desc-bottom .product-item .des ul li:last-child { margin-bottom: 0px; }
.about-us-contain.events .time-line { position: relative; }
.about-us-contain.events .time-line .line { width: 2px; height: 100%; background-color: rgb(233, 235, 239); position: absolute; left: 50%; top: 0px; }
.about-us-contain.events .time-line.is-year { height: 107px; }
.about-us-contain.events .time-line:last-child .line { width: 0px; }
.about-us-contain.events .time-line .top-dot, .about-us-contain.events .time-line .top-years { position: absolute; width: 14px; height: 14px; background: var(--red1); border: 3px solid rgb(233, 235, 239); left: 50%; top: 0px; margin-left: -7px; border-radius: 50%; z-index: 1; }
.about-us-contain.events .time-line .top-years { width: 62px; height: 32px; border-radius: 4px; border: none; margin-left: -31px; }
.about-us-contain.events .time-line .events-item.left-wrap { padding: 0px 23px 57px 0px; }
.about-us-contain.events .time-line .events-item.right-wrap { padding: 0px 0px 57px 23px; }
.about-us-contain.events .time-line .events-item { margin-top: -38px; }
.about-us-contain.events .time-line .events-item ul { list-style: inside; }
.about-us-contain.events .time-line .events-item hr { background-color: rgb(233, 235, 239); margin: 17px 0px; }
.about-us-contain.events.honor .time-line .events-item .honor-img { width: 100%; max-width: 167px; height: auto; }
.contact-us .contact-us-bg { background-repeat: no-repeat; background-position: 100% 50%; background-size: 314px; }
.contact-us .desc-top { margin-bottom: 76px; }
.contact-us .desc-top .hotline-wrap { background: rgb(244, 247, 251); padding: 30px 40px; width: calc(100% - 65px); margin-left: 65px; height: 100%; }
.contact-us .desc-top .hotline-wrap .phone img { margin-right: 8px; }
.contact-us .desc-bottom .contact-way-item { height: 100%; }
.contact-us .desc-bottom .column:last-child .contact-way-item { padding-right: 0px; }
.contact-us .desc-bottom .contact-way-item hr { background-color: rgb(233, 235, 239); margin: 0px 0px 25px; }
.about-us-contain.qualification .qualification-item { padding: 100px 0px; }
.about-us-contain.qualification .qualification-item .item { position: relative; padding: 26px; height: 100%; min-height: 260px; }
.about-us-contain.qualification .qualification-item .item img { max-width: 260px; }
.about-us-contain.qualification .qualification-item .item::after { position: absolute; content: ""; width: 28px; height: 3px; background: rgb(233, 235, 239); bottom: 28px; left: 50%; margin-left: -14px; }
.about-us-contain .note-bottom { border-top: 1px dashed rgb(221, 221, 221); margin-top: 60px; padding: 20px 0px; font-size: 13px; line-height: 22px; color: grey; }
.about-us-contain .note-bottom ul { list-style-type: none; padding-left: 25px; }
.about-us-contain.qualification .qualification-item.patent .item .patent-tip { position: absolute; background-size: 100%; background-position: center top; display: block; width: 73px; height: 73px; right: 0px; top: 0px; z-index: 1; }
.tools-sort { padding: 100px 0px; border-bottom: 1px solid rgb(240, 240, 240); }
.tools-sort .tools-item a .img { display: block; width: 100%; height: auto; padding: 90px 0px 0px; margin: 0px auto 20px; }
.tools-sort.ssl-tools .tools-item a .img { width: 90px; height: 90px; }
.tools-sort.ssl-tools .icon1 a .img { background-position: 0px 565px; }
.tools-sort.ssl-tools .icon1:hover a .img { background-position: 0px 470px; }
.tools-sort.ssl-tools .icon2 a .img { background-position: -95px 565px; }
.tools-sort.ssl-tools .icon2:hover a .img { background-position: -95px 470px; }
.tools-sort.ssl-tools .icon3 a .img { background-position: -190px 565px; }
.tools-sort.ssl-tools .icon3:hover a .img { background-position: -190px 470px; }
.tools-sort.ssl-tools .icon4 a .img { background-position: -285px 565px; }
.tools-sort.ssl-tools .icon4:hover a .img { background-position: -285px 470px; }
.tools-sort.ssl-tools .icon5 a .img { background-position: -380px 565px; }
.tools-sort.ssl-tools .icon5:hover a .img { background-position: -380px 470px; }
.tools-sort.ssl-tools .icon6 a .img { background-position: -475px 565px; }
.tools-sort.ssl-tools .icon6:hover a .img { background-position: -475px 470px; }
.tools-sort.ssl-tools .icon7 a .img { background-position: -570px 565px; }
.tools-sort.ssl-tools .icon7:hover a .img { background-position: -569px 470px; }
.tools-sort.dns-tools .tools-item a .img { width: 90px; height: 90px; }
.tools-sort.dns-tools .icon1 a .img { background-position: 0px -569px; }
.tools-sort.dns-tools .icon1:hover a .img { background-position: 0px -664px; }
.tools-sort.dns-tools .icon2 a .img { background-position: -95px -569px; }
.tools-sort.dns-tools .icon2:hover a .img { background-position: -95px -664px; }
.tools-sort.dns-tools .icon3 a .img { background-position: -190px -569px; }
.tools-sort.dns-tools .icon3:hover a .img { background-position: -190px -664px; }
.tools-sort.dns-tools .icon4 a .img { background-position: -285px -570px; }
.tools-sort.dns-tools .icon4:hover a .img { background-position: -285px -665px; }
.tools-sort.csr-tools .tools-item a .img { width: 90px; height: 90px; }
.tools-sort.csr-tools .icon1 a .img { background-position: -567px 376px; }
.tools-sort.csr-tools .icon1:hover a .img { background-position: -567px 281px; }
.tools-sort.csr-tools .icon2 a .img { background-position: -661px 376px; }
.tools-sort.csr-tools .icon2:hover a .img { background-position: -661px 282.5px; }
.tools-sort.bug-tools .tools-item a .img { width: 90px; height: 90px; }
.tools-sort.bug-tools .icon1 a .img { background-position: 0px 0px; }
.tools-sort.bug-tools .icon1:hover a .img { background-position: 0px -95px; }
.tools-sort.bug-tools .icon2 a .img { background-position: -95px 0px; }
.tools-sort.bug-tools .icon2:hover a .img { background-position: -95px -95px; }
.tools-sort.bug-tools .icon3 a .img { background-position: -190px 0px; }
.tools-sort.bug-tools .icon3:hover a .img { background-position: -190px -95px; }
.tools-sort.bug-tools .icon4 a .img { background-position: -285px 0px; }
.tools-sort.bug-tools .icon4:hover a .img { background-position: -285px -95px; }
.tools-sort.bug-tools .icon5 a .img { background-position: -380px 0px; }
.tools-sort.bug-tools .icon5:hover a .img { background-position: -380px -95px; }
.tools-sort.bug-tools .icon6 a .img { background-position: -476px 0px; }
.tools-sort.bug-tools .icon6:hover a .img { background-position: -475px -94px; }
.tools-sort.other-tools .tools-item a .img { width: 90px; height: 90px; }
.tools-sort.other-tools .icon1 a .img { background-position: 0px 376px; }
.tools-sort.other-tools .icon1:hover a .img { background-position: 0px 281px; }
.tools-sort.other-tools .icon2 a .img { background-position: -94.5px 376px; }
.tools-sort.other-tools .icon2:hover a .img { background-position: -94.5px 281px; }
.tools-sort.other-tools .icon3 a .img { background-position: -189px 376px; }
.tools-sort.other-tools .icon3:hover a .img { background-position: -189px 281px; }
.tools-sort.other-tools .icon4 a .img { background-position: -283.5px 376px; }
.tools-sort.other-tools .icon4:hover a .img { background-position: -283.5px 281px; }
.tools-sort.other-tools .icon5 a .img { background-position: -378px 376px; }
.tools-sort.other-tools .icon5:hover a .img { background-position: -378px 281px; }
.tools-sort.other-tools .icon6 a .img { background-position: -472.5px 376px; }
.tools-sort.other-tools .icon6:hover a .img { background-position: -472.5px 281px; }
.tools-fetch .input-contain { background: var(--section-bg) ; }
.tools-fetch .input-contain .user-cert-download-form .form-item, .tools-query .input-contain .user-cert-query-form .form-item { width: 50%; }
.tools-fetch .input-contain .user-cert-download-form .form-item .select, .tools-fetch .input-contain .user-cert-download-form .form-item .select select, .tools-query .input-contain .user-cert-query-form .form-item .select, .tools-query .input-contain .user-cert-query-form .form-item .select select { width: 100%; }
.tools-fetch .input-contain .user-cert-download-form .btn-download-wrap .button, .tools-query .input-contain .user-cert-query-form .btn-query-wrap .button { width: 300px; }
.tools-query .input-contain .apply-cert-wrap { display: none; margin-top: 24px; }
.tools-query .input-contain .apply-cert-wrap.show { display: block; }
.tools-query .input-contain .apply-cert-wrap .table { width: 100%; }
.tools-fetch .tips .tips-info-list { list-style: inside; }
.agency-info .agency-info-wrap .agency-info-item .icon { display: block; background-repeat: no-repeat; width: 81px; height: 64px; margin-bottom: 30px; }
.agency-info .agency-info-wrap:first-child .agency-info-item .icon { background-position: 100% 0px; }
.agency-info .agency-info-wrap:last-child .agency-info-item .icon { background-position: 0px 0px; }
.why-choose-trustAsia { background: var(--section-bg) ; }
.why-choose-trustAsia .why-choose-wrap { padding: 0px 115px; }
.why-choose-trustAsia .why-choose-wrap .top-container { margin-bottom: 54px !important; }
.why-choose-trustAsia .why-choose-wrap .top-container .brand-img { max-width: 290px; }
.why-choose-trustAsia .why-choose-wrap .why-choose-item { position: relative; margin-bottom: 28px; }
.why-choose-trustAsia .why-choose-wrap .why-choose-item:last-child { margin-bottom: 0px; }
.why-choose-trustAsia .why-choose-wrap .why-choose-item::before { position: absolute; content: ""; width: 4px; height: 86px; background: rgb(245, 88, 50); top: 50%; margin-top: -43px; }
.why-choose-trustAsia .why-choose-wrap .why-choose-item .choose-reason { padding: 35px 40px; }
.why-choose-item .choose-reason .reason-list { list-style: inside; }
.why-choose-item .choose-reason .img { display: block; background: url("/ziyuan/shouye/choose-sprite.svg") no-repeat; width: 128px; height: 68px; margin-left: auto; }
.why-choose-item:nth-of-type(1) .choose-reason .img { background-position: 0px 0px; }
.why-choose-item:nth-of-type(2) .choose-reason .img { background-position: 100% 0px; }
.why-choose-item:nth-of-type(3) .choose-reason .img { background-position: 0px 100%; }
.why-choose-item:nth-of-type(4) .choose-reason .img { background-position: 100% 100%; }
.agency-footer { background: url("/ziyuan/shouye/footer-bg@2x-min.jpg") 0% 0% / cover no-repeat; }
.agency-footer .btn-wrap .button { padding: 14px 42px; }
.agency-footer .btn-wrap .button:first-child { margin-right: 55px; }
.guide .security-solution .solution-wrap { background: rgb(244, 247, 251); margin-bottom: 32px; padding: 40px 20px; }
.guide .security-solution .solution-wrap:last-child { margin-bottom: 0px; }
.security-solution .solution-wrap .solution-info .solution-main .classify-icon { display: block; background: url("/ziyuan/shouye/classify-icon.svg"); width: 40px; height: 40px; margin-bottom: 18px; }
.security-solution .solution-wrap .solution-info .solution-main .btn-collapse-show { color: rgb(164, 170, 179); }
.security-solution .solution-wrap .solution-info .solution-main .btn-collapse-show.show { transform: rotate(45deg); }
.security-solution .solution-wrap:nth-of-type(1) .solution-info .solution-main .classify-icon { background-position: 40px 40px; }
.security-solution .solution-wrap:nth-of-type(2) .solution-info .solution-main .classify-icon { background-position: 0px 0px; }
.security-solution .solution-wrap:nth-of-type(3) .solution-info .solution-main .classify-icon { background-position: 0px 40px; }
.security-solution .solution-wrap:nth-of-type(4) .solution-info .solution-main .classify-icon { background-position: 40px 0px; }
.security-solution .solution-wrap .solution-info .tabs.scene-classify { box-shadow: none; height: 60px; padding: 0px 20px; margin-bottom: 16px !important; }
.security-solution .solution-wrap .solution-info .tabs.scene-classify li { margin-right: 60px; }
.security-solution .solution-wrap .solution-info .tabs.scene-classify li a { height: 100%; padding: 0px; }
.security-solution .solution-wrap .solution-info .collapse-wrap { display: none; margin-top: 28px; }
.security-solution .solution-wrap .solution-info .collapse-wrap.active { display: block; transition: all 0.2s ease-in-out 0s; }
.content-info-list { display: none; }
.content-info-list.active { display: block; }
.content-info-list .item-des { padding: 0px 20px; }
.content-info-list .content-info-wrap .content-info-item { border-radius: 5px; padding: 20px 30px; height: 100%; }
.content-info-list .content-info-wrap .content-info-item .view-details { color: rgb(73, 134, 255); }
.content-info-list .content-info-wrap .content-info-item .des { min-height: 96px; max-height: 96px; overflow-y: scroll; margin-bottom: 23px; }
.content-info-list .content-info-wrap .content-info-item .browser-wrap { background: rgba(198, 39, 42, 0.04); border-radius: 8px; border: 1px solid rgb(233, 235, 239); padding: 10px 12px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 24px; overflow-x: scroll; }
.content-info-wrap .content-info-item .browser-wrap .button { border: none; border-radius: 4px; padding: 5px 12px; height: 38px; margin-right: 20px; }
.content-info-wrap .content-info-item .browser-wrap .button.is-white { background-color: transparent; border-color: transparent rgb(216, 216, 216) transparent transparent; border-right-width: 3px; border-right-style: solid; border-radius: 0px; }
.content-info-wrap .content-info-item .browser-wrap .button img { margin-right: 12px; }
.content-info-wrap .content-info-item .scene-icon { display: block; background: url("/ziyuan/shouye/scene-icon-01.svg") no-repeat; width: 62px; height: 62px; margin-right: 18px; }
.tabs-content-wrap.ssl .content-info-list:nth-of-type(1) .content-info-wrap .content-info-item .scene-icon { background-position: -125px -122px; }
.tabs-content-wrap.ssl .content-info-list:nth-of-type(2) .content-info-wrap:nth-of-type(1) .content-info-item .scene-icon { background-position: 0px -61px; }
.tabs-content-wrap.ssl .content-info-list:nth-of-type(2) .content-info-wrap:nth-of-type(2) .content-info-item .scene-icon { background-position: -124px 0px; }
.tabs-content-wrap.codesign .content-info-list:nth-of-type(1) .content-info-wrap .content-info-item .scene-icon { background-position: 0px -122px; }
.tabs-content-wrap.codesign .content-info-list:nth-of-type(2) .content-info-wrap .content-info-item .scene-icon { background-position: -62px 0px; }
.tabs-content-wrap.smime .content-info-list:nth-of-type(1) .content-info-wrap .content-info-item .scene-icon { background-position: 0px 0px; }
.tabs-content-wrap.smime .content-info-list:nth-of-type(2) .content-info-wrap .content-info-item .scene-icon { background-position: -62px -122px; }
.tabs-content-wrap.docusign .content-info-list:nth-of-type(1) .content-info-wrap .content-info-item .scene-icon { background-position: -62px -61px; }
.tabs-content-wrap.docusign .content-info-list:nth-of-type(2) .content-info-wrap .content-info-item .scene-icon { background-position: -124px -61px; }
@media (max-width: 768px) {
  .about .common-banner h1, .agency-plan .common-banner h1, .guide .common-banner h1, .partner .common-banner h1 { font-size: 36px; line-height: 45px; white-space: normal; }
  .other-page.about .tabs ul li { margin-right: 0px; }
  .other-page .tabs.partner-nav .nav-list { padding: 0px 20px; height: 100%; }
  .about-us-contain.qualification .qualification-item h2, .other-page .agency-footer h2, .other-page .agency-info h2, .other-page .partner-content h2, .other-page .security-solution h2, .other-page .why-choose-trustAsia .why-choose-wrap h2, .tools-sort h2 { font-size: 32px; line-height: normal; }
  .other-page .partner-content.other { min-height: 260px; }
  .about-us-contain.events .time-line .line { width: 0px; }
  .about-us-contain.events .time-line .top-dot { display: none; }
  .about-us-contain.events .time-line .events-item.left-wrap, .about-us-contain.events .time-line .events-item.right-wrap { padding: 0px 23px 57px; }
  .contact-us .desc-top .hotline-wrap { width: 100%; margin-left: 0px; }
  .tools-fetch .input-contain .user-cert-download-form .btn-download-wrap { display: inline; }
  .tools-fetch .input-contain .user-cert-download-form .btn-download-wrap .button { width: 100%; }
  .tools-fetch .input-contain .user-cert-download-form .btn-download-wrap .control:first-child { margin-right: 0px; margin-bottom: 15px; }
  .tools-fetch .input-contain .user-cert-download-form .form-item, .tools-query .input-contain .user-cert-query-form .form-item { width: 100%; }
  .tools-fetch .input-contain #radio-group { overflow: hidden; width: 100%; }
  .tools-fetch .input-contain #radio-group label { width: 150px; display: inline-block !important; }
  .why-choose-trustAsia .why-choose-wrap { padding: 0px; }
  .why-choose-trustAsia .why-choose-wrap .top-container .top-container-right { justify-content: left; margin-top: 20px; }
  .why-choose-item .choose-reason .choose-reason-right { margin-top: 20px; }
  .why-choose-item .choose-reason .img { margin-right: auto; }
  .agency-footer .btn-wrap .button { padding: 9px 20px; }
  .agency-footer .btn-wrap .button:first-child { margin-right: 0px; }
}
@media (min-width: 768px) and (max-width: 992px) {
  .contact-us .desc-top .hotline-wrap { width: 100%; margin-left: 0px; }
}
@media screen and (max-width: 992px) {
  .other-page .agency-footer, .other-page .agency-info, .other-page .partner-content, .other-page .security-solution, .other-page .why-choose-trustAsia, .tools-fetch .input-contain, .tools-fetch .tips, .tools-query .input-contain { padding: 80px 0px; }
  .about-us-contain { padding: 80px 0px; }
  .about-us-contain.qualification .qualification-item { padding: 80px 0px; }
  .tools-sort { padding: 80px 0px; }
}
.active_contain { height: 680px; background: url("/ziyuan/shouye/banner-bg.jpg") 0% 0% / cover; }
.active-51ss-container h2 { font-size: 36px; }
.active-51ss-container h3, .active-51ss-container h4 { font-size: 18px; }
.active_contain .banner_wrap { height: 600px; }
.active_contain .banner_wrap .left_part { padding-top: 40px; text-align: center; }
.active_contain .banner_wrap .left_part img { display: inline-block; width: 90%; max-width: 480px; height: auto; }
.active_contain .banner_wrap .left_part .goBtn { width: 100%; }
.active_contain .banner_wrap .left_part .goBtn img { width: 50%; max-width: 274px; height: auto; margin-top: 30px; }
.active_contain .banner_wrap .left_part p { margin: 30px 0px; font-size: 24px; }
.active_contain .right_part img { width: 90%; max-width: 340px; height: auto; margin: 0px auto; }
.rights_contain { position: relative; width: 100%; height: 180px; margin-top: -80px; padding: 0px 20px; background-color: rgb(23, 83, 255); border-radius: 10px; }
.rights_contain .rights_item { height: 180px; margin: -20px -10px 0px; padding: 20px 14px; background-color: rgb(255, 255, 255); border-radius: 10px 10px 0px 0px; }
.rights_contain .rights_item h3 { margin-bottom: 10px; }
.rights_contain .rights_item h3 span { color: rgb(254, 162, 45); }
.rights_contain .rights_item p { color: rgb(119, 120, 122); font-size: 15px; }
.rights_contain .rights_bottom { position: absolute; bottom: 0px; left: 0px; z-index: 9999; width: 100%; height: 100px; padding: 15px 30px 0px; background: url("/ziyuan/shouye/rights-bg.png") 0% 0% / 100% 100% no-repeat; }
.rights_contain .rights_bottom img { width: 40%; max-width: 126px; height: auto; }
.rights_contain .rights_bottom h4 { color: rgb(255, 255, 255); }
.futures_contain { padding: 80px 0px 40px; }
.futures_item { overflow: hidden; text-align: center; }
.futures_item div { display: block; float: left; width: 20%; min-height: 230px; margin-bottom: 40px; padding: 0px 20px; }
.futures_item img { display: inline-block; width: 70px; height: auto; margin-bottom: 22px; }
.futures_item h4 { margin-bottom: 16px; color: rgb(0, 0, 0); }
.futures_item p { color: rgb(119, 120, 122); font-size: 14px; line-height: 26px; }
.product_contain { padding: 80px 0px; background-color: rgb(244, 244, 246); }
.product_contain h2 { margin: 60px 0px 69px; text-align: center; }
.product_item { margin-bottom: 30px; padding: 0px 16px; font-size: 15px; line-height: 30px; border-radius: 2px; }
.product_item_contain { padding: 36px 16px; background: rgb(255, 255, 255); }
.product_item p { font-size: 20px; text-align: center; }
.product_item .price { margin-bottom: 8px; font-weight: 500; font-size: 32px; }
.product_item ul { margin-bottom: 40px; padding-top: 30px; }
.product_item ul li { margin-bottom: 20px; line-height: 20px; }
.product_item ul li img { display: inline-block; width: 20px; height: auto; margin: 0px 20px 0px 10px; }
.product_item p.origin_price { font-size: 14px; font-weight: 700; }
.product_item p.origin_price .tag { background-color: rgb(242, 112, 74); padding: 0px 5px; font-size: 14px; height: 20px; line-height: 20px; color: rgb(255, 255, 255); margin-right: 10px; }
.origin_price .old_price { text-decoration: line-through; }
.product_item a { display: block; width: 70%; max-width: 200px; height: 44px; margin: 20px auto; color: rgb(255, 255, 255); font-size: 18px; line-height: 44px; text-align: center; background: rgb(254, 162, 45); border-radius: 3px; }
.terms_contain { padding: 80px 0px; }
.terms_contain h2 { margin: 0px 0px 69px; text-align: center; }
.terms_contain .terms_banner_contain { height: 300px; padding-top: 70px; text-align: center; background: url("/ziyuan/shouye/banner-bg-02.png") 0% 0% / 100% 100% no-repeat; }
.terms_contain .terms_banner_contain img { display: inline-block; width: 75%; max-width: 700px; height: auto; }
.terms_contain .terms_banner_contain p { margin: 30px 0px; color: rgb(255, 255, 255); font-size: 18px; }
.terms_contain .terms_banner_contain a { display: block; width: 70%; max-width: 200px; height: 50px; margin: 20px auto; color: rgb(245, 88, 50); font-size: 22px; line-height: 50px; text-align: center; background: rgb(255, 214, 83); border-radius: 25px; }
.terms_contain h5 { margin: 60px 0px 20px; font-size: 24px; }
.terms_contain ul { margin: 0px; line-height: 30px; }
.active_myssl_contain { height: 680px; background: url("/ziyuan/shouye/bg-03.jpg") 0% 0% / cover; }
.active_myssl_contain .banner_wrap { height: 680px; }
.banner_wrap img { max-width: 960px; height: auto; width: 90%; }
.active_container_info { background-image: url("/ziyuan/shouye/bg-02.jpg"); background-size: 100% 100%; }
.active_container_info_part { padding: 80px 0px 0px; width: 100%; text-align: center; }
.active_container_info_part h2 { margin-bottom: 40px; }
.active_container_info_part h2 img { height: 100px; width: auto; }
.active_container_info .automation-contain { width: 100%; padding: 80px 0px 40px; text-align: center; }
.active_container_info .automation-contain h2, .active_container_info .automation-contain h4 { text-align: center; color: rgb(245, 88, 50); }
.active_container_info .automation-contain h2 { font-size: 36px; margin-bottom: 50px; }
.active_container_info .automation-contain h4 { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.active_container_info .automation-contain img { width: 80px; height: 80px; margin-bottom: 20px; }
.active_container_info .automation-contain p { font-size: 16px; }
.automation-contain-part { width: 100%; }
.automation-contain-part li { width: 20%; float: left; max-width: 180px; min-height: 220px; }
.active_info_card { width: 100%; padding: 80px 60px; background-image: url("/ziyuan/shouye/border.png"); background-size: 100% 100%; }
.active_info_card .columns { width: 100%; margin: 0px auto; }
.active_info_card h3 { font-size: 24px; margin-bottom: 30px; color: rgb(190, 36, 24); }
.active_info_card .active_card_item { padding: 20px; }
.active_info_card .active_card_item div.contain { background: linear-gradient(rgb(243, 120, 74), rgb(245, 88, 50)); border-radius: 5px; padding: 0px 30px; }
.active_info_card .active_card_item div.img { background-color: rgb(255, 252, 239); padding: 30px 10px 0px; border-radius: 5px; height: 260px; }
.active_info_card .active_card_item h4 { padding: 20px 0px; font-size: 24px; font-weight: 500; color: rgb(255, 255, 255); }
.active_info_card .active_card_item img { max-width: 230px; max-height: 210px; width: auto; }
.active_info_card .active_card_item p { font-size: 24px; font-weight: 500; padding: 10px 0px; color: rgb(255, 255, 255); }
.active_connect_info { width: 100%; padding: 30px 60px; background-image: url("/ziyuan/shouye/border.png"); background-size: 100% 100%; margin-bottom: 200px; }
.active_connect_info .active-connect { text-align: left; font-weight: 500; color: rgb(245, 88, 50); line-height: 36px; }
.active_connect_info .active-connect img { width: 180px; height: auto; }
.active_contain { height: 680px; background: url("/ziyuan/shouye/banner-bg.jpg") 0% 0% / cover; }
.active-51ss-container h2 { font-size: 36px; }
.active-51ss-container h3, .active-51ss-container h4 { font-size: 18px; }
.active_contain .banner_wrap { height: 600px; }
.active_contain .banner_wrap .left_part { padding-top: 40px; text-align: center; }
.active_contain .banner_wrap .left_part img { display: inline-block; width: 90%; max-width: 480px; height: auto; }
.active_contain .banner_wrap .left_part .goBtn { width: 100%; }
.active_contain .banner_wrap .left_part .goBtn img { width: 50%; max-width: 274px; height: auto; margin-top: 30px; }
.active_contain .banner_wrap .left_part p { margin: 30px 0px; font-size: 24px; }
.active_contain .right_part img { width: 90%; max-width: 340px; height: auto; margin: 0px auto; }
.rights_contain { position: relative; width: 100%; height: 180px; margin-top: -80px; padding: 0px 20px; background-color: rgb(23, 83, 255); border-radius: 10px; }
.rights_contain .rights_item { height: 180px; margin: -20px -10px 0px; padding: 20px 14px; background-color: rgb(255, 255, 255); border-radius: 10px 10px 0px 0px; }
.rights_contain .rights_item h3 { margin-bottom: 10px; }
.rights_contain .rights_item h3 span { color: rgb(254, 162, 45); }
.rights_contain .rights_item p { color: rgb(119, 120, 122); font-size: 15px; }
.rights_contain .rights_bottom { position: absolute; bottom: 0px; left: 0px; z-index: 9999; width: 100%; height: 100px; padding: 15px 30px 0px; background: url("/ziyuan/shouye/rights-bg.png") 0% 0% / 100% 100% no-repeat; }
.rights_contain .rights_bottom img { width: 40%; max-width: 126px; height: auto; }
.rights_contain .rights_bottom h4 { color: rgb(255, 255, 255); }
.futures_contain { padding: 80px 0px 40px; }
.futures_item { overflow: hidden; text-align: center; }
.futures_item div { display: block; float: left; width: 20%; min-height: 230px; margin-bottom: 40px; padding: 0px 20px; }
.futures_item img { display: inline-block; width: 70px; height: auto; margin-bottom: 22px; }
.futures_item h4 { margin-bottom: 16px; color: rgb(0, 0, 0); }
.futures_item p { color: rgb(119, 120, 122); font-size: 14px; line-height: 26px; }
.product_contain { padding: 80px 0px; background-color: rgb(244, 244, 246); }
.product_contain h2 { margin: 60px 0px 69px; text-align: center; }
.product_item { margin-bottom: 30px; padding: 0px 16px; font-size: 15px; line-height: 30px; border-radius: 2px; }
.product_item_contain { padding: 36px 16px; background: rgb(255, 255, 255); }
.product_item p { font-size: 20px; text-align: center; }
.product_item .price { margin-bottom: 8px; font-weight: 500; font-size: 32px; }
.product_item ul { margin-bottom: 40px; padding-top: 30px; }
.product_item ul li { margin-bottom: 20px; line-height: 20px; }
.product_item ul li img { display: inline-block; width: 20px; height: auto; margin: 0px 20px 0px 10px; }
.product_item p.origin_price { font-size: 14px; font-weight: 700; }
.product_item p.origin_price .tag { background-color: rgb(242, 112, 74); padding: 0px 5px; font-size: 14px; height: 20px; line-height: 20px; color: rgb(255, 255, 255); margin-right: 10px; }
.origin_price .old_price { text-decoration: line-through; }
.product_item a { display: block; width: 70%; max-width: 200px; height: 44px; margin: 20px auto; color: rgb(255, 255, 255); font-size: 18px; line-height: 44px; text-align: center; background: rgb(254, 162, 45); border-radius: 3px; }
.terms_contain { padding: 80px 0px; }
.terms_contain h2 { margin: 0px 0px 69px; text-align: center; }
.terms_contain .terms_banner_contain { height: 300px; padding-top: 70px; text-align: center; background: url("/ziyuan/shouye/banner-bg-02.png") 0% 0% / 100% 100% no-repeat; }
.terms_contain .terms_banner_contain img { display: inline-block; width: 75%; max-width: 700px; height: auto; }
.terms_contain .terms_banner_contain p { margin: 30px 0px; color: rgb(255, 255, 255); font-size: 18px; }
.terms_contain .terms_banner_contain a { display: block; width: 70%; max-width: 200px; height: 50px; margin: 20px auto; color: rgb(243, 49, 13); font-size: 22px; line-height: 50px; text-align: center; background: rgb(255, 214, 83); border-radius: 25px; }
.terms_contain h5 { margin: 60px 0px 20px; font-size: 24px; }
.terms_contain ul { margin: 0px; line-height: 30px; }
.active-2023-1111-wrap { background: url("/ziyuan/shouye/bg.jpg") center center / cover no-repeat; }
.active-2023-1111-wrap .font24 { font-size: 24px; }
.active-2023-1111-wrap .purple-line { margin-top: 40px; border-bottom: 1px dashed rgb(143, 83, 230); }
.active-2023-1111-wrap .theme-color { color: rgb(159, 141, 227); font-weight: 500; }
.active-2023-1111-wrap .flexcenter { display: flex; align-items: center; justify-content: center; }
.active-2023-1111-wrap .w1200 { width: 1200px; margin-left: auto; margin-right: auto; }
.active-2023-1111-wrap .banner-box { padding: 170px 0px 100px; background: url("/ziyuan/shouye/banner_bg.jpg") center center / cover no-repeat; }
.active-2023-1111-wrap .banner-box .w1200 { justify-content: space-between; }
.active-2023-1111-wrap .active-content { padding: 80px 0px; }
.active-2023-1111-wrap .active-content .bg { margin-bottom: 46px; padding: 50px 45px; background: url("/ziyuan/shouye/box.png") center center / cover no-repeat; }
.active-2023-1111-wrap .active-content .bg.big { background: url("/ziyuan/shouye/big-box.png") center center no-repeat; }
.active-2023-1111-wrap .active-content .tit img { margin-bottom: 20px; height: 58px; }
.active-2023-1111-wrap .active-content .rules-box { height: 1324px; }
.active-2023-1111-wrap .rules-box .sub-tit { margin-bottom: 40px; color: rgba(0, 0, 0, 0.85); font-size: 24px; line-height: 36px; font-weight: 500; }
.active-2023-1111-wrap .pro-area { overflow: hidden; flex-wrap: wrap; justify-content: space-between; }
.active-2023-1111-wrap .pro-area .item { position: relative; margin-top: 80px; padding: 30px; width: 540px; height: 340px; border: 2px solid rgb(158, 140, 227); border-radius: 20px; text-align: center; }
.active-2023-1111-wrap .pro-area .item:last-child { border: 0px; padding: 0px; }
.active-2023-1111-wrap .pro-area .item .title-box { position: absolute; top: -43px; left: 50%; transform: translateX(-50%); z-index: 1; padding-left: 52px; width: 433px; height: 87px; line-height: 87px; color: rgb(255, 255, 255); background: url("/ziyuan/shouye/title-bg.png") center center / cover no-repeat; text-align: left; }
.active-2023-1111-wrap .pro-area .img-box { margin-bottom: 20px; width: 214px; height: 160px; border-radius: 8px; overflow: hidden; cursor: pointer; }
.active-2023-1111-wrap .pro-area ul p { line-height: 28px; }
.active-2023-1111-wrap .pro-area ul { margin-top: 43px; justify-content: space-between; font-size: 20px; }
.active-2023-1111-wrap .pro-area li:nth-child(2) { position: relative; bottom: 35px; }
.active-2023-1111-wrap .pro-area .img-box img { width: 100%; height: 100%; object-fit: cover; }
.active-2023-1111-wrap .pro-area .img-box:hover img { transition: all 0.3s ease 0s; transform: scale(1.05); }
.active-2023-1111-wrap .join-box { height: 524px; }
.active-2023-1111-wrap .join-box .purple-line { margin-top: 30px; }
.active-2023-1111-wrap .join-box .con-box { margin-top: 36px; justify-content: flex-start; width: 750px; margin-left: auto; margin-right: auto; }
.active-2023-1111-wrap .join-box .con-box .ewm { margin-right: 100px; width: 230px; }
.active-2023-1111-wrap .join-box .con-box li { justify-content: flex-start; }
.active-2023-1111-wrap .join-box .con-box li:first-child { margin-bottom: 12px; }
.active-2023-1111-wrap .join-box .con-box li img { margin-right: 20px; }
.active-2023-1111-wrap .btn { margin: 0px 30px; display: block; width: 260px; height: 74px; line-height: 74px; border-radius: 37px; text-align: center; color: rgb(255, 255, 255); background: linear-gradient(rgb(158, 140, 227) 0px, rgb(214, 122, 255) 100%); }
.active-2023-1111-wrap .btn:last-child { background: 0px 0px; border: 2px solid rgb(255, 255, 255); line-height: 70px; }
.active-2023-1111-wrap .btn { opacity: 0.9; transition: all 0.3s ease 0s; }
@media screen and (max-width: 992px) {
  .active-2023-1111-wrap .w1200 { width: 100%; }
  .active-2023-1111-wrap .flexcenter { display: block; }
  .active-2023-1111-wrap .banner-box img:last-child { display: none; }
  .active-2023-1111-wrap .banner-box { padding: 130px 20px 60px; }
  .active-2023-1111-wrap .join-box .con-box { width: 100%; }
  .active-2023-1111-wrap .active-content { padding: 40px 0px; }
  .active-2023-1111-wrap .active-content .bg { padding: 40px 20px; margin: 0px 20px; height: auto; background: rgb(255, 255, 255); }
  .active-2023-1111-wrap .active-content .bg.big { margin-bottom: 40px; background: rgb(255, 255, 255); }
  .active-2023-1111-wrap .active-content .tit img { height: 46px; display: block; margin-left: auto; margin-right: auto; }
  .active-2023-1111-wrap .rules-box .sub-tit { margin-bottom: 30px; font-size: 16px; line-height: 1.6; }
  .active-2023-1111-wrap .font24 { font-size: 16px; }
  .active-2023-1111-wrap .purple-line { margin-top: 30px; }
  .active-2023-1111-wrap .pro-area .item { padding: 20px; margin-top: 30px; width: 100%; border-radius: 8px; height: auto; border-width: 1px; }
  .active-2023-1111-wrap .pro-area .item .title-box { width: 100%; position: initial; transform: none; text-align: left; padding-left: 30px; height: 46px; line-height: 46px; background: rgb(158, 140, 227); }
  .active-2023-1111-wrap .pro-area .img-box { margin-bottom: 10px; width: 100%; border-radius: 4px; }
  .active-2023-1111-wrap .pro-area ul { margin-top: 20px; }
  .active-2023-1111-wrap .pro-area ul p { font-size: 14px; line-height: 1.6; }
  .active-2023-1111-wrap .pro-area li:nth-child(2) { position: initial; margin: 10px 0px; font-weight: 700; }
  .active-2023-1111-wrap .pro-area .item:last-child img { width: 100%; }
  .active-2023-1111-wrap .join-box .con-box .ewm { width: 90%; display: block; margin-left: auto; margin-right: auto; }
  .active-2023-1111-wrap .join-box .con-box ul { margin-top: 30px; width: 100%; margin-left: auto; margin-right: auto; }
  .active-2023-1111-wrap .join-box .con-box li { display: flex; align-items: center; }
  .active-2023-1111-wrap .join-box .con-box li img { margin-right: 10px; width: 30px; height: 30px; }
  .active-2023-1111-wrap .btn-area { margin-top: 40px; display: flex; align-items: center; justify-content: space-between; }
  .active-2023-1111-wrap .btn { margin: 0px 20px; flex: 1 1 0%; height: 46px; line-height: 46px; border-radius: 8px; }
  .active-2023-1111-wrap .btn:last-child { line-height: 44px; border-width: 1px; }
}
.tools-install-info { width: 100%; padding: 80px 0px 130px; }
.tools-install-info dl { display: block; margin: 0px auto; width: 100%; max-width: 700px; padding: 0px 20px; overflow: scroll; zoom: 1; }
.tools-install-info dl dt { float: left; width: 100px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tools-install-info dl dd { max-width: 500px; padding-bottom: 20px; margin-left: 100px; }
.tools-install-info .form-control { width: 100%; height: 36px; padding: 6px 12px; background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 208, 210); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.input-submit { width: 100%; max-width: 700px; padding: 0px 0px 0px 120px; margin: 0px auto; }
#form-submit { width: 90%; max-width: 500px; background: rgb(245, 88, 50); color: rgb(255, 255, 255); border: none; font-size: 16px; outline: medium; cursor: pointer; height: 36px; padding: 0px 10px; margin-bottom: 70px; border-radius: 4px; box-shadow: rgb(231, 228, 224) 0px 0px 5px; }
.help-block { font-size: 14px; color: gray; }
.toast-title { font-weight: 700; }
.toast-message { overflow-wrap: break-word; }
.toast-message a, .toast-message label { color: rgb(255, 255, 255); }
.toast-message a:hover { color: rgb(204, 204, 204); text-decoration: none; }
.toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.8; line-height: 1; }
.toast-close-button:focus, .toast-close-button:hover { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.4; }
.rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; }
button.toast-close-button { padding: 0px; cursor: pointer; background: 0px 0px; border: 0px; appearance: none; }
.toast-top-center { top: 12px; right: 0px; width: 100%; }
.toast-bottom-center { bottom: 12px; right: 0px; width: 100%; }
.toast-top-full-width { top: 0px; right: 0px; width: 100%; }
.toast-bottom-full-width { bottom: 0px; right: 0px; width: 100%; }
.toast-top-left { top: 12px; left: 12px; }
.toast-top-right { top: 12px; right: 12px; }
.toast-bottom-right { right: 12px; bottom: 12px; }
.toast-bottom-left { bottom: 12px; left: 12px; }
#toast-container { position: fixed; z-index: 999999; pointer-events: none; }
#toast-container * { box-sizing: border-box; }
#toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0px 0px 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; box-shadow: rgb(153, 153, 153) 0px 0px 12px; color: rgb(255, 255, 255); }
#toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; }
#toast-container > div:hover { box-shadow: rgb(0, 0, 0) 0px 0px 12px; opacity: 1; cursor: pointer; }
#toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
#toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
#toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
#toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div { width: 300px; margin-left: auto; margin-right: auto; }
#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin-left: auto; margin-right: auto; }
.toast { background-color: rgb(3, 3, 3); }
.toast-success { background-color: rgb(81, 163, 81); }
.toast-error { background-color: rgb(189, 54, 47); }
.toast-info { background-color: rgb(47, 150, 180); }
.toast-warning { background-color: rgb(248, 148, 6); }
.toast-progress { position: absolute; left: 0px; bottom: 0px; height: 4px; background-color: rgb(0, 0, 0); opacity: 0.4; }
@media (max-width: 240px) {
  #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; }
  #toast-container > div.rtl { padding: 8px 50px 8px 8px; }
  #toast-container .toast-close-button { right: -0.2em; top: -0.2em; }
  #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; }
}
@media (min-width: 241px) and (max-width: 480px) {
  #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; }
  #toast-container > div.rtl { padding: 8px 50px 8px 8px; }
  #toast-container .toast-close-button { right: -0.2em; top: -0.2em; }
  #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; }
}
@media (min-width: 481px) and (max-width: 768px) {
  #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; }
  #toast-container > div.rtl { padding: 15px 50px 15px 15px; }
}
header.customer { position: relative; }
.not-found-container { padding: 2rem 1.5rem; }
.not-found-container:first-of-type { padding-top: 70px; }
.not-found-container:last-of-type { padding-bottom: 3.25rem; }
.not-found-container-main { position: relative; margin: 0px auto; }
.column { padding-left: 1.25rem; padding-right: 1.25rem; }
.not-found-context { text-align: center; }
.not-found-item { padding: 100px 0px; }
.not-found-item h1 { font-size: 128px; font-weight: 400; color: rgb(220, 220, 220); line-height: 1.4; margin-bottom: 0.2em; }
.not-found-item a { color: rgb(217, 4, 41); }
@media screen and (min-width: 1024px) {
  .not-found-container-main { max-width: 960px; width: 960px; }
}
@media screen and (min-width: 1216px) {
  .not-found-container-main { max-width: 1152px; width: 1152px; }
}
@media screen and (min-width: 1408px) {
  .not-found-container-main { max-width: 1160px; width: 1160px; }
}
.purchase { padding: 120px 0px 100px; }
.form-list-right, .products-list-left { border: 1px solid rgb(238, 238, 238); box-shadow: none; }
.products-list-left .line { background: rgb(238, 238, 238); height: 1px; }
.purchase-group .addition-total li { display: inline-block; background-repeat: no-repeat; background-position: 0px 5px; background-size: 20px; padding: 4px 4px 4px 26px; border-radius: 4px; margin-bottom: 5px; }
.form-list-top { background: var(--red1); color: var(--white); border-radius: 5px 5px 0px 0px; margin-bottom: 0px !important; }
.form-list-right { border-radius: 0px 0px 5px 5px; }
.tools-install-info { width: 100%; padding: 80px 0px 130px; }
.tools-install-info dl { display: block; margin: 0px auto; width: 100%; max-width: 700px; padding: 0px 20px; overflow: scroll; zoom: 1; }
.tools-install-info dl dt { float: left; width: 100px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tools-install-info dl dd { max-width: 500px; padding-bottom: 20px; margin-left: 100px; }
.tools-install-info .form-control { width: 100%; height: 36px; padding: 6px 12px; background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 208, 210); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.input-submit { width: 100%; max-width: 700px; padding: 0px 0px 0px 120px; margin: 0px auto; }
#form-submit { width: 90%; max-width: 500px; background: rgb(245, 88, 50); color: rgb(255, 255, 255); border: none; font-size: 16px; outline: medium; cursor: pointer; height: 36px; padding: 0px 10px; margin-bottom: 70px; border-radius: 4px; box-shadow: rgb(231, 228, 224) 0px 0px 5px; }
.help-block { font-size: 14px; color: gray; }
.toast-title { font-weight: 700; }
.toast-message { overflow-wrap: break-word; }
.toast-message a, .toast-message label { color: rgb(255, 255, 255); }
.toast-message a:hover { color: rgb(204, 204, 204); text-decoration: none; }
.toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.8; line-height: 1; }
.toast-close-button:focus, .toast-close-button:hover { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.4; }
.rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; }
button.toast-close-button { padding: 0px; cursor: pointer; background: 0px 0px; border: 0px; appearance: none; }
.toast-top-center { top: 12px; right: 0px; width: 100%; }
.toast-bottom-center { bottom: 12px; right: 0px; width: 100%; }
.toast-top-full-width { top: 0px; right: 0px; width: 100%; }
.toast-bottom-full-width { bottom: 0px; right: 0px; width: 100%; }
.toast-top-left { top: 12px; left: 12px; }
.toast-top-right { top: 12px; right: 12px; }
.toast-bottom-right { right: 12px; bottom: 12px; }
.toast-bottom-left { bottom: 12px; left: 12px; }
#toast-container { position: fixed; z-index: 999999; pointer-events: none; }
#toast-container * { box-sizing: border-box; }
#toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0px 0px 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; box-shadow: rgb(153, 153, 153) 0px 0px 12px; color: rgb(255, 255, 255); }
#toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; }
#toast-container > div:hover { box-shadow: rgb(0, 0, 0) 0px 0px 12px; opacity: 1; cursor: pointer; }
#toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
#toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
#toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
#toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div { width: 300px; margin-left: auto; margin-right: auto; }
#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin-left: auto; margin-right: auto; }
.toast { background-color: rgb(3, 3, 3); }
.toast-success { background-color: rgb(81, 163, 81); }
.toast-error { background-color: rgb(189, 54, 47); }
.toast-info { background-color: rgb(47, 150, 180); }
.toast-warning { background-color: rgb(248, 148, 6); }
.toast-progress { position: absolute; left: 0px; bottom: 0px; height: 4px; background-color: rgb(0, 0, 0); opacity: 0.4; }
@media (max-width: 240px) {
  #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; }
  #toast-container > div.rtl { padding: 8px 50px 8px 8px; }
  #toast-container .toast-close-button { right: -0.2em; top: -0.2em; }
  #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; }
}
@media (min-width: 241px) and (max-width: 480px) {
  #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; }
  #toast-container > div.rtl { padding: 8px 50px 8px 8px; }
  #toast-container .toast-close-button { right: -0.2em; top: -0.2em; }
  #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; }
}
@media (min-width: 481px) and (max-width: 768px) {
  #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; }
  #toast-container > div.rtl { padding: 15px 50px 15px 15px; }
}
.swiper-container { margin: 0px auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; }
.swiper-invisible-blank-slide { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; align-items: flex-start; transition-property: transform, height, -webkit-transform; }
.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: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 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, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center center; background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s ease 0s; transform: translate3d(0px, 0px, 0px); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(0, 0, 0); opacity: 0.2; }
button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: rgb(0, 122, 255); }
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0px; display: block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s ease 0s, top 0.2s ease 0s, -webkit-transform 0.2s ease 0s; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; }
.swiper-container-horizontal > .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 .swiper-pagination-bullet { transition: transform 0.2s ease 0s, left 0.2s ease 0s, -webkit-transform 0.2s ease 0s; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, right 0.2s ease 0s, -webkit-transform 0.2s ease 0s; }
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgb(0, 122, 255); position: absolute; left: 0px; top: 0px; 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 { width: 100%; height: 4px; left: 0px; top: 0px; }
.swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0px; top: 0px; }
.swiper-pagination-white .swiper-pagination-bullet-active { background: rgb(255, 255, 255); }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: rgb(255, 255, 255); }
.swiper-pagination-black .swiper-pagination-bullet-active { background: rgb(0, 0, 0); }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: rgb(0, 0, 0); }
.swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 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, 0.5); border-radius: 10px; left: 0px; top: 0px; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-zoom-container { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; animation: 1s steps(12) 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 100%; background-repeat: no-repeat; }
.swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
.swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; 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 { overflow: visible; }
.swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; 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% 0px; }
.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; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.6; filter: blur(50px); z-index: 0; }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { pointer-events: none; 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; backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper { }
:root { --gray-section-bg: #F3F4F9; --white-font-08: rgba(255, 255, 255, 0.8) ; }
.matter-page { color: var(--main-font-color) ; }
.matter-page .common-banner .con-box { position: relative; color: var(--white-font-08) ; }
.matter-page .common-banner .br-img { position: absolute; right: -160px; bottom: 0px; width: 1120px; }
.matter-page .common-banner .info-box { width: 560px; }
.matter-page .common-banner .info-box a { color: var(--white-font-08); display: block; width: 180px; height: 56px; line-height: 56px; border-radius: 2px; border: 1px solid rgb(255, 255, 255); font-size: 20px; text-align: center; }
.matter-page .common-banner .info-box h1 { padding-top: 190px; margin-bottom: 10px; line-height: 1.5; font-size: 48px; }
.matter-page .common-banner .info-box p { margin-bottom: 20px; font-size: 22px; line-height: 28px; }
.matter-page .common-banner .info-box li { margin-bottom: 20px; display: flex; align-items: center; font-size: 16px; line-height: 1; }
.matter-page .common-banner .info-box li img { margin-right: 6px; height: 16px; }
.matter-section { padding: 80px 0px; }
.matter-section .title-box h2 { line-height: 54px; }
.matter-section .title-box { font-size: 32px; font-weight: 500; color: var(--main-font-color); text-align: center; }
.matter-section .desc { margin-top: 20px; font-size: 22px; font-weight: 300; line-height: 1.5; text-align: center; }
.matter-section1 .img-box { margin-top: 40px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; }
.matter-section1 .img-box img { margin: 0px 40px; height: 78px; }
.matter-section1 ul { margin-top: 40px; display: flex; align-items: center; justify-content: space-between; }
.matter-section1 li { width: 180px; height: 165px; box-shadow: rgba(0, 0, 0, 0.1) -1px 4px 12px 0px; border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.matter-section1 li p { margin-top: 20px; }
.matter-section2 { background-size: cover; }
.matter-section2 .title-box { color: var(--white-font-08) ; }
.matter-section2 .title-box h2 { color: rgb(255, 255, 255); }
.matter-section2 ul { margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.matter-section2 li { margin: 0px 20px 40px; padding: 40px 40px 0px; width: calc(50% - 20px); height: 185px; display: flex; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) -1px 4px 12px 0px; border-radius: 10px; }
.matter-section2 li:nth-child(2n-1) { margin-left: 0px; }
.matter-section2 li:nth-child(2n) { margin-right: 0px; }
.matter-section2 li:nth-child(3), .matter-section2 li:nth-child(4) { margin-bottom: 0px; }
.matter-section2 li div { margin-left: 40px; flex: 1 1 0%; }
.matter-section2 li h3 { margin-bottom: 10px; font-weight: 500; font-size: 22px; line-height: 1; }
.matter-section2 li p { font-size: 16px; color: rgba(37, 45, 71, 0.8); line-height: 22px; }
.matter-section3 { padding-bottom: 0px; }
.matter-section3 .title-box h2 { margin: 0px auto; width: 340px; line-height: 42px; }
.matter-section3 .items-box { margin-top: 40px; }
.matter-section3 .item { padding: 80px 0px; display: flex; }
.matter-section3 .pd_top0 { padding-top: 0px; }
.matter-section3 .gray-bg { background-color: rgb(245, 246, 248); }
.matter-section3 .img-box { padding-top: 48px; margin-right: 30px; width: calc(50% - 30px); }
.matter-section3 .gray-bg .img-box { margin-right: 0px; margin-left: 30px; }
.matter-section3 .img-box img { width: 100%; height: 380px; object-fit: cover; border-radius: 4px; }
.matter-section3 .info-box { margin-left: 30px; width: calc(50% - 30px); }
.matter-section3 .gray-bg .info-box { margin-left: 0px; margin-right: 30px; }
.matter-section3 .info-box h3 { margin-bottom: 40px; line-height: 28px; font-size: 28px; font-weight: 500; color: var(--main-font-color) ; }
.matter-section3 .info-box li { display: flex; margin-bottom: 30px; }
.matter-section3 .info-box li:last-child { margin-bottom: 0px; }
.matter-section3 .info-box li div { flex: 1 1 0%; margin-left: 20px; }
.matter-section3 .info-box li h4 { margin-bottom: 10px; font-size: 22px; font-weight: 500; color: var(--main-font-color); line-height: 20px; }
.matter-section3 .info-box li p { font-size: 16px; color: rgba(37, 45, 71, 0.8); letter-spacing: 1px; }
.matter-section4 { background-size: cover; }
.matter-section4 .title-box h2 { margin: 0px auto; width: 450px; line-height: 42px; }
.matter-section4 .title-box p { margin-left: auto; margin-right: auto; }
.matter-section4 ul { margin-top: 40px; }
.matter-section4 li { padding: 20px; margin-bottom: 20px; display: flex; align-items: center; border-radius: 10px; background-color: rgb(255, 255, 255); border-left: 8px solid rgb(245, 88, 50); }
.matter-section4 li:last-child { margin-bottom: 0px; }
.matter-section4 li .img-box { margin-right: 30px; width: 98px; height: 98px; display: flex; align-items: center; justify-content: center; background: rgb(245, 246, 246); border-radius: 12px; }
.matter-section4 li .img-box div { padding: 8px; width: 70px; height: 70px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.11) 0px 2px 9px 0px; border-radius: 8px; }
.matter-section4 li .info-box { flex: 1 1 0%; }
.matter-section4 li .info-box h3 { margin-bottom: 10px; font-size: 22px; font-weight: 500; line-height: 22px; }
.matter-section4 li .info-box p { position: relative; padding-left: 18px; font-size: 16px; color: rgba(37, 45, 71, 0.8); }
.matter-section4 li .info-box p::before { content: ""; position: absolute; top: 8px; left: 0px; display: block; width: 8px; height: 8px; background-color: rgb(233, 233, 233); border-radius: 50%; }
.matter-section5 ul { margin-top: 40px; display: flex; flex-wrap: wrap; }
.matter-section5 li { position: relative; margin-right: 40px; margin-bottom: 40px; padding: 30px 50px; width: calc(50% - 20px); background: linear-gradient(90deg, rgb(247, 250, 253) 0px, rgb(245, 246, 246) 100%); border-radius: 4px; cursor: pointer; }
.matter-section5 li .bg { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 4px; background: linear-gradient(90deg, rgb(245, 88, 50) 0px, rgb(245, 122, 122) 100%); opacity: 0; transition: all 0.3s ease 0s; }
.matter-section5 li:hover .bg { opacity: 1; }
.matter-section5 li:hover h3 { color: rgb(255, 255, 255); }
.matter-section5 li:hover p { color: rgba(255, 255, 255, 0.8); }
.matter-section5 li:nth-child(2n) { margin-right: 0px; }
.matter-section5 li:nth-child(3), .matter-section5 li:nth-child(4) { margin-bottom: 0px; }
.matter-section5 li .img-box { position: relative; z-index: 2; margin: 0px auto 20px; width: 84px; height: 84px; display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; border-radius: 50%; }
.matter-section5 li .info-box { position: relative; z-index: 2; }
.matter-section5 li h3 { margin-bottom: 20px; font-size: 22px; font-weight: 500; line-height: 20px; text-align: center; }
.matter-section5 li p { font-size: 16px; color: rgba(37, 45, 71, 0.8); line-height: 22px; }
.matter-section6 { background-repeat: no-repeat; background-size: cover; height: 220px; }
.matter-section6 p { font-size: 36px; color: rgb(255, 255, 255); line-height: 50px; }
.matter-section6 h2 { font-size: 24px; font-weight: 400; color: rgb(255, 255, 255); line-height: 24px; }
.matter-section6 .container { height: 100%; display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; color: rgb(255, 255, 255); }
.matter-section6 .link-btn { display: block; width: 168px; height: 48px; line-height: 48px; text-align: center; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-size: 18px; }
@media screen and (max-width: 1200px) {
  .matter-page .common-banner .br-img { width: 800px; right: -140px; }
  .matter-page .common-banner .info-box h1 { padding-top: 120px; }
  .matter-section1 li { flex: 1 1 0%; margin: 0px 10px; padding: 20px 0px; width: auto; height: auto; }
}
@media screen and (max-width: 992px) {
  .matter-page .common-banner .info-box { padding-left: 20px; width: 500px; }
  .matter-page .common-banner .br-img { right: -60px; }
  .matter-section .title-box, .matter-section1, .matter-section2 ul, .matter-section3 .item, .matter-section4 ul, .matter-section5 ul { padding-left: 20px; padding-right: 20px; }
  .matter-section2 li { height: auto; padding-bottom: 40px; }
}
@media (min-width: 768px) and (max-width: 992px) {
  .matter-page .common-banner .br-img { width: 580px; right: 0px; }
  .matter-section1 ul { display: block; }
  .matter-section1 ul::after { content: ""; display: block; clear: both; }
  .matter-section1 li { margin: 0px 10px 20px; width: calc(33% - 20px); float: left; }
  .matter-section2 li { padding: 20px; text-align: center; display: block; }
  .matter-section2 li div { margin-left: 0px; margin-top: 10px; }
  .matter-section2 li p { text-align: left; }
  .matter-section3 .item { display: block; }
  .matter-section3 .img-box { display: none; }
  .matter-section3 .img-box:first-child { display: block; padding-top: 0px; margin: 0px auto 40px; height: 200px; width: 60%; }
  .matter-section3 .img-box:first-child img { height: 100%; }
  .matter-section3 .info-box { margin: 0px; width: 100%; }
  .matter-section3 .gray-bg + div .img-box { display: none; }
  .matter-section4 .title-box p { width: 100%; }
}
@media screen and (max-width: 768px) {
  .matter-page .common-banner .br-img { width: 80%; right: 0px; }
  .matter-page .common-banner .info-box { width: 100%; padding-left: 0px; }
  .matter-page .common-banner .info-box h1 { padding-top: 90px; font-size: 36px; }
  .matter-page .common-banner .info-box p { margin-bottom: 20px; font-size: 18px; }
  .matter-page .common-banner .info-box ul { margin-bottom: 20px; }
  .matter-page .common-banner .info-box li { margin-bottom: 10px; font-size: 14px; }
  .matter-section1 .img-box img { margin: 0px 5%; height: auto; width: 40%; }
  .matter-section1 .img-box { margin-top: 20px; margin-bottom: 0px; }
  .matter-section { padding: 60px 20px; }
  .matter-section .desc { font-size: 18px; }
  .matter-section1 { padding-bottom: 40px; }
  .matter-section1 ul { display: block; }
  .matter-section1 ul::after { content: ""; display: block; clear: both; }
  .matter-section1 li { float: left; width: 32%; margin: 0px 2% 20px 0px; padding: 10px 5px; }
  .matter-section1 li p { margin-top: 10px; font-size: 14px; }
  .matter-section1 li:nth-child(3n) { margin-right: 0px; }
  .matter-section .title-box h2 { line-height: 1.5; font-size: 24px; }
  .matter-section2, .matter-section3 { padding-left: 0px; padding-right: 0px; }
  .matter-section2 ul { padding: 0px; display: block; }
  .matter-section2 li { margin-bottom: 20px; width: 100%; padding: 20px; display: block; text-align: center; }
  .matter-section2 li:nth-child(2n) { margin-left: 0px; }
  .matter-section2 li:nth-child(3) { margin-bottom: 20px; }
  .matter-section2 li div { margin-top: 20px; margin-left: 0px; }
  .matter-section3 .items-box { margin-top: -20px; }
  .matter-section3 { padding-bottom: 0px; }
  .matter-section3 .item { padding-top: 60px; padding-bottom: 60px; }
  .matter-section3 .img-box { display: none; }
  .matter-section3 .info-box { margin: 0px; width: 100%; }
  .matter-section3 .info-box h3 { margin-bottom: 20px; font-size: 22px; }
  .matter-section3 .info-box li h4 { font-size: 18px; }
  .matter-section3 .info-box li p { font-size: 14px; }
  .matter-section4 .title-box h2, .matter-section4 .title-box p { width: 100%; }
  .matter-section4 .container, .matter-section4 ul { padding: 0px; }
  .matter-section4 li { display: block; border: 0px; text-align: center; }
  .matter-section4 li .img-box { margin: 0px auto 20px; }
  .matter-section4 li .info-box h3 { font-size: 18px; }
  .matter-section4 li .info-box p { padding-left: 0px; font-size: 14px; }
  .matter-section4 li .info-box p::before { display: none; }
  .matter-section5 li { width: 100%; margin: 0px 0px 20px; padding: 20px 30px; }
  .matter-section5 li p { font-size: 14px; }
  .matter-section5 .container, .matter-section5 ul { padding: 0px; }
  .matter-section5 li:nth-child(3) { margin-bottom: 20px; }
}
#certify { position: relative; width: 100%; margin: 0px auto; }
#certify .swiper-container { padding-bottom: 70px; }
#certify .swiper-slide { position: relative; width: 700px; height: 425px; background: rgb(255, 255, 255); box-shadow: none; }
#certify .swiper-slide-active { height: 390px; top: 18px; }
#certify .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
#certify .swiper-slide h3 { position: absolute; bottom: 0px; left: 0px; z-index: 2; width: 100%; background-color: rgba(0, 0, 0, 0.6); }
#certify .swiper-slide a { display: block; line-height: 46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 20px; color: rgb(255, 255, 255); font-size: 18px; }
#certify .swiper-pagination { width: 100%; bottom: 20px; z-index: 1; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; display: inline-block; width: 6px; height: 6px; background-color: rgb(216, 216, 216); border-radius: 3px; text-indent: -9999px; opacity: 1; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 36px; background-color: var(--btn-red) ; }
#certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background-position: 0px 0px; background-size: 100%; }
#certify .swiper-button-prev:hover { background-position: 0px -46px; background-size: 100%; }
#certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background-position: 0px -93px; background-size: 100%; }
#certify .swiper-button-next:hover { background-position: 0px -139px; background-size: 100%; }
@media screen and (max-width: 1200px) {
  #certify .swiper-container { padding-bottom: 50px; }
  #certify .swiper-slide { width: 100%; height: 425px; }
  #certify .swiper-slide-active { height: 390px; top: 18px; }
  #certify .swiper-pagination-bullets .swiper-pagination-bullet { height: 8px; width: 8px; border-radius: 4px; }
  #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 36px; }
}
:root { --gray-section-bg: #F3F4F9 ; }
.party-page .common-banner img { height: 220px; }
.party-section { padding: 80px 0px; }
.party-section .common-title { text-align: center; }
.party-section .common-title p { color: var(--grey-subheading) ; }
.party-section .common-title h2 { position: relative; color: var(--red1); font-weight: 700; }
.party-section .common-title span { position: relative; z-index: 2; display: inline-block; padding: 0px 15px; background-color: var(--gray-section-bg) ; }
.party-section .common-title h2::before { content: " "; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); display: block; width: 312px; height: 2px; background-color: var(--grey-subheading) ; }
.party-section1 .tit-box { text-align: center; }
.party-section1 .tit-box div { position: relative; margin: 0px auto 50px; width: 620px; height: 72px; }
.party-section1 .tit-box img { height: 100%; }
.party-section1 .tit-box h2 { position: absolute; top: 58%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; font-size: 32px; font-weight: 400; text-shadow: 0 2px 4px var(--btn-red); color: rgb(255, 255, 255); }
.party-section1 .item-box { display: flex; justify-content: space-between; }
.party-section1 .item-box .item { width: 210px; border-radius: 10px; overflow: hidden; background-color: rgb(249, 240, 240); transition: all 1s ease 0s; cursor: pointer; }
.party-section1 .item-box .item img { margin: 0px auto; display: block; height: 124px; width: 100%; object-fit: cover; transition: all 1s ease 0s; }
.party-section1 .item-box .item:first-child { margin-left: 0px; }
.party-section1 .item-box .item:last-child { margin-right: 0px; }
.party-section1 .item .info { margin-top: 15px; padding: 10px 15px; }
.party-section1 .item .info h4 { color: var(--red1); font-weight: 700; }
.party-section1 .item .info p { color: var(--grey-subheading) ; }
.party-section1 .item:hover { padding-top: 20px; background-color: rgb(255, 255, 255); box-shadow: rgb(153, 153, 153) 0px 0px 20px; }
.party-section1 .item-box .item:hover img { height: 0px; width: 0px; opacity: 0; }
.party-section2 { background-color: var(--gray-section-bg) ; }
.party-section2 .content-box { display: flex; }
.party-section2 .left-box { margin-right: 8px; width: 332px; height: 430px; }
.party-section2 a { color: var(--grey-subheading) ; }
.party-section2 .left-box img { display: block; width: 100%; height: 100%; object-fit: cover; }
.party-section2 ul { flex: 1 1 0%; }
.party-section2 li { margin-bottom: 10px; background-color: rgb(255, 255, 255); transition: all 0.3s ease 0s; }
.party-section2 li:hover { box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 0px 0px; }
.party-section2 li:last-child { margin-bottom: 0px; }
.party-section2 li a { padding: 8px 20px; height: 100px; display: flex; justify-content: space-between; align-items: center; }
.party-section2 li img { margin-left: 30px; width: 130px; height: 80px; object-fit: cover; transition: all 0.3s ease 0s; }
.party-section2 li .date { margin-right: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.party-section2 li .date p { padding: 4px 10px; width: 100%; border-bottom: 1px solid rgb(216, 216, 216); }
.party-section2 li .date p:last-child { border: 0px; }
.party-section2 li .info { flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; }
.party-section2 li .info h4, .party-section2 li .info p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; text-align: left; }
.party-section2 li .info h4 { margin-bottom: 5px; color: var(--main-font-color) ; }
.party-section3 .common-title span { background-color: rgb(255, 255, 255); }
@media screen and (max-width: 1200px) {
  .party-page .common-banner { height: 400px; }
  .party-page .common-banner img { height: auto; width: 60%; }
  .party-section { padding: 50px 0px; }
  .party-section1 .tit-box { margin-bottom: 30px; }
  .party-section1 .tit-box div { margin-bottom: 20px; width: 100%; height: 48px; }
  .party-section1 .tit-box img { height: 48px; max-width: 100%; }
  .party-section1 .tit-box h2 { font-size: 18px; line-height: 48px; }
  .party-section1 .item-box { flex-direction: column; }
  .party-section1 .item-box .item { margin-bottom: 15px; width: 100%; }
  .party-section1 .item-box .item:last-child { margin-bottom: 0px; }
  .party-section .common-title h2 { font-size: 18px; }
  .party-section .common-title h2::before { height: 1px; }
  .party-section .common-title p { font-size: 12px; }
  .party-section2 .content-box { display: block; }
  .party-section2 .left-box { margin-bottom: 15px; margin-right: 0px; width: 100%; height: auto; }
  .party-section2 li a { display: block; height: auto; }
  .party-section2 li .date { margin: 0px; display: block; text-align: left; }
  .party-section2 li .date p { padding: 0px; border: 0px; display: inline; font-size: 14px; }
  .party-section2 li img { display: none; }
  .party-section1 .item:hover { padding-top: 0px; }
  .party-section1 .item-box .item:hover img { width: 100%; height: 124px; opacity: 1; }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .party-section1 .item-box { flex-direction: row; }
  .party-section1 .item-box .item { margin: 0px 5px; }
  .party-section2 .content-box { display: flex; }
  .party-section2 .left-box { margin-right: 15px; margin-bottom: 0px; width: auto; height: 395px; }
}
@media (min-width: 768px) and (max-width: 992px) {
  .party-section1 .item-box { flex-flow: row wrap; justify-content: flex-start; }
  .party-section1 .item-box .item { margin-bottom: 20px; margin-right: 2%; width: 32%; }
  .party-section1 .item-box .item:nth-child(3n) { margin-right: 0px; }
  .party-section1 .item-box .item:nth-child(4) { margin-bottom: 0px; }
  .party-section2 .content-box { display: flex; }
  .party-section2 .left-box { margin-right: 15px; margin-bottom: 0px; width: auto; height: 395px; }
}
@media screen and (max-width: 768px) {
  .party-page .common-banner img { height: auto; width: 90%; }
}
.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; margin: 0px; padding: 0px; }
.slick-list:focus { outline: 0px; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0px, 0px, 0px); }
.slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; max-height: 380px; overflow: hidden; }
.slick-track::after, .slick-track::before { display: table; content: ""; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.channel-section { padding: 70px 0px; }
.section-one-wrap { margin-top: 60px; min-height: 460px; }
.section-one-tabs { width: 240px; min-height: 460px; background: linear-gradient(to right, rgb(250, 250, 252), rgb(235, 238, 241)); }
.section-one-tabs { padding: 20px 0px; }
.section-one-tabs ul li { height: 64px; line-height: 64px; padding-left: 24px; font-weight: 500; cursor: pointer; color: rgb(37, 45, 71); }
.section-one-tabs ul li img { display: none; }
.section-one-tabs ul li.channel-section-active-tab { background-color: var(--btn-red); color: rgb(255, 255, 255); position: relative; }
.section-one-tabs ul li.channel-section-active-tab img { display: inline-block; }
.section-one-tabs ul li.channel-section-active-tab::after { content: ""; width: 20px; height: 64px; background-color: var(--btn-red); position: absolute; right: -20px; z-index: 1; }
.section-one-tabcontain { background-color: rgb(255, 255, 255); width: calc(100% - 240px); min-height: 460px; position: relative; }
.one-tab-contain { position: absolute; top: 0px; left: 40px; display: none; overflow: scroll; max-height: 460px; }
.one-tab-contain .chart { min-height: 460px; }
.one-tab-contain .chart p { color: rgb(0, 0, 0); margin-bottom: 40px; }
.one-tab-contain .chart img { display: inline-block; }
.one-tab-contain.active { display: block; }
.one-tab-contain1 ul li { min-height: 230px; padding-top: 40px; }
.one-tab-contain1 ul li h3 { color: rgb(0, 0, 0); font-weight: 500; margin-bottom: 14px; }
.one-tab-contain1 ul li .img { width: 90px; }
.one-tab-contain1 ul li .news { width: calc(100% - 90px); }
.one-tab-contain1 ul li.one-tab-contain1-1 { padding-right: 20px; border-bottom: 1px solid rgb(235, 235, 235); border-right: 1px solid rgb(235, 235, 235); }
.one-tab-contain1 ul li.one-tab-contain1-2 { padding-left: 20px; border-bottom: 1px solid rgb(235, 235, 235); }
.one-tab-contain1 ul li.one-tab-contain1-3 { padding-right: 20px; border-right: 1px solid rgb(235, 235, 235); }
.one-tab-contain1 ul li.one-tab-contain1-4 { padding-left: 20px; }
.section-two { background: url("/ziyuan/shouye/section-02-bg.jpg") 0% 0% / cover no-repeat; }
.section-two p.des { margin-bottom: 20px; }
.section-two .channel-section-contain div { position: relative; min-height: 460px; }
.section-two .channel-section-contain p { position: absolute; bottom: 0px; font-size: 14px; color: rgb(37, 45, 71); }
.section-three { background: url("/ziyuan/shouye/section-03-bg.png") 0% 0% / cover no-repeat; }
.section-three h2 { margin-bottom: 60px; }
.section-three .channel-product-item { background-color: rgb(255, 255, 255); min-height: 400px; }
.section-three .channel-product-item .header { height: 104px; background: url("/ziyuan/shouye/section-03-bg-02.jpg") 0% 0% / cover; padding: 22px 20px; }
.section-three .channel-product-item ul { min-height: 280px; padding: 40px; text-align: center; }
.section-three .channel-product-item ul li { display: block; width: 100%; margin-bottom: 10px; }
.section-three .channel-product-item ul a, .section-three .channel-product-item ul span { width: 150px; text-align: left; line-height: 30px; border: 1px solid rgb(212, 214, 219); display: inline-block; padding-left: 14px; font-size: 14px; }
.section-four h2 { margin-bottom: 60px; }
.section-four .policy-item { padding: 40px 26px 30px; text-align: center; min-height: 290px; width: 100%; }
.section-four .policy-item .header { height: 104px; background: url("/ziyuan/shouye/bj1.png") 0% 0% / cover; padding: 22px 20px; }
.section-four .policy-item ul { min-height: 280px; padding: 40px; text-align: center; }
.section-four .policy-item ul li { display: block; width: 100%; margin-bottom: 10px; }
.section-four .policy-item ul a { width: 150px; text-align: left; line-height: 30px; border: 1px solid rgb(212, 214, 219); display: inline-block; padding-left: 14px; font-size: 14px; }
.section-five { background: url("/ziyuan/shouye/section-04-bg.jpg") 0% 0% / cover; }
.section-five-wrap { margin-top: 60px; min-height: 460px; }
.section-five-brands, .section-five-tabs { width: 240px; min-height: 460px; background: rgba(42, 43, 44, 0.5); }
.section-five-tabs { padding: 30px 12px; }
.section-five-tabs ul li { height: 64px; line-height: 64px; padding-left: 24px; font-weight: 500; cursor: pointer; color: rgb(255, 255, 255); }
.section-five-tabs ul li img { display: none; }
.section-five-tabs ul li.channel-section-active-tab { background-color: var(--btn-red); color: rgb(255, 255, 255); position: relative; }
.section-five-tabs ul li.channel-section-active-tab img { display: inline-block; }
.section-five-tabcontain { background: rgba(21, 21, 22, 0.5); width: calc(100% - 480px); min-height: 460px; position: relative; z-index: 1; }
.five-tab-contain1 dl dt span { color: rgb(255, 255, 255); margin-left: 8px; }
.five-tab-contain1 dl dd { color: rgb(255, 255, 255); font-size: 13px; margin-bottom: 8px; }
.five-tab-contain1 dl dd span { color: rgb(255, 255, 255); margin-left: 6px; width: calc(100% - 25px); }
.five-tab-contain2 ul { margin-top: 50px; }
.five-tab-contain2 ul li { padding-top: 25px; padding-bottom: 25px; }
.five-tab-contain2 ul li:nth-child(1), .five-tab-contain2 ul li:nth-child(2), .five-tab-contain2 ul li:nth-child(3) { border-bottom: 1px dashed rgb(136, 133, 133); }
.five-tab-contain2 ul li:nth-child(1), .five-tab-contain2 ul li:nth-child(2), .five-tab-contain2 ul li:nth-child(4), .five-tab-contain2 ul li:nth-child(5) { border-right: 1px dashed rgb(136, 133, 133); }
.five-tab-contain2 ul li h4, .five-tab-contain3 ul li h4 { width: 100%; text-align: center; }
.five-tab-contain2 .img { display: block; width: 100%; text-align: center; }
.five-tab-contain3 ul { margin-top: 50px; }
.five-tab-contain3 ul li { padding-top: 25px; padding-bottom: 25px; border-right: 1px dashed rgb(136, 133, 133); }
.five-tab-contain3 ul li h4 { width: 100%; text-align: center; }
.five-tab-contain3 .img { display: block; width: 100%; text-align: center; margin-bottom: 30px; height: 30px; }
.five-tab-contain3 .img img { height: 100%; }
.five-tab-contain { padding: 40px; position: absolute; width: 100%; top: 0px; left: 0px; visibility: hidden; opacity: 0; transition: all 0.35s ease 0s; }
.five-tab-contain.active { visibility: visible; opacity: 1; }
.section-five-brands { padding: 40px 30px; }
.section-five-brands h3 { margin-bottom: 30px; }
.section-five-brands ul li { width: 84px; height: 84px; padding: 6px; }
.section-five-brands ul li div { width: 100%; height: 100%; background-color: rgb(255, 255, 255); }
.section-five-brands ul li div img { width: 100%; height: auto; }
.five-tab-contain.active .flexslider { display: block; }
.section-five-tabcontain .flexslider { background-color: rgba(0, 0, 0, 0); height: 400px; }
.section-five-tabcontain .flexslider .slides .slide1 { background-color: rgba(0, 0, 0, 0); }
.section-five-tabcontain .flexslider .flex-control-nav { bottom: 0px; text-align: center; }
.section-five-tabcontain dl { margin: 0px; padding: 0px 10px 0px 0px; }
.section-five-tabcontain dl dd, .section-five-tabcontain dl dt { font-size: 12px; width: 100%; }
.prize-slider { margin-top: 40px; text-align: center; overflow: hidden; max-height: 480px; }
.prize-slider-inside { width: 270px; display: inline-block; margin: 20px; }
.prize-slider-item { float: left; margin-bottom: 90px; }
.prize-slider-item .prize-slider-item-img { background: linear-gradient(rgb(236, 221, 188), rgb(255, 244, 220)); }
.prize-slider-item .prize-slider-item-img img { display: block; width: 100%; height: auto; }
.prize-slider-item .prize-slider-item-info { padding: 30px 0px; min-height: 110px; }
.prize-slider .slick-dots { position: relative; text-align: center; display: inline-block; }
.prize-slider .slick-dots li { width: 38px; height: 4px; background-color: rgb(223, 225, 228); float: left; margin: 60px 6px 30px; cursor: pointer; }
.prize-slider .slick-dots li button { display: none; }
.prize-slider .slick-dots li.slick-active { background-color: rgb(245, 88, 50); }
.section-eight { background: rgb(245, 246, 248); }
.section-eight h2 { margin-bottom: 48px; }
.section-eight-tabs { margin-top: 40px; width: 100%; text-align: center; padding-bottom: 10px; margin-bottom: 60px; }
.section-eight-tabs ul { border-bottom: 1px solid rgb(226, 227, 229); }
.section-eight-tabs li { cursor: pointer; }
.section-eight-tabs li.channel-section-active-tab { border-bottom: 3px solid rgb(245, 88, 50); }
.eight-tab-contain { display: none; }
.section-eight-tabcontain { position: relative; min-height: 350px; }
.eight-tab-contain { position: absolute; width: 100%; height: auto; top: 0px; left: 0px; }
.eight-tab-contain:nth-child(1) { display: block; }
.section-nine { background: url("/ziyuan/shouye/section-09-bg.png") 0% 0% / cover no-repeat; height: 220px; }
.section-nine h2 { color: rgb(255, 255, 255); }
.section-nine .container { height: 100%; display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; color: rgb(255, 255, 255); }
.section-nine .link-btn { display: block; width: 168px; height: 48px; line-height: 48px; text-align: center; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); }
@media screen and (max-width: 1440px) {
  .channel-section { padding: 60px 0px; }
  .section-one-wrap { margin-top: 50px; }
  .section-five-wrap { justify-content: flex-start; }
  .section-five-tabs { padding: 0px; width: 100%; min-height: auto; background-color: transparent; }
  .section-five-tabs ul { overflow: hidden; }
  .section-five-tabs ul li { background-color: rgba(42, 43, 44, 0.5); float: left; padding-right: 24px; }
  .section-five-tabcontain { width: calc(100% - 240px); }
  .five-tab-contain3 ul li { border-bottom: 1px dashed rgb(136, 133, 133); }
  .five-tab-contain3 ul li:nth-child(2n) { border-right: 0px; }
  .five-tab-contain3 ul li:nth-child(3), .five-tab-contain3 ul li:nth-child(4) { border-bottom: 0px; }
}
@media screen and (max-width: 1240px) {
  .channel-section { padding: 50px 0px; }
  .section-one-wrap { margin-top: 40px; }
  .section-one-tabs { padding: 0px; }
  .five-tab-contain2 ul li { height: 158px; align-content: flex-start; }
  .section-one-wrap { display: block; }
  .section-one-tabs { display: block; width: 100%; min-height: auto; }
  .section-one-tabs ul { overflow: hidden; }
  .section-one-tabs ul li { float: left; padding-right: 24px; }
  .section-one-tabcontain { width: 100%; }
  .section-one-tabs ul li.channel-section-active-tab img, .section-one-tabs ul li.channel-section-active-tab::after { display: none; }
  .prize-slider-inside { margin: 10px 15px; height: 290px; min-height: auto; }
  .prize-slider-item .prize-slider-item-info { padding: 15px 0px; min-height: auto; height: auto; }
}
@media screen and (max-width: 1040px) {
  .one-tab-contain1 ul li { min-height: auto; }
  .one-tab-contain1 ul li.one-tab-contain1-1, .one-tab-contain1 ul li.one-tab-contain1-2, .one-tab-contain1 ul li.one-tab-contain1-3 { border: none; }
  .section-five-brands, .section-five-tabs { width: 100%; }
  .section-five-tabs ul li { width: 25%; float: left; }
  .section-five-tabcontain { width: 100%; }
  .five-tab-contain2 ul li { border: none !important; width: 33% !important; }
  .section-five-brands ul li div img { height: 90%; width: auto; }
  .section-one-tabcontain { min-height: 570px; }
  .one-tab-contain { max-height: 570px; left: 0px; }
  .section-two .column:first-child img { margin: 0px auto 10px; display: block; width: 70%; }
  .section-five-brands { padding-top: 30px; min-height: auto; }
  .prize-slider-inside { height: 300px; }
  .prize-slider-item .prize-slider-item-img { height: 220px; overflow: hidden; }
  .prize-slider-item .prize-slider-item-img img { width: 100%; height: 100%; object-fit: cover; }
  .section-eight-tabs ul li { width: auto !important; }
}
@media screen and (max-width: 992px) {
  .common-banner.channel { height: 600px; }
  .one-tab-contain { padding: 15px; }
  .one-tab-contain1 ul li { padding-top: 30px; }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section-one-tabcontain { min-height: 610px; }
  .one-tab-contain { max-height: 610px; }
}
@media screen and (max-width: 768px) {
  .common-banner.channel h2 { font-size: 40px; }
  .section-one-tabs ul { display: flex; }
  .section-one-tabs ul li { float: none; flex: 1 1 0%; text-align: center; }
  .one-tab-contain1 ul li .img { display: none; }
  .one-tab-contain1 ul li .news { width: 100%; }
  .one-tab-contain { position: inherit; padding-bottom: 0px; max-height: initial; }
  .one-tab-contain1 ul li.one-tab-contain1-1, .one-tab-contain1 ul li.one-tab-contain1-2, .one-tab-contain1 ul li.one-tab-contain1-3 { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed rgb(235, 235, 235); }
  .one-tab-contain1 ul li.one-tab-contain1-4 { padding-bottom: 0px; border-bottom: 0px; }
  .section-one-tabcontain, .section-one-wrap { min-height: auto; }
  .one-tab-contain .chart { display: block; padding-top: 40px; width: 100%; overflow-x: auto; min-height: auto; }
  #tab-contain2 img { width: 817px; max-width: inherit; }
  .section-two .channel-section-contain div { margin-bottom: 20px; min-height: auto; }
  .section-two .channel-section-contain div:last-child { margin-bottom: 0px; }
  .section-two .channel-section-contain p { position: inherit; }
  .section-two .column img { margin-bottom: 10px; }
  .section-two .column:first-child img { width: 100%; }
  .section-three .channel-product-item ul { min-height: auto; }
  .section-three .channel-product-item { min-height: auto; }
  .section-three .channel-product-item ul a, .section-three .channel-product-item ul span { width: 100%; line-height: 36px; }
  .section-three h2 { margin-bottom: 30px; }
  .section-four h2 { margin-bottom: 30px; }
  .section-four .policy-item { min-height: auto; padding: 20px 26px 30px; }
  .section-four .policy-item svg { margin-bottom: 6px; }
  .section-five-tabs ul { background-color: rgba(42, 43, 44, 0.5); }
  .section-five-tabs ul li { width: auto; padding: 0px 10px; }
  .five-tab-contain { padding: 40px 20px 20px; }
  .five-tab-contain2 ul, .five-tab-contain3 ul { margin-top: 30px; display: flex; }
  .five-tab-contain2 ul li { padding: 20px 10px; width: 50% !important; }
  .five-tab-contain3 ul { margin-top: 50px; display: flex; }
  .five-tab-contain3 ul li { height: 210px; align-content: flex-start; width: 50% !important; }
  .section-five-tabcontain { min-height: 650px; }
  .section-five-tabcontain .flexslider { height: 580px; }
  .prize-slider { margin-top: 30px; }
  .prize-slider-inside { height: 300px; margin: 10px; }
  .prize-slider .slick-dots li { margin: 30px 6px 0px; width: 8px; height: 8px; border-radius: 4px; }
  .section-eight h2 { margin-bottom: 30px; }
  .prize-slider-item .prize-slider-item-info { padding: 15px 10px; }
  .section-five-brands ul li div img { object-fit: contain; }
  .section-eight-tabs ul { display: flex; }
  .section-eight-tabs li { padding: 5px; }
  .eight-tab-contain { min-height: 100%; overflow-x: auto; }
  .section-eight-tabcontain { min-height: 240px; }
  .eight-tab-contain img { height: 240px; max-width: none; }
  .section-eight-tabs { margin-bottom: 40px; }
}
.home-section { padding: 100px 0px; }
.home-feature-item { min-height: 330px; }
.home-about-us { background: url("/ziyuan/shouye/bg-04.jpeg") center center / cover no-repeat; }
.digital-contain ul { margin: 0px; padding: 0px; overflow: hidden; }
.digital-contain ul li { display: block; float: left; width: 50%; padding: 30px 30px 0px; min-height: 210px; text-align: center; }
.digital-contain ul li div { background-color: rgb(255, 255, 255); min-height: 160px; box-shadow: rgba(0, 0, 0, 0.1) -1px 4px 12px 0px; padding-top: 30px; }
.digital-contain ul li.columns:not(:last-child) { margin-bottom: 0px; }
.home-en-contain .prize-slider { margin-top: 40px; text-align: center; max-height: 340px; }
.home-en-contain .slick-list { max-height: 270px; overflow: hidden; }
.home-en-contain .prize-slider-inside { max-width: 285px; max-height: 220px; min-height: 220px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; display: inline-block; margin: 20px; padding: 35px; }
.home-en-contain .prize-slider-item .prize-slider-item-img { background: rgb(255, 255, 255); }
.home-en-contain .prize-slider-item .prize-slider-item-img img { display: block; height: 100%; }
.home-en-contain .prize-slider-item .prize-slider-item-info { padding: 30px 0px; min-height: 110px; }
.home-en-contain .prize-slider .slick-dots { position: relative; text-align: center; display: inline-block; }
.home-en-contain .prize-slider .slick-dots li { width: 38px; height: 4px; background-color: rgb(223, 225, 228); float: left; margin: 60px 6px 30px; cursor: pointer; }
.home-en-contain .prize-slider .slick-dots li button { display: none; }
.home-en-contain .prize-slider .slick-dots li.slick-active { background-color: rgb(245, 88, 50); }
.enFooterContain { color: rgb(255, 255, 255); margin: 16px 0px; font-size: 14px; font-weight: 300; }
.enFooterContain p.hasimg { position: relative; padding-left: 20px; }
.enFooterContain p.hasimg img { position: absolute; top: 3px; left: 0px; }
.vsign .application-scenarios .scene-tab .tab.active::after { }
.vsign .application-scenarios .scene-tab .tab.active::after { }