/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea
{
-moz-appearance: none;
-webkit-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(.5em - 1px) calc(.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: none;
}
.select fieldset[disabled] select, .select select[disabled], [disabled].button, [disabled].file-cta, [disabled].file-name, [disabled].input, [disabled].pagination-ellipsis, [disabled].pagination-link, [disabled].pagination-next, [disabled].pagination-previous, [disabled].textarea, 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
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.navbar-link:not(.is-arrowless):after, .select:not(.is-multiple):not(.is-loading):after
{
border: 3px solid transparent;
border-radius: 2px;
border-right: 0;
border-top: 0;
content: " ";
display: block;
height: .625em;
margin-top: -.4375em;
pointer-events: none;
position: absolute;
top: 50%;
transform: rotate(-45deg);
transform-origin: center;
width: .625em;
}
.block:not(:last-child), .box:not(:last-child), .breadcrumb:not(:last-child), .content: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
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(0,0,0,.2);
border: none;
border-radius: 9999px;
cursor: pointer;
pointer-events: auto;
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
font-size: 0;
height: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
outline: none;
position: relative;
vertical-align: top;
width: 20px;
}
.delete:after, .delete:before, .modal-close:after, .modal-close:before
{
background-color: #fff;
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(0,0,0,.3);
}
.delete:active, .modal-close:active
{
background-color: rgba(0,0,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
{
-webkit-animation: spinAround .5s linear infinite;
animation: spinAround .5s linear infinite;
border-radius: 9999px;
border-color: transparent transparent #dbdbdb #dbdbdb;
border-style: solid;
border-width: 2px;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
}
.hero-video, .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-16by9 .has-ratio, .image.is-16by9 img, .image.is-square .has-ratio, .image.is-square img, .is-overlay, .modal, .modal-background
{
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.navbar-burger
{
color: currentColor;
font-family: inherit;
font-size: 1em;
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
.navbar-burger, blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul
{
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6
{
font-size: 100%;
font-weight: 400;
}
ul
{
list-style: none;
}
button, input, select, textarea
{
margin: 0;
}
html
{
box-sizing: border-box;
}
*, :after, :before
{
box-sizing: inherit;
}
img, video
{
height: auto;
max-width: 100%;
}
iframe
{
border: 0;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
td, th
{
padding: 0;
}
td:not([align]), th:not([align])
{
text-align: inherit;
}
html
{
background-color: #fff;
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
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
{
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
font-family: monospace;
}
body
{
color: #4a4a4a;
font-size: 1em;
font-weight: 400;
}
a
{
color: #004178;
cursor: pointer;
text-decoration: none;
}
a strong
{
color: currentColor;
}
a:hover
{
color: #363636;
}
code
{
color: #880117;
font-size: .875em;
font-weight: 400;
padding: .25em .5em;
}
code, hr
{
background-color: #f5f5f5;
}
hr
{
border: none;
display: block;
height: 2px;
margin: 1.5rem 0;
}
img
{
height: auto;
max-width: 100%;
}
input[type=checkbox], input[type=radio]
{
vertical-align: baseline;
}
small
{
font-size: .875em;
}
span
{
font-style: inherit;
font-weight: inherit;
}
strong
{
color: #363636;
font-weight: 700;
}
fieldset
{
border: none;
}
pre
{
-webkit-overflow-scrolling: touch;
background-color: #f5f5f5;
color: #4a4a4a;
font-size: .875em;
overflow-x: auto;
padding: 1.25rem 1.5rem;
white-space: pre;
word-wrap: normal;
}
pre code
{
background-color: transparent;
color: currentColor;
font-size: 1em;
padding: 0;
}
table td, table th
{
vertical-align: top;
}
table td:not([align]), table th:not([align])
{
text-align: inherit;
}
table th
{
color: #363636;
}
@-webkit-keyframes spinAround
{
0%
{
transform: rotate(0deg);
}
to
{
transform: rotate(359deg);
}
}
@keyframes spinAround
{
0%
{
transform: rotate(0deg);
}
to
{
transform: rotate(359deg);
}
}
.box
{
background-color: #fff;
border-radius: 6px;
box-shadow: 0 .5em 1em -.125em rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.02);
color: #4a4a4a;
display: block;
padding: 1.25rem;
}
a.box:focus, a.box:hover
{
box-shadow: 0 .5em 1em -.125em rgba(0,0,0,.1),0 0 0 1px #004178;
}
a.box:active
{
box-shadow: inset 0 1px 2px rgba(0,0,0,.2),0 0 0 1px #004178;
}
.button
{
background-color: #fff;
border-color: #dbdbdb;
border-width: 1px;
color: #363636;
cursor: pointer;
justify-content: center;
padding: calc(.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(-.5em - 1px);
margin-right: .25em;
}
.button .icon:last-child:not(:first-child)
{
margin-left: .25em;
margin-right: calc(-.5em - 1px);
}
.button .icon:first-child:last-child
{
margin-left: calc(-.5em - 1px);
margin-right: calc(-.5em - 1px);
}
.button.is-hovered, .button:hover
{
border-color: #b5b5b5;
color: #363636;
}
.button.is-focused, .button:focus
{
border-color: #004178;
color: #363636;
}
.button.is-focused:not(:active), .button:focus:not(:active)
{
box-shadow: 0 0 0 .125em rgba(0,65,120,.25);
}
.button.is-active, .button:active
{
border-color: #4a4a4a;
color: #363636;
}
.button.is-text
{
background-color: transparent;
border-color: transparent;
color: #4a4a4a;
text-decoration: underline;
}
.button.is-text.is-focused, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text:hover
{
background-color: #f5f5f5;
color: #363636;
}
.button.is-text.is-active, .button.is-text:active
{
background-color: #e8e8e8;
color: #363636;
}
.button.is-text[disabled], fieldset[disabled] .button.is-text
{
background-color: transparent;
border-color: transparent;
box-shadow: none;
}
.button.is-ghost
{
background: none;
border-color: transparent;
color: #004178;
text-decoration: none;
}
.button.is-ghost.is-hovered, .button.is-ghost:hover
{
color: #004178;
text-decoration: underline;
}
.button.is-white
{
background-color: #fff;
border-color: transparent;
color: #000;
}
.button.is-white.is-hovered, .button.is-white:hover
{
background-color: #f9f9f9;
border-color: transparent;
color: #000;
}
.button.is-white.is-focused, .button.is-white:focus
{
border-color: transparent;
color: #000;
}
.button.is-white.is-focused:not(:active), .button.is-white:focus:not(:active)
{
box-shadow: 0 0 0 .125em hsla(0,0%,100%,.25);
}
.button.is-white.is-active, .button.is-white:active
{
background-color: #f2f2f2;
border-color: transparent;
color: #000;
}
.button.is-white[disabled], fieldset[disabled] .button.is-white
{
background-color: #fff;
border-color: #fff;
box-shadow: none;
}
.button.is-white.is-inverted
{
background-color: #000;
color: #fff;
}
.button.is-white.is-inverted.is-hovered, .button.is-white.is-inverted:hover
{
background-color: #000;
}
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted
{
background-color: #000;
border-color: transparent;
box-shadow: none;
color: #fff;
}
.button.is-white.is-loading:after
{
border-color: transparent transparent #000 #000!important;
}
.button.is-white.is-outlined
{
background-color: transparent;
border-color: #fff;
color: #fff;
}
.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: #fff;
border-color: #fff;
color: #000;
}
.button.is-white.is-outlined.is-loading:after
{
border-color: transparent transparent #fff #fff!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 #000 #000!important;
}
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined
{
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-white.is-inverted.is-outlined
{
background-color: transparent;
border-color: #000;
color: #000;
}
.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: #000;
color: #fff;
}
.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 #fff #fff!important;
}
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined
{
background-color: transparent;
border-color: #000;
box-shadow: none;
color: #000;
}
.button.is-black, .button.is-black.is-hovered, .button.is-black:hover
{
background-color: #000;
border-color: transparent;
color: #fff;
}
.button.is-black.is-focused, .button.is-black:focus
{
border-color: transparent;
color: #fff;
}
.button.is-black.is-focused:not(:active), .button.is-black:focus:not(:active)
{
box-shadow: 0 0 0 .125em rgba(0,0,0,.25);
}
.button.is-black.is-active, .button.is-black:active
{
background-color: #000;
border-color: transparent;
color: #fff;
}
.button.is-black[disabled], fieldset[disabled] .button.is-black
{
background-color: #000;
border-color: #000;
box-shadow: none;
}
.button.is-black.is-inverted
{
background-color: #fff;
color: #000;
}
.button.is-black.is-inverted.is-hovered, .button.is-black.is-inverted:hover
{
background-color: #f2f2f2;
}
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted
{
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #000;
}
.button.is-black.is-loading:after
{
border-color: transparent transparent #fff #fff!important;
}
.button.is-black.is-outlined
{
background-color: transparent;
border-color: #000;
color: #000;
}
.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: #000;
border-color: #000;
color: #fff;
}
.button.is-black.is-outlined.is-loading:after
{
border-color: transparent transparent #000 #000!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 #fff #fff!important;
}
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined
{
background-color: transparent;
border-color: #000;
box-shadow: none;
color: #000;
}
.button.is-black.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
color: #fff;
}
.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: #fff;
color: #000;
}
.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 #000 #000!important;
}
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-light
{
background-color: #f5f5f5;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.button.is-light.is-hovered, .button.is-light:hover
{
background-color: #eee;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.button.is-light.is-focused, .button.is-light:focus
{
border-color: transparent;
color: rgba(0,0,0,.7);
}
.button.is-light.is-focused:not(:active), .button.is-light:focus:not(:active)
{
box-shadow: 0 0 0 .125em hsla(0,0%,96.1%,.25);
}
.button.is-light.is-active, .button.is-light:active
{
background-color: #e8e8e8;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.button.is-light[disabled], fieldset[disabled] .button.is-light
{
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
}
.button.is-light.is-inverted
{
color: #f5f5f5;
}
.button.is-light.is-inverted, .button.is-light.is-inverted.is-hovered, .button.is-light.is-inverted:hover
{
background-color: rgba(0,0,0,.7);
}
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted
{
background-color: rgba(0,0,0,.7);
border-color: transparent;
box-shadow: none;
color: #f5f5f5;
}
.button.is-light.is-loading:after
{
border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important;
}
.button.is-light.is-outlined
{
background-color: transparent;
border-color: #f5f5f5;
color: #f5f5f5;
}
.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: #f5f5f5;
border-color: #f5f5f5;
color: rgba(0,0,0,.7);
}
.button.is-light.is-outlined.is-loading:after
{
border-color: transparent transparent #f5f5f5 #f5f5f5!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,.7) rgba(0,0,0,.7)!important;
}
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined
{
background-color: transparent;
border-color: #f5f5f5;
box-shadow: none;
color: #f5f5f5;
}
.button.is-light.is-inverted.is-outlined
{
background-color: transparent;
border-color: rgba(0,0,0,.7);
color: rgba(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,.7);
color: #f5f5f5;
}
.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 #f5f5f5 #f5f5f5!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,.7);
box-shadow: none;
color: rgba(0,0,0,.7);
}
.button.is-dark
{
background-color: #363636;
border-color: transparent;
color: #fff;
}
.button.is-dark.is-hovered, .button.is-dark:hover
{
background-color: #2f2f2f;
border-color: transparent;
color: #fff;
}
.button.is-dark.is-focused, .button.is-dark:focus
{
border-color: transparent;
color: #fff;
}
.button.is-dark.is-focused:not(:active), .button.is-dark:focus:not(:active)
{
box-shadow: 0 0 0 .125em rgba(54,54,54,.25);
}
.button.is-dark.is-active, .button.is-dark:active
{
background-color: #292929;
border-color: transparent;
color: #fff;
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark
{
background-color: #363636;
border-color: #363636;
box-shadow: none;
}
.button.is-dark.is-inverted
{
background-color: #fff;
color: #363636;
}
.button.is-dark.is-inverted.is-hovered, .button.is-dark.is-inverted:hover
{
background-color: #f2f2f2;
}
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted
{
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #363636;
}
.button.is-dark.is-loading:after
{
border-color: transparent transparent #fff #fff!important;
}
.button.is-dark.is-outlined
{
background-color: transparent;
border-color: #363636;
color: #363636;
}
.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: #363636;
border-color: #363636;
color: #fff;
}
.button.is-dark.is-outlined.is-loading:after
{
border-color: transparent transparent #363636 #363636!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 #fff #fff!important;
}
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined
{
background-color: transparent;
border-color: #363636;
box-shadow: none;
color: #363636;
}
.button.is-dark.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
color: #fff;
}
.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: #fff;
color: #363636;
}
.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 #363636 #363636!important;
}
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-primary
{
background-color: #00d1b2;
border-color: transparent;
color: #fff;
}
.button.is-primary.is-hovered, .button.is-primary:hover
{
background-color: #00c4a7;
border-color: transparent;
color: #fff;
}
.button.is-primary.is-focused, .button.is-primary:focus
{
border-color: transparent;
color: #fff;
}
.button.is-primary.is-focused:not(:active), .button.is-primary:focus:not(:active)
{
box-shadow: 0 0 0 .125em rgba(0,209,178,.25);
}
.button.is-primary.is-active, .button.is-primary:active
{
background-color: #00b89c;
border-color: transparent;
color: #fff;
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary
{
background-color: #00d1b2;
border-color: #00d1b2;
box-shadow: none;
}
.button.is-primary.is-inverted
{
background-color: #fff;
color: #00d1b2;
}
.button.is-primary.is-inverted.is-hovered, .button.is-primary.is-inverted:hover
{
background-color: #f2f2f2;
}
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted
{
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #00d1b2;
}
.button.is-primary.is-loading:after
{
border-color: transparent transparent #fff #fff!important;
}
.button.is-primary.is-outlined
{
background-color: transparent;
border-color: #00d1b2;
color: #00d1b2;
}
.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: #00d1b2;
border-color: #00d1b2;
color: #fff;
}
.button.is-primary.is-outlined.is-loading:after
{
border-color: transparent transparent #00d1b2 #00d1b2!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 #fff #fff!important;
}
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined
{
background-color: transparent;
border-color: #00d1b2;
box-shadow: none;
color: #00d1b2;
}
.button.is-primary.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
color: #fff;
}
.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: #fff;
color: #00d1b2;
}
.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 #00d1b2 #00d1b2!important;
}
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-primary.is-light
{
background-color: #ebfffc;
color: #00947e;
}
.button.is-primary.is-light.is-hovered, .button.is-primary.is-light:hover
{
background-color: #defffa;
border-color: transparent;
color: #00947e;
}
.button.is-primary.is-light.is-active, .button.is-primary.is-light:active
{
background-color: #d1fff8;
border-color: transparent;
color: #00947e;
}
.button.is-link
{
background-color: #004178;
border-color: transparent;
color: #fff;
}
.button.is-link.is-hovered, .button.is-link:hover
{
background-color: #003a6b;
border-color: transparent;
color: #fff;
}
.button.is-link.is-focused, .button.is-link:focus
{
border-color: transparent;
color: #fff;
}
.button.is-link.is-focused:not(:active), .button.is-link:focus:not(:active)
{
box-shadow: 0 0 0 .125em rgba(0,65,120,.25);
}
.button.is-link.is-active, .button.is-link:active
{
background-color: #00335f;
border-color: transparent;
color: #fff;
}
.button.is-link[disabled], fieldset[disabled] .button.is-link
{
background-color: #004178;
border-color: #004178;
box-shadow: none;
}
.button.is-link.is-inverted
{
background-color: #fff;
color: #004178;
}
.button.is-link.is-inverted.is-hovered, .button.is-link.is-inverted:hover
{
background-color: #f2f2f2;
}
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted
{
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #004178;
}
.button.is-link.is-loading:after
{
border-color: transparent transparent #fff #fff!important;
}
.button.is-link.is-outlined
{
background-color: transparent;
border-color: #004178;
color: #004178;
}
.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: #004178;
border-color: #004178;
color: #fff;
}
.button.is-link.is-outlined.is-loading:after
{
border-color: transparent transparent #004178 #004178!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 #fff #fff!important;
}
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined
{
background-color: transparent;
border-color: #004178;
box-shadow: none;
color: #004178;
}
.button.is-link.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
color: #fff;
}
.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: #fff;
color: #004178;
}
.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 #004178 #004178!important;
}
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-link.is-light
{
background-color: #ebf6ff;
color: #0f91ff;
}
.button.is-link.is-light.is-hovered, .button.is-link.is-light:hover
{
background-color: #def0ff;
border-color: transparent;
color: #0f91ff;
}
.button.is-link.is-light.is-active, .button.is-link.is-light:active
{
background-color: #d1eaff;
border-color: transparent;
color: #0f91ff;
}
.button.is-info
{
background-color: #00afe1;
border-color: transparent;
color: #fff;
}
.button.is-info.is-hovered, .button.is-info:hover
{
background-color: #00a5d4;
border-color: transparent;
color: #fff;
}
.button.is-info.is-focused, .button.is-info:focus
{
border-color: transparent;
color: #fff;
}
.button.is-info.is-focused:not(:active), .button.is-info:focus:not(:active)
{
box-shadow: 0 0 0 .125em rgba(0,175,225,.25);
}
.button.is-info.is-active, .button.is-info:active
{
background-color: #009bc8;
border-color: transparent;
color: #fff;
}
.button.is-info[disabled], fieldset[disabled] .button.is-info
{
background-color: #00afe1;
border-color: #00afe1;
box-shadow: none;
}
.button.is-info.is-inverted
{
background-color: #fff;
color: #00afe1;
}
.button.is-info.is-inverted.is-hovered, .button.is-info.is-inverted:hover
{
background-color: #f2f2f2;
}
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted
{
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #00afe1;
}
.button.is-info.is-loading:after
{
border-color: transparent transparent #fff #fff!important;
}
.button.is-info.is-outlined
{
background-color: transparent;
border-color: #00afe1;
color: #00afe1;
}
.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: #00afe1;
border-color: #00afe1;
color: #fff;
}
.button.is-info.is-outlined.is-loading:after
{
border-color: transparent transparent #00afe1 #00afe1!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 #fff #fff!important;
}
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined
{
background-color: transparent;
border-color: #00afe1;
box-shadow: none;
color: #00afe1;
}
.button.is-info.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
color: #fff;
}
.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: #fff;
color: #00afe1;
}
.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 #00afe1 #00afe1!important;
}
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-info.is-light
{
background-color: #ebfaff;
color: #008bb3;
}
.button.is-info.is-light.is-hovered, .button.is-info.is-light:hover
{
background-color: #def8ff;
border-color: transparent;
color: #008bb3;
}
.button.is-info.is-light.is-active, .button.is-info.is-light:active
{
background-color: #d1f5ff;
border-color: transparent;
color: #008bb3;
}
.button.is-success
{
background-color: #63a91d;
border-color: transparent;
color: #fff;
}
.button.is-success.is-hovered, .button.is-success:hover
{
background-color: #5d9e1b;
border-color: transparent;
color: #fff;
}
.button.is-success.is-focused, .button.is-success:focus
{
border-color: transparent;
color: #fff;
}
.button.is-success.is-focused:not(:active), .button.is-success:focus:not(:active)
{
box-shadow: 0 0 0 .125em rgba(99,169,29,.25);
}
.button.is-success.is-active, .button.is-success:active
{
background-color: #569319;
border-color: transparent;
color: #fff;
}
.button.is-success[disabled], fieldset[disabled] .button.is-success
{
background-color: #63a91d;
border-color: #63a91d;
box-shadow: none;
}
.button.is-success.is-inverted
{
background-color: #fff;
color: #63a91d;
}
.button.is-success.is-inverted.is-hovered, .button.is-success.is-inverted:hover
{
background-color: #f2f2f2;
}
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted
{
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #63a91d;
}
.button.is-success.is-loading:after
{
border-color: transparent transparent #fff #fff!important;
}
.button.is-success.is-outlined
{
background-color: transparent;
border-color: #63a91d;
color: #63a91d;
}
.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: #63a91d;
border-color: #63a91d;
color: #fff;
}
.button.is-success.is-outlined.is-loading:after
{
border-color: transparent transparent #63a91d #63a91d!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 #fff #fff!important;
}
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined
{
background-color: transparent;
border-color: #63a91d;
box-shadow: none;
color: #63a91d;
}
.button.is-success.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
color: #fff;
}
.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: #fff;
color: #63a91d;
}
.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 #63a91d #63a91d!important;
}
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-success.is-light
{
background-color: #f5fcee;
color: #5ea11c;
}
.button.is-success.is-light.is-hovered, .button.is-success.is-light:hover
{
background-color: #eefae3;
border-color: transparent;
color: #5ea11c;
}
.button.is-success.is-light.is-active, .button.is-success.is-light:active
{
background-color: #e8f8d8;
border-color: transparent;
color: #5ea11c;
}
.button.is-warning
{
background-color: #ffe08a;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.button.is-warning.is-hovered, .button.is-warning:hover
{
background-color: #ffdc7d;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.button.is-warning.is-focused, .button.is-warning:focus
{
border-color: transparent;
color: rgba(0,0,0,.7);
}
.button.is-warning.is-focused:not(:active), .button.is-warning:focus:not(:active)
{
box-shadow: 0 0 0 .125em rgba(255,224,138,.25);
}
.button.is-warning.is-active, .button.is-warning:active
{
background-color: #ffd970;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning
{
background-color: #ffe08a;
border-color: #ffe08a;
box-shadow: none;
}
.button.is-warning.is-inverted
{
color: #ffe08a;
}
.button.is-warning.is-inverted, .button.is-warning.is-inverted.is-hovered, .button.is-warning.is-inverted:hover
{
background-color: rgba(0,0,0,.7);
}
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted
{
background-color: rgba(0,0,0,.7);
border-color: transparent;
box-shadow: none;
color: #ffe08a;
}
.button.is-warning.is-loading:after
{
border-color: transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important;
}
.button.is-warning.is-outlined
{
background-color: transparent;
border-color: #ffe08a;
color: #ffe08a;
}
.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: #ffe08a;
border-color: #ffe08a;
color: rgba(0,0,0,.7);
}
.button.is-warning.is-outlined.is-loading:after
{
border-color: transparent transparent #ffe08a #ffe08a!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,.7) rgba(0,0,0,.7)!important;
}
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined
{
background-color: transparent;
border-color: #ffe08a;
box-shadow: none;
color: #ffe08a;
}
.button.is-warning.is-inverted.is-outlined
{
background-color: transparent;
border-color: rgba(0,0,0,.7);
color: rgba(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,.7);
color: #ffe08a;
}
.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 #ffe08a #ffe08a!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,.7);
box-shadow: none;
color: rgba(0,0,0,.7);
}
.button.is-warning.is-light
{
background-color: #fffaeb;
color: #946c00;
}
.button.is-warning.is-light.is-hovered, .button.is-warning.is-light:hover
{
background-color: #fff6de;
border-color: transparent;
color: #946c00;
}
.button.is-warning.is-light.is-active, .button.is-warning.is-light:active
{
background-color: #fff3d1;
border-color: transparent;
color: #946c00;
}
.button.is-danger
{
background-color: #d40124;
border-color: transparent;
color: #fff;
}
.button.is-danger.is-hovered, .button.is-danger:hover
{
background-color: #c70122;
border-color: transparent;
color: #fff;
}
.button.is-danger.is-focused, .button.is-danger:focus
{
border-color: transparent;
color: #fff;
}
.button.is-danger.is-focused:not(:active), .button.is-danger:focus:not(:active)
{
box-shadow: 0 0 0 .125em rgba(212,1,36,.25);
}
.button.is-danger.is-active, .button.is-danger:active
{
background-color: #bb0120;
border-color: transparent;
color: #fff;
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger
{
background-color: #d40124;
border-color: #d40124;
box-shadow: none;
}
.button.is-danger.is-inverted
{
background-color: #fff;
color: #d40124;
}
.button.is-danger.is-inverted.is-hovered, .button.is-danger.is-inverted:hover
{
background-color: #f2f2f2;
}
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted
{
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #d40124;
}
.button.is-danger.is-loading:after
{
border-color: transparent transparent #fff #fff!important;
}
.button.is-danger.is-outlined
{
background-color: transparent;
border-color: #d40124;
color: #d40124;
}
.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: #d40124;
border-color: #d40124;
color: #fff;
}
.button.is-danger.is-outlined.is-loading:after
{
border-color: transparent transparent #d40124 #d40124!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 #fff #fff!important;
}
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined
{
background-color: transparent;
border-color: #d40124;
box-shadow: none;
color: #d40124;
}
.button.is-danger.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
color: #fff;
}
.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: #fff;
color: #d40124;
}
.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 #d40124 #d40124!important;
}
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined
{
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.button.is-danger.is-light
{
background-color: #ffebee;
color: #f9012a;
}
.button.is-danger.is-light.is-hovered, .button.is-danger.is-light:hover
{
background-color: #ffdee3;
border-color: transparent;
color: #f9012a;
}
.button.is-danger.is-light.is-active, .button.is-danger.is-light:active
{
background-color: #ffd1d9;
border-color: transparent;
color: #f9012a;
}
.button.is-small
{
font-size: .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: #fff;
border-color: #dbdbdb;
box-shadow: none;
opacity: .5;
}
.button.is-fullwidth
{
display: flex;
width: 100%;
}
.button.is-loading
{
color: transparent!important;
pointer-events: none;
}
.button.is-loading:after
{
position: absolute;
left: calc(50% - .5em);
top: calc(50% - .5em);
position: absolute!important;
}
.button.is-static
{
background-color: #f5f5f5;
border-color: #dbdbdb;
color: #7a7a7a;
box-shadow: none;
pointer-events: none;
}
.button.is-rounded
{
border-radius: 9999px;
padding-left: 1.25em;
padding-right: 1.25em;
}
.buttons
{
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.buttons .button
{
margin-bottom: .5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth)
{
margin-right: .5rem;
}
.buttons:last-child
{
margin-bottom: -.5rem;
}
.buttons:not(:last-child)
{
margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large)
{
font-size: .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: 0;
border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child)
{
border-bottom-right-radius: 0;
border-top-right-radius: 0;
margin-right: -1px;
}
.buttons.has-addons .button:last-child
{
margin-right: 0;
}
.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: .25rem;
margin-right: .25rem;
}
.buttons.is-right
{
justify-content: flex-end;
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth)
{
margin-left: .25rem;
margin-right: .25rem;
}
@media screen and (max-width: 768px)
{
.button.is-responsive.is-small
{
font-size: .5625rem;
}
.button.is-responsive, .button.is-responsive.is-normal
{
font-size: .65625rem;
}
.button.is-responsive.is-medium
{
font-size: .75rem;
}
.button.is-responsive.is-large
{
font-size: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px)
{
.button.is-responsive.is-small
{
font-size: .65625rem;
}
.button.is-responsive, .button.is-responsive.is-normal
{
font-size: .75rem;
}
.button.is-responsive.is-medium
{
font-size: 1rem;
}
.button.is-responsive.is-large
{
font-size: 1.25rem;
}
}
.container
{
flex-grow: 1;
margin: 0 auto;
position: relative;
width: auto;
}
.container.is-fluid
{
max-width: none!important;
padding-left: 32px;
padding-right: 32px;
width: 100%;
}
@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: 1344px;
}
}
@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: 1344px;
}
}
.content li+li
{
margin-top: .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: #363636;
font-weight: 600;
line-height: 1.125;
}
.content h1
{
font-size: 2em;
margin-bottom: .5em;
}
.content h1:not(:first-child)
{
margin-top: 1em;
}
.content h2
{
font-size: 1.75em;
margin-bottom: .5714em;
}
.content h2:not(:first-child)
{
margin-top: 1.1428em;
}
.content h3
{
font-size: 1.5em;
margin-bottom: .6666em;
}
.content h3:not(:first-child)
{
margin-top: 1.3333em;
}
.content h4
{
font-size: 1.25em;
margin-bottom: .8em;
}
.content h5
{
font-size: 1.125em;
margin-bottom: .8888em;
}
.content h6
{
font-size: 1em;
margin-bottom: 1em;
}
.content blockquote
{
background-color: #f5f5f5;
border-left: 5px solid #dbdbdb;
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: disc outside;
margin-left: 2em;
margin-top: 1em;
}
.content ul ul
{
list-style-type: circle;
margin-top: .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
{
-webkit-overflow-scrolling: touch;
overflow-x: auto;
padding: 1.25em 1.5em;
white-space: pre;
word-wrap: normal;
}
.content sub, .content sup
{
font-size: 75%;
}
.content table
{
width: 100%;
}
.content table td, .content table th
{
border: solid #dbdbdb;
border-width: 0 0 1px;
padding: .5em .75em;
vertical-align: top;
}
.content table th
{
color: #363636;
}
.content table th:not([align])
{
text-align: inherit;
}
.content table thead td, .content table thead th
{
border-width: 0 0 2px;
color: #363636;
}
.content table tfoot td, .content table tfoot th
{
border-width: 2px 0 0;
color: #363636;
}
.content table tbody tr:last-child td, .content table tbody tr:last-child th
{
border-bottom-width: 0;
}
.content .tabs li+li
{
margin-top: 0;
}
.content.is-small
{
font-size: .75rem;
}
.content.is-normal
{
font-size: 1rem;
}
.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: .25em;
}
.icon-text .icon:not(:first-child)
{
margin-left: .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: 9999px;
}
.image.is-fullwidth
{
width: 100%;
}
.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-16by9 .has-ratio, .image.is-16by9 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.3333%;
}
.image.is-2by3
{
padding-top: 150%;
}
.image.is-3by5
{
padding-top: 166.6666%;
}
.image.is-9by16
{
padding-top: 177.7777%;
}
.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: #f5f5f5;
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: #fff;
}
.notification pre code
{
background: transparent;
}
.notification>.delete
{
right: .5rem;
position: absolute;
top: .5rem;
}
.notification .content, .notification .subtitle, .notification .title
{
color: currentColor;
}
.notification.is-white
{
background-color: #fff;
color: #000;
}
.notification.is-black
{
background-color: #000;
color: #fff;
}
.notification.is-light
{
background-color: #f5f5f5;
color: rgba(0,0,0,.7);
}
.notification.is-dark
{
background-color: #363636;
color: #fff;
}
.notification.is-primary
{
background-color: #00d1b2;
color: #fff;
}
.notification.is-primary.is-light
{
background-color: #ebfffc;
color: #00947e;
}
.notification.is-link
{
background-color: #004178;
color: #fff;
}
.notification.is-link.is-light
{
background-color: #ebf6ff;
color: #0f91ff;
}
.notification.is-info
{
background-color: #00afe1;
color: #fff;
}
.notification.is-info.is-light
{
background-color: #ebfaff;
color: #008bb3;
}
.notification.is-success
{
background-color: #63a91d;
color: #fff;
}
.notification.is-success.is-light
{
background-color: #f5fcee;
color: #5ea11c;
}
.notification.is-warning
{
background-color: #ffe08a;
color: rgba(0,0,0,.7);
}
.notification.is-warning.is-light
{
background-color: #fffaeb;
color: #946c00;
}
.notification.is-danger
{
background-color: #d40124;
color: #fff;
}
.notification.is-danger.is-light
{
background-color: #ffebee;
color: #f9012a;
}
.progress
{
-moz-appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 9999px;
display: block;
height: 1rem;
overflow: hidden;
padding: 0;
width: 100%;
}
.progress::-webkit-progress-bar
{
background-color: #ededed;
}
.progress::-webkit-progress-value
{
background-color: #4a4a4a;
}
.progress::-moz-progress-bar
{
background-color: #4a4a4a;
}
.progress::-ms-fill
{
background-color: #4a4a4a;
border: none;
}
.progress.is-white::-webkit-progress-value
{
background-color: #fff;
}
.progress.is-white::-moz-progress-bar
{
background-color: #fff;
}
.progress.is-white::-ms-fill
{
background-color: #fff;
}
.progress.is-white:indeterminate
{
background-image: linear-gradient(90deg,#fff 30%,#ededed 0);
}
.progress.is-black::-webkit-progress-value
{
background-color: #000;
}
.progress.is-black::-moz-progress-bar
{
background-color: #000;
}
.progress.is-black::-ms-fill
{
background-color: #000;
}
.progress.is-black:indeterminate
{
background-image: linear-gradient(90deg,#000 30%,#ededed 0);
}
.progress.is-light::-webkit-progress-value
{
background-color: #f5f5f5;
}
.progress.is-light::-moz-progress-bar
{
background-color: #f5f5f5;
}
.progress.is-light::-ms-fill
{
background-color: #f5f5f5;
}
.progress.is-light:indeterminate
{
background-image: linear-gradient(90deg,#f5f5f5 30%,#ededed 0);
}
.progress.is-dark::-webkit-progress-value
{
background-color: #363636;
}
.progress.is-dark::-moz-progress-bar
{
background-color: #363636;
}
.progress.is-dark::-ms-fill
{
background-color: #363636;
}
.progress.is-dark:indeterminate
{
background-image: linear-gradient(90deg,#363636 30%,#ededed 0);
}
.progress.is-primary::-webkit-progress-value
{
background-color: #00d1b2;
}
.progress.is-primary::-moz-progress-bar
{
background-color: #00d1b2;
}
.progress.is-primary::-ms-fill
{
background-color: #00d1b2;
}
.progress.is-primary:indeterminate
{
background-image: linear-gradient(90deg,#00d1b2 30%,#ededed 0);
}
.progress.is-link::-webkit-progress-value
{
background-color: #004178;
}
.progress.is-link::-moz-progress-bar
{
background-color: #004178;
}
.progress.is-link::-ms-fill
{
background-color: #004178;
}
.progress.is-link:indeterminate
{
background-image: linear-gradient(90deg,#004178 30%,#ededed 0);
}
.progress.is-info::-webkit-progress-value
{
background-color: #00afe1;
}
.progress.is-info::-moz-progress-bar
{
background-color: #00afe1;
}
.progress.is-info::-ms-fill
{
background-color: #00afe1;
}
.progress.is-info:indeterminate
{
background-image: linear-gradient(90deg,#00afe1 30%,#ededed 0);
}
.progress.is-success::-webkit-progress-value
{
background-color: #63a91d;
}
.progress.is-success::-moz-progress-bar
{
background-color: #63a91d;
}
.progress.is-success::-ms-fill
{
background-color: #63a91d;
}
.progress.is-success:indeterminate
{
background-image: linear-gradient(90deg,#63a91d 30%,#ededed 0);
}
.progress.is-warning::-webkit-progress-value
{
background-color: #ffe08a;
}
.progress.is-warning::-moz-progress-bar
{
background-color: #ffe08a;
}
.progress.is-warning::-ms-fill
{
background-color: #ffe08a;
}
.progress.is-warning:indeterminate
{
background-image: linear-gradient(90deg,#ffe08a 30%,#ededed 0);
}
.progress.is-danger::-webkit-progress-value
{
background-color: #d40124;
}
.progress.is-danger::-moz-progress-bar
{
background-color: #d40124;
}
.progress.is-danger::-ms-fill
{
background-color: #d40124;
}
.progress.is-danger:indeterminate
{
background-image: linear-gradient(90deg,#d40124 30%,#ededed 0);
}
.progress:indeterminate
{
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: moveIndeterminate;
animation-name: moveIndeterminate;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background-color: #ededed;
background-image: linear-gradient(90deg,#4a4a4a 30%,#ededed 0);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar
{
background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar
{
background-color: transparent;
}
.progress:indeterminate::-ms-fill
{
animation-name: none;
}
.progress.is-small
{
height: .75rem;
}
.progress.is-medium
{
height: 1.25rem;
}
.progress.is-large
{
height: 1.5rem;
}
@-webkit-keyframes moveIndeterminate
{
0%
{
background-position: 200% 0;
}
to
{
background-position: -200% 0;
}
}
@keyframes moveIndeterminate
{
0%
{
background-position: 200% 0;
}
to
{
background-position: -200% 0;
}
}
.table
{
background-color: #fff;
color: #363636;
}
.table td, .table th
{
border: solid #dbdbdb;
border-width: 0 0 1px;
padding: .5em .75em;
vertical-align: top;
}
.table td.is-white, .table th.is-white
{
background-color: #fff;
border-color: #fff;
color: #000;
}
.table td.is-black, .table th.is-black
{
background-color: #000;
border-color: #000;
color: #fff;
}
.table td.is-light, .table th.is-light
{
background-color: #f5f5f5;
border-color: #f5f5f5;
color: rgba(0,0,0,.7);
}
.table td.is-dark, .table th.is-dark
{
background-color: #363636;
border-color: #363636;
color: #fff;
}
.table td.is-primary, .table th.is-primary
{
background-color: #00d1b2;
border-color: #00d1b2;
color: #fff;
}
.table td.is-link, .table th.is-link
{
background-color: #004178;
border-color: #004178;
color: #fff;
}
.table td.is-info, .table th.is-info
{
background-color: #00afe1;
border-color: #00afe1;
color: #fff;
}
.table td.is-success, .table th.is-success
{
background-color: #63a91d;
border-color: #63a91d;
color: #fff;
}
.table td.is-warning, .table th.is-warning
{
background-color: #ffe08a;
border-color: #ffe08a;
color: rgba(0,0,0,.7);
}
.table td.is-danger, .table th.is-danger
{
background-color: #d40124;
border-color: #d40124;
color: #fff;
}
.table td.is-narrow, .table th.is-narrow
{
white-space: nowrap;
width: 1%;
}
.table td.is-selected, .table th.is-selected
{
background-color: #00d1b2;
color: #fff;
}
.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: #363636;
}
.table th:not([align])
{
text-align: left;
}
.table tr.is-selected
{
background-color: #00d1b2;
color: #fff;
}
.table tr.is-selected a, .table tr.is-selected strong
{
color: currentColor;
}
.table tr.is-selected td, .table tr.is-selected th
{
border-color: #fff;
color: currentColor;
}
.table thead
{
background-color: transparent;
}
.table thead td, .table thead th
{
border-width: 0 0 2px;
color: #363636;
}
.table tfoot
{
background-color: transparent;
}
.table tfoot td, .table tfoot th
{
border-width: 2px 0 0;
color: #363636;
}
.table tbody
{
background-color: transparent;
}
.table tbody tr:last-child td, .table tbody tr:last-child th
{
border-bottom-width: 0;
}
.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.is-striped tbody tr:not(.is-selected):hover, .table.is-hoverable tbody tr:not(.is-selected):hover
{
background-color: #fafafa;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n)
{
background-color: #f5f5f5;
}
.table.is-narrow td, .table.is-narrow th
{
padding: .25em .5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(2n)
{
background-color: #fafafa;
}
.table-container
{
-webkit-overflow-scrolling: touch;
overflow: auto;
overflow-y: hidden;
max-width: 100%;
}
.tags
{
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.tags .tag
{
margin-bottom: .5rem;
}
.tags .tag:not(:last-child)
{
margin-right: .5rem;
}
.tags:last-child
{
margin-bottom: -.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: .25rem;
margin-left: .25rem;
}
.tags.is-right
{
justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child)
{
margin-left: .5rem;
}
.tags.has-addons .tag, .tags.is-right .tag:not(:last-child)
{
margin-right: 0;
}
.tags.has-addons .tag:not(:first-child)
{
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child)
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.tag:not(body)
{
align-items: center;
background-color: #f5f5f5;
border-radius: 4px;
color: #4a4a4a;
display: inline-flex;
font-size: .75rem;
height: 2em;
justify-content: center;
line-height: 1.5;
padding-left: .75em;
padding-right: .75em;
white-space: nowrap;
}
.tag:not(body) .delete
{
margin-left: .25rem;
margin-right: -.375rem;
}
.tag:not(body).is-white
{
background-color: #fff;
color: #000;
}
.tag:not(body).is-black
{
background-color: #000;
color: #fff;
}
.tag:not(body).is-light
{
background-color: #f5f5f5;
color: rgba(0,0,0,.7);
}
.tag:not(body).is-dark
{
background-color: #363636;
color: #fff;
}
.tag:not(body).is-primary
{
background-color: #00d1b2;
color: #fff;
}
.tag:not(body).is-primary.is-light
{
background-color: #ebfffc;
color: #00947e;
}
.tag:not(body).is-link
{
background-color: #004178;
color: #fff;
}
.tag:not(body).is-link.is-light
{
background-color: #ebf6ff;
color: #0f91ff;
}
.tag:not(body).is-info
{
background-color: #00afe1;
color: #fff;
}
.tag:not(body).is-info.is-light
{
background-color: #ebfaff;
color: #008bb3;
}
.tag:not(body).is-success
{
background-color: #63a91d;
color: #fff;
}
.tag:not(body).is-success.is-light
{
background-color: #f5fcee;
color: #5ea11c;
}
.tag:not(body).is-warning
{
background-color: #ffe08a;
color: rgba(0,0,0,.7);
}
.tag:not(body).is-warning.is-light
{
background-color: #fffaeb;
color: #946c00;
}
.tag:not(body).is-danger
{
background-color: #d40124;
color: #fff;
}
.tag:not(body).is-danger.is-light
{
background-color: #ffebee;
color: #f9012a;
}
.tag:not(body).is-normal
{
font-size: .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: -.375em;
margin-right: .1875em;
}
.tag:not(body) .icon:last-child:not(:first-child)
{
margin-left: .1875em;
margin-right: -.375em;
}
.tag:not(body) .icon:first-child:last-child
{
margin-left: -.375em;
margin-right: -.375em;
}
.tag:not(body).is-delete
{
margin-left: 1px;
padding: 0;
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: #e8e8e8;
}
.tag:not(body).is-delete:active
{
background-color: #dbdbdb;
}
.tag:not(body).is-rounded
{
border-radius: 9999px;
}
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, .subtitle sup, .title sub, .title sup
{
font-size: .75em;
}
.subtitle .tag, .title .tag
{
vertical-align: middle;
}
.title
{
color: #363636;
font-size: 2rem;
font-weight: 600;
line-height: 1.125;
}
.title strong
{
color: inherit;
font-weight: inherit;
}
.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: .75rem;
}
.subtitle
{
color: #4a4a4a;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.25;
}
.subtitle strong
{
color: #363636;
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: .75rem;
}
.heading
{
display: block;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 5px;
text-transform: uppercase;
}
.number
{
align-items: center;
background-color: #f5f5f5;
border-radius: 9999px;
display: inline-flex;
font-size: 1.25rem;
height: 2em;
justify-content: center;
margin-right: 1.5rem;
min-width: 2.5em;
padding: .25rem .5rem;
text-align: center;
vertical-align: top;
}
.input, .select select, .textarea
{
background-color: #fff;
border-color: #dbdbdb;
border-radius: 4px;
color: #363636;
}
.input::-moz-placeholder, .select select::-moz-placeholder, .textarea::-moz-placeholder
{
color: rgba(54,54,54,.3);
}
.input::-webkit-input-placeholder, .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder
{
color: rgba(54,54,54,.3);
}
.input:-moz-placeholder, .select select:-moz-placeholder, .textarea:-moz-placeholder
{
color: rgba(54,54,54,.3);
}
.input:-ms-input-placeholder, .select select:-ms-input-placeholder, .textarea:-ms-input-placeholder
{
color: rgba(54,54,54,.3);
}
.input:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered, .select select:hover, .textarea:hover
{
border-color: #b5b5b5;
}
.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: #004178;
box-shadow: 0 0 0 .125em rgba(0,65,120,.25);
}
.select fieldset[disabled] select, .select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .input, fieldset[disabled] .select select, fieldset[disabled] .textarea
{
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
color: #7a7a7a;
}
.select fieldset[disabled] select::-moz-placeholder, .select select[disabled]::-moz-placeholder, [disabled].input::-moz-placeholder, [disabled].textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder
{
color: hsla(0,0%,47.8%,.3);
}
.select fieldset[disabled] select::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder
{
color: hsla(0,0%,47.8%,.3);
}
.select fieldset[disabled] select:-moz-placeholder, .select select[disabled]:-moz-placeholder, [disabled].input:-moz-placeholder, [disabled].textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder
{
color: hsla(0,0%,47.8%,.3);
}
.select fieldset[disabled] select:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder
{
color: hsla(0,0%,47.8%,.3);
}
.input, .textarea
{
box-shadow: inset 0 .0625em .125em rgba(0,0,0,.05);
max-width: 100%;
width: 100%;
}
[readonly].input, [readonly].textarea
{
box-shadow: none;
}
.is-white.input, .is-white.textarea
{
border-color: #fff;
}
.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: 0 0 0 .125em hsla(0,0%,100%,.25);
}
.is-black.input, .is-black.textarea
{
border-color: #000;
}
.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: 0 0 0 .125em rgba(0,0,0,.25);
}
.is-light.input, .is-light.textarea
{
border-color: #f5f5f5;
}
.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: 0 0 0 .125em hsla(0,0%,96.1%,.25);
}
.is-dark.input, .is-dark.textarea
{
border-color: #363636;
}
.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: 0 0 0 .125em rgba(54,54,54,.25);
}
.is-primary.input, .is-primary.textarea
{
border-color: #00d1b2;
}
.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: 0 0 0 .125em rgba(0,209,178,.25);
}
.is-link.input, .is-link.textarea
{
border-color: #004178;
}
.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: 0 0 0 .125em rgba(0,65,120,.25);
}
.is-info.input, .is-info.textarea
{
border-color: #00afe1;
}
.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: 0 0 0 .125em rgba(0,175,225,.25);
}
.is-success.input, .is-success.textarea
{
border-color: #63a91d;
}
.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: 0 0 0 .125em rgba(99,169,29,.25);
}
.is-warning.input, .is-warning.textarea
{
border-color: #ffe08a;
}
.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: 0 0 0 .125em rgba(255,224,138,.25);
}
.is-danger.input, .is-danger.textarea
{
border-color: #d40124;
}
.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: 0 0 0 .125em rgba(212,1,36,.25);
}
.is-small.input, .is-small.textarea
{
border-radius: 2px;
font-size: .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: 9999px;
padding-left: calc(1.125em - 1px);
padding-right: calc(1.125em - 1px);
}
.input.is-static
{
background-color: transparent;
border-color: transparent;
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.textarea
{
display: block;
max-width: 100%;
min-width: 100%;
padding: calc(.75em - 1px);
resize: vertical;
}
.textarea:not([rows])
{
max-height: 40em;
min-height: 8em;
}
.textarea[rows]
{
height: auto;
}
.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: #363636;
}
.checkbox input[disabled], .radio input[disabled], [disabled].checkbox, [disabled].radio, fieldset[disabled] .checkbox, fieldset[disabled] .radio
{
color: #7a7a7a;
cursor: not-allowed;
}
.radio+.radio
{
margin-left: .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: #004178;
right: 1.125em;
z-index: 4;
}
.select.is-rounded select
{
border-radius: 9999px;
padding-left: 1em;
}
.select select
{
cursor: pointer;
display: block;
font-size: 1em;
max-width: 100%;
outline: none;
}
.select select::-ms-expand
{
display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover
{
border-color: #f5f5f5;
}
.select select:not([multiple])
{
padding-right: 2.5em;
}
.select select[multiple]
{
height: auto;
padding: 0;
}
.select select[multiple] option
{
padding: .5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover:after
{
border-color: #363636;
}
.select.is-white:not(:hover):after, .select.is-white select
{
border-color: #fff;
}
.select.is-white select.is-hovered, .select.is-white select:hover
{
border-color: #f2f2f2;
}
.select.is-white select.is-active, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select:focus
{
box-shadow: 0 0 0 .125em hsla(0,0%,100%,.25);
}
.select.is-black:not(:hover):after, .select.is-black select, .select.is-black select.is-hovered, .select.is-black select:hover
{
border-color: #000;
}
.select.is-black select.is-active, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select:focus
{
box-shadow: 0 0 0 .125em rgba(0,0,0,.25);
}
.select.is-light:not(:hover):after, .select.is-light select
{
border-color: #f5f5f5;
}
.select.is-light select.is-hovered, .select.is-light select:hover
{
border-color: #e8e8e8;
}
.select.is-light select.is-active, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select:focus
{
box-shadow: 0 0 0 .125em hsla(0,0%,96.1%,.25);
}
.select.is-dark:not(:hover):after, .select.is-dark select
{
border-color: #363636;
}
.select.is-dark select.is-hovered, .select.is-dark select:hover
{
border-color: #292929;
}
.select.is-dark select.is-active, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select:focus
{
box-shadow: 0 0 0 .125em rgba(54,54,54,.25);
}
.select.is-primary:not(:hover):after, .select.is-primary select
{
border-color: #00d1b2;
}
.select.is-primary select.is-hovered, .select.is-primary select:hover
{
border-color: #00b89c;
}
.select.is-primary select.is-active, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select:focus
{
box-shadow: 0 0 0 .125em rgba(0,209,178,.25);
}
.select.is-link:not(:hover):after, .select.is-link select
{
border-color: #004178;
}
.select.is-link select.is-hovered, .select.is-link select:hover
{
border-color: #00335f;
}
.select.is-link select.is-active, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select:focus
{
box-shadow: 0 0 0 .125em rgba(0,65,120,.25);
}
.select.is-info:not(:hover):after, .select.is-info select
{
border-color: #00afe1;
}
.select.is-info select.is-hovered, .select.is-info select:hover
{
border-color: #009bc8;
}
.select.is-info select.is-active, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select:focus
{
box-shadow: 0 0 0 .125em rgba(0,175,225,.25);
}
.select.is-success:not(:hover):after, .select.is-success select
{
border-color: #63a91d;
}
.select.is-success select.is-hovered, .select.is-success select:hover
{
border-color: #569319;
}
.select.is-success select.is-active, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select:focus
{
box-shadow: 0 0 0 .125em rgba(99,169,29,.25);
}
.select.is-warning:not(:hover):after, .select.is-warning select
{
border-color: #ffe08a;
}
.select.is-warning select.is-hovered, .select.is-warning select:hover
{
border-color: #ffd970;
}
.select.is-warning select.is-active, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select:focus
{
box-shadow: 0 0 0 .125em rgba(255,224,138,.25);
}
.select.is-danger:not(:hover):after, .select.is-danger select
{
border-color: #d40124;
}
.select.is-danger select.is-hovered, .select.is-danger select:hover
{
border-color: #bb0120;
}
.select.is-danger select.is-active, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select:focus
{
box-shadow: 0 0 0 .125em rgba(212,1,36,.25);
}
.select.is-small
{
border-radius: 2px;
font-size: .75rem;
}
.select.is-medium
{
font-size: 1.25rem;
}
.select.is-large
{
font-size: 1.5rem;
}
.select.is-disabled:after
{
border-color: #7a7a7a!important;
opacity: .5;
}
.select.is-fullwidth, .select.is-fullwidth select
{
width: 100%;
}
.select.is-loading:after
{
margin-top: 0;
position: absolute;
right: .625em;
top: .625em;
transform: none;
}
.select.is-loading.is-small:after
{
font-size: .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: #fff;
border-color: transparent;
color: #000;
}
.file.is-white.is-hovered .file-cta, .file.is-white:hover .file-cta
{
background-color: #f9f9f9;
border-color: transparent;
color: #000;
}
.file.is-white.is-focused .file-cta, .file.is-white:focus .file-cta
{
border-color: transparent;
box-shadow: 0 0 .5em hsla(0,0%,100%,.25);
color: #000;
}
.file.is-white.is-active .file-cta, .file.is-white:active .file-cta
{
background-color: #f2f2f2;
border-color: transparent;
color: #000;
}
.file.is-black .file-cta, .file.is-black.is-hovered .file-cta, .file.is-black:hover .file-cta
{
background-color: #000;
border-color: transparent;
color: #fff;
}
.file.is-black.is-focused .file-cta, .file.is-black:focus .file-cta
{
border-color: transparent;
box-shadow: 0 0 .5em rgba(0,0,0,.25);
color: #fff;
}
.file.is-black.is-active .file-cta, .file.is-black:active .file-cta
{
background-color: #000;
border-color: transparent;
color: #fff;
}
.file.is-light .file-cta
{
background-color: #f5f5f5;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.file.is-light.is-hovered .file-cta, .file.is-light:hover .file-cta
{
background-color: #eee;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.file.is-light.is-focused .file-cta, .file.is-light:focus .file-cta
{
border-color: transparent;
box-shadow: 0 0 .5em hsla(0,0%,96.1%,.25);
color: rgba(0,0,0,.7);
}
.file.is-light.is-active .file-cta, .file.is-light:active .file-cta
{
background-color: #e8e8e8;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.file.is-dark .file-cta
{
background-color: #363636;
border-color: transparent;
color: #fff;
}
.file.is-dark.is-hovered .file-cta, .file.is-dark:hover .file-cta
{
background-color: #2f2f2f;
border-color: transparent;
color: #fff;
}
.file.is-dark.is-focused .file-cta, .file.is-dark:focus .file-cta
{
border-color: transparent;
box-shadow: 0 0 .5em rgba(54,54,54,.25);
color: #fff;
}
.file.is-dark.is-active .file-cta, .file.is-dark:active .file-cta
{
background-color: #292929;
border-color: transparent;
color: #fff;
}
.file.is-primary .file-cta
{
background-color: #00d1b2;
border-color: transparent;
color: #fff;
}
.file.is-primary.is-hovered .file-cta, .file.is-primary:hover .file-cta
{
background-color: #00c4a7;
border-color: transparent;
color: #fff;
}
.file.is-primary.is-focused .file-cta, .file.is-primary:focus .file-cta
{
border-color: transparent;
box-shadow: 0 0 .5em rgba(0,209,178,.25);
color: #fff;
}
.file.is-primary.is-active .file-cta, .file.is-primary:active .file-cta
{
background-color: #00b89c;
border-color: transparent;
color: #fff;
}
.file.is-link .file-cta
{
background-color: #004178;
border-color: transparent;
color: #fff;
}
.file.is-link.is-hovered .file-cta, .file.is-link:hover .file-cta
{
background-color: #003a6b;
border-color: transparent;
color: #fff;
}
.file.is-link.is-focused .file-cta, .file.is-link:focus .file-cta
{
border-color: transparent;
box-shadow: 0 0 .5em rgba(0,65,120,.25);
color: #fff;
}
.file.is-link.is-active .file-cta, .file.is-link:active .file-cta
{
background-color: #00335f;
border-color: transparent;
color: #fff;
}
.file.is-info .file-cta
{
background-color: #00afe1;
border-color: transparent;
color: #fff;
}
.file.is-info.is-hovered .file-cta, .file.is-info:hover .file-cta
{
background-color: #00a5d4;
border-color: transparent;
color: #fff;
}
.file.is-info.is-focused .file-cta, .file.is-info:focus .file-cta
{
border-color: transparent;
box-shadow: 0 0 .5em rgba(0,175,225,.25);
color: #fff;
}
.file.is-info.is-active .file-cta, .file.is-info:active .file-cta
{
background-color: #009bc8;
border-color: transparent;
color: #fff;
}
.file.is-success .file-cta
{
background-color: #63a91d;
border-color: transparent;
color: #fff;
}
.file.is-success.is-hovered .file-cta, .file.is-success:hover .file-cta
{
background-color: #5d9e1b;
border-color: transparent;
color: #fff;
}
.file.is-success.is-focused .file-cta, .file.is-success:focus .file-cta
{
border-color: transparent;
box-shadow: 0 0 .5em rgba(99,169,29,.25);
color: #fff;
}
.file.is-success.is-active .file-cta, .file.is-success:active .file-cta
{
background-color: #569319;
border-color: transparent;
color: #fff;
}
.file.is-warning .file-cta
{
background-color: #ffe08a;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.file.is-warning.is-hovered .file-cta, .file.is-warning:hover .file-cta
{
background-color: #ffdc7d;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.file.is-warning.is-focused .file-cta, .file.is-warning:focus .file-cta
{
border-color: transparent;
box-shadow: 0 0 .5em rgba(255,224,138,.25);
color: rgba(0,0,0,.7);
}
.file.is-warning.is-active .file-cta, .file.is-warning:active .file-cta
{
background-color: #ffd970;
border-color: transparent;
color: rgba(0,0,0,.7);
}
.file.is-danger .file-cta
{
background-color: #d40124;
border-color: transparent;
color: #fff;
}
.file.is-danger.is-hovered .file-cta, .file.is-danger:hover .file-cta
{
background-color: #c70122;
border-color: transparent;
color: #fff;
}
.file.is-danger.is-focused .file-cta, .file.is-danger:focus .file-cta
{
border-color: transparent;
box-shadow: 0 0 .5em rgba(212,1,36,.25);
color: #fff;
}
.file.is-danger.is-active .file-cta, .file.is-danger:active .file-cta
{
background-color: #bb0120;
border-color: transparent;
color: #fff;
}
.file.is-small
{
font-size: .75rem;
}
.file.is-normal
{
font-size: 1rem;
}
.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: 0;
border-top-right-radius: 0;
}
.file.has-name .file-name
{
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.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: 0 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 0 0;
}
.file.is-boxed.has-name .file-name
{
border-radius: 0 0 4px 4px;
border-width: 0 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: 0 4px 4px 0;
}
.file.is-right .file-name
{
border-radius: 4px 0 0 4px;
border-width: 1px 0 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: #eee;
color: #363636;
}
.file-label:hover .file-name
{
border-color: #d5d5d5;
}
.file-label:active .file-cta
{
background-color: #e8e8e8;
color: #363636;
}
.file-label:active .file-name
{
border-color: #cfcfcf;
}
.file-input
{
height: 100%;
left: 0;
opacity: 0;
outline: none;
position: absolute;
top: 0;
width: 100%;
}
.file-cta, .file-name
{
border-color: #dbdbdb;
border-radius: 4px;
font-size: 1em;
padding-left: 1em;
padding-right: 1em;
white-space: nowrap;
}
.file-cta
{
background-color: #f5f5f5;
color: #4a4a4a;
}
.file-name
{
border: 1px solid #dbdbdb;
border-left-width: 0;
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: .5em;
width: 1em;
}
.file-icon .fa
{
font-size: 14px;
}
.label
{
color: #363636;
display: block;
font-size: 1rem;
font-weight: 700;
}
.label:not(:last-child)
{
margin-bottom: .5em;
}
.label.is-small
{
font-size: .75rem;
}
.label.is-medium
{
font-size: 1.25rem;
}
.label.is-large
{
font-size: 1.5rem;
}
.help
{
display: block;
font-size: .75rem;
margin-top: .25rem;
}
.help.is-white
{
color: #fff;
}
.help.is-black
{
color: #000;
}
.help.is-light
{
color: #f5f5f5;
}
.help.is-dark
{
color: #363636;
}
.help.is-primary
{
color: #00d1b2;
}
.help.is-link
{
color: #004178;
}
.help.is-info
{
color: #00afe1;
}
.help.is-success
{
color: #63a91d;
}
.help.is-warning
{
color: #ffe08a;
}
.help.is-danger
{
color: #d40124;
}
.field:not(:last-child)
{
margin-bottom: .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: 0;
}
.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: 0;
border-top-right-radius: 0;
}
.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: 0;
border-top-left-radius: 0;
}
.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: 0;
margin-right: .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: .75rem;
}
.field.is-grouped.is-grouped-multiline:last-child
{
margin-bottom: -.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child)
{
margin-bottom: 0;
}
@media print, screen and (min-width: 769px)
{
.field.is-horizontal
{
display: flex;
}
}
.field-label .label
{
font-size: inherit;
}
@media screen and (max-width: 768px)
{
.field-label
{
margin-bottom: .5rem;
}
}
@media print, screen and (min-width: 769px)
{
.field-label
{
flex-basis: 0;
flex-grow: 1;
flex-shrink: 0;
margin-right: 1.5rem;
text-align: right;
}
.field-label.is-small
{
font-size: .75rem;
padding-top: .375em;
}
.field-label.is-normal
{
padding-top: .375em;
}
.field-label.is-medium
{
font-size: 1.25rem;
padding-top: .375em;
}
.field-label.is-large
{
font-size: 1.5rem;
padding-top: .375em;
}
}
.field-body .field .field
{
margin-bottom: 0;
}
@media print, screen and (min-width: 769px)
{
.field-body
{
display: flex;
flex-basis: 0;
flex-grow: 5;
flex-shrink: 1;
}
.field-body .field
{
margin-bottom: 0;
}
.field-body>.field
{
flex-shrink: 1;
}
.field-body>.field:not(.is-narrow)
{
flex-grow: 1;
}
.field-body>.field:not(:last-child)
{
margin-right: .75rem;
}
}
.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: #4a4a4a;
}
.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: .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: #dbdbdb;
height: 2.5em;
pointer-events: none;
position: absolute;
top: 0;
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: 0;
}
.control.has-icons-right .input, .control.has-icons-right .select select
{
padding-right: 2.5em;
}
.control.has-icons-right .icon.is-right
{
right: 0;
}
.control.is-loading:after
{
position: absolute!important;
right: .625em;
top: .625em;
z-index: 4;
}
.control.is-loading.is-small:after
{
font-size: .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: #004178;
display: flex;
justify-content: center;
padding: 0 .75em;
}
.breadcrumb a:hover
{
color: #363636;
}
.breadcrumb li
{
align-items: center;
display: flex;
}
.breadcrumb li:first-child a
{
padding-left: 0;
}
.breadcrumb li.is-active a
{
color: #363636;
cursor: default;
pointer-events: none;
}
.breadcrumb li+li:before
{
color: #b5b5b5;
content: "/";
}
.breadcrumb ol, .breadcrumb ul
{
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.breadcrumb .icon:first-child
{
margin-right: .5em;
}
.breadcrumb .icon:last-child
{
margin-left: .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: .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
{
border-radius: .25rem;
box-shadow: 0 .5em 1em -.125em rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.02);
color: #4a4a4a;
}
.card-content:first-child, .card-footer:first-child, .card-header:first-child
{
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
.card-content:last-child, .card-footer:last-child, .card-header:last-child
{
border-bottom-left-radius: .25rem;
border-bottom-right-radius: .25rem;
}
.card-header
{
background-color: transparent;
align-items: stretch;
box-shadow: 0 .125em .25em rgba(0,0,0,.1);
display: flex;
}
.card-header-title
{
align-items: center;
color: #363636;
display: flex;
flex-grow: 1;
font-weight: 700;
padding: .75rem 1rem;
}
.card-header-icon, .card-header-title.is-centered
{
justify-content: center;
}
.card-header-icon
{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
color: currentColor;
font-family: inherit;
font-size: 1em;
margin: 0;
align-items: center;
cursor: pointer;
display: flex;
padding: .75rem 1rem;
}
.card-image
{
display: block;
position: relative;
}
.card-image:first-child img
{
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
.card-image:last-child img
{
border-bottom-left-radius: .25rem;
border-bottom-right-radius: .25rem;
}
.card-content
{
padding: 1.5rem;
}
.card-content, .card-footer
{
background-color: transparent;
}
.card-footer
{
border-top: 1px solid #ededed;
align-items: stretch;
display: flex;
}
.card-footer-item
{
align-items: center;
display: flex;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 0;
justify-content: center;
padding: .75rem;
}
.card-footer-item:not(:last-child)
{
border-right: 1px solid #ededed;
}
.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: 0;
}
.dropdown.is-up .dropdown-menu
{
bottom: 100%;
padding-bottom: 4px;
padding-top: 0;
top: auto;
}
.dropdown-menu
{
display: none;
left: 0;
min-width: 12rem;
padding-top: 4px;
position: absolute;
top: 100%;
z-index: 20;
}
.dropdown-content
{
background-color: #fff;
border-radius: 4px;
box-shadow: 0 .5em 1em -.125em rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.02);
padding-bottom: .5rem;
padding-top: .5rem;
}
.dropdown-item
{
color: #4a4a4a;
display: block;
font-size: .875rem;
line-height: 1.5;
padding: .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: #f5f5f5;
color: #000;
}
a.dropdown-item.is-active, button.dropdown-item.is-active
{
background-color: #004178;
color: #fff;
}
.dropdown-divider
{
background-color: #ededed;
border: none;
display: block;
height: 1px;
margin: .5rem 0;
}
.level
{
align-items: center;
justify-content: space-between;
}
.level code
{
border-radius: 4px;
}
.level img
{
display: inline-block;
vertical-align: top;
}
.level.is-mobile, .level.is-mobile .level-left, .level.is-mobile .level-right
{
display: flex;
}
.level.is-mobile .level-left+.level-right
{
margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child)
{
margin-bottom: 0;
margin-right: .75rem;
}
.level.is-mobile .level-item:not(.is-narrow)
{
flex-grow: 1;
}
@media print, screen and (min-width: 769px)
{
.level
{
display: flex;
}
.level>.level-item:not(.is-narrow)
{
flex-grow: 1;
}
}
.level-item
{
align-items: center;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
}
.level-item .subtitle, .level-item .title
{
margin-bottom: 0;
}
@media screen and (max-width: 768px)
{
.level-item:not(:last-child)
{
margin-bottom: .75rem;
}
}
.level-left, .level-right
{
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
}
.level-left .level-item.is-flexible, .level-right .level-item.is-flexible
{
flex-grow: 1;
}
@media print, screen and (min-width: 769px)
{
.level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child)
{
margin-right: .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 print, screen and (min-width: 769px)
{
.level-left
{
display: flex;
}
}
.level-right
{
align-items: center;
justify-content: flex-end;
}
@media print, screen and (min-width: 769px)
{
.level-right
{
display: flex;
}
}
.media
{
align-items: flex-start;
display: flex;
text-align: inherit;
}
.media .content:not(:last-child)
{
margin-bottom: .75rem;
}
.media .media
{
border-top: 1px solid hsla(0,0%,85.9%,.5);
display: flex;
padding-top: .75rem;
}
.media .media .content:not(:last-child), .media .media .control:not(:last-child)
{
margin-bottom: .5rem;
}
.media .media .media
{
padding-top: .5rem;
}
.media .media .media+.media
{
margin-top: .5rem;
}
.media+.media
{
border-top: 1px solid hsla(0,0%,85.9%,.5);
margin-top: 1rem;
padding-top: 1rem;
}
.media.is-large+.media
{
margin-top: 1.5rem;
padding-top: 1.5rem;
}
.media-left, .media-right
{
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
}
.media-left
{
margin-right: 1rem;
}
.media-right
{
margin-left: 1rem;
}
.media-content
{
flex-basis: auto;
flex-grow: 1;
flex-shrink: 1;
text-align: inherit;
}
@media screen and (max-width: 768px)
{
.media-content
{
overflow-x: auto;
}
}
.menu
{
font-size: 1rem;
}
.menu.is-small
{
font-size: .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: #4a4a4a;
display: block;
padding: .5em .75em;
}
.menu-list a:hover
{
background-color: #f5f5f5;
color: #363636;
}
.menu-list a.is-active
{
background-color: #004178;
color: #fff;
}
.menu-list li ul
{
border-left: 1px solid #dbdbdb;
margin: .75em;
padding-left: .75em;
}
.menu-label
{
color: #7a7a7a;
font-size: .75em;
letter-spacing: .1em;
text-transform: uppercase;
}
.menu-label:not(:first-child)
{
margin-top: 1em;
}
.menu-label:not(:last-child)
{
margin-bottom: 1em;
}
.message
{
background-color: #f5f5f5;
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: .75rem;
}
.message.is-medium
{
font-size: 1.25rem;
}
.message.is-large
{
font-size: 1.5rem;
}
.message.is-white
{
background-color: #fff;
}
.message.is-white .message-header
{
background-color: #fff;
color: #000;
}
.message.is-white .message-body
{
border-color: #fff;
}
.message.is-black
{
background-color: #fafafa;
}
.message.is-black .message-header
{
background-color: #000;
color: #fff;
}
.message.is-black .message-body
{
border-color: #000;
}
.message.is-light
{
background-color: #fafafa;
}
.message.is-light .message-header
{
background-color: #f5f5f5;
color: rgba(0,0,0,.7);
}
.message.is-light .message-body
{
border-color: #f5f5f5;
}
.message.is-dark
{
background-color: #fafafa;
}
.message.is-dark .message-header
{
background-color: #363636;
color: #fff;
}
.message.is-dark .message-body
{
border-color: #363636;
}
.message.is-primary
{
background-color: #ebfffc;
}
.message.is-primary .message-header
{
background-color: #00d1b2;
color: #fff;
}
.message.is-primary .message-body
{
border-color: #00d1b2;
color: #00947e;
}
.message.is-link
{
background-color: #ebf6ff;
}
.message.is-link .message-header
{
background-color: #004178;
color: #fff;
}
.message.is-link .message-body
{
border-color: #004178;
color: #0f91ff;
}
.message.is-info
{
background-color: #ebfaff;
}
.message.is-info .message-header
{
background-color: #00afe1;
color: #fff;
}
.message.is-info .message-body
{
border-color: #00afe1;
color: #008bb3;
}
.message.is-success
{
background-color: #f5fcee;
}
.message.is-success .message-header
{
background-color: #63a91d;
color: #fff;
}
.message.is-success .message-body
{
border-color: #63a91d;
color: #5ea11c;
}
.message.is-warning
{
background-color: #fffaeb;
}
.message.is-warning .message-header
{
background-color: #ffe08a;
color: rgba(0,0,0,.7);
}
.message.is-warning .message-body
{
border-color: #ffe08a;
color: #946c00;
}
.message.is-danger
{
background-color: #ffebee;
}
.message.is-danger .message-header
{
background-color: #d40124;
color: #fff;
}
.message.is-danger .message-body
{
border-color: #d40124;
color: #f9012a;
}
.message-header
{
align-items: center;
background-color: #4a4a4a;
border-radius: 4px 4px 0 0;
color: #fff;
display: flex;
font-weight: 700;
justify-content: space-between;
line-height: 1.25;
padding: .75em 1em;
position: relative;
}
.message-header .delete
{
flex-grow: 0;
flex-shrink: 0;
margin-left: .75em;
}
.message-header+.message-body
{
border-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.message-body
{
border-radius: 4px;
border: solid #dbdbdb;
border-width: 0 0 0 4px;
color: #4a4a4a;
padding: 1.25em 1.5em;
}
.message-body code, .message-body pre
{
background-color: #fff;
}
.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(0,0,0,.86);
}
.modal-card, .modal-content
{
margin: 0 20px;
max-height: calc(100vh - 160px);
overflow: auto;
position: relative;
width: 100%;
}
@media screen and (min-width: 769px)
{
.modal-card, .modal-content
{
margin: 0 auto;
max-height: calc(100vh - 40px);
width: 640px;
}
}
.modal-close
{
background: none;
height: 40px;
position: fixed;
right: 20px;
top: 20px;
width: 40px;
}
.modal-card
{
display: flex;
flex-direction: column;
max-height: calc(100vh - 40px);
overflow: hidden;
-ms-overflow-y: visible;
}
.modal-card-foot, .modal-card-head
{
align-items: center;
background-color: #f5f5f5;
display: flex;
flex-shrink: 0;
justify-content: flex-start;
padding: 20px;
position: relative;
}
.modal-card-head
{
border-bottom: 1px solid #dbdbdb;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.modal-card-title
{
color: #363636;
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 #dbdbdb;
}
.modal-card-foot .button:not(:last-child)
{
margin-right: .5em;
}
.modal-card-body
{
-webkit-overflow-scrolling: touch;
background-color: #fff;
flex-grow: 1;
flex-shrink: 1;
overflow: auto;
padding: 20px;
}
.navbar
{
background-color: #fff;
min-height: 3.25rem;
position: relative;
z-index: 30;
}
.navbar.is-white
{
background-color: #fff;
color: #000;
}
.navbar.is-white .navbar-brand .navbar-link, .navbar.is-white .navbar-brand>.navbar-item
{
color: #000;
}
.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: #f2f2f2;
color: #000;
}
.navbar.is-white .navbar-brand .navbar-link:after
{
border-color: #000;
}
.navbar.is-white .navbar-burger
{
color: #000;
}
@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: #000;
}
.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: #f2f2f2;
color: #000;
}
.navbar.is-white .navbar-end .navbar-link:after, .navbar.is-white .navbar-start .navbar-link:after
{
border-color: #000;
}
.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: #f2f2f2;
color: #000;
}
.navbar.is-white .navbar-dropdown a.navbar-item.is-active
{
background-color: #fff;
color: #000;
}
}
.navbar.is-black
{
background-color: #000;
color: #fff;
}
.navbar.is-black .navbar-brand .navbar-link, .navbar.is-black .navbar-brand>.navbar-item
{
color: #fff;
}
.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: #000;
color: #fff;
}
.navbar.is-black .navbar-brand .navbar-link:after
{
border-color: #fff;
}
.navbar.is-black .navbar-burger
{
color: #fff;
}
@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: #fff;
}
.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: #000;
color: #fff;
}
.navbar.is-black .navbar-end .navbar-link:after, .navbar.is-black .navbar-start .navbar-link:after
{
border-color: #fff;
}
.navbar.is-black .navbar-dropdown a.navbar-item.is-active, .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: #000;
color: #fff;
}
}
.navbar.is-light
{
background-color: #f5f5f5;
}
.navbar.is-light, .navbar.is-light .navbar-brand .navbar-link, .navbar.is-light .navbar-brand>.navbar-item
{
color: rgba(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: #e8e8e8;
color: rgba(0,0,0,.7);
}
.navbar.is-light .navbar-brand .navbar-link:after
{
border-color: rgba(0,0,0,.7);
}
.navbar.is-light .navbar-burger
{
color: rgba(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,.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: #e8e8e8;
color: rgba(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,.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: #e8e8e8;
color: rgba(0,0,0,.7);
}
.navbar.is-light .navbar-dropdown a.navbar-item.is-active
{
background-color: #f5f5f5;
color: rgba(0,0,0,.7);
}
}
.navbar.is-dark
{
background-color: #363636;
color: #fff;
}
.navbar.is-dark .navbar-brand .navbar-link, .navbar.is-dark .navbar-brand>.navbar-item
{
color: #fff;
}
.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: #292929;
color: #fff;
}
.navbar.is-dark .navbar-brand .navbar-link:after
{
border-color: #fff;
}
.navbar.is-dark .navbar-burger
{
color: #fff;
}
@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: #fff;
}
.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: #292929;
color: #fff;
}
.navbar.is-dark .navbar-end .navbar-link:after, .navbar.is-dark .navbar-start .navbar-link:after
{
border-color: #fff;
}
.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: #292929;
color: #fff;
}
.navbar.is-dark .navbar-dropdown a.navbar-item.is-active
{
background-color: #363636;
color: #fff;
}
}
.navbar.is-primary
{
background-color: #00d1b2;
color: #fff;
}
.navbar.is-primary .navbar-brand .navbar-link, .navbar.is-primary .navbar-brand>.navbar-item
{
color: #fff;
}
.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: #00b89c;
color: #fff;
}
.navbar.is-primary .navbar-brand .navbar-link:after
{
border-color: #fff;
}
.navbar.is-primary .navbar-burger
{
color: #fff;
}
@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: #fff;
}
.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: #00b89c;
color: #fff;
}
.navbar.is-primary .navbar-end .navbar-link:after, .navbar.is-primary .navbar-start .navbar-link:after
{
border-color: #fff;
}
.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: #00b89c;
color: #fff;
}
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active
{
background-color: #00d1b2;
color: #fff;
}
}
.navbar.is-link
{
background-color: #004178;
color: #fff;
}
.navbar.is-link .navbar-brand .navbar-link, .navbar.is-link .navbar-brand>.navbar-item
{
color: #fff;
}
.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: #00335f;
color: #fff;
}
.navbar.is-link .navbar-brand .navbar-link:after
{
border-color: #fff;
}
.navbar.is-link .navbar-burger
{
color: #fff;
}
@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: #fff;
}
.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: #00335f;
color: #fff;
}
.navbar.is-link .navbar-end .navbar-link:after, .navbar.is-link .navbar-start .navbar-link:after
{
border-color: #fff;
}
.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: #00335f;
color: #fff;
}
.navbar.is-link .navbar-dropdown a.navbar-item.is-active
{
background-color: #004178;
color: #fff;
}
}
.navbar.is-info
{
background-color: #00afe1;
color: #fff;
}
.navbar.is-info .navbar-brand .navbar-link, .navbar.is-info .navbar-brand>.navbar-item
{
color: #fff;
}
.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: #009bc8;
color: #fff;
}
.navbar.is-info .navbar-brand .navbar-link:after
{
border-color: #fff;
}
.navbar.is-info .navbar-burger
{
color: #fff;
}
@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: #fff;
}
.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: #009bc8;
color: #fff;
}
.navbar.is-info .navbar-end .navbar-link:after, .navbar.is-info .navbar-start .navbar-link:after
{
border-color: #fff;
}
.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: #009bc8;
color: #fff;
}
.navbar.is-info .navbar-dropdown a.navbar-item.is-active
{
background-color: #00afe1;
color: #fff;
}
}
.navbar.is-success
{
background-color: #63a91d;
color: #fff;
}
.navbar.is-success .navbar-brand .navbar-link, .navbar.is-success .navbar-brand>.navbar-item
{
color: #fff;
}
.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: #569319;
color: #fff;
}
.navbar.is-success .navbar-brand .navbar-link:after
{
border-color: #fff;
}
.navbar.is-success .navbar-burger
{
color: #fff;
}
@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: #fff;
}
.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: #569319;
color: #fff;
}
.navbar.is-success .navbar-end .navbar-link:after, .navbar.is-success .navbar-start .navbar-link:after
{
border-color: #fff;
}
.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: #569319;
color: #fff;
}
.navbar.is-success .navbar-dropdown a.navbar-item.is-active
{
background-color: #63a91d;
color: #fff;
}
}
.navbar.is-warning
{
background-color: #ffe08a;
}
.navbar.is-warning, .navbar.is-warning .navbar-brand .navbar-link, .navbar.is-warning .navbar-brand>.navbar-item
{
color: rgba(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: #ffd970;
color: rgba(0,0,0,.7);
}
.navbar.is-warning .navbar-brand .navbar-link:after
{
border-color: rgba(0,0,0,.7);
}
.navbar.is-warning .navbar-burger
{
color: rgba(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,.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: #ffd970;
color: rgba(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,.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: #ffd970;
color: rgba(0,0,0,.7);
}
.navbar.is-warning .navbar-dropdown a.navbar-item.is-active
{
background-color: #ffe08a;
color: rgba(0,0,0,.7);
}
}
.navbar.is-danger
{
background-color: #d40124;
color: #fff;
}
.navbar.is-danger .navbar-brand .navbar-link, .navbar.is-danger .navbar-brand>.navbar-item
{
color: #fff;
}
.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: #bb0120;
color: #fff;
}
.navbar.is-danger .navbar-brand .navbar-link:after
{
border-color: #fff;
}
.navbar.is-danger .navbar-burger
{
color: #fff;
}
@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: #fff;
}
.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: #bb0120;
color: #fff;
}
.navbar.is-danger .navbar-end .navbar-link:after, .navbar.is-danger .navbar-start .navbar-link:after
{
border-color: #fff;
}
.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: #bb0120;
color: #fff;
}
.navbar.is-danger .navbar-dropdown a.navbar-item.is-active
{
background-color: #d40124;
color: #fff;
}
}
.navbar>.container
{
align-items: stretch;
display: flex;
min-height: 3.25rem;
width: 100%;
}
.navbar.has-shadow
{
box-shadow: 0 2px 0 0 #f5f5f5;
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top
{
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.navbar.is-fixed-bottom
{
bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow
{
box-shadow: 0 -2px 0 0 #f5f5f5;
}
.navbar.is-fixed-top
{
top: 0;
}
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 a.navbar-item:focus, .navbar-brand a.navbar-item:hover
{
background-color: transparent;
}
.navbar-tabs
{
-webkit-overflow-scrolling: touch;
max-width: 100vw;
overflow-x: auto;
overflow-y: hidden;
}
.navbar-burger
{
color: #4a4a4a;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
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;
transition-duration: 86ms;
transition-property: background-color,opacity,transform;
transition-timing-function: ease-out;
width: 16px;
}
.navbar-burger span:first-child
{
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,.05);
}
.navbar-burger.is-active span:first-child
{
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: #4a4a4a;
display: block;
line-height: 1.5;
padding: .5rem .75rem;
position: relative;
}
.navbar-item .icon:only-child, .navbar-link .icon:only-child
{
margin-left: -.25rem;
margin-right: -.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: #fafafa;
color: #004178;
}
.navbar-item
{
flex-grow: 0;
flex-shrink: 0;
}
.navbar-item img
{
max-height: 1.75rem;
}
.navbar-item.has-dropdown
{
padding: 0;
}
.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(.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover
{
background-color: transparent;
border-bottom-color: #004178;
}
.navbar-item.is-tab.is-active
{
background-color: transparent;
border-bottom: 3px solid #004178;
color: #004178;
padding-bottom: calc(.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: #004178;
margin-top: -.375em;
right: 1.125em;
}
.navbar-dropdown
{
font-size: .875rem;
padding-bottom: .5rem;
padding-top: .5rem;
}
.navbar-dropdown .navbar-item
{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.navbar-divider
{
background-color: #f5f5f5;
border: none;
display: none;
height: 2px;
margin: .5rem 0;
}
@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: #fff;
box-shadow: 0 8px 16px rgba(0,0,0,.1);
padding: .5rem 0;
}
.navbar-menu.is-active
{
display: block;
}
.navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch
{
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.navbar.is-fixed-bottom-touch
{
bottom: 0;
}
.navbar.is-fixed-bottom-touch.has-shadow
{
box-shadow: 0 -2px 3px rgba(0,0,0,.1);
}
.navbar.is-fixed-top-touch
{
top: 0;
}
.navbar.is-fixed-top-touch .navbar-menu, .navbar.is-fixed-top .navbar-menu
{
-webkit-overflow-scrolling: touch;
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-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .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: #f5f5f5;
color: #000;
}
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active
{
background-color: #f5f5f5;
color: #004178;
}
.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(.25em,-.25em);
}
.navbar-item.has-dropdown-up .navbar-dropdown
{
border-bottom: 2px solid #dbdbdb;
border-radius: 6px 6px 0 0;
border-top: none;
bottom: 100%;
box-shadow: 0 -8px 8px rgba(0,0,0,.1);
top: auto;
}
.navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown
{
display: block;
}
.navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:focus .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-within .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown
{
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.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: #fff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 2px solid #dbdbdb;
box-shadow: 0 8px 8px rgba(0,0,0,.1);
display: none;
font-size: .875rem;
left: 0;
min-width: 100%;
position: absolute;
top: 100%;
z-index: 20;
}
.navbar-dropdown .navbar-item
{
padding: .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: #f5f5f5;
color: #000;
}
.navbar-dropdown a.navbar-item.is-active
{
background-color: #f5f5f5;
color: #004178;
}
.navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-dropdown
{
border-radius: 6px;
border-top: none;
box-shadow: 0 8px 8px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);
display: block;
opacity: 0;
pointer-events: none;
top: calc(100% - 4px);
transform: translateY(-5px);
transition-duration: 86ms;
transition-property: opacity,transform;
}
.navbar-dropdown.is-right
{
left: auto;
right: 0;
}
.navbar-divider
{
display: block;
}
.container>.navbar .navbar-brand, .navbar>.container .navbar-brand
{
margin-left: -.75rem;
}
.container>.navbar .navbar-menu, .navbar>.container .navbar-menu
{
margin-right: -.75rem;
}
.navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop
{
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.navbar.is-fixed-bottom-desktop
{
bottom: 0;
}
.navbar.is-fixed-bottom-desktop.has-shadow
{
box-shadow: 0 -2px 3px rgba(0,0,0,.1);
}
.navbar.is-fixed-top-desktop
{
top: 0;
}
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: #000;
}
.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: #fafafa;
}
}
.hero.is-fullheight-with-navbar
{
min-height: calc(100vh - 3.25rem);
}
.pagination
{
font-size: 1rem;
margin: -.25rem;
}
.pagination.is-small
{
font-size: .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: 9999px;
}
.pagination.is-rounded .pagination-link
{
border-radius: 9999px;
}
.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: .25rem;
padding-left: .5em;
padding-right: .5em;
text-align: center;
}
.pagination-link, .pagination-next, .pagination-previous
{
border-color: #dbdbdb;
color: #363636;
min-width: 2.5em;
}
.pagination-link:hover, .pagination-next:hover, .pagination-previous:hover
{
border-color: #b5b5b5;
color: #363636;
}
.pagination-link:focus, .pagination-next:focus, .pagination-previous:focus
{
border-color: #004178;
}
.pagination-link:active, .pagination-next:active, .pagination-previous:active
{
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.pagination-link.is-disabled, .pagination-link[disabled], .pagination-next.is-disabled, .pagination-next[disabled], .pagination-previous.is-disabled, .pagination-previous[disabled]
{
background-color: #dbdbdb;
border-color: #dbdbdb;
box-shadow: none;
color: #7a7a7a;
opacity: .5;
}
.pagination-next, .pagination-previous
{
padding-left: .75em;
padding-right: .75em;
white-space: nowrap;
}
.pagination-link.is-current
{
background-color: #961d6c;
border-color: #961d6c;
color: #fff;
}
.pagination-ellipsis
{
color: #b5b5b5;
pointer-events: none;
}
.pagination-list
{
flex-wrap: wrap;
}
.pagination-list li
{
list-style: none;
}
@media screen and (max-width: 768px)
{
.pagination
{
flex-wrap: wrap;
}
.pagination-list li, .pagination-next, .pagination-previous
{
flex-grow: 1;
flex-shrink: 1;
}
}
@media print, screen and (min-width: 769px)
{
.pagination-list
{
flex-grow: 1;
flex-shrink: 1;
justify-content: flex-start;
order: 1;
}
.pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous
{
margin-bottom: 0;
margin-top: 0;
}
.pagination-previous
{
order: 2;
}
.pagination-next
{
order: 3;
}
.pagination
{
justify-content: space-between;
margin-bottom: 0;
margin-top: 0;
}
.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: 0 .5em 1em -.125em rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.02);
font-size: 1rem;
}
.panel:not(:last-child)
{
margin-bottom: 1.5rem;
}
.panel.is-white .panel-heading
{
background-color: #fff;
color: #000;
}
.panel.is-white .panel-tabs a.is-active
{
border-bottom-color: #fff;
}
.panel.is-white .panel-block.is-active .panel-icon
{
color: #fff;
}
.panel.is-black .panel-heading
{
background-color: #000;
color: #fff;
}
.panel.is-black .panel-tabs a.is-active
{
border-bottom-color: #000;
}
.panel.is-black .panel-block.is-active .panel-icon
{
color: #000;
}
.panel.is-light .panel-heading
{
background-color: #f5f5f5;
color: rgba(0,0,0,.7);
}
.panel.is-light .panel-tabs a.is-active
{
border-bottom-color: #f5f5f5;
}
.panel.is-light .panel-block.is-active .panel-icon
{
color: #f5f5f5;
}
.panel.is-dark .panel-heading
{
background-color: #363636;
color: #fff;
}
.panel.is-dark .panel-tabs a.is-active
{
border-bottom-color: #363636;
}
.panel.is-dark .panel-block.is-active .panel-icon
{
color: #363636;
}
.panel.is-primary .panel-heading
{
background-color: #00d1b2;
color: #fff;
}
.panel.is-primary .panel-tabs a.is-active
{
border-bottom-color: #00d1b2;
}
.panel.is-primary .panel-block.is-active .panel-icon
{
color: #00d1b2;
}
.panel.is-link .panel-heading
{
background-color: #004178;
color: #fff;
}
.panel.is-link .panel-tabs a.is-active
{
border-bottom-color: #004178;
}
.panel.is-link .panel-block.is-active .panel-icon
{
color: #004178;
}
.panel.is-info .panel-heading
{
background-color: #00afe1;
color: #fff;
}
.panel.is-info .panel-tabs a.is-active
{
border-bottom-color: #00afe1;
}
.panel.is-info .panel-block.is-active .panel-icon
{
color: #00afe1;
}
.panel.is-success .panel-heading
{
background-color: #63a91d;
color: #fff;
}
.panel.is-success .panel-tabs a.is-active
{
border-bottom-color: #63a91d;
}
.panel.is-success .panel-block.is-active .panel-icon
{
color: #63a91d;
}
.panel.is-warning .panel-heading
{
background-color: #ffe08a;
color: rgba(0,0,0,.7);
}
.panel.is-warning .panel-tabs a.is-active
{
border-bottom-color: #ffe08a;
}
.panel.is-warning .panel-block.is-active .panel-icon
{
color: #ffe08a;
}
.panel.is-danger .panel-heading
{
background-color: #d40124;
color: #fff;
}
.panel.is-danger .panel-tabs a.is-active
{
border-bottom-color: #d40124;
}
.panel.is-danger .panel-block.is-active .panel-icon
{
color: #d40124;
}
.panel-block:not(:last-child), .panel-tabs:not(:last-child)
{
border-bottom: 1px solid #ededed;
}
.panel-heading
{
background-color: #ededed;
border-radius: 6px 6px 0 0;
color: #363636;
font-size: 1.25em;
font-weight: 700;
line-height: 1.25;
padding: .75em 1em;
}
.panel-tabs
{
align-items: flex-end;
display: flex;
font-size: .875em;
justify-content: center;
}
.panel-tabs a
{
border-bottom: 1px solid #dbdbdb;
margin-bottom: -1px;
padding: .5em;
}
.panel-tabs a.is-active
{
border-bottom-color: #4a4a4a;
color: #363636;
}
.panel-list a
{
color: #4a4a4a;
}
.panel-list a:hover
{
color: #004178;
}
.panel-block
{
align-items: center;
color: #363636;
display: flex;
justify-content: flex-start;
padding: .5em .75em;
}
.panel-block input[type=checkbox]
{
margin-right: .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: #004178;
color: #363636;
}
.panel-block.is-active .panel-icon
{
color: #004178;
}
.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: #f5f5f5;
}
.panel-icon
{
display: inline-block;
font-size: 14px;
height: 1em;
line-height: 1em;
text-align: center;
vertical-align: top;
width: 1em;
color: #7a7a7a;
margin-right: .75em;
}
.panel-icon .fa
{
font-size: inherit;
line-height: inherit;
}
.tabs
{
-webkit-overflow-scrolling: touch;
align-items: stretch;
display: flex;
font-size: 1rem;
justify-content: space-between;
overflow: hidden;
overflow-x: auto;
white-space: nowrap;
}
.tabs a
{
align-items: center;
border-bottom: 1px solid #dbdbdb;
color: #4a4a4a;
display: flex;
justify-content: center;
margin-bottom: -1px;
padding: .5em 1em;
vertical-align: top;
}
.tabs a:hover
{
border-bottom-color: #363636;
color: #363636;
}
.tabs li
{
display: block;
}
.tabs li.is-active a
{
border-bottom-color: #004178;
color: #004178;
}
.tabs ul
{
align-items: center;
border-bottom: 1px solid #dbdbdb;
display: flex;
flex-grow: 1;
flex-shrink: 0;
justify-content: flex-start;
}
.tabs ul.is-center, .tabs ul.is-left
{
padding-right: .75em;
}
.tabs ul.is-center
{
flex: none;
justify-content: center;
padding-left: .75em;
}
.tabs ul.is-right
{
justify-content: flex-end;
padding-left: .75em;
}
.tabs .icon:first-child
{
margin-right: .5em;
}
.tabs .icon:last-child
{
margin-left: .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 0 0;
}
.tabs.is-boxed a:hover
{
background-color: #f5f5f5;
border-bottom-color: #dbdbdb;
}
.tabs.is-boxed li.is-active a
{
background-color: #fff;
border-color: #dbdbdb;
border-bottom-color: transparent!important;
}
.tabs.is-fullwidth li
{
flex-grow: 1;
flex-shrink: 0;
}
.tabs.is-toggle a
{
border: 1px solid #dbdbdb;
margin-bottom: 0;
position: relative;
}
.tabs.is-toggle a:hover
{
background-color: #f5f5f5;
border-color: #b5b5b5;
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: #004178;
border-color: #004178;
color: #fff;
z-index: 1;
}
.tabs.is-toggle ul
{
border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a
{
border-bottom-left-radius: 9999px;
border-top-left-radius: 9999px;
padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a
{
border-bottom-right-radius: 9999px;
border-top-right-radius: 9999px;
padding-right: 1.25em;
}
.tabs.is-small
{
font-size: .75rem;
}
.tabs.is-medium
{
font-size: 1.25rem;
}
.tabs.is-large
{
font-size: 1.5rem;
}
.column
{
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: .75rem;
}
.columns.is-mobile>.column.is-narrow
{
flex: none;
width: unset;
}
.columns.is-mobile>.column.is-full
{
flex: none;
width: 100%;
}
.columns.is-mobile>.column.is-three-quarters
{
flex: none;
width: 75%;
}
.columns.is-mobile>.column.is-two-thirds
{
flex: none;
width: 66.6666%;
}
.columns.is-mobile>.column.is-half
{
flex: none;
width: 50%;
}
.columns.is-mobile>.column.is-one-third
{
flex: none;
width: 33.3333%;
}
.columns.is-mobile>.column.is-one-quarter
{
flex: none;
width: 25%;
}
.columns.is-mobile>.column.is-one-fifth
{
flex: none;
width: 20%;
}
.columns.is-mobile>.column.is-two-fifths
{
flex: none;
width: 40%;
}
.columns.is-mobile>.column.is-three-fifths
{
flex: none;
width: 60%;
}
.columns.is-mobile>.column.is-four-fifths
{
flex: none;
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: none;
width: 0;
}
.columns.is-mobile>.column.is-offset-0
{
margin-left: 0;
}
.columns.is-mobile>.column.is-1
{
flex: none;
width: 8.33333337%;
}
.columns.is-mobile>.column.is-offset-1
{
margin-left: 8.33333337%;
}
.columns.is-mobile>.column.is-2
{
flex: none;
width: 16.66666674%;
}
.columns.is-mobile>.column.is-offset-2
{
margin-left: 16.66666674%;
}
.columns.is-mobile>.column.is-3
{
flex: none;
width: 25%;
}
.columns.is-mobile>.column.is-offset-3
{
margin-left: 25%;
}
.columns.is-mobile>.column.is-4
{
flex: none;
width: 33.33333337%;
}
.columns.is-mobile>.column.is-offset-4
{
margin-left: 33.33333337%;
}
.columns.is-mobile>.column.is-5
{
flex: none;
width: 41.66666674%;
}
.columns.is-mobile>.column.is-offset-5
{
margin-left: 41.66666674%;
}
.columns.is-mobile>.column.is-6
{
flex: none;
width: 50%;
}
.columns.is-mobile>.column.is-offset-6
{
margin-left: 50%;
}
.columns.is-mobile>.column.is-7
{
flex: none;
width: 58.33333337%;
}
.columns.is-mobile>.column.is-offset-7
{
margin-left: 58.33333337%;
}
.columns.is-mobile>.column.is-8
{
flex: none;
width: 66.66666674%;
}
.columns.is-mobile>.column.is-offset-8
{
margin-left: 66.66666674%;
}
.columns.is-mobile>.column.is-9
{
flex: none;
width: 75%;
}
.columns.is-mobile>.column.is-offset-9
{
margin-left: 75%;
}
.columns.is-mobile>.column.is-10
{
flex: none;
width: 83.33333337%;
}
.columns.is-mobile>.column.is-offset-10
{
margin-left: 83.33333337%;
}
.columns.is-mobile>.column.is-11
{
flex: none;
width: 91.66666674%;
}
.columns.is-mobile>.column.is-offset-11
{
margin-left: 91.66666674%;
}
.columns.is-mobile>.column.is-12
{
flex: none;
width: 100%;
}
.columns.is-mobile>.column.is-offset-12
{
margin-left: 100%;
}
@media screen and (max-width: 768px)
{
.column.is-narrow-mobile
{
flex: none;
width: unset;
}
.column.is-full-mobile
{
flex: none;
width: 100%;
}
.column.is-three-quarters-mobile
{
flex: none;
width: 75%;
}
.column.is-two-thirds-mobile
{
flex: none;
width: 66.6666%;
}
.column.is-half-mobile
{
flex: none;
width: 50%;
}
.column.is-one-third-mobile
{
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-mobile
{
flex: none;
width: 25%;
}
.column.is-one-fifth-mobile
{
flex: none;
width: 20%;
}
.column.is-two-fifths-mobile
{
flex: none;
width: 40%;
}
.column.is-three-fifths-mobile
{
flex: none;
width: 60%;
}
.column.is-four-fifths-mobile
{
flex: none;
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: none;
width: 0;
}
.column.is-offset-0-mobile
{
margin-left: 0;
}
.column.is-1-mobile
{
flex: none;
width: 8.33333337%;
}
.column.is-offset-1-mobile
{
margin-left: 8.33333337%;
}
.column.is-2-mobile
{
flex: none;
width: 16.66666674%;
}
.column.is-offset-2-mobile
{
margin-left: 16.66666674%;
}
.column.is-3-mobile
{
flex: none;
width: 25%;
}
.column.is-offset-3-mobile
{
margin-left: 25%;
}
.column.is-4-mobile
{
flex: none;
width: 33.33333337%;
}
.column.is-offset-4-mobile
{
margin-left: 33.33333337%;
}
.column.is-5-mobile
{
flex: none;
width: 41.66666674%;
}
.column.is-offset-5-mobile
{
margin-left: 41.66666674%;
}
.column.is-6-mobile
{
flex: none;
width: 50%;
}
.column.is-offset-6-mobile
{
margin-left: 50%;
}
.column.is-7-mobile
{
flex: none;
width: 58.33333337%;
}
.column.is-offset-7-mobile
{
margin-left: 58.33333337%;
}
.column.is-8-mobile
{
flex: none;
width: 66.66666674%;
}
.column.is-offset-8-mobile
{
margin-left: 66.66666674%;
}
.column.is-9-mobile
{
flex: none;
width: 75%;
}
.column.is-offset-9-mobile
{
margin-left: 75%;
}
.column.is-10-mobile
{
flex: none;
width: 83.33333337%;
}
.column.is-offset-10-mobile
{
margin-left: 83.33333337%;
}
.column.is-11-mobile
{
flex: none;
width: 91.66666674%;
}
.column.is-offset-11-mobile
{
margin-left: 91.66666674%;
}
.column.is-12-mobile
{
flex: none;
width: 100%;
}
.column.is-offset-12-mobile
{
margin-left: 100%;
}
}
@media print, screen and (min-width: 769px)
{
.column.is-narrow, .column.is-narrow-tablet
{
flex: none;
width: unset;
}
.column.is-full, .column.is-full-tablet
{
flex: none;
width: 100%;
}
.column.is-three-quarters, .column.is-three-quarters-tablet, .columns>.column.layout-3-4
{
flex: none;
width: 75%;
}
.column.is-two-thirds, .column.is-two-thirds-tablet, .columns>.column.layout-2-3
{
flex: none;
width: 66.6666%;
}
.column.is-half, .column.is-half-tablet, .columns>.column.layout-50-50
{
flex: none;
width: 50%;
}
.column.is-one-third, .column.is-one-third-tablet, .columns>.column.layout-1-3
{
flex: none;
width: 33.3333%;
}
.column.is-one-quarter, .column.is-one-quarter-tablet, .columns>.column.layout-1-4
{
flex: none;
width: 25%;
}
.column.is-one-fifth, .column.is-one-fifth-tablet, .columns>.column.layout-1-5
{
flex: none;
width: 20%;
}
.column.is-two-fifths, .column.is-two-fifths-tablet
{
flex: none;
width: 40%;
}
.column.is-three-fifths, .column.is-three-fifths-tablet
{
flex: none;
width: 60%;
}
.column.is-four-fifths, .column.is-four-fifths-tablet, .columns>.column.layout-4-5
{
flex: none;
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: none;
width: 0;
}
.column.is-offset-0, .column.is-offset-0-tablet
{
margin-left: 0;
}
.column.is-1, .column.is-1-tablet
{
flex: none;
width: 8.33333337%;
}
.column.is-offset-1, .column.is-offset-1-tablet
{
margin-left: 8.33333337%;
}
.column.is-2, .column.is-2-tablet
{
flex: none;
width: 16.66666674%;
}
.column.is-offset-2, .column.is-offset-2-tablet
{
margin-left: 16.66666674%;
}
.column.is-3, .column.is-3-tablet
{
flex: none;
width: 25%;
}
.column.is-offset-3, .column.is-offset-3-tablet
{
margin-left: 25%;
}
.column.is-4, .column.is-4-tablet
{
flex: none;
width: 33.33333337%;
}
.column.is-offset-4, .column.is-offset-4-tablet
{
margin-left: 33.33333337%;
}
.column.is-5, .column.is-5-tablet
{
flex: none;
width: 41.66666674%;
}
.column.is-offset-5, .column.is-offset-5-tablet
{
margin-left: 41.66666674%;
}
.column.is-6, .column.is-6-tablet
{
flex: none;
width: 50%;
}
.column.is-offset-6, .column.is-offset-6-tablet
{
margin-left: 50%;
}
.column.is-7, .column.is-7-tablet
{
flex: none;
width: 58.33333337%;
}
.column.is-offset-7, .column.is-offset-7-tablet
{
margin-left: 58.33333337%;
}
.column.is-8, .column.is-8-tablet
{
flex: none;
width: 66.66666674%;
}
.column.is-offset-8, .column.is-offset-8-tablet
{
margin-left: 66.66666674%;
}
.column.is-9, .column.is-9-tablet
{
flex: none;
width: 75%;
}
.column.is-offset-9, .column.is-offset-9-tablet
{
margin-left: 75%;
}
.column.is-10, .column.is-10-tablet
{
flex: none;
width: 83.33333337%;
}
.column.is-offset-10, .column.is-offset-10-tablet
{
margin-left: 83.33333337%;
}
.column.is-11, .column.is-11-tablet
{
flex: none;
width: 91.66666674%;
}
.column.is-offset-11, .column.is-offset-11-tablet
{
margin-left: 91.66666674%;
}
.column.is-12, .column.is-12-tablet
{
flex: none;
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: none;
width: unset;
}
.column.is-full-touch
{
flex: none;
width: 100%;
}
.column.is-three-quarters-touch
{
flex: none;
width: 75%;
}
.column.is-two-thirds-touch
{
flex: none;
width: 66.6666%;
}
.column.is-half-touch
{
flex: none;
width: 50%;
}
.column.is-one-third-touch
{
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-touch
{
flex: none;
width: 25%;
}
.column.is-one-fifth-touch
{
flex: none;
width: 20%;
}
.column.is-two-fifths-touch
{
flex: none;
width: 40%;
}
.column.is-three-fifths-touch
{
flex: none;
width: 60%;
}
.column.is-four-fifths-touch
{
flex: none;
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: none;
width: 0;
}
.column.is-offset-0-touch
{
margin-left: 0;
}
.column.is-1-touch
{
flex: none;
width: 8.33333337%;
}
.column.is-offset-1-touch
{
margin-left: 8.33333337%;
}
.column.is-2-touch
{
flex: none;
width: 16.66666674%;
}
.column.is-offset-2-touch
{
margin-left: 16.66666674%;
}
.column.is-3-touch
{
flex: none;
width: 25%;
}
.column.is-offset-3-touch
{
margin-left: 25%;
}
.column.is-4-touch
{
flex: none;
width: 33.33333337%;
}
.column.is-offset-4-touch
{
margin-left: 33.33333337%;
}
.column.is-5-touch
{
flex: none;
width: 41.66666674%;
}
.column.is-offset-5-touch
{
margin-left: 41.66666674%;
}
.column.is-6-touch
{
flex: none;
width: 50%;
}
.column.is-offset-6-touch
{
margin-left: 50%;
}
.column.is-7-touch
{
flex: none;
width: 58.33333337%;
}
.column.is-offset-7-touch
{
margin-left: 58.33333337%;
}
.column.is-8-touch
{
flex: none;
width: 66.66666674%;
}
.column.is-offset-8-touch
{
margin-left: 66.66666674%;
}
.column.is-9-touch
{
flex: none;
width: 75%;
}
.column.is-offset-9-touch
{
margin-left: 75%;
}
.column.is-10-touch
{
flex: none;
width: 83.33333337%;
}
.column.is-offset-10-touch
{
margin-left: 83.33333337%;
}
.column.is-11-touch
{
flex: none;
width: 91.66666674%;
}
.column.is-offset-11-touch
{
margin-left: 91.66666674%;
}
.column.is-12-touch
{
flex: none;
width: 100%;
}
.column.is-offset-12-touch
{
margin-left: 100%;
}
}
@media screen and (min-width: 1024px)
{
.column.is-narrow-desktop
{
flex: none;
width: unset;
}
.column.is-full-desktop
{
flex: none;
width: 100%;
}
.column.is-three-quarters-desktop
{
flex: none;
width: 75%;
}
.column.is-two-thirds-desktop
{
flex: none;
width: 66.6666%;
}
.column.is-half-desktop
{
flex: none;
width: 50%;
}
.column.is-one-third-desktop
{
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-desktop
{
flex: none;
width: 25%;
}
.column.is-one-fifth-desktop
{
flex: none;
width: 20%;
}
.column.is-two-fifths-desktop
{
flex: none;
width: 40%;
}
.column.is-three-fifths-desktop
{
flex: none;
width: 60%;
}
.column.is-four-fifths-desktop
{
flex: none;
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: none;
width: 0;
}
.column.is-offset-0-desktop
{
margin-left: 0;
}
.column.is-1-desktop
{
flex: none;
width: 8.33333337%;
}
.column.is-offset-1-desktop
{
margin-left: 8.33333337%;
}
.column.is-2-desktop
{
flex: none;
width: 16.66666674%;
}
.column.is-offset-2-desktop
{
margin-left: 16.66666674%;
}
.column.is-3-desktop
{
flex: none;
width: 25%;
}
.column.is-offset-3-desktop
{
margin-left: 25%;
}
.column.is-4-desktop
{
flex: none;
width: 33.33333337%;
}
.column.is-offset-4-desktop
{
margin-left: 33.33333337%;
}
.column.is-5-desktop
{
flex: none;
width: 41.66666674%;
}
.column.is-offset-5-desktop
{
margin-left: 41.66666674%;
}
.column.is-6-desktop
{
flex: none;
width: 50%;
}
.column.is-offset-6-desktop
{
margin-left: 50%;
}
.column.is-7-desktop
{
flex: none;
width: 58.33333337%;
}
.column.is-offset-7-desktop
{
margin-left: 58.33333337%;
}
.column.is-8-desktop
{
flex: none;
width: 66.66666674%;
}
.column.is-offset-8-desktop
{
margin-left: 66.66666674%;
}
.column.is-9-desktop
{
flex: none;
width: 75%;
}
.column.is-offset-9-desktop
{
margin-left: 75%;
}
.column.is-10-desktop
{
flex: none;
width: 83.33333337%;
}
.column.is-offset-10-desktop
{
margin-left: 83.33333337%;
}
.column.is-11-desktop
{
flex: none;
width: 91.66666674%;
}
.column.is-offset-11-desktop
{
margin-left: 91.66666674%;
}
.column.is-12-desktop
{
flex: none;
width: 100%;
}
.column.is-offset-12-desktop
{
margin-left: 100%;
}
}
@media screen and (min-width: 1216px)
{
.column.is-narrow-widescreen
{
flex: none;
width: unset;
}
.column.is-full-widescreen
{
flex: none;
width: 100%;
}
.column.is-three-quarters-widescreen
{
flex: none;
width: 75%;
}
.column.is-two-thirds-widescreen
{
flex: none;
width: 66.6666%;
}
.column.is-half-widescreen
{
flex: none;
width: 50%;
}
.column.is-one-third-widescreen
{
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-widescreen
{
flex: none;
width: 25%;
}
.column.is-one-fifth-widescreen
{
flex: none;
width: 20%;
}
.column.is-two-fifths-widescreen
{
flex: none;
width: 40%;
}
.column.is-three-fifths-widescreen
{
flex: none;
width: 60%;
}
.column.is-four-fifths-widescreen
{
flex: none;
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: none;
width: 0;
}
.column.is-offset-0-widescreen
{
margin-left: 0;
}
.column.is-1-widescreen
{
flex: none;
width: 8.33333337%;
}
.column.is-offset-1-widescreen
{
margin-left: 8.33333337%;
}
.column.is-2-widescreen
{
flex: none;
width: 16.66666674%;
}
.column.is-offset-2-widescreen
{
margin-left: 16.66666674%;
}
.column.is-3-widescreen
{
flex: none;
width: 25%;
}
.column.is-offset-3-widescreen
{
margin-left: 25%;
}
.column.is-4-widescreen
{
flex: none;
width: 33.33333337%;
}
.column.is-offset-4-widescreen
{
margin-left: 33.33333337%;
}
.column.is-5-widescreen
{
flex: none;
width: 41.66666674%;
}
.column.is-offset-5-widescreen
{
margin-left: 41.66666674%;
}
.column.is-6-widescreen
{
flex: none;
width: 50%;
}
.column.is-offset-6-widescreen
{
margin-left: 50%;
}
.column.is-7-widescreen
{
flex: none;
width: 58.33333337%;
}
.column.is-offset-7-widescreen
{
margin-left: 58.33333337%;
}
.column.is-8-widescreen
{
flex: none;
width: 66.66666674%;
}
.column.is-offset-8-widescreen
{
margin-left: 66.66666674%;
}
.column.is-9-widescreen
{
flex: none;
width: 75%;
}
.column.is-offset-9-widescreen
{
margin-left: 75%;
}
.column.is-10-widescreen
{
flex: none;
width: 83.33333337%;
}
.column.is-offset-10-widescreen
{
margin-left: 83.33333337%;
}
.column.is-11-widescreen
{
flex: none;
width: 91.66666674%;
}
.column.is-offset-11-widescreen
{
margin-left: 91.66666674%;
}
.column.is-12-widescreen
{
flex: none;
width: 100%;
}
.column.is-offset-12-widescreen
{
margin-left: 100%;
}
}
@media screen and (min-width: 1408px)
{
.column.is-narrow-fullhd
{
flex: none;
width: unset;
}
.column.is-full-fullhd
{
flex: none;
width: 100%;
}
.column.is-three-quarters-fullhd
{
flex: none;
width: 75%;
}
.column.is-two-thirds-fullhd
{
flex: none;
width: 66.6666%;
}
.column.is-half-fullhd
{
flex: none;
width: 50%;
}
.column.is-one-third-fullhd
{
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-fullhd
{
flex: none;
width: 25%;
}
.column.is-one-fifth-fullhd
{
flex: none;
width: 20%;
}
.column.is-two-fifths-fullhd
{
flex: none;
width: 40%;
}
.column.is-three-fifths-fullhd
{
flex: none;
width: 60%;
}
.column.is-four-fifths-fullhd
{
flex: none;
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: none;
width: 0;
}
.column.is-offset-0-fullhd
{
margin-left: 0;
}
.column.is-1-fullhd
{
flex: none;
width: 8.33333337%;
}
.column.is-offset-1-fullhd
{
margin-left: 8.33333337%;
}
.column.is-2-fullhd
{
flex: none;
width: 16.66666674%;
}
.column.is-offset-2-fullhd
{
margin-left: 16.66666674%;
}
.column.is-3-fullhd
{
flex: none;
width: 25%;
}
.column.is-offset-3-fullhd
{
margin-left: 25%;
}
.column.is-4-fullhd
{
flex: none;
width: 33.33333337%;
}
.column.is-offset-4-fullhd
{
margin-left: 33.33333337%;
}
.column.is-5-fullhd
{
flex: none;
width: 41.66666674%;
}
.column.is-offset-5-fullhd
{
margin-left: 41.66666674%;
}
.column.is-6-fullhd
{
flex: none;
width: 50%;
}
.column.is-offset-6-fullhd
{
margin-left: 50%;
}
.column.is-7-fullhd
{
flex: none;
width: 58.33333337%;
}
.column.is-offset-7-fullhd
{
margin-left: 58.33333337%;
}
.column.is-8-fullhd
{
flex: none;
width: 66.66666674%;
}
.column.is-offset-8-fullhd
{
margin-left: 66.66666674%;
}
.column.is-9-fullhd
{
flex: none;
width: 75%;
}
.column.is-offset-9-fullhd
{
margin-left: 75%;
}
.column.is-10-fullhd
{
flex: none;
width: 83.33333337%;
}
.column.is-offset-10-fullhd
{
margin-left: 83.33333337%;
}
.column.is-11-fullhd
{
flex: none;
width: 91.66666674%;
}
.column.is-offset-11-fullhd
{
margin-left: 91.66666674%;
}
.column.is-12-fullhd
{
flex: none;
width: 100%;
}
.column.is-offset-12-fullhd
{
margin-left: 100%;
}
}
.columns
{
margin-left: -.75rem;
margin-right: -.75rem;
margin-top: -.75rem;
}
.columns:last-child
{
margin-bottom: -.75rem;
}
.columns:not(:last-child)
{
margin-bottom: .75rem;
}
.columns.is-centered
{
justify-content: center;
}
.columns.is-gapless
{
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.columns.is-gapless>.column
{
margin: 0;
padding: 0!important;
}
.columns.is-gapless:not(:last-child)
{
margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child
{
margin-bottom: 0;
}
.columns.is-mobile
{
display: flex;
}
.columns.is-multiline
{
flex-wrap: wrap;
}
.columns.is-vcentered
{
align-items: center;
}
@media print, screen and (min-width: 769px)
{
.columns:not(.is-desktop)
{
display: flex;
}
}
@media screen and (min-width: 1024px)
{
.columns.is-desktop
{
display: flex;
}
}
.columns.is-variable
{
--columnGap: .75rem;
margin-left: calc(var(--columnGap) * -1);
margin-right: calc(var(--columnGap) * -1);
}
.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 print, screen and (min-width: 769px)
{
.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: .25rem;
}
@media screen and (max-width: 768px)
{
.columns.is-variable.is-1-mobile
{
--columnGap: .25rem;
}
}
@media print, screen and (min-width: 769px)
{
.columns.is-variable.is-1-tablet
{
--columnGap: .25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px)
{
.columns.is-variable.is-1-tablet-only
{
--columnGap: .25rem;
}
}
@media screen and (max-width: 1023px)
{
.columns.is-variable.is-1-touch
{
--columnGap: .25rem;
}
}
@media screen and (min-width: 1024px)
{
.columns.is-variable.is-1-desktop
{
--columnGap: .25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px)
{
.columns.is-variable.is-1-desktop-only
{
--columnGap: .25rem;
}
}
@media screen and (min-width: 1216px)
{
.columns.is-variable.is-1-widescreen
{
--columnGap: .25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px)
{
.columns.is-variable.is-1-widescreen-only
{
--columnGap: .25rem;
}
}
@media screen and (min-width: 1408px)
{
.columns.is-variable.is-1-fullhd
{
--columnGap: .25rem;
}
}
.columns.is-variable.is-2
{
--columnGap: .5rem;
}
@media screen and (max-width: 768px)
{
.columns.is-variable.is-2-mobile
{
--columnGap: .5rem;
}
}
@media print, screen and (min-width: 769px)
{
.columns.is-variable.is-2-tablet
{
--columnGap: .5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px)
{
.columns.is-variable.is-2-tablet-only
{
--columnGap: .5rem;
}
}
@media screen and (max-width: 1023px)
{
.columns.is-variable.is-2-touch
{
--columnGap: .5rem;
}
}
@media screen and (min-width: 1024px)
{
.columns.is-variable.is-2-desktop
{
--columnGap: .5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px)
{
.columns.is-variable.is-2-desktop-only
{
--columnGap: .5rem;
}
}
@media screen and (min-width: 1216px)
{
.columns.is-variable.is-2-widescreen
{
--columnGap: .5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px)
{
.columns.is-variable.is-2-widescreen-only
{
--columnGap: .5rem;
}
}
@media screen and (min-width: 1408px)
{
.columns.is-variable.is-2-fullhd
{
--columnGap: .5rem;
}
}
.columns.is-variable.is-3
{
--columnGap: .75rem;
}
@media screen and (max-width: 768px)
{
.columns.is-variable.is-3-mobile
{
--columnGap: .75rem;
}
}
@media print, screen and (min-width: 769px)
{
.columns.is-variable.is-3-tablet
{
--columnGap: .75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px)
{
.columns.is-variable.is-3-tablet-only
{
--columnGap: .75rem;
}
}
@media screen and (max-width: 1023px)
{
.columns.is-variable.is-3-touch
{
--columnGap: .75rem;
}
}
@media screen and (min-width: 1024px)
{
.columns.is-variable.is-3-desktop
{
--columnGap: .75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px)
{
.columns.is-variable.is-3-desktop-only
{
--columnGap: .75rem;
}
}
@media screen and (min-width: 1216px)
{
.columns.is-variable.is-3-widescreen
{
--columnGap: .75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px)
{
.columns.is-variable.is-3-widescreen-only
{
--columnGap: .75rem;
}
}
@media screen and (min-width: 1408px)
{
.columns.is-variable.is-3-fullhd
{
--columnGap: .75rem;
}
}
.columns.is-variable.is-4
{
--columnGap: 1rem;
}
@media screen and (max-width: 768px)
{
.columns.is-variable.is-4-mobile
{
--columnGap: 1rem;
}
}
@media print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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-basis: 0;
flex-grow: 1;
flex-shrink: 1;
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
}
.tile.is-ancestor
{
margin-left: -.75rem;
margin-right: -.75rem;
margin-top: -.75rem;
}
.tile.is-ancestor:last-child
{
margin-bottom: -.75rem;
}
.tile.is-ancestor:not(:last-child)
{
margin-bottom: .75rem;
}
.tile.is-child
{
margin: 0!important;
}
.tile.is-parent
{
padding: .75rem;
}
.tile.is-vertical
{
flex-direction: column;
}
.tile.is-vertical>.tile.is-child:not(:last-child)
{
margin-bottom: 1.5rem!important;
}
@media print, screen and (min-width: 769px)
{
.tile:not(.is-child)
{
display: flex;
}
.tile.is-1
{
flex: none;
width: 8.33333337%;
}
.tile.is-2
{
flex: none;
width: 16.66666674%;
}
.tile.is-3
{
flex: none;
width: 25%;
}
.tile.is-4
{
flex: none;
width: 33.33333337%;
}
.tile.is-5
{
flex: none;
width: 41.66666674%;
}
.tile.is-6
{
flex: none;
width: 50%;
}
.tile.is-7
{
flex: none;
width: 58.33333337%;
}
.tile.is-8
{
flex: none;
width: 66.66666674%;
}
.tile.is-9
{
flex: none;
width: 75%;
}
.tile.is-10
{
flex: none;
width: 83.33333337%;
}
.tile.is-11
{
flex: none;
width: 91.66666674%;
}
.tile.is-12
{
flex: none;
width: 100%;
}
}
.has-text-white
{
color: #fff!important;
}
a.has-text-white:focus, a.has-text-white:hover
{
color: #e6e6e6!important;
}
.has-background-white
{
background-color: #fff!important;
}
.has-text-black, a.has-text-black:focus, a.has-text-black:hover
{
color: #000!important;
}
.has-background-black
{
background-color: #000!important;
}
.has-text-light
{
color: #f5f5f5!important;
}
a.has-text-light:focus, a.has-text-light:hover
{
color: #dbdbdb!important;
}
.has-background-light
{
background-color: #f5f5f5!important;
}
.has-text-dark
{
color: #363636!important;
}
a.has-text-dark:focus, a.has-text-dark:hover
{
color: #1c1c1c!important;
}
.has-background-dark
{
background-color: #363636!important;
}
.has-text-primary
{
color: #00d1b2!important;
}
a.has-text-primary:focus, a.has-text-primary:hover
{
color: #009e86!important;
}
.has-background-primary
{
background-color: #00d1b2!important;
}
.has-text-primary-light
{
color: #ebfffc!important;
}
a.has-text-primary-light:focus, a.has-text-primary-light:hover
{
color: #b8fff4!important;
}
.has-background-primary-light
{
background-color: #ebfffc!important;
}
.has-text-primary-dark
{
color: #00947e!important;
}
a.has-text-primary-dark:focus, a.has-text-primary-dark:hover
{
color: #00c7a9!important;
}
.has-background-primary-dark
{
background-color: #00947e!important;
}
.has-text-link
{
color: #004178!important;
}
a.has-text-link:focus, a.has-text-link:hover
{
color: #002545!important;
}
.has-background-link
{
background-color: #004178!important;
}
.has-text-link-light
{
color: #ebf6ff!important;
}
a.has-text-link-light:focus, a.has-text-link-light:hover
{
color: #b8deff!important;
}
.has-background-link-light
{
background-color: #ebf6ff!important;
}
.has-text-link-dark
{
color: #0f91ff!important;
}
a.has-text-link-dark:focus, a.has-text-link-dark:hover
{
color: #42a9ff!important;
}
.has-background-link-dark
{
background-color: #0f91ff!important;
}
.has-text-info
{
color: #00afe1!important;
}
a.has-text-info:focus, a.has-text-info:hover
{
color: #0087ae!important;
}
.has-background-info
{
background-color: #00afe1!important;
}
.has-text-info-light
{
color: #ebfaff!important;
}
a.has-text-info-light:focus, a.has-text-info-light:hover
{
color: #b8efff!important;
}
.has-background-info-light
{
background-color: #ebfaff!important;
}
.has-text-info-dark
{
color: #008bb3!important;
}
a.has-text-info-dark:focus, a.has-text-info-dark:hover
{
color: #00b3e6!important;
}
.has-background-info-dark
{
background-color: #008bb3!important;
}
.has-text-success
{
color: #63a91d!important;
}
a.has-text-success:focus, a.has-text-success:hover
{
color: #4a7d16!important;
}
.has-background-success
{
background-color: #63a91d!important;
}
.has-text-success-light
{
color: #f5fcee!important;
}
a.has-text-success-light:focus, a.has-text-success-light:hover
{
color: #dbf5c2!important;
}
.has-background-success-light
{
background-color: #f5fcee!important;
}
.has-text-success-dark
{
color: #5ea11c!important;
}
a.has-text-success-dark:focus, a.has-text-success-dark:hover
{
color: #78cd23!important;
}
.has-background-success-dark
{
background-color: #5ea11c!important;
}
.has-text-warning
{
color: #ffe08a!important;
}
a.has-text-warning:focus, a.has-text-warning:hover
{
color: #ffd257!important;
}
.has-background-warning
{
background-color: #ffe08a!important;
}
.has-text-warning-light
{
color: #fffaeb!important;
}
a.has-text-warning-light:focus, a.has-text-warning-light:hover
{
color: #ffecb8!important;
}
.has-background-warning-light
{
background-color: #fffaeb!important;
}
.has-text-warning-dark
{
color: #946c00!important;
}
a.has-text-warning-dark:focus, a.has-text-warning-dark:hover
{
color: #c79200!important;
}
.has-background-warning-dark
{
background-color: #946c00!important;
}
.has-text-danger
{
color: #d40124!important;
}
a.has-text-danger:focus, a.has-text-danger:hover
{
color: #a1011b!important;
}
.has-background-danger
{
background-color: #d40124!important;
}
.has-text-danger-light
{
color: #ffebee!important;
}
a.has-text-danger-light:focus, a.has-text-danger-light:hover
{
color: #ffb8c4!important;
}
.has-background-danger-light
{
background-color: #ffebee!important;
}
.has-text-danger-dark
{
color: #f9012a!important;
}
a.has-text-danger-dark:focus, a.has-text-danger-dark:hover
{
color: #fe2f51!important;
}
.has-background-danger-dark
{
background-color: #f9012a!important;
}
.has-text-black-bis
{
color: #121212!important;
}
.has-background-black-bis
{
background-color: #121212!important;
}
.has-text-black-ter
{
color: #242424!important;
}
.has-background-black-ter
{
background-color: #242424!important;
}
.has-text-grey-darker
{
color: #363636!important;
}
.has-background-grey-darker
{
background-color: #363636!important;
}
.has-text-grey-dark
{
color: #4a4a4a!important;
}
.has-background-grey-dark
{
background-color: #4a4a4a!important;
}
.has-text-grey
{
color: #7a7a7a!important;
}
.has-background-grey
{
background-color: #7a7a7a!important;
}
.has-text-grey-light
{
color: #b5b5b5!important;
}
.has-background-grey-light
{
background-color: #b5b5b5!important;
}
.has-text-grey-lighter
{
color: #dbdbdb!important;
}
.has-background-grey-lighter
{
background-color: #dbdbdb!important;
}
.has-text-white-ter
{
color: #f5f5f5!important;
}
.has-background-white-ter
{
background-color: #f5f5f5!important;
}
.has-text-white-bis
{
color: #fafafa!important;
}
.has-background-white-bis
{
background-color: #fafafa!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;
}
.content p:after, .is-clearfix:after
{
clear: both;
content: " ";
display: table;
}
.is-pulled-left
{
float: left!important;
}
.is-pulled-right
{
float: right!important;
}
.is-radiusless
{
border-radius: 0!important;
}
.is-shadowless
{
box-shadow: none!important;
}
.is-clickable
{
cursor: pointer!important;
pointer-events: all!important;
}
.is-clipped
{
overflow: hidden!important;
}
.is-relative
{
position: relative!important;
}
.is-marginless
{
margin: 0!important;
}
.is-paddingless
{
padding: 0!important;
}
.m-0
{
margin: 0!important;
}
.mt-0
{
margin-top: 0!important;
}
.mr-0
{
margin-right: 0!important;
}
.mb-0
{
margin-bottom: 0!important;
}
.ml-0, .mx-0
{
margin-left: 0!important;
}
.mx-0
{
margin-right: 0!important;
}
.my-0
{
margin-top: 0!important;
margin-bottom: 0!important;
}
.m-1
{
margin: .25rem!important;
}
.mt-1
{
margin-top: .25rem!important;
}
.mr-1
{
margin-right: .25rem!important;
}
.mb-1
{
margin-bottom: .25rem!important;
}
.ml-1, .mx-1
{
margin-left: .25rem!important;
}
.mx-1
{
margin-right: .25rem!important;
}
.my-1
{
margin-top: .25rem!important;
margin-bottom: .25rem!important;
}
.m-2
{
margin: .5rem!important;
}
.mt-2
{
margin-top: .5rem!important;
}
.mr-2
{
margin-right: .5rem!important;
}
.mb-2
{
margin-bottom: .5rem!important;
}
.ml-2, .mx-2
{
margin-left: .5rem!important;
}
.mx-2
{
margin-right: .5rem!important;
}
.my-2
{
margin-top: .5rem!important;
margin-bottom: .5rem!important;
}
.m-3
{
margin: .75rem!important;
}
.mt-3
{
margin-top: .75rem!important;
}
.mr-3
{
margin-right: .75rem!important;
}
.mb-3
{
margin-bottom: .75rem!important;
}
.ml-3, .mx-3
{
margin-left: .75rem!important;
}
.mx-3
{
margin-right: .75rem!important;
}
.my-3
{
margin-top: .75rem!important;
margin-bottom: .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, .mx-4
{
margin-left: 1rem!important;
}
.mx-4
{
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, .mx-5
{
margin-left: 1.5rem!important;
}
.mx-5
{
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, .mx-6
{
margin-left: 3rem!important;
}
.mx-6
{
margin-right: 3rem!important;
}
.my-6
{
margin-top: 3rem!important;
margin-bottom: 3rem!important;
}
.m-auto
{
margin: auto!important;
}
.mt-auto
{
margin-top: auto!important;
}
.mr-auto
{
margin-right: auto!important;
}
.mb-auto
{
margin-bottom: auto!important;
}
.ml-auto, .mx-auto
{
margin-left: auto!important;
}
.mx-auto
{
margin-right: auto!important;
}
.my-auto
{
margin-top: auto!important;
margin-bottom: auto!important;
}
.p-0
{
padding: 0!important;
}
.pt-0
{
padding-top: 0!important;
}
.pr-0
{
padding-right: 0!important;
}
.pb-0
{
padding-bottom: 0!important;
}
.pl-0
{
padding-left: 0!important;
}
.py-0
{
padding-top: 0!important;
padding-bottom: 0!important;
}
.p-1
{
padding: .25rem!important;
}
.pt-1
{
padding-top: .25rem!important;
}
.pr-1
{
padding-right: .25rem!important;
}
.pb-1
{
padding-bottom: .25rem!important;
}
.pl-1, .px-1
{
padding-left: .25rem!important;
}
.px-1
{
padding-right: .25rem!important;
}
.py-1
{
padding-top: .25rem!important;
padding-bottom: .25rem!important;
}
.p-2
{
padding: .5rem!important;
}
.pt-2
{
padding-top: .5rem!important;
}
.pr-2
{
padding-right: .5rem!important;
}
.pb-2
{
padding-bottom: .5rem!important;
}
.pl-2, .px-2
{
padding-left: .5rem!important;
}
.px-2
{
padding-right: .5rem!important;
}
.py-2
{
padding-top: .5rem!important;
padding-bottom: .5rem!important;
}
.p-3
{
padding: .75rem!important;
}
.pt-3
{
padding-top: .75rem!important;
}
.pr-3
{
padding-right: .75rem!important;
}
.pb-3
{
padding-bottom: .75rem!important;
}
.pl-3, .px-3
{
padding-left: .75rem!important;
}
.px-3
{
padding-right: .75rem!important;
}
.py-3
{
padding-top: .75rem!important;
padding-bottom: .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, .px-4
{
padding-left: 1rem!important;
}
.px-4
{
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, .px-5
{
padding-left: 1.5rem!important;
}
.px-5
{
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, .px-6
{
padding-left: 3rem!important;
}
.px-6
{
padding-right: 3rem!important;
}
.py-6
{
padding-top: 3rem!important;
padding-bottom: 3rem!important;
}
.p-auto
{
padding: auto!important;
}
.pt-auto
{
padding-top: auto!important;
}
.pr-auto
{
padding-right: auto!important;
}
.pb-auto
{
padding-bottom: auto!important;
}
.pl-auto, .px-auto
{
padding-left: auto!important;
}
.px-auto
{
padding-right: auto!important;
}
.py-auto
{
padding-top: auto!important;
padding-bottom: auto!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: .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: .75rem!important;
}
}
@media print, screen and (min-width: 769px)
{
.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: .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: .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: .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: .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: .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 print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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;
}
.is-underlined
{
text-decoration: underline!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, .is-family-sans-serif, .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-code, .is-family-monospace
{
font-family: monospace!important;
}
.is-block
{
display: block!important;
}
@media screen and (max-width: 768px)
{
.is-block-mobile
{
display: block!important;
}
}
@media print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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(0,0,0,0)!important;
height: .01em!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
white-space: nowrap!important;
width: .01em!important;
}
@media screen and (max-width: 768px)
{
.is-hidden-mobile
{
display: none!important;
}
}
@media print, screen and (min-width: 769px)
{
.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 print, screen and (min-width: 769px)
{
.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: none;
}
.hero .tabs ul
{
border-bottom: none;
}
.hero.is-white
{
background-color: #fff;
color: #000;
}
.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: #000;
}
.hero.is-white .subtitle
{
color: rgba(0,0,0,.9);
}
.hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong
{
color: #000;
}
@media screen and (max-width: 1023px)
{
.hero.is-white .navbar-menu
{
background-color: #fff;
}
}
.hero.is-white .navbar-item, .hero.is-white .navbar-link
{
color: rgba(0,0,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: #f2f2f2;
color: #000;
}
.hero.is-white .tabs a
{
color: #000;
opacity: .9;
}
.hero.is-white .tabs a:hover
{
opacity: 1;
}
.hero.is-white .tabs li.is-active a
{
color: #fff!important;
opacity: 1;
}
.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a
{
color: #000;
}
.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover
{
background-color: rgba(0,0,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: #000;
border-color: #000;
color: #fff;
}
.hero.is-white.is-bold
{
background-image: linear-gradient(141deg,#e8e3e4,#fff 71%,#fff);
}
@media screen and (max-width: 768px)
{
.hero.is-white.is-bold .navbar-menu
{
background-image: linear-gradient(141deg,#e8e3e4,#fff 71%,#fff);
}
}
.hero.is-black
{
background-color: #000;
color: #fff;
}
.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: #fff;
}
.hero.is-black .subtitle
{
color: hsla(0,0%,100%,.9);
}
.hero.is-black .subtitle a:not(.button), .hero.is-black .subtitle strong
{
color: #fff;
}
@media screen and (max-width: 1023px)
{
.hero.is-black .navbar-menu
{
background-color: #000;
}
}
.hero.is-black .navbar-item, .hero.is-black .navbar-link
{
color: hsla(0,0%,100%,.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: #000;
color: #fff;
}
.hero.is-black .tabs a
{
color: #fff;
opacity: .9;
}
.hero.is-black .tabs a:hover
{
opacity: 1;
}
.hero.is-black .tabs li.is-active a
{
color: #000!important;
opacity: 1;
}
.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a
{
color: #fff;
}
.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover
{
background-color: rgba(0,0,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: #fff;
border-color: #fff;
color: #000;
}
.hero.is-black.is-bold
{
background-image: linear-gradient(141deg,#000,#000 71%,#0d0c0c);
}
@media screen and (max-width: 768px)
{
.hero.is-black.is-bold .navbar-menu
{
background-image: linear-gradient(141deg,#000,#000 71%,#0d0c0c);
}
}
.hero.is-light
{
background-color: #f5f5f5;
color: rgba(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,.7);
}
.hero.is-light .subtitle
{
color: rgba(0,0,0,.9);
}
.hero.is-light .subtitle a:not(.button), .hero.is-light .subtitle strong
{
color: rgba(0,0,0,.7);
}
@media screen and (max-width: 1023px)
{
.hero.is-light .navbar-menu
{
background-color: #f5f5f5;
}
}
.hero.is-light .navbar-item, .hero.is-light .navbar-link
{
color: rgba(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: #e8e8e8;
color: rgba(0,0,0,.7);
}
.hero.is-light .tabs a
{
color: rgba(0,0,0,.7);
opacity: .9;
}
.hero.is-light .tabs a:hover
{
opacity: 1;
}
.hero.is-light .tabs li.is-active a
{
color: #f5f5f5!important;
opacity: 1;
}
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a
{
color: rgba(0,0,0,.7);
}
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover
{
background-color: rgba(0,0,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,.7);
border-color: rgba(0,0,0,.7);
color: #f5f5f5;
}
.hero.is-light.is-bold
{
background-image: linear-gradient(141deg,#dfd8d9,#f5f5f5 71%,#fff);
}
@media screen and (max-width: 768px)
{
.hero.is-light.is-bold .navbar-menu
{
background-image: linear-gradient(141deg,#dfd8d9,#f5f5f5 71%,#fff);
}
}
.hero.is-dark
{
background-color: #363636;
color: #fff;
}
.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: #fff;
}
.hero.is-dark .subtitle
{
color: hsla(0,0%,100%,.9);
}
.hero.is-dark .subtitle a:not(.button), .hero.is-dark .subtitle strong
{
color: #fff;
}
@media screen and (max-width: 1023px)
{
.hero.is-dark .navbar-menu
{
background-color: #363636;
}
}
.hero.is-dark .navbar-item, .hero.is-dark .navbar-link
{
color: hsla(0,0%,100%,.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: #292929;
color: #fff;
}
.hero.is-dark .tabs a
{
color: #fff;
opacity: .9;
}
.hero.is-dark .tabs a:hover
{
opacity: 1;
}
.hero.is-dark .tabs li.is-active a
{
color: #363636!important;
opacity: 1;
}
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a
{
color: #fff;
}
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover
{
background-color: rgba(0,0,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: #fff;
border-color: #fff;
color: #363636;
}
.hero.is-dark.is-bold
{
background-image: linear-gradient(141deg,#1f191a,#363636 71%,#46403f);
}
@media screen and (max-width: 768px)
{
.hero.is-dark.is-bold .navbar-menu
{
background-image: linear-gradient(141deg,#1f191a,#363636 71%,#46403f);
}
}
.hero.is-primary
{
background-color: #00d1b2;
color: #fff;
}
.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: #fff;
}
.hero.is-primary .subtitle
{
color: hsla(0,0%,100%,.9);
}
.hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong
{
color: #fff;
}
@media screen and (max-width: 1023px)
{
.hero.is-primary .navbar-menu
{
background-color: #00d1b2;
}
}
.hero.is-primary .navbar-item, .hero.is-primary .navbar-link
{
color: hsla(0,0%,100%,.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: #00b89c;
color: #fff;
}
.hero.is-primary .tabs a
{
color: #fff;
opacity: .9;
}
.hero.is-primary .tabs a:hover
{
opacity: 1;
}
.hero.is-primary .tabs li.is-active a
{
color: #00d1b2!important;
opacity: 1;
}
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a
{
color: #fff;
}
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover
{
background-color: rgba(0,0,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: #fff;
border-color: #fff;
color: #00d1b2;
}
.hero.is-primary.is-bold
{
background-image: linear-gradient(141deg,#009e6c,#00d1b2 71%,#00e7eb);
}
@media screen and (max-width: 768px)
{
.hero.is-primary.is-bold .navbar-menu
{
background-image: linear-gradient(141deg,#009e6c,#00d1b2 71%,#00e7eb);
}
}
.hero.is-link
{
background-color: #004178;
color: #fff;
}
.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: #fff;
}
.hero.is-link .subtitle
{
color: hsla(0,0%,100%,.9);
}
.hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle strong
{
color: #fff;
}
@media screen and (max-width: 1023px)
{
.hero.is-link .navbar-menu
{
background-color: #004178;
}
}
.hero.is-link .navbar-item, .hero.is-link .navbar-link
{
color: hsla(0,0%,100%,.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: #00335f;
color: #fff;
}
.hero.is-link .tabs a
{
color: #fff;
opacity: .9;
}
.hero.is-link .tabs a:hover
{
opacity: 1;
}
.hero.is-link .tabs li.is-active a
{
color: #004178!important;
opacity: 1;
}
.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a
{
color: #fff;
}
.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover
{
background-color: rgba(0,0,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: #fff;
border-color: #fff;
color: #004178;
}
.hero.is-link.is-bold
{
background-image: linear-gradient(141deg,#003145,#004178 71%,#003792);
}
@media screen and (max-width: 768px)
{
.hero.is-link.is-bold .navbar-menu
{
background-image: linear-gradient(141deg,#003145,#004178 71%,#003792);
}
}
.hero.is-info
{
background-color: #00afe1;
color: #fff;
}
.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: #fff;
}
.hero.is-info .subtitle
{
color: hsla(0,0%,100%,.9);
}
.hero.is-info .subtitle a:not(.button), .hero.is-info .subtitle strong
{
color: #fff;
}
@media screen and (max-width: 1023px)
{
.hero.is-info .navbar-menu
{
background-color: #00afe1;
}
}
.hero.is-info .navbar-item, .hero.is-info .navbar-link
{
color: hsla(0,0%,100%,.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: #009bc8;
color: #fff;
}
.hero.is-info .tabs a
{
color: #fff;
opacity: .9;
}
.hero.is-info .tabs a:hover
{
opacity: 1;
}
.hero.is-info .tabs li.is-active a
{
color: #00afe1!important;
opacity: 1;
}
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a
{
color: #fff;
}
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover
{
background-color: rgba(0,0,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: #fff;
border-color: #fff;
color: #00afe1;
}
.hero.is-info.is-bold
{
background-image: linear-gradient(141deg,#00a4ae,#00afe1 71%,#0099fb);
}
@media screen and (max-width: 768px)
{
.hero.is-info.is-bold .navbar-menu
{
background-image: linear-gradient(141deg,#00a4ae,#00afe1 71%,#0099fb);
}
}
.hero.is-success
{
background-color: #63a91d;
color: #fff;
}
.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: #fff;
}
.hero.is-success .subtitle
{
color: hsla(0,0%,100%,.9);
}
.hero.is-success .subtitle a:not(.button), .hero.is-success .subtitle strong
{
color: #fff;
}
@media screen and (max-width: 1023px)
{
.hero.is-success .navbar-menu
{
background-color: #63a91d;
}
}
.hero.is-success .navbar-item, .hero.is-success .navbar-link
{
color: hsla(0,0%,100%,.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: #569319;
color: #fff;
}
.hero.is-success .tabs a
{
color: #fff;
opacity: .9;
}
.hero.is-success .tabs a:hover
{
opacity: 1;
}
.hero.is-success .tabs li.is-active a
{
color: #63a91d!important;
opacity: 1;
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a
{
color: #fff;
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover
{
background-color: rgba(0,0,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: #fff;
border-color: #fff;
color: #63a91d;
}
.hero.is-success.is-bold
{
background-image: linear-gradient(141deg,#5d850e,#63a91d 71%,#54c41b);
}
@media screen and (max-width: 768px)
{
.hero.is-success.is-bold .navbar-menu
{
background-image: linear-gradient(141deg,#5d850e,#63a91d 71%,#54c41b);
}
}
.hero.is-warning
{
background-color: #ffe08a;
color: rgba(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,.7);
}
.hero.is-warning .subtitle
{
color: rgba(0,0,0,.9);
}
.hero.is-warning .subtitle a:not(.button), .hero.is-warning .subtitle strong
{
color: rgba(0,0,0,.7);
}
@media screen and (max-width: 1023px)
{
.hero.is-warning .navbar-menu
{
background-color: #ffe08a;
}
}
.hero.is-warning .navbar-item, .hero.is-warning .navbar-link
{
color: rgba(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: #ffd970;
color: rgba(0,0,0,.7);
}
.hero.is-warning .tabs a
{
color: rgba(0,0,0,.7);
opacity: .9;
}
.hero.is-warning .tabs a:hover
{
opacity: 1;
}
.hero.is-warning .tabs li.is-active a
{
color: #ffe08a!important;
opacity: 1;
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a
{
color: rgba(0,0,0,.7);
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover
{
background-color: rgba(0,0,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,.7);
border-color: rgba(0,0,0,.7);
color: #ffe08a;
}
.hero.is-warning.is-bold
{
background-image: linear-gradient(141deg,#ffb657,#ffe08a 71%,#fff6a3);
}
@media screen and (max-width: 768px)
{
.hero.is-warning.is-bold .navbar-menu
{
background-image: linear-gradient(141deg,#ffb657,#ffe08a 71%,#fff6a3);
}
}
.hero.is-danger
{
background-color: #d40124;
color: #fff;
}
.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: #fff;
}
.hero.is-danger .subtitle
{
color: hsla(0,0%,100%,.9);
}
.hero.is-danger .subtitle a:not(.button), .hero.is-danger .subtitle strong
{
color: #fff;
}
@media screen and (max-width: 1023px)
{
.hero.is-danger .navbar-menu
{
background-color: #d40124;
}
}
.hero.is-danger .navbar-item, .hero.is-danger .navbar-link
{
color: hsla(0,0%,100%,.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: #bb0120;
color: #fff;
}
.hero.is-danger .tabs a
{
color: #fff;
opacity: .9;
}
.hero.is-danger .tabs a:hover
{
opacity: 1;
}
.hero.is-danger .tabs li.is-active a
{
color: #d40124!important;
opacity: 1;
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a
{
color: #fff;
}
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover
{
background-color: rgba(0,0,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: #fff;
border-color: #fff;
color: #d40124;
}
.hero.is-danger.is-bold
{
background-image: linear-gradient(141deg,#a20036,#d40124 71%,#ef0000);
}
@media screen and (max-width: 768px)
{
.hero.is-danger.is-bold .navbar-menu
{
background-image: linear-gradient(141deg,#a20036,#d40124 71%,#ef0000);
}
}
.hero.is-small .hero-body
{
padding: 1.5rem;
}
@media print, screen and (min-width: 769px)
{
.hero.is-medium .hero-body
{
padding: 9rem 4.5rem;
}
}
@media print, screen and (min-width: 769px)
{
.hero.is-large .hero-body
{
padding: 18rem 6rem;
}
}
.hero.is-fullheight-with-navbar .hero-body, .hero.is-fullheight .hero-body, .hero.is-halfheight .hero-body
{
align-items: center;
display: flex;
}
.hero.is-fullheight-with-navbar .hero-body>.container, .hero.is-fullheight .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%,0);
}
.hero-video.is-transparent
{
opacity: .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: .75rem;
}
}
@media print, screen and (min-width: 769px)
{
.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;
}
@media print, screen and (min-width: 769px)
{
.hero-body
{
padding: 3rem;
}
}
.section
{
padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px)
{
.section
{
padding: 3rem;
}
.section.is-medium
{
padding: 9rem 4.5rem;
}
.section.is-large
{
padding: 18rem 6rem;
}
}
.footer
{
background-color: #fafafa;
padding: 3rem 1.5rem 6rem;
}
@media(min-width: 360px)
{
.p-0-mobileSmall
{
padding: 0!important;
}
.m-0-mobileSmall
{
margin: 0!important;
}
}
@media(min-width: 480px)
{
.p-0-mobileLarge
{
padding: 0!important;
}
.m-0-mobileLarge
{
margin: 0!important;
}
}
@media(min-width: 540px)
{
.p-0-xs
{
padding: 0!important;
}
.m-0-xs
{
margin: 0!important;
}
}
@media(min-width: 769px)
{
.p-0-tablet
{
padding: 0!important;
}
.m-0-tablet
{
margin: 0!important;
}
}
@media(min-width: 1024px)
{
.p-0-desktop
{
padding: 0!important;
}
.m-0-desktop
{
margin: 0!important;
}
}
@media(min-width: 360px)
{
.p-1-mobileSmall
{
padding: .25!important;
}
.m-1-mobileSmall
{
margin: .25!important;
}
}
@media(min-width: 480px)
{
.p-1-mobileLarge
{
padding: .25!important;
}
.m-1-mobileLarge
{
margin: .25!important;
}
}
@media(min-width: 540px)
{
.p-1-xs
{
padding: .25!important;
}
.m-1-xs
{
margin: .25!important;
}
}
@media(min-width: 769px)
{
.p-1-tablet
{
padding: .25!important;
}
.m-1-tablet
{
margin: .25!important;
}
}
@media(min-width: 1024px)
{
.p-1-desktop
{
padding: .25!important;
}
.m-1-desktop
{
margin: .25!important;
}
}
@media(min-width: 360px)
{
.p-2-mobileSmall
{
padding: .5!important;
}
.m-2-mobileSmall
{
margin: .5!important;
}
}
@media(min-width: 480px)
{
.p-2-mobileLarge
{
padding: .5!important;
}
.m-2-mobileLarge
{
margin: .5!important;
}
}
@media(min-width: 540px)
{
.p-2-xs
{
padding: .5!important;
}
.m-2-xs
{
margin: .5!important;
}
}
@media(min-width: 769px)
{
.p-2-tablet
{
padding: .5!important;
}
.m-2-tablet
{
margin: .5!important;
}
}
@media(min-width: 1024px)
{
.p-2-desktop
{
padding: .5!important;
}
.m-2-desktop
{
margin: .5!important;
}
}
@media(min-width: 360px)
{
.p-3-mobileSmall
{
padding: .75!important;
}
.m-3-mobileSmall
{
margin: .75!important;
}
}
@media(min-width: 480px)
{
.p-3-mobileLarge
{
padding: .75!important;
}
.m-3-mobileLarge
{
margin: .75!important;
}
}
@media(min-width: 540px)
{
.p-3-xs
{
padding: .75!important;
}
.m-3-xs
{
margin: .75!important;
}
}
@media(min-width: 769px)
{
.p-3-tablet
{
padding: .75!important;
}
.m-3-tablet
{
margin: .75!important;
}
}
@media(min-width: 1024px)
{
.p-3-desktop
{
padding: .75!important;
}
.m-3-desktop
{
margin: .75!important;
}
}
@media(min-width: 360px)
{
.p-4-mobileSmall
{
padding: 1!important;
}
.m-4-mobileSmall
{
margin: 1!important;
}
}
@media(min-width: 480px)
{
.p-4-mobileLarge
{
padding: 1!important;
}
.m-4-mobileLarge
{
margin: 1!important;
}
}
@media(min-width: 540px)
{
.p-4-xs
{
padding: 1!important;
}
.m-4-xs
{
margin: 1!important;
}
}
@media(min-width: 769px)
{
.p-4-tablet
{
padding: 1!important;
}
.m-4-tablet
{
margin: 1!important;
}
}
@media(min-width: 1024px)
{
.p-4-desktop
{
padding: 1!important;
}
.m-4-desktop
{
margin: 1!important;
}
}
@media(min-width: 360px)
{
.p-5-mobileSmall
{
padding: 1.5!important;
}
.m-5-mobileSmall
{
margin: 1.5!important;
}
}
@media(min-width: 480px)
{
.p-5-mobileLarge
{
padding: 1.5!important;
}
.m-5-mobileLarge
{
margin: 1.5!important;
}
}
@media(min-width: 540px)
{
.p-5-xs
{
padding: 1.5!important;
}
.m-5-xs
{
margin: 1.5!important;
}
}
@media(min-width: 769px)
{
.p-5-tablet
{
padding: 1.5!important;
}
.m-5-tablet
{
margin: 1.5!important;
}
}
@media(min-width: 1024px)
{
.p-5-desktop
{
padding: 1.5!important;
}
.m-5-desktop
{
margin: 1.5!important;
}
}
@media(min-width: 360px)
{
.p-6-mobileSmall
{
padding: 3!important;
}
.m-6-mobileSmall
{
margin: 3!important;
}
}
@media(min-width: 480px)
{
.p-6-mobileLarge
{
padding: 3!important;
}
.m-6-mobileLarge
{
margin: 3!important;
}
}
@media(min-width: 540px)
{
.p-6-xs
{
padding: 3!important;
}
.m-6-xs
{
margin: 3!important;
}
}
@media(min-width: 769px)
{
.p-6-tablet
{
padding: 3!important;
}
.m-6-tablet
{
margin: 3!important;
}
}
@media(min-width: 1024px)
{
.p-6-desktop
{
padding: 3!important;
}
.m-6-desktop
{
margin: 3!important;
}
}
@media(min-width: 360px)
{
.p-auto-mobileSmall
{
padding: auto!important;
}
.m-auto-mobileSmall
{
margin: auto!important;
}
}
@media(min-width: 480px)
{
.p-auto-mobileLarge
{
padding: auto!important;
}
.m-auto-mobileLarge
{
margin: auto!important;
}
}
@media(min-width: 540px)
{
.p-auto-xs
{
padding: auto!important;
}
.m-auto-xs
{
margin: auto!important;
}
}
@media(min-width: 769px)
{
.p-auto-tablet
{
padding: auto!important;
}
.m-auto-tablet
{
margin: auto!important;
}
}
@media(min-width: 1024px)
{
.p-auto-desktop
{
padding: auto!important;
}
.m-auto-desktop
{
margin: auto!important;
}
}
@media(min-width: 360px)
{
.pt-0-mobileSmall
{
padding-top: 0!important;
}
.mt-0-mobileSmall
{
margin-top: 0!important;
}
}
@media(min-width: 480px)
{
.pt-0-mobileLarge
{
padding-top: 0!important;
}
.mt-0-mobileLarge
{
margin-top: 0!important;
}
}
@media(min-width: 540px)
{
.pt-0-xs
{
padding-top: 0!important;
}
.mt-0-xs
{
margin-top: 0!important;
}
}
@media(min-width: 769px)
{
.pt-0-tablet
{
padding-top: 0!important;
}
.mt-0-tablet
{
margin-top: 0!important;
}
}
@media(min-width: 1024px)
{
.pt-0-desktop
{
padding-top: 0!important;
}
.mt-0-desktop
{
margin-top: 0!important;
}
}
@media(min-width: 360px)
{
.pt-1-mobileSmall
{
padding-top: .25!important;
}
.mt-1-mobileSmall
{
margin-top: .25!important;
}
}
@media(min-width: 480px)
{
.pt-1-mobileLarge
{
padding-top: .25!important;
}
.mt-1-mobileLarge
{
margin-top: .25!important;
}
}
@media(min-width: 540px)
{
.pt-1-xs
{
padding-top: .25!important;
}
.mt-1-xs
{
margin-top: .25!important;
}
}
@media(min-width: 769px)
{
.pt-1-tablet
{
padding-top: .25!important;
}
.mt-1-tablet
{
margin-top: .25!important;
}
}
@media(min-width: 1024px)
{
.pt-1-desktop
{
padding-top: .25!important;
}
.mt-1-desktop
{
margin-top: .25!important;
}
}
@media(min-width: 360px)
{
.pt-2-mobileSmall
{
padding-top: .5!important;
}
.mt-2-mobileSmall
{
margin-top: .5!important;
}
}
@media(min-width: 480px)
{
.pt-2-mobileLarge
{
padding-top: .5!important;
}
.mt-2-mobileLarge
{
margin-top: .5!important;
}
}
@media(min-width: 540px)
{
.pt-2-xs
{
padding-top: .5!important;
}
.mt-2-xs
{
margin-top: .5!important;
}
}
@media(min-width: 769px)
{
.pt-2-tablet
{
padding-top: .5!important;
}
.mt-2-tablet
{
margin-top: .5!important;
}
}
@media(min-width: 1024px)
{
.pt-2-desktop
{
padding-top: .5!important;
}
.mt-2-desktop
{
margin-top: .5!important;
}
}
@media(min-width: 360px)
{
.pt-3-mobileSmall
{
padding-top: .75!important;
}
.mt-3-mobileSmall
{
margin-top: .75!important;
}
}
@media(min-width: 480px)
{
.pt-3-mobileLarge
{
padding-top: .75!important;
}
.mt-3-mobileLarge
{
margin-top: .75!important;
}
}
@media(min-width: 540px)
{
.pt-3-xs
{
padding-top: .75!important;
}
.mt-3-xs
{
margin-top: .75!important;
}
}
@media(min-width: 769px)
{
.pt-3-tablet
{
padding-top: .75!important;
}
.mt-3-tablet
{
margin-top: .75!important;
}
}
@media(min-width: 1024px)
{
.pt-3-desktop
{
padding-top: .75!important;
}
.mt-3-desktop
{
margin-top: .75!important;
}
}
@media(min-width: 360px)
{
.pt-4-mobileSmall
{
padding-top: 1!important;
}
.mt-4-mobileSmall
{
margin-top: 1!important;
}
}
@media(min-width: 480px)
{
.pt-4-mobileLarge
{
padding-top: 1!important;
}
.mt-4-mobileLarge
{
margin-top: 1!important;
}
}
@media(min-width: 540px)
{
.pt-4-xs
{
padding-top: 1!important;
}
.mt-4-xs
{
margin-top: 1!important;
}
}
@media(min-width: 769px)
{
.pt-4-tablet
{
padding-top: 1!important;
}
.mt-4-tablet
{
margin-top: 1!important;
}
}
@media(min-width: 1024px)
{
.pt-4-desktop
{
padding-top: 1!important;
}
.mt-4-desktop
{
margin-top: 1!important;
}
}
@media(min-width: 360px)
{
.pt-5-mobileSmall
{
padding-top: 1.5!important;
}
.mt-5-mobileSmall
{
margin-top: 1.5!important;
}
}
@media(min-width: 480px)
{
.pt-5-mobileLarge
{
padding-top: 1.5!important;
}
.mt-5-mobileLarge
{
margin-top: 1.5!important;
}
}
@media(min-width: 540px)
{
.pt-5-xs
{
padding-top: 1.5!important;
}
.mt-5-xs
{
margin-top: 1.5!important;
}
}
@media(min-width: 769px)
{
.pt-5-tablet
{
padding-top: 1.5!important;
}
.mt-5-tablet
{
margin-top: 1.5!important;
}
}
@media(min-width: 1024px)
{
.pt-5-desktop
{
padding-top: 1.5!important;
}
.mt-5-desktop
{
margin-top: 1.5!important;
}
}
@media(min-width: 360px)
{
.pt-6-mobileSmall
{
padding-top: 3!important;
}
.mt-6-mobileSmall
{
margin-top: 3!important;
}
}
@media(min-width: 480px)
{
.pt-6-mobileLarge
{
padding-top: 3!important;
}
.mt-6-mobileLarge
{
margin-top: 3!important;
}
}
@media(min-width: 540px)
{
.pt-6-xs
{
padding-top: 3!important;
}
.mt-6-xs
{
margin-top: 3!important;
}
}
@media(min-width: 769px)
{
.pt-6-tablet
{
padding-top: 3!important;
}
.mt-6-tablet
{
margin-top: 3!important;
}
}
@media(min-width: 1024px)
{
.pt-6-desktop
{
padding-top: 3!important;
}
.mt-6-desktop
{
margin-top: 3!important;
}
}
@media(min-width: 360px)
{
.pt-auto-mobileSmall
{
padding-top: auto!important;
}
.mt-auto-mobileSmall
{
margin-top: auto!important;
}
}
@media(min-width: 480px)
{
.pt-auto-mobileLarge
{
padding-top: auto!important;
}
.mt-auto-mobileLarge
{
margin-top: auto!important;
}
}
@media(min-width: 540px)
{
.pt-auto-xs
{
padding-top: auto!important;
}
.mt-auto-xs
{
margin-top: auto!important;
}
}
@media(min-width: 769px)
{
.pt-auto-tablet
{
padding-top: auto!important;
}
.mt-auto-tablet
{
margin-top: auto!important;
}
}
@media(min-width: 1024px)
{
.pt-auto-desktop
{
padding-top: auto!important;
}
.mt-auto-desktop
{
margin-top: auto!important;
}
}
@media(min-width: 360px)
{
.pr-0-mobileSmall
{
padding-right: 0!important;
}
.mr-0-mobileSmall
{
margin-right: 0!important;
}
}
@media(min-width: 480px)
{
.pr-0-mobileLarge
{
padding-right: 0!important;
}
.mr-0-mobileLarge
{
margin-right: 0!important;
}
}
@media(min-width: 540px)
{
.pr-0-xs
{
padding-right: 0!important;
}
.mr-0-xs
{
margin-right: 0!important;
}
}
@media(min-width: 769px)
{
.pr-0-tablet
{
padding-right: 0!important;
}
.mr-0-tablet
{
margin-right: 0!important;
}
}
@media(min-width: 1024px)
{
.pr-0-desktop
{
padding-right: 0!important;
}
.mr-0-desktop
{
margin-right: 0!important;
}
}
@media(min-width: 360px)
{
.pr-1-mobileSmall
{
padding-right: .25!important;
}
.mr-1-mobileSmall
{
margin-right: .25!important;
}
}
@media(min-width: 480px)
{
.pr-1-mobileLarge
{
padding-right: .25!important;
}
.mr-1-mobileLarge
{
margin-right: .25!important;
}
}
@media(min-width: 540px)
{
.pr-1-xs
{
padding-right: .25!important;
}
.mr-1-xs
{
margin-right: .25!important;
}
}
@media(min-width: 769px)
{
.pr-1-tablet
{
padding-right: .25!important;
}
.mr-1-tablet
{
margin-right: .25!important;
}
}
@media(min-width: 1024px)
{
.pr-1-desktop
{
padding-right: .25!important;
}
.mr-1-desktop
{
margin-right: .25!important;
}
}
@media(min-width: 360px)
{
.pr-2-mobileSmall
{
padding-right: .5!important;
}
.mr-2-mobileSmall
{
margin-right: .5!important;
}
}
@media(min-width: 480px)
{
.pr-2-mobileLarge
{
padding-right: .5!important;
}
.mr-2-mobileLarge
{
margin-right: .5!important;
}
}
@media(min-width: 540px)
{
.pr-2-xs
{
padding-right: .5!important;
}
.mr-2-xs
{
margin-right: .5!important;
}
}
@media(min-width: 769px)
{
.pr-2-tablet
{
padding-right: .5!important;
}
.mr-2-tablet
{
margin-right: .5!important;
}
}
@media(min-width: 1024px)
{
.pr-2-desktop
{
padding-right: .5!important;
}
.mr-2-desktop
{
margin-right: .5!important;
}
}
@media(min-width: 360px)
{
.pr-3-mobileSmall
{
padding-right: .75!important;
}
.mr-3-mobileSmall
{
margin-right: .75!important;
}
}
@media(min-width: 480px)
{
.pr-3-mobileLarge
{
padding-right: .75!important;
}
.mr-3-mobileLarge
{
margin-right: .75!important;
}
}
@media(min-width: 540px)
{
.pr-3-xs
{
padding-right: .75!important;
}
.mr-3-xs
{
margin-right: .75!important;
}
}
@media(min-width: 769px)
{
.pr-3-tablet
{
padding-right: .75!important;
}
.mr-3-tablet
{
margin-right: .75!important;
}
}
@media(min-width: 1024px)
{
.pr-3-desktop
{
padding-right: .75!important;
}
.mr-3-desktop
{
margin-right: .75!important;
}
}
@media(min-width: 360px)
{
.pr-4-mobileSmall
{
padding-right: 1!important;
}
.mr-4-mobileSmall
{
margin-right: 1!important;
}
}
@media(min-width: 480px)
{
.pr-4-mobileLarge
{
padding-right: 1!important;
}
.mr-4-mobileLarge
{
margin-right: 1!important;
}
}
@media(min-width: 540px)
{
.pr-4-xs
{
padding-right: 1!important;
}
.mr-4-xs
{
margin-right: 1!important;
}
}
@media(min-width: 769px)
{
.pr-4-tablet
{
padding-right: 1!important;
}
.mr-4-tablet
{
margin-right: 1!important;
}
}
@media(min-width: 1024px)
{
.pr-4-desktop
{
padding-right: 1!important;
}
.mr-4-desktop
{
margin-right: 1!important;
}
}
@media(min-width: 360px)
{
.pr-5-mobileSmall
{
padding-right: 1.5!important;
}
.mr-5-mobileSmall
{
margin-right: 1.5!important;
}
}
@media(min-width: 480px)
{
.pr-5-mobileLarge
{
padding-right: 1.5!important;
}
.mr-5-mobileLarge
{
margin-right: 1.5!important;
}
}
@media(min-width: 540px)
{
.pr-5-xs
{
padding-right: 1.5!important;
}
.mr-5-xs
{
margin-right: 1.5!important;
}
}
@media(min-width: 769px)
{
.pr-5-tablet
{
padding-right: 1.5!important;
}
.mr-5-tablet
{
margin-right: 1.5!important;
}
}
@media(min-width: 1024px)
{
.pr-5-desktop
{
padding-right: 1.5!important;
}
.mr-5-desktop
{
margin-right: 1.5!important;
}
}
@media(min-width: 360px)
{
.pr-6-mobileSmall
{
padding-right: 3!important;
}
.mr-6-mobileSmall
{
margin-right: 3!important;
}
}
@media(min-width: 480px)
{
.pr-6-mobileLarge
{
padding-right: 3!important;
}
.mr-6-mobileLarge
{
margin-right: 3!important;
}
}
@media(min-width: 540px)
{
.pr-6-xs
{
padding-right: 3!important;
}
.mr-6-xs
{
margin-right: 3!important;
}
}
@media(min-width: 769px)
{
.pr-6-tablet
{
padding-right: 3!important;
}
.mr-6-tablet
{
margin-right: 3!important;
}
}
@media(min-width: 1024px)
{
.pr-6-desktop
{
padding-right: 3!important;
}
.mr-6-desktop
{
margin-right: 3!important;
}
}
@media(min-width: 360px)
{
.pr-auto-mobileSmall
{
padding-right: auto!important;
}
.mr-auto-mobileSmall
{
margin-right: auto!important;
}
}
@media(min-width: 480px)
{
.pr-auto-mobileLarge
{
padding-right: auto!important;
}
.mr-auto-mobileLarge
{
margin-right: auto!important;
}
}
@media(min-width: 540px)
{
.pr-auto-xs
{
padding-right: auto!important;
}
.mr-auto-xs
{
margin-right: auto!important;
}
}
@media(min-width: 769px)
{
.pr-auto-tablet
{
padding-right: auto!important;
}
.mr-auto-tablet
{
margin-right: auto!important;
}
}
@media(min-width: 1024px)
{
.pr-auto-desktop
{
padding-right: auto!important;
}
.mr-auto-desktop
{
margin-right: auto!important;
}
}
@media(min-width: 360px)
{
.pb-0-mobileSmall
{
padding-bottom: 0!important;
}
.mb-0-mobileSmall
{
margin-bottom: 0!important;
}
}
@media(min-width: 480px)
{
.pb-0-mobileLarge
{
padding-bottom: 0!important;
}
.mb-0-mobileLarge
{
margin-bottom: 0!important;
}
}
@media(min-width: 540px)
{
.pb-0-xs
{
padding-bottom: 0!important;
}
.mb-0-xs
{
margin-bottom: 0!important;
}
}
@media(min-width: 769px)
{
.pb-0-tablet
{
padding-bottom: 0!important;
}
.mb-0-tablet
{
margin-bottom: 0!important;
}
}
@media(min-width: 1024px)
{
.pb-0-desktop
{
padding-bottom: 0!important;
}
.mb-0-desktop
{
margin-bottom: 0!important;
}
}
@media(min-width: 360px)
{
.pb-1-mobileSmall
{
padding-bottom: .25!important;
}
.mb-1-mobileSmall
{
margin-bottom: .25!important;
}
}
@media(min-width: 480px)
{
.pb-1-mobileLarge
{
padding-bottom: .25!important;
}
.mb-1-mobileLarge
{
margin-bottom: .25!important;
}
}
@media(min-width: 540px)
{
.pb-1-xs
{
padding-bottom: .25!important;
}
.mb-1-xs
{
margin-bottom: .25!important;
}
}
@media(min-width: 769px)
{
.pb-1-tablet
{
padding-bottom: .25!important;
}
.mb-1-tablet
{
margin-bottom: .25!important;
}
}
@media(min-width: 1024px)
{
.pb-1-desktop
{
padding-bottom: .25!important;
}
.mb-1-desktop
{
margin-bottom: .25!important;
}
}
@media(min-width: 360px)
{
.pb-2-mobileSmall
{
padding-bottom: .5!important;
}
.mb-2-mobileSmall
{
margin-bottom: .5!important;
}
}
@media(min-width: 480px)
{
.pb-2-mobileLarge
{
padding-bottom: .5!important;
}
.mb-2-mobileLarge
{
margin-bottom: .5!important;
}
}
@media(min-width: 540px)
{
.pb-2-xs
{
padding-bottom: .5!important;
}
.mb-2-xs
{
margin-bottom: .5!important;
}
}
@media(min-width: 769px)
{
.pb-2-tablet
{
padding-bottom: .5!important;
}
.mb-2-tablet
{
margin-bottom: .5!important;
}
}
@media(min-width: 1024px)
{
.pb-2-desktop
{
padding-bottom: .5!important;
}
.mb-2-desktop
{
margin-bottom: .5!important;
}
}
@media(min-width: 360px)
{
.pb-3-mobileSmall
{
padding-bottom: .75!important;
}
.mb-3-mobileSmall
{
margin-bottom: .75!important;
}
}
@media(min-width: 480px)
{
.pb-3-mobileLarge
{
padding-bottom: .75!important;
}
.mb-3-mobileLarge
{
margin-bottom: .75!important;
}
}
@media(min-width: 540px)
{
.pb-3-xs
{
padding-bottom: .75!important;
}
.mb-3-xs
{
margin-bottom: .75!important;
}
}
@media(min-width: 769px)
{
.pb-3-tablet
{
padding-bottom: .75!important;
}
.mb-3-tablet
{
margin-bottom: .75!important;
}
}
@media(min-width: 1024px)
{
.pb-3-desktop
{
padding-bottom: .75!important;
}
.mb-3-desktop
{
margin-bottom: .75!important;
}
}
@media(min-width: 360px)
{
.pb-4-mobileSmall
{
padding-bottom: 1!important;
}
.mb-4-mobileSmall
{
margin-bottom: 1!important;
}
}
@media(min-width: 480px)
{
.pb-4-mobileLarge
{
padding-bottom: 1!important;
}
.mb-4-mobileLarge
{
margin-bottom: 1!important;
}
}
@media(min-width: 540px)
{
.pb-4-xs
{
padding-bottom: 1!important;
}
.mb-4-xs
{
margin-bottom: 1!important;
}
}
@media(min-width: 769px)
{
.pb-4-tablet
{
padding-bottom: 1!important;
}
.mb-4-tablet
{
margin-bottom: 1!important;
}
}
@media(min-width: 1024px)
{
.pb-4-desktop
{
padding-bottom: 1!important;
}
.mb-4-desktop
{
margin-bottom: 1!important;
}
}
@media(min-width: 360px)
{
.pb-5-mobileSmall
{
padding-bottom: 1.5!important;
}
.mb-5-mobileSmall
{
margin-bottom: 1.5!important;
}
}
@media(min-width: 480px)
{
.pb-5-mobileLarge
{
padding-bottom: 1.5!important;
}
.mb-5-mobileLarge
{
margin-bottom: 1.5!important;
}
}
@media(min-width: 540px)
{
.pb-5-xs
{
padding-bottom: 1.5!important;
}
.mb-5-xs
{
margin-bottom: 1.5!important;
}
}
@media(min-width: 769px)
{
.pb-5-tablet
{
padding-bottom: 1.5!important;
}
.mb-5-tablet
{
margin-bottom: 1.5!important;
}
}
@media(min-width: 1024px)
{
.pb-5-desktop
{
padding-bottom: 1.5!important;
}
.mb-5-desktop
{
margin-bottom: 1.5!important;
}
}
@media(min-width: 360px)
{
.pb-6-mobileSmall
{
padding-bottom: 3!important;
}
.mb-6-mobileSmall
{
margin-bottom: 3!important;
}
}
@media(min-width: 480px)
{
.pb-6-mobileLarge
{
padding-bottom: 3!important;
}
.mb-6-mobileLarge
{
margin-bottom: 3!important;
}
}
@media(min-width: 540px)
{
.pb-6-xs
{
padding-bottom: 3!important;
}
.mb-6-xs
{
margin-bottom: 3!important;
}
}
@media(min-width: 769px)
{
.pb-6-tablet
{
padding-bottom: 3!important;
}
.mb-6-tablet
{
margin-bottom: 3!important;
}
}
@media(min-width: 1024px)
{
.pb-6-desktop
{
padding-bottom: 3!important;
}
.mb-6-desktop
{
margin-bottom: 3!important;
}
}
@media(min-width: 360px)
{
.pb-auto-mobileSmall
{
padding-bottom: auto!important;
}
.mb-auto-mobileSmall
{
margin-bottom: auto!important;
}
}
@media(min-width: 480px)
{
.pb-auto-mobileLarge
{
padding-bottom: auto!important;
}
.mb-auto-mobileLarge
{
margin-bottom: auto!important;
}
}
@media(min-width: 540px)
{
.pb-auto-xs
{
padding-bottom: auto!important;
}
.mb-auto-xs
{
margin-bottom: auto!important;
}
}
@media(min-width: 769px)
{
.pb-auto-tablet
{
padding-bottom: auto!important;
}
.mb-auto-tablet
{
margin-bottom: auto!important;
}
}
@media(min-width: 1024px)
{
.pb-auto-desktop
{
padding-bottom: auto!important;
}
.mb-auto-desktop
{
margin-bottom: auto!important;
}
}
@media(min-width: 360px)
{
.pl-0-mobileSmall
{
padding-left: 0!important;
}
.ml-0-mobileSmall
{
margin-left: 0!important;
}
}
@media(min-width: 480px)
{
.pl-0-mobileLarge
{
padding-left: 0!important;
}
.ml-0-mobileLarge
{
margin-left: 0!important;
}
}
@media(min-width: 540px)
{
.pl-0-xs
{
padding-left: 0!important;
}
.ml-0-xs
{
margin-left: 0!important;
}
}
@media(min-width: 769px)
{
.pl-0-tablet
{
padding-left: 0!important;
}
.ml-0-tablet
{
margin-left: 0!important;
}
}
@media(min-width: 1024px)
{
.pl-0-desktop
{
padding-left: 0!important;
}
.ml-0-desktop
{
margin-left: 0!important;
}
}
@media(min-width: 360px)
{
.pl-1-mobileSmall
{
padding-left: .25!important;
}
.ml-1-mobileSmall
{
margin-left: .25!important;
}
}
@media(min-width: 480px)
{
.pl-1-mobileLarge
{
padding-left: .25!important;
}
.ml-1-mobileLarge
{
margin-left: .25!important;
}
}
@media(min-width: 540px)
{
.pl-1-xs
{
padding-left: .25!important;
}
.ml-1-xs
{
margin-left: .25!important;
}
}
@media(min-width: 769px)
{
.pl-1-tablet
{
padding-left: .25!important;
}
.ml-1-tablet
{
margin-left: .25!important;
}
}
@media(min-width: 1024px)
{
.pl-1-desktop
{
padding-left: .25!important;
}
.ml-1-desktop
{
margin-left: .25!important;
}
}
@media(min-width: 360px)
{
.pl-2-mobileSmall
{
padding-left: .5!important;
}
.ml-2-mobileSmall
{
margin-left: .5!important;
}
}
@media(min-width: 480px)
{
.pl-2-mobileLarge
{
padding-left: .5!important;
}
.ml-2-mobileLarge
{
margin-left: .5!important;
}
}
@media(min-width: 540px)
{
.pl-2-xs
{
padding-left: .5!important;
}
.ml-2-xs
{
margin-left: .5!important;
}
}
@media(min-width: 769px)
{
.pl-2-tablet
{
padding-left: .5!important;
}
.ml-2-tablet
{
margin-left: .5!important;
}
}
@media(min-width: 1024px)
{
.pl-2-desktop
{
padding-left: .5!important;
}
.ml-2-desktop
{
margin-left: .5!important;
}
}
@media(min-width: 360px)
{
.pl-3-mobileSmall
{
padding-left: .75!important;
}
.ml-3-mobileSmall
{
margin-left: .75!important;
}
}
@media(min-width: 480px)
{
.pl-3-mobileLarge
{
padding-left: .75!important;
}
.ml-3-mobileLarge
{
margin-left: .75!important;
}
}
@media(min-width: 540px)
{
.pl-3-xs
{
padding-left: .75!important;
}
.ml-3-xs
{
margin-left: .75!important;
}
}
@media(min-width: 769px)
{
.pl-3-tablet
{
padding-left: .75!important;
}
.ml-3-tablet
{
margin-left: .75!important;
}
}
@media(min-width: 1024px)
{
.pl-3-desktop
{
padding-left: .75!important;
}
.ml-3-desktop
{
margin-left: .75!important;
}
}
@media(min-width: 360px)
{
.pl-4-mobileSmall
{
padding-left: 1!important;
}
.ml-4-mobileSmall
{
margin-left: 1!important;
}
}
@media(min-width: 480px)
{
.pl-4-mobileLarge
{
padding-left: 1!important;
}
.ml-4-mobileLarge
{
margin-left: 1!important;
}
}
@media(min-width: 540px)
{
.pl-4-xs
{
padding-left: 1!important;
}
.ml-4-xs
{
margin-left: 1!important;
}
}
@media(min-width: 769px)
{
.pl-4-tablet
{
padding-left: 1!important;
}
.ml-4-tablet
{
margin-left: 1!important;
}
}
@media(min-width: 1024px)
{
.pl-4-desktop
{
padding-left: 1!important;
}
.ml-4-desktop
{
margin-left: 1!important;
}
}
@media(min-width: 360px)
{
.pl-5-mobileSmall
{
padding-left: 1.5!important;
}
.ml-5-mobileSmall
{
margin-left: 1.5!important;
}
}
@media(min-width: 480px)
{
.pl-5-mobileLarge
{
padding-left: 1.5!important;
}
.ml-5-mobileLarge
{
margin-left: 1.5!important;
}
}
@media(min-width: 540px)
{
.pl-5-xs
{
padding-left: 1.5!important;
}
.ml-5-xs
{
margin-left: 1.5!important;
}
}
@media(min-width: 769px)
{
.pl-5-tablet
{
padding-left: 1.5!important;
}
.ml-5-tablet
{
margin-left: 1.5!important;
}
}
@media(min-width: 1024px)
{
.pl-5-desktop
{
padding-left: 1.5!important;
}
.ml-5-desktop
{
margin-left: 1.5!important;
}
}
@media(min-width: 360px)
{
.pl-6-mobileSmall
{
padding-left: 3!important;
}
.ml-6-mobileSmall
{
margin-left: 3!important;
}
}
@media(min-width: 480px)
{
.pl-6-mobileLarge
{
padding-left: 3!important;
}
.ml-6-mobileLarge
{
margin-left: 3!important;
}
}
@media(min-width: 540px)
{
.pl-6-xs
{
padding-left: 3!important;
}
.ml-6-xs
{
margin-left: 3!important;
}
}
@media(min-width: 769px)
{
.pl-6-tablet
{
padding-left: 3!important;
}
.ml-6-tablet
{
margin-left: 3!important;
}
}
@media(min-width: 1024px)
{
.pl-6-desktop
{
padding-left: 3!important;
}
.ml-6-desktop
{
margin-left: 3!important;
}
}
@media(min-width: 360px)
{
.pl-auto-mobileSmall
{
padding-left: auto!important;
}
.ml-auto-mobileSmall
{
margin-left: auto!important;
}
}
@media(min-width: 480px)
{
.pl-auto-mobileLarge
{
padding-left: auto!important;
}
.ml-auto-mobileLarge
{
margin-left: auto!important;
}
}
@media(min-width: 540px)
{
.pl-auto-xs
{
padding-left: auto!important;
}
.ml-auto-xs
{
margin-left: auto!important;
}
}
@media(min-width: 769px)
{
.pl-auto-tablet
{
padding-left: auto!important;
}
.ml-auto-tablet
{
margin-left: auto!important;
}
}
@media(min-width: 1024px)
{
.pl-auto-desktop
{
padding-left: auto!important;
}
.ml-auto-desktop
{
margin-left: auto!important;
}
}
@media(min-width: 360px)
{
.px-0-mobileSmall
{
padding-right: 0!important;
padding-left: 0!important;
}
.mx-0-mobileSmall
{
margin-right: 0!important;
margin-left: 0!important;
}
}
@media(min-width: 480px)
{
.px-0-mobileLarge
{
padding-right: 0!important;
padding-left: 0!important;
}
.mx-0-mobileLarge
{
margin-right: 0!important;
margin-left: 0!important;
}
}
@media(min-width: 540px)
{
.px-0-xs
{
padding-right: 0!important;
padding-left: 0!important;
}
.mx-0-xs
{
margin-right: 0!important;
margin-left: 0!important;
}
}
@media(min-width: 769px)
{
.px-0-tablet
{
padding-right: 0!important;
padding-left: 0!important;
}
.mx-0-tablet
{
margin-right: 0!important;
margin-left: 0!important;
}
}
@media(min-width: 1024px)
{
.px-0-desktop
{
padding-right: 0!important;
padding-left: 0!important;
}
.mx-0-desktop
{
margin-right: 0!important;
margin-left: 0!important;
}
}
@media(min-width: 360px)
{
.px-1-mobileSmall
{
padding-right: .25!important;
padding-left: .25!important;
}
.mx-1-mobileSmall
{
margin-right: .25!important;
margin-left: .25!important;
}
}
@media(min-width: 480px)
{
.px-1-mobileLarge
{
padding-right: .25!important;
padding-left: .25!important;
}
.mx-1-mobileLarge
{
margin-right: .25!important;
margin-left: .25!important;
}
}
@media(min-width: 540px)
{
.px-1-xs
{
padding-right: .25!important;
padding-left: .25!important;
}
.mx-1-xs
{
margin-right: .25!important;
margin-left: .25!important;
}
}
@media(min-width: 769px)
{
.px-1-tablet
{
padding-right: .25!important;
padding-left: .25!important;
}
.mx-1-tablet
{
margin-right: .25!important;
margin-left: .25!important;
}
}
@media(min-width: 1024px)
{
.px-1-desktop
{
padding-right: .25!important;
padding-left: .25!important;
}
.mx-1-desktop
{
margin-right: .25!important;
margin-left: .25!important;
}
}
@media(min-width: 360px)
{
.px-2-mobileSmall
{
padding-right: .5!important;
padding-left: .5!important;
}
.mx-2-mobileSmall
{
margin-right: .5!important;
margin-left: .5!important;
}
}
@media(min-width: 480px)
{
.px-2-mobileLarge
{
padding-right: .5!important;
padding-left: .5!important;
}
.mx-2-mobileLarge
{
margin-right: .5!important;
margin-left: .5!important;
}
}
@media(min-width: 540px)
{
.px-2-xs
{
padding-right: .5!important;
padding-left: .5!important;
}
.mx-2-xs
{
margin-right: .5!important;
margin-left: .5!important;
}
}
@media(min-width: 769px)
{
.px-2-tablet
{
padding-right: .5!important;
padding-left: .5!important;
}
.mx-2-tablet
{
margin-right: .5!important;
margin-left: .5!important;
}
}
@media(min-width: 1024px)
{
.px-2-desktop
{
padding-right: .5!important;
padding-left: .5!important;
}
.mx-2-desktop
{
margin-right: .5!important;
margin-left: .5!important;
}
}
@media(min-width: 360px)
{
.px-3-mobileSmall
{
padding-right: .75!important;
padding-left: .75!important;
}
.mx-3-mobileSmall
{
margin-right: .75!important;
margin-left: .75!important;
}
}
@media(min-width: 480px)
{
.px-3-mobileLarge
{
padding-right: .75!important;
padding-left: .75!important;
}
.mx-3-mobileLarge
{
margin-right: .75!important;
margin-left: .75!important;
}
}
@media(min-width: 540px)
{
.px-3-xs
{
padding-right: .75!important;
padding-left: .75!important;
}
.mx-3-xs
{
margin-right: .75!important;
margin-left: .75!important;
}
}
@media(min-width: 769px)
{
.px-3-tablet
{
padding-right: .75!important;
padding-left: .75!important;
}
.mx-3-tablet
{
margin-right: .75!important;
margin-left: .75!important;
}
}
@media(min-width: 1024px)
{
.px-3-desktop
{
padding-right: .75!important;
padding-left: .75!important;
}
.mx-3-desktop
{
margin-right: .75!important;
margin-left: .75!important;
}
}
@media(min-width: 360px)
{
.px-4-mobileSmall
{
padding-right: 1!important;
padding-left: 1!important;
}
.mx-4-mobileSmall
{
margin-right: 1!important;
margin-left: 1!important;
}
}
@media(min-width: 480px)
{
.px-4-mobileLarge
{
padding-right: 1!important;
padding-left: 1!important;
}
.mx-4-mobileLarge
{
margin-right: 1!important;
margin-left: 1!important;
}
}
@media(min-width: 540px)
{
.px-4-xs
{
padding-right: 1!important;
padding-left: 1!important;
}
.mx-4-xs
{
margin-right: 1!important;
margin-left: 1!important;
}
}
@media(min-width: 769px)
{
.px-4-tablet
{
padding-right: 1!important;
padding-left: 1!important;
}
.mx-4-tablet
{
margin-right: 1!important;
margin-left: 1!important;
}
}
@media(min-width: 1024px)
{
.px-4-desktop
{
padding-right: 1!important;
padding-left: 1!important;
}
.mx-4-desktop
{
margin-right: 1!important;
margin-left: 1!important;
}
}
@media(min-width: 360px)
{
.px-5-mobileSmall
{
padding-right: 1.5!important;
padding-left: 1.5!important;
}
.mx-5-mobileSmall
{
margin-right: 1.5!important;
margin-left: 1.5!important;
}
}
@media(min-width: 480px)
{
.px-5-mobileLarge
{
padding-right: 1.5!important;
padding-left: 1.5!important;
}
.mx-5-mobileLarge
{
margin-right: 1.5!important;
margin-left: 1.5!important;
}
}
@media(min-width: 540px)
{
.px-5-xs
{
padding-right: 1.5!important;
padding-left: 1.5!important;
}
.mx-5-xs
{
margin-right: 1.5!important;
margin-left: 1.5!important;
}
}
@media(min-width: 769px)
{
.px-5-tablet
{
padding-right: 1.5!important;
padding-left: 1.5!important;
}
.mx-5-tablet
{
margin-right: 1.5!important;
margin-left: 1.5!important;
}
}
@media(min-width: 1024px)
{
.px-5-desktop
{
padding-right: 1.5!important;
padding-left: 1.5!important;
}
.mx-5-desktop
{
margin-right: 1.5!important;
margin-left: 1.5!important;
}
}
@media(min-width: 360px)
{
.px-6-mobileSmall
{
padding-right: 3!important;
padding-left: 3!important;
}
.mx-6-mobileSmall
{
margin-right: 3!important;
margin-left: 3!important;
}
}
@media(min-width: 480px)
{
.px-6-mobileLarge
{
padding-right: 3!important;
padding-left: 3!important;
}
.mx-6-mobileLarge
{
margin-right: 3!important;
margin-left: 3!important;
}
}
@media(min-width: 540px)
{
.px-6-xs
{
padding-right: 3!important;
padding-left: 3!important;
}
.mx-6-xs
{
margin-right: 3!important;
margin-left: 3!important;
}
}
@media(min-width: 769px)
{
.px-6-tablet
{
padding-right: 3!important;
padding-left: 3!important;
}
.mx-6-tablet
{
margin-right: 3!important;
margin-left: 3!important;
}
}
@media(min-width: 1024px)
{
.px-6-desktop
{
padding-right: 3!important;
padding-left: 3!important;
}
.mx-6-desktop
{
margin-right: 3!important;
margin-left: 3!important;
}
}
@media(min-width: 360px)
{
.px-auto-mobileSmall
{
padding-right: auto!important;
padding-left: auto!important;
}
.mx-auto-mobileSmall
{
margin-right: auto!important;
margin-left: auto!important;
}
}
@media(min-width: 480px)
{
.px-auto-mobileLarge
{
padding-right: auto!important;
padding-left: auto!important;
}
.mx-auto-mobileLarge
{
margin-right: auto!important;
margin-left: auto!important;
}
}
@media(min-width: 540px)
{
.px-auto-xs
{
padding-right: auto!important;
padding-left: auto!important;
}
.mx-auto-xs
{
margin-right: auto!important;
margin-left: auto!important;
}
}
@media(min-width: 769px)
{
.px-auto-tablet
{
padding-right: auto!important;
padding-left: auto!important;
}
.mx-auto-tablet
{
margin-right: auto!important;
margin-left: auto!important;
}
}
@media(min-width: 1024px)
{
.px-auto-desktop
{
padding-right: auto!important;
padding-left: auto!important;
}
.mx-auto-desktop
{
margin-right: auto!important;
margin-left: auto!important;
}
}
@media(min-width: 360px)
{
.py-0-mobileSmall
{
padding-top: 0!important;
padding-bottom: 0!important;
}
.my-0-mobileSmall
{
margin-top: 0!important;
margin-bottom: 0!important;
}
}
@media(min-width: 480px)
{
.py-0-mobileLarge
{
padding-top: 0!important;
padding-bottom: 0!important;
}
.my-0-mobileLarge
{
margin-top: 0!important;
margin-bottom: 0!important;
}
}
@media(min-width: 540px)
{
.py-0-xs
{
padding-top: 0!important;
padding-bottom: 0!important;
}
.my-0-xs
{
margin-top: 0!important;
margin-bottom: 0!important;
}
}
@media(min-width: 769px)
{
.py-0-tablet
{
padding-top: 0!important;
padding-bottom: 0!important;
}
.my-0-tablet
{
margin-top: 0!important;
margin-bottom: 0!important;
}
}
@media(min-width: 1024px)
{
.py-0-desktop
{
padding-top: 0!important;
padding-bottom: 0!important;
}
.my-0-desktop
{
margin-top: 0!important;
margin-bottom: 0!important;
}
}
@media(min-width: 360px)
{
.py-1-mobileSmall
{
padding-top: .25!important;
padding-bottom: .25!important;
}
.my-1-mobileSmall
{
margin-top: .25!important;
margin-bottom: .25!important;
}
}
@media(min-width: 480px)
{
.py-1-mobileLarge
{
padding-top: .25!important;
padding-bottom: .25!important;
}
.my-1-mobileLarge
{
margin-top: .25!important;
margin-bottom: .25!important;
}
}
@media(min-width: 540px)
{
.py-1-xs
{
padding-top: .25!important;
padding-bottom: .25!important;
}
.my-1-xs
{
margin-top: .25!important;
margin-bottom: .25!important;
}
}
@media(min-width: 769px)
{
.py-1-tablet
{
padding-top: .25!important;
padding-bottom: .25!important;
}
.my-1-tablet
{
margin-top: .25!important;
margin-bottom: .25!important;
}
}
@media(min-width: 1024px)
{
.py-1-desktop
{
padding-top: .25!important;
padding-bottom: .25!important;
}
.my-1-desktop
{
margin-top: .25!important;
margin-bottom: .25!important;
}
}
@media(min-width: 360px)
{
.py-2-mobileSmall
{
padding-top: .5!important;
padding-bottom: .5!important;
}
.my-2-mobileSmall
{
margin-top: .5!important;
margin-bottom: .5!important;
}
}
@media(min-width: 480px)
{
.py-2-mobileLarge
{
padding-top: .5!important;
padding-bottom: .5!important;
}
.my-2-mobileLarge
{
margin-top: .5!important;
margin-bottom: .5!important;
}
}
@media(min-width: 540px)
{
.py-2-xs
{
padding-top: .5!important;
padding-bottom: .5!important;
}
.my-2-xs
{
margin-top: .5!important;
margin-bottom: .5!important;
}
}
@media(min-width: 769px)
{
.py-2-tablet
{
padding-top: .5!important;
padding-bottom: .5!important;
}
.my-2-tablet
{
margin-top: .5!important;
margin-bottom: .5!important;
}
}
@media(min-width: 1024px)
{
.py-2-desktop
{
padding-top: .5!important;
padding-bottom: .5!important;
}
.my-2-desktop
{
margin-top: .5!important;
margin-bottom: .5!important;
}
}
@media(min-width: 360px)
{
.py-3-mobileSmall
{
padding-top: .75!important;
padding-bottom: .75!important;
}
.my-3-mobileSmall
{
margin-top: .75!important;
margin-bottom: .75!important;
}
}
@media(min-width: 480px)
{
.py-3-mobileLarge
{
padding-top: .75!important;
padding-bottom: .75!important;
}
.my-3-mobileLarge
{
margin-top: .75!important;
margin-bottom: .75!important;
}
}
@media(min-width: 540px)
{
.py-3-xs
{
padding-top: .75!important;
padding-bottom: .75!important;
}
.my-3-xs
{
margin-top: .75!important;
margin-bottom: .75!important;
}
}
@media(min-width: 769px)
{
.py-3-tablet
{
padding-top: .75!important;
padding-bottom: .75!important;
}
.my-3-tablet
{
margin-top: .75!important;
margin-bottom: .75!important;
}
}
@media(min-width: 1024px)
{
.py-3-desktop
{
padding-top: .75!important;
padding-bottom: .75!important;
}
.my-3-desktop
{
margin-top: .75!important;
margin-bottom: .75!important;
}
}
@media(min-width: 360px)
{
.py-4-mobileSmall
{
padding-top: 1!important;
padding-bottom: 1!important;
}
.my-4-mobileSmall
{
margin-top: 1!important;
margin-bottom: 1!important;
}
}
@media(min-width: 480px)
{
.py-4-mobileLarge
{
padding-top: 1!important;
padding-bottom: 1!important;
}
.my-4-mobileLarge
{
margin-top: 1!important;
margin-bottom: 1!important;
}
}
@media(min-width: 540px)
{
.py-4-xs
{
padding-top: 1!important;
padding-bottom: 1!important;
}
.my-4-xs
{
margin-top: 1!important;
margin-bottom: 1!important;
}
}
@media(min-width: 769px)
{
.py-4-tablet
{
padding-top: 1!important;
padding-bottom: 1!important;
}
.my-4-tablet
{
margin-top: 1!important;
margin-bottom: 1!important;
}
}
@media(min-width: 1024px)
{
.py-4-desktop
{
padding-top: 1!important;
padding-bottom: 1!important;
}
.my-4-desktop
{
margin-top: 1!important;
margin-bottom: 1!important;
}
}
@media(min-width: 360px)
{
.py-5-mobileSmall
{
padding-top: 1.5!important;
padding-bottom: 1.5!important;
}
.my-5-mobileSmall
{
margin-top: 1.5!important;
margin-bottom: 1.5!important;
}
}
@media(min-width: 480px)
{
.py-5-mobileLarge
{
padding-top: 1.5!important;
padding-bottom: 1.5!important;
}
.my-5-mobileLarge
{
margin-top: 1.5!important;
margin-bottom: 1.5!important;
}
}
@media(min-width: 540px)
{
.py-5-xs
{
padding-top: 1.5!important;
padding-bottom: 1.5!important;
}
.my-5-xs
{
margin-top: 1.5!important;
margin-bottom: 1.5!important;
}
}
@media(min-width: 769px)
{
.py-5-tablet
{
padding-top: 1.5!important;
padding-bottom: 1.5!important;
}
.my-5-tablet
{
margin-top: 1.5!important;
margin-bottom: 1.5!important;
}
}
@media(min-width: 1024px)
{
.py-5-desktop
{
padding-top: 1.5!important;
padding-bottom: 1.5!important;
}
.my-5-desktop
{
margin-top: 1.5!important;
margin-bottom: 1.5!important;
}
}
@media(min-width: 360px)
{
.py-6-mobileSmall
{
padding-top: 3!important;
padding-bottom: 3!important;
}
.my-6-mobileSmall
{
margin-top: 3!important;
margin-bottom: 3!important;
}
}
@media(min-width: 480px)
{
.py-6-mobileLarge
{
padding-top: 3!important;
padding-bottom: 3!important;
}
.my-6-mobileLarge
{
margin-top: 3!important;
margin-bottom: 3!important;
}
}
@media(min-width: 540px)
{
.py-6-xs
{
padding-top: 3!important;
padding-bottom: 3!important;
}
.my-6-xs
{
margin-top: 3!important;
margin-bottom: 3!important;
}
}
@media(min-width: 769px)
{
.py-6-tablet
{
padding-top: 3!important;
padding-bottom: 3!important;
}
.my-6-tablet
{
margin-top: 3!important;
margin-bottom: 3!important;
}
}
@media(min-width: 1024px)
{
.py-6-desktop
{
padding-top: 3!important;
padding-bottom: 3!important;
}
.my-6-desktop
{
margin-top: 3!important;
margin-bottom: 3!important;
}
}
@media(min-width: 360px)
{
.py-auto-mobileSmall
{
padding-top: auto!important;
padding-bottom: auto!important;
}
.my-auto-mobileSmall
{
margin-top: auto!important;
margin-bottom: auto!important;
}
}
@media(min-width: 480px)
{
.py-auto-mobileLarge
{
padding-top: auto!important;
padding-bottom: auto!important;
}
.my-auto-mobileLarge
{
margin-top: auto!important;
margin-bottom: auto!important;
}
}
@media(min-width: 540px)
{
.py-auto-xs
{
padding-top: auto!important;
padding-bottom: auto!important;
}
.my-auto-xs
{
margin-top: auto!important;
margin-bottom: auto!important;
}
}
@media(min-width: 769px)
{
.py-auto-tablet
{
padding-top: auto!important;
padding-bottom: auto!important;
}
.my-auto-tablet
{
margin-top: auto!important;
margin-bottom: auto!important;
}
}
@media(min-width: 1024px)
{
.py-auto-desktop
{
padding-top: auto!important;
padding-bottom: auto!important;
}
.my-auto-desktop
{
margin-top: auto!important;
margin-bottom: auto!important;
}
}
@media(max-width: 1023.98px)
{
.columns .column.is-hidden-until-desktop
{
display: none!important;
}
.columns .column.is-order-0-desktop
{
order: 0;
}
.columns .column.is-order-1-desktop
{
order: 1;
}
.columns .column.is-order-2-desktop
{
order: 2;
}
.columns .column.is-order-3-desktop
{
order: 3;
}
.columns .column.is-order-4-desktop
{
order: 4;
}
.columns .column.is-order-5-desktop
{
order: 5;
}
.columns .column.is-order-6-desktop
{
order: 6;
}
.columns .column.is-order-7-desktop
{
order: 7;
}
.columns .column.is-order-8-desktop
{
order: 8;
}
.columns .column.is-order-9-desktop
{
order: 9;
}
.columns .column.is-order-10-desktop
{
order: 10;
}
.columns .column.is-order-11-desktop
{
order: 11;
}
.columns .column.is-order-12-desktop
{
order: 12;
}
}
@media(max-width: 768.98px)
{
.columns .column.is-hidden-until-tablet
{
display: none!important;
}
.columns .column.is-order-0-tablet
{
order: 0;
}
.columns .column.is-order-1-tablet
{
order: 1;
}
.columns .column.is-order-2-tablet
{
order: 2;
}
.columns .column.is-order-3-tablet
{
order: 3;
}
.columns .column.is-order-4-tablet
{
order: 4;
}
.columns .column.is-order-5-tablet
{
order: 5;
}
.columns .column.is-order-6-tablet
{
order: 6;
}
.columns .column.is-order-7-tablet
{
order: 7;
}
.columns .column.is-order-8-tablet
{
order: 8;
}
.columns .column.is-order-9-tablet
{
order: 9;
}
.columns .column.is-order-10-tablet
{
order: 10;
}
.columns .column.is-order-11-tablet
{
order: 11;
}
.columns .column.is-order-12-tablet
{
order: 12;
}
}
@media(max-width: 539.98px)
{
.columns .column.is-three-quarters-xs
{
flex: none;
width: 75%;
}
.columns .column.is-two-thirds-xs
{
flex: none;
width: 66.6666%;
}
.columns .column.is-half-xs
{
flex: none;
width: 50%;
}
.columns .column.is-one-third-xs
{
flex: none;
width: 33.3333%;
}
.columns .column.is-one-quarter-xs
{
flex: none;
width: 25%;
}
.columns .column.is-one-fifth-xs
{
flex: none;
width: 20%;
}
.columns .column.is-two-fifths-xs
{
flex: none;
width: 40%;
}
.columns .column.is-three-fifths-xs
{
flex: none;
width: 60%;
}
.columns .column.is-four-fifths-xs
{
flex: none;
width: 80%;
}
.columns .column.is-0-xs
{
flex: none;
width: 0;
}
.columns .column.is-order-0-xs
{
order: 0;
}
.columns .column.is-1-xs
{
flex: none;
width: 8.33333337%;
}
.columns .column.is-order-1-xs
{
order: 1;
}
.columns .column.is-2-xs
{
flex: none;
width: 16.66666674%;
}
.columns .column.is-order-2-xs
{
order: 2;
}
.columns .column.is-3-xs
{
flex: none;
width: 25%;
}
.columns .column.is-order-3-xs
{
order: 3;
}
.columns .column.is-4-xs
{
flex: none;
width: 33.33333337%;
}
.columns .column.is-order-4-xs
{
order: 4;
}
.columns .column.is-5-xs
{
flex: none;
width: 41.66666674%;
}
.columns .column.is-order-5-xs
{
order: 5;
}
.columns .column.is-6-xs
{
flex: none;
width: 50%;
}
.columns .column.is-order-6-xs
{
order: 6;
}
.columns .column.is-7-xs
{
flex: none;
width: 58.33333337%;
}
.columns .column.is-order-7-xs
{
order: 7;
}
.columns .column.is-8-xs
{
flex: none;
width: 66.66666674%;
}
.columns .column.is-order-8-xs
{
order: 8;
}
.columns .column.is-9-xs
{
flex: none;
width: 75%;
}
.columns .column.is-order-9-xs
{
order: 9;
}
.columns .column.is-10-xs
{
flex: none;
width: 83.33333337%;
}
.columns .column.is-order-10-xs
{
order: 10;
}
.columns .column.is-11-xs
{
flex: none;
width: 91.66666674%;
}
.columns .column.is-order-11-xs
{
order: 11;
}
.columns .column.is-12-xs
{
flex: none;
width: 100%;
}
.columns .column.is-order-12-xs
{
order: 12;
}
.columns .column.is-hidden-xs
{
display: none!important;
}
}
@media(max-width: 479.98px)
{
.columns .column.is-three-quarters-mobile-large
{
flex: none;
width: 75%;
}
.columns .column.is-two-thirds-mobile-large
{
flex: none;
width: 66.6666%;
}
.columns .column.is-half-mobile-large
{
flex: none;
width: 50%;
}
.columns .column.is-one-third-mobile-large
{
flex: none;
width: 33.3333%;
}
.columns .column.is-one-quarter-mobile-large
{
flex: none;
width: 25%;
}
.columns .column.is-one-fifth-mobile-large
{
flex: none;
width: 20%;
}
.columns .column.is-two-fifths-mobile-large
{
flex: none;
width: 40%;
}
.columns .column.is-three-fifths-mobile-large
{
flex: none;
width: 60%;
}
.columns .column.is-four-fifths-mobile-large
{
flex: none;
width: 80%;
}
.columns .column.is-0-mobile-large
{
flex: none;
width: 0;
}
.columns .column.is-order-0-mobile-large
{
order: 0;
}
.columns .column.is-1-mobile-large
{
flex: none;
width: 8.33333337%;
}
.columns .column.is-order-1-mobile-large
{
order: 1;
}
.columns .column.is-2-mobile-large
{
flex: none;
width: 16.66666674%;
}
.columns .column.is-order-2-mobile-large
{
order: 2;
}
.columns .column.is-3-mobile-large
{
flex: none;
width: 25%;
}
.columns .column.is-order-3-mobile-large
{
order: 3;
}
.columns .column.is-4-mobile-large
{
flex: none;
width: 33.33333337%;
}
.columns .column.is-order-4-mobile-large
{
order: 4;
}
.columns .column.is-5-mobile-large
{
flex: none;
width: 41.66666674%;
}
.columns .column.is-order-5-mobile-large
{
order: 5;
}
.columns .column.is-6-mobile-large
{
flex: none;
width: 50%;
}
.columns .column.is-order-6-mobile-large
{
order: 6;
}
.columns .column.is-7-mobile-large
{
flex: none;
width: 58.33333337%;
}
.columns .column.is-order-7-mobile-large
{
order: 7;
}
.columns .column.is-8-mobile-large
{
flex: none;
width: 66.66666674%;
}
.columns .column.is-order-8-mobile-large
{
order: 8;
}
.columns .column.is-9-mobile-large
{
flex: none;
width: 75%;
}
.columns .column.is-order-9-mobile-large
{
order: 9;
}
.columns .column.is-10-mobile-large
{
flex: none;
width: 83.33333337%;
}
.columns .column.is-order-10-mobile-large
{
order: 10;
}
.columns .column.is-11-mobile-large
{
flex: none;
width: 91.66666674%;
}
.columns .column.is-order-11-mobile-large
{
order: 11;
}
.columns .column.is-12-mobile-large
{
flex: none;
width: 100%;
}
.columns .column.is-order-12-mobile-large
{
order: 12;
}
.columns .column.is-hidden-mobile-large
{
display: none!important;
}
}
@media(max-width: 359.98px)
{
.columns .column.is-three-quarters-mobile-small
{
flex: none;
width: 75%;
}
.columns .column.is-two-thirds-mobile-small
{
flex: none;
width: 66.6666%;
}
.columns .column.is-half-mobile-small
{
flex: none;
width: 50%;
}
.columns .column.is-one-third-mobile-small
{
flex: none;
width: 33.3333%;
}
.columns .column.is-one-quarter-mobile-small
{
flex: none;
width: 25%;
}
.columns .column.is-one-fifth-mobile-small
{
flex: none;
width: 20%;
}
.columns .column.is-two-fifths-mobile-small
{
flex: none;
width: 40%;
}
.columns .column.is-three-fifths-mobile-small
{
flex: none;
width: 60%;
}
.columns .column.is-four-fifths-mobile-small
{
flex: none;
width: 80%;
}
.columns .column.is-0-mobile-small
{
flex: none;
width: 0;
}
.columns .column.is-order-0-mobile-small
{
order: 0;
}
.columns .column.is-1-mobile-small
{
flex: none;
width: 8.33333337%;
}
.columns .column.is-order-1-mobile-small
{
order: 1;
}
.columns .column.is-2-mobile-small
{
flex: none;
width: 16.66666674%;
}
.columns .column.is-order-2-mobile-small
{
order: 2;
}
.columns .column.is-3-mobile-small
{
flex: none;
width: 25%;
}
.columns .column.is-order-3-mobile-small
{
order: 3;
}
.columns .column.is-4-mobile-small
{
flex: none;
width: 33.33333337%;
}
.columns .column.is-order-4-mobile-small
{
order: 4;
}
.columns .column.is-5-mobile-small
{
flex: none;
width: 41.66666674%;
}
.columns .column.is-order-5-mobile-small
{
order: 5;
}
.columns .column.is-6-mobile-small
{
flex: none;
width: 50%;
}
.columns .column.is-order-6-mobile-small
{
order: 6;
}
.columns .column.is-7-mobile-small
{
flex: none;
width: 58.33333337%;
}
.columns .column.is-order-7-mobile-small
{
order: 7;
}
.columns .column.is-8-mobile-small
{
flex: none;
width: 66.66666674%;
}
.columns .column.is-order-8-mobile-small
{
order: 8;
}
.columns .column.is-9-mobile-small
{
flex: none;
width: 75%;
}
.columns .column.is-order-9-mobile-small
{
order: 9;
}
.columns .column.is-10-mobile-small
{
flex: none;
width: 83.33333337%;
}
.columns .column.is-order-10-mobile-small
{
order: 10;
}
.columns .column.is-11-mobile-small
{
flex: none;
width: 91.66666674%;
}
.columns .column.is-order-11-mobile-small
{
order: 11;
}
.columns .column.is-12-mobile-small
{
flex: none;
width: 100%;
}
.columns .column.is-order-12-mobile-small
{
order: 12;
}
.columns .column.is-hidden-mobile-small
{
display: none!important;
}
}
.pagination .pagination-ellipsis, .pagination .pagination-link, .pagination .pagination-next, .pagination .pagination-previous
{
margin: .25rem;
}
@-webkit-keyframes fadeIn
{
0%
{
transform: translateY(100%);
}
to
{
transform: unset;
opacity: 1;
}
}
@keyframes fadeIn
{
0%
{
transform: translateY(100%);
}
to
{
transform: unset;
opacity: 1;
}
}
@-webkit-keyframes fadeOut
{
0%
{
opacity: 1;
}
to
{
opacity: 0;
display: none;
}
}
@keyframes fadeOut
{
0%
{
opacity: 1;
}
to
{
opacity: 0;
display: none;
}
}
@-webkit-keyframes spin
{
0%
{
transform: rotate(0deg);
}
to
{
transform: rotate(1turn);
}
}
@keyframes spin
{
0%
{
transform: rotate(0deg);
}
to
{
transform: rotate(1turn);
}
}
html
{
overflow: inherit;
scroll-behavior: smooth;
}
@media(max-width: 1023px)
{
html.menu-open, html.menu-open body, html.mobile-menu-open, html.mobile-menu-open body
{
overflow: hidden;
}
}
html:not([class*=menu-open]) body[style*="overflow:hidden"], html:not([class*=menu-open]) body[style*="overflow: hidden"]
{
overflow-y: scroll!important;
}
body, html
{
margin: 0;
padding: 0;
min-height: 100vh;
}
body
{
overflow-x: hidden;
padding-top: 4.375rem;
max-width: 100vw;
display: flex;
flex-direction: column;
font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
color: #363636;
font-size: 1rem;
line-height: 1.5;
}
body.iframe-page
{
padding-top: 0;
}
@media(min-width: 1024px)
{
body
{
padding-top: 0;
}
}
body a
{
color: #004178;
}
body main
{
flex: 0 0 auto;
flex-grow: 1;
position: relative;
}
section
{
margin-right: auto;
margin-left: auto;
max-width: 1920px;
}
section>.container>.columns:last-child
{
margin-bottom: .75rem;
}
.content
{
overflow: hidden;
}
.hyphenate
{
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
figure
{
position: relative;
}
hr
{
height: 1px;
}
.content .h1, .content .h2, .content .h3, .content .h4, .content .h5, .content .h6, .content .subtitle, .content .title, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .h1, .h2, .h3, .h4, .h5, .h6, .subtitle, .title, h1, h1.headline .subheadline, h2, h2.headline .subheadline, h3, h3.headline .subheadline, h4, h4.headline .subheadline, h5, h6
{
color: #004178;
}
.content .is-highlighted .h1, .content .is-highlighted .h2, .content .is-highlighted .h3, .content .is-highlighted .h4, .content .is-highlighted .h5, .content .is-highlighted .h6, .content .marked .h1, .content .marked .h2, .content .marked .h3, .content .marked .h4, .content .marked .h5, .content .marked .h6, .is-highlighted .h1, .is-highlighted .h2, .is-highlighted .h3, .is-highlighted .h4, .is-highlighted .h5, .is-highlighted .h6, .is-highlighted h1.headline .subheadline, .is-highlighted h2.headline .subheadline, .is-highlighted h3.headline .subheadline, .is-highlighted h4.headline .subheadline, .marked .h1, .marked .h2, .marked .h3, .marked .h4, .marked .h5, .marked .h6, .marked h1.headline .subheadline, .marked h2.headline .subheadline, .marked h3.headline .subheadline, .marked h4.headline .subheadline, h1.headline .is-highlighted .subheadline, h1.headline .marked .subheadline, h2.headline .is-highlighted .subheadline, h2.headline .marked .subheadline, h3.headline .is-highlighted .subheadline, h3.headline .marked .subheadline, h4.headline .is-highlighted .subheadline, h4.headline .marked .subheadline
{
color: #fff;
}
.content .h1, .content h1, .h1, .news.content .article .h1, .news.content .article h1, h1
{
font-size: 1.625rem;
line-height: 2.125rem;
font-weight: 700;
margin-bottom: 1.25rem;
}
@media(min-width: 1024px)
{
.content .h1, .content h1, .h1, .news.content .article .h1, .news.content .article h1, h1
{
font-size: 2.875rem;
line-height: 3.75rem;
}
}
.h1-mobile
{
font-size: 1.625rem!important;
}
.content .h2, .content h2, .h2, .news.content .article .h2, .news.content .article h2, h1.headline .subheadline, h2
{
font-size: 1.375rem;
line-height: 1.75rem;
font-weight: 700;
margin-bottom: .625rem;
}
@media(min-width: 769px)
{
.content .h2, .content h2, .h2, .news.content .article .h2, .news.content .article h2, h1.headline .subheadline, h2
{
font-size: 2.25rem;
line-height: 3rem;
margin-bottom: 1.25rem;
}
}
.content .h3, .content h3, .h3, .news.content .article .h3, .news.content .article h3, h2.headline .subheadline, h3
{
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
margin-bottom: .625rem;
}
@media(min-width: 1024px)
{
.content .h3, .content h3, .h3, .news.content .article .h3, .news.content .article h3, h2.headline .subheadline, h3
{
font-size: 1.625rem;
line-height: 2.5rem;
margin-bottom: 1.25rem;
}
}
.h3.h3-body-text, h2.headline .h3-body-text.subheadline, h3.h3-body-text
{
margin-bottom: .5rem;
line-height: 1.75rem;
}
.content .h4, .content h4, .h4, .news.content .article .h4, .news.content .article h4, h3.headline .subheadline, h4
{
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 700;
margin-bottom: .625rem;
}
@media(min-width: 1024px)
{
.content .h4, .content h4, .h4, .news.content .article .h4, .news.content .article h4, h3.headline .subheadline, h4
{
font-size: 1.375rem;
line-height: 2rem;
margin-bottom: .9375rem;
}
}
.content .h5, .content h5, .h5, .news.content .article .h5, .news.content .article h5, h4.headline .subheadline, h5
{
font-size: 1rem;
line-height: 1.375rem;
font-weight: 700;
margin-bottom: .625rem;
}
@media(min-width: 1024px)
{
.content .h5, .content h5, .h5, .news.content .article .h5, .news.content .article h5, h4.headline .subheadline, h5
{
font-size: 1.25rem;
line-height: 1.75rem;
margin-bottom: .9375rem;
}
}
.content .h1:not(:first-child)
{
margin-top: 1em;
}
.content .h2:not(:first-child), .content h1.headline .subheadline:not(:first-child), h1.headline .content .subheadline:not(:first-child)
{
margin-top: 1.1428em;
}
.content .h3:not(:first-child), .content h2.headline .subheadline:not(:first-child), h2.headline .content .subheadline:not(:first-child)
{
margin-top: 1.5333em;
}
.content .h4:not(:first-child), .content .h5:not(:first-child), .content h3.headline .subheadline:not(:first-child), .content h4.headline .subheadline:not(:first-child), .content h4:not(:first-child), .content h5:not(:first-child), h3.headline .content .subheadline:not(:first-child), h4.headline .content .subheadline:not(:first-child)
{
margin-top: 1.5625rem;
}
.content p:not(:last-child), p:not(:last-child)
{
margin-bottom: .625rem;
}
.content a:not(.button):not(.stage__icon), .field a:not(.button):not(.stage__icon)
{
color: #00afe1;
transition: color .5s;
}
.content a:not(.button):not(.stage__icon):hover, .field a:not(.button):not(.stage__icon):hover
{
color: #004178;
}
.headline .subheadline
{
display: block;
font-weight: 400!important;
}
.content ul ul
{
list-style-type: none;
}
[class*=icon-].loading:before
{
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
.hidden, [hidden]
{
display: none!important;
}
@media(max-width: 479.98px)
{
.is-mobile-hidden
{
display: none!important;
}
}
img.image-embed-item
{
width: unset;
max-width: 100%!important;
}
.horizontal-line
{
height: 1px;
background-color: #ccc;
margin: 1.5rem 0!important;
display: block;
}
p:has(.horizontal-line)
{
margin: 0!important;
}
.text-underline
{
background: linear-gradient(0deg,#a5e4fa 7px,transparent 0);
}
@media(max-width: 768.98px)
{
.text-centered-mobile
{
text-align: center;
display: block;
}
}
@media(max-width: 768.98px)
{
.ctype-dfv_textwithimage img[src*="/auszeichnungen/"], .ctype-textmedia img[src*="/auszeichnungen/"], [data-ctype=dfv_textwithimage] img[src*="/auszeichnungen/"], [data-ctype=textmedia] img[src*="/auszeichnungen/"]
{
width: 100%;
max-width: 15rem;
margin: 0 auto;
}
}
@media(min-width: 769px)
{
.ce-intext:not(.ce-nowrap).ce-left .ce-gallery, .ce-intext:not(.ce-nowrap).ce-right .ce-gallery
{
width: calc(50% + .75rem);
}
.ce-intext:not(.ce-nowrap).ce-left .ce-gallery
{
float: left;
padding-right: .75rem;
}
.ce-intext:not(.ce-nowrap).ce-right .ce-gallery
{
float: right;
padding-left: .75rem;
}
}
[data-ctype] .content figure
{
margin-right: 0;
margin-left: 0;
}
img+.copyright-information, picture+.copyright-information
{
display: inline-block;
position: absolute;
right: 0;
top: 0;
padding: .25rem;
line-height: 1;
font-size: 1rem;
border-radius: 0 0 0 .25rem;
background-color: #fff;
color: #8b8c8c;
opacity: .5;
z-index: 2;
}
img+.copyright-information .copyright, picture+.copyright-information .copyright
{
display: none;
font-size: .75rem;
}
img+.copyright-information:hover, picture+.copyright-information:hover
{
opacity: 1;
background-color: #e4e8e8;
color: #363636;
}
img+.copyright-information:hover .copyright, picture+.copyright-information:hover .copyright
{
display: inline-block;
}
.ce-gallery[data-ce-columns="1"] figure.image img
{
margin-left: auto;
margin-right: auto;
}
.tx-solr-search .results-highlight, .tx-solr-search mark
{
font-weight: 700;
}
.tx-solr-search .search-result
{
position: relative;
}
.tx-solr-search .search-result .search-result-link, .tx-solr-search .search-result .search-result-link a
{
display: inline-block;
background-color: transparent!important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-indent: -9999px;
}
.content .text-danger, .text-danger
{
color: #d40124;
}
[data-ctype=dfv_product_form] .subtitle.text-danger
{
color: #d40124!important;
}
.content .uc-heading
{
font-weight: 700;
margin: 0;
line-height: 1.25;
}
.content .uc-p
{
font-weight: 400;
line-height: 1.25;
}
.content .uc-embed
{
max-height: 198vh;
overflow-y: auto;
overflow-x: hidden;
border: 1px solid #bfc0c0;
padding: 1.5rem;
background-color: #ebecec;
}
.content .uc-embed a
{
word-break: break-all;
overflow-wrap: break-word;
word-wrap: break-word;
}
.content .uc-embed, .content .uc-embed *
{
font-size: 1rem;
}
.content .uc-embed .uc-checkbox input[type=checkbox]
{
margin-right: .5rem;
}
.content .uc-embed-subelement
{
padding: 0 0 .75rem;
margin: 0 0 .75rem;
}
.content .uc-embed [data-testid=uc-embed-service]>.uc-embed-subelement
{
border-bottom: 1px solid #bfc0c0;
}
table.table-brokerage-fees td
{
min-width: 75px;
max-width: 75px;
}
table.table-brokerage-fees td:first-child
{
max-width: 150px;
}
@media screen and (min-width: 1024px)
{
.column.is-reversed.is-one-third-desktop
{
width: 66.6666%;
}
.column.is-reversed.is-two-thirds-desktop
{
width: 33.3333%;
}
.column.is-reversed.is-one-quarter-desktop
{
width: 75%;
}
.column.is-reversed.is-three-quarters-desktop
{
width: 25%;
}
.column.is-reversed.is-one-fifth-desktop
{
width: 80%;
}
.column.is-reversed.is-four-fifths-desktop
{
width: 20%;
}
}
.flex-0
{
flex: 0!important;
}
.is-position-relative
{
position: relative;
}
.d-block
{
display: block!important;
}
.section
{
padding: 2.5rem 0;
}
@media(min-width: 1024px)
{
.section
{
padding: 5rem 0;
}
}
.section.has--border
{
max-width: 1110px;
margin: 0 auto;
border-bottom: 1px solid #e4e8e8;
}
.section:last-child.has--border
{
border-bottom: none;
}
.container
{
padding-left: 1.40625rem;
padding-right: 1.40625rem;
}
@media(min-width: 1024px)
{
.container
{
padding-left: 1rem;
padding-right: 1rem;
}
}
.container.is-medium
{
max-width: 47.625rem!important;
}
.container.is-max-desktop, .container.is-max-widescreen
{
max-width: 71.375rem;
}
@media(min-width: 1024px)
{
.container:not(.is-max-desktop):not(.is-max-widescreen)
{
max-width: 1142px;
}
}
.card-content
{
padding: 1.25rem;
}
@media(min-width: 1024px)
{
.card-content
{
padding: 1.875rem;
}
}
.pt-7
{
padding-top: 4rem!important;
}
.pt-5
{
padding-top: 3rem!important;
}
.pb-5
{
padding-bottom: 3rem!important;
}
@media(max-width: 768.98px)
{
.pr-0-mobile
{
padding-right: 0;
}
}
@media(max-width: 768.98px)
{
.pt-mobile-0
{
padding-top: 0;
}
}
@media(max-width: 768.98px)
{
.pt-mobile-5
{
padding-top: 1.5rem;
}
}
@media(max-width: 768.98px)
{
.pt-mobile-4
{
padding-top: 1rem!important;
}
}
@media(max-width: 768.98px)
{
.pt-mobile-2
{
padding-top: .5rem!important;
}
}
@media(max-width: 768.98px)
{
.pl-0-mobile
{
padding-left: 0;
}
}
@media(max-width: 768.98px)
{
.pb-mobile-0
{
padding-bottom: 0!important;
}
}
@media(min-width: 1024px)
{
.p-desktop-0
{
padding: 0;
}
}
@media(max-width: 1023.98px)
{
.pt-touch-5
{
padding-top: 1.5rem;
}
}
.px-0
{
padding-left: 0!important;
padding-right: 0!important;
}
@media(max-width: 1023.98px)
{
.px-0-touch
{
padding-left: 0!important;
padding-right: 0!important;
}
}
@media(max-width: 768.98px)
{
.py-0-mobile
{
padding-top: 0!important;
padding-bottom: 0!important;
}
}
@media(max-width: 479.98px)
{
.px-0-mobile-small
{
padding-left: 0!important;
padding-right: 0!important;
}
}
@media(max-width: 768.98px)
{
.py-6-mobile
{
padding-top: 4.5rem!important;
padding-bottom: 4.5rem!important;
}
}
.mt-8
{
margin-top: 2rem!important;
}
.mt-n5
{
margin-top: -3rem!important;
}
.mb-n5
{
margin-bottom: -3rem!important;
}
.w-100
{
width: 100%;
}
.h-100
{
height: 100%;
}
.bg-white
{
background-color: #fff!important;
}
.bg-gray
{
background-color: #f4f5f5;
}
.bg-light-gray
{
background-color: #ebecec;
}
.bg-berry
{
background-color: #961d6c;
}
.bg-aqua
{
background-color: #21c5c9;
}
.bg-bright-cyan
{
background-color: #a5e4fa;
}
.bg-blue
{
background-color: #004178;
}
.bg-cyan
{
background-color: #00afe1;
}
.spacer-medium
{
padding-top: 3.125rem;
}
.spacer-large
{
padding-top: 4.6875rem;
}
.word-break-word
{
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
.font-color-blue
{
color: #004178;
}
.font-normal
{
font-weight: 400;
}
@media(max-width: 1023.98px)
{
.font-normal-mobile
{
font-weight: 400!important;
}
}
.cursor-pointer
{
cursor: pointer;
}
.rotate-left-90
{
transform: rotate(-90deg);
}
.rotate-right-90
{
transform: rotate(90deg);
}
.rotate-180
{
transform: rotate(180deg);
}
.font-bold
{
font-weight: 700;
}
.primary-link-cyan
{
color: #00afe1;
transition: color .5s;
}
.primary-link-cyan:hover
{
color: #004178;
}
.small-text-with-margin
{
font-size: .75rem;
}
.small-text-with-margin .accordion--with-gap .accordion__item
{
padding-top: 0!important;
}
.small-text-with-margin .accordion--with-gap .accordion__item .accordion__label
{
justify-content: flex-start;
}
.small-text-with-margin .accordion--with-gap .accordion__item .accordion__icon
{
font-size: .875rem;
margin-left: 5px;
}
.item-horizontally-centered
{
display: flex;
justify-content: center;
}
.max-heading-width
{
max-width: 42.4375rem;
margin-left: auto!important;
margin-right: auto!important;
}
@media(max-width: 540px)
{
.is-full-xs
{
width: 100%!important;
}
}
.noscroll
{
overflow: hidden;
}
.disable-touch-events
{
-ms-touch-action: none;
}
.border-bottom-white
{
border-bottom: 1px solid #fff;
}
@media(max-width: 1023.98px)
{
.border-top-white-touch
{
border-top: 1px solid #fff;
}
}
.flex-basis-0
{
flex-basis: 0%;
}
.d-flex
{
display: flex;
align-items: center;
gap: 5px;
}
.order-1
{
order: 1;
}
.order-2
{
order: 2;
}
.order-3
{
order: 3;
}
.order-4
{
order: 4;
}
.order-5
{
order: 5;
}
.order-6
{
order: 6;
}
.order-7
{
order: 7;
}
.order-8
{
order: 8;
}
.order-9
{
order: 9;
}
.order-10
{
order: 10;
}
.order-11
{
order: 11;
}
.order-12
{
order: 12;
}
.order-first
{
order: 0;
}
.order-last
{
order: 13;
}
@media(min-width: 360px)
{
.order-1-mobile-small
{
order: 1;
}
.order-2-mobile-small
{
order: 2;
}
.order-3-mobile-small
{
order: 3;
}
.order-4-mobile-small
{
order: 4;
}
.order-5-mobile-small
{
order: 5;
}
.order-6-mobile-small
{
order: 6;
}
.order-7-mobile-small
{
order: 7;
}
.order-8-mobile-small
{
order: 8;
}
.order-9-mobile-small
{
order: 9;
}
.order-10-mobile-small
{
order: 10;
}
.order-11-mobile-small
{
order: 11;
}
.order-12-mobile-small
{
order: 12;
}
.order-first-mobile-small
{
order: 0;
}
.order-last-mobile-small
{
order: 13;
}
}
@media(min-width: 480px)
{
.order-1-mobile-large
{
order: 1;
}
.order-2-mobile-large
{
order: 2;
}
.order-3-mobile-large
{
order: 3;
}
.order-4-mobile-large
{
order: 4;
}
.order-5-mobile-large
{
order: 5;
}
.order-6-mobile-large
{
order: 6;
}
.order-7-mobile-large
{
order: 7;
}
.order-8-mobile-large
{
order: 8;
}
.order-9-mobile-large
{
order: 9;
}
.order-10-mobile-large
{
order: 10;
}
.order-11-mobile-large
{
order: 11;
}
.order-12-mobile-large
{
order: 12;
}
.order-first-mobile-large
{
order: 0;
}
.order-last-mobile-large
{
order: 13;
}
}
@media(min-width: 540px)
{
.order-1-mobile-xs
{
order: 1;
}
.order-2-mobile-xs
{
order: 2;
}
.order-3-mobile-xs
{
order: 3;
}
.order-4-mobile-xs
{
order: 4;
}
.order-5-mobile-xs
{
order: 5;
}
.order-6-mobile-xs
{
order: 6;
}
.order-7-mobile-xs
{
order: 7;
}
.order-8-mobile-xs
{
order: 8;
}
.order-9-mobile-xs
{
order: 9;
}
.order-10-mobile-xs
{
order: 10;
}
.order-11-mobile-xs
{
order: 11;
}
.order-12-mobile-xs
{
order: 12;
}
.order-first-xs
{
order: 0;
}
.order-last-xs
{
order: 13;
}
}
@media(min-width: 769px)
{
.order-1-tablet
{
order: 1;
}
.order-2-tablet
{
order: 2;
}
.order-3-tablet
{
order: 3;
}
.order-4-tablet
{
order: 4;
}
.order-5-tablet
{
order: 5;
}
.order-6-tablet
{
order: 6;
}
.order-7-tablet
{
order: 7;
}
.order-8-tablet
{
order: 8;
}
.order-9-tablet
{
order: 9;
}
.order-10-tablet
{
order: 10;
}
.order-11-tablet
{
order: 11;
}
.order-12-tablet
{
order: 12;
}
.order-first0tablet
{
order: 0;
}
.order-last-tablet
{
order: 13;
}
}
@media(min-width: 1024px)
{
.order-1-desktop
{
order: 1;
}
.order-2-desktop
{
order: 2;
}
.order-3-desktop
{
order: 3;
}
.order-4-desktop
{
order: 4;
}
.order-5-desktop
{
order: 5;
}
.order-6-desktop
{
order: 6;
}
.order-7-desktop
{
order: 7;
}
.order-8-desktop
{
order: 8;
}
.order-9-desktop
{
order: 9;
}
.order-10-desktop
{
order: 10;
}
.order-11-desktop
{
order: 11;
}
.order-12-desktop
{
order: 12;
}
.order-first-desktop
{
order: 0;
}
.order-last-desktop
{
order: 13;
}
}
@media(min-width: 1200px)
{
.order-1-desktop-large
{
order: 1;
}
.order-2-desktop-large
{
order: 2;
}
.order-3-desktop-large
{
order: 3;
}
.order-4-desktop-large
{
order: 4;
}
.order-5-desktop-large
{
order: 5;
}
.order-6-desktop-large
{
order: 6;
}
.order-7-desktop-large
{
order: 7;
}
.order-8-desktop-large
{
order: 8;
}
.order-9-desktop-large
{
order: 9;
}
.order-10-desktop-large
{
order: 10;
}
.order-11-desktop-large
{
order: 11;
}
.order-12-desktop-large
{
order: 12;
}
.order-first-desktop-large
{
order: 0;
}
.order-last-desktop-large
{
order: 13;
}
}
@media(min-width: 1408px)
{
.order-1-full-hd
{
order: 1;
}
.order-2-full-hd
{
order: 2;
}
.order-3-full-hd
{
order: 3;
}
.order-4-full-hd
{
order: 4;
}
.order-5-full-hd
{
order: 5;
}
.order-6-full-hd
{
order: 6;
}
.order-7-full-hd
{
order: 7;
}
.order-8-full-hd
{
order: 8;
}
.order-9-full-hd
{
order: 9;
}
.order-10-full-hd
{
order: 10;
}
.order-11-full-hd
{
order: 11;
}
.order-12-full-hd
{
order: 12;
}
.order-first-full-hd
{
order: 0;
}
.order-last-full-hd
{
order: 13;
}
}
.is-flipped
{
transform: scaleX(-1);
}
.has-text-centered ul.checklist
{
display: block;
}
@media(min-width: 480px)
{
.has-text-centered ul.checklist li
{
text-align: inherit!important;
padding-left: 0;
}
.has-text-centered ul.checklist li:before
{
position: relative;
left: -5px!important;
top: 3px!important;
}
}
.content b, .content strong
{
color: inherit;
font-weight: 700;
}
.is-first
{
order: 0;
}
@media(min-width: 769px)
{
.is-first-tablet
{
order: 0;
}
}
@media(min-width: 1024px)
{
.is-first-desktop
{
order: 0;
}
}
.is-last
{
order: 99;
}
@media(min-width: 769px)
{
.is-last-tablet
{
order: 99;
}
}
@media(min-width: 1024px)
{
.is-last-desktop
{
order: 99;
}
}
.text-left
{
text-align: left;
}
.text-center
{
text-align: center;
}
.text-right
{
text-align: right;
}
.text-success
{
color: #63a91d;
}
.googlepay-hint.text-success, .paypal-hint.text-success
{
font-weight: 700;
}
.paypal-container .payment.paypal
{
background-color: transparent;
background-image: url(../../willbettingde/image/button_paypal.png);
background-size: cover;
width: 300px;
height: 55px;
border: none;
cursor: pointer;
}
@media(max-width: 1023.98px)
{
.paypal-container .payment.paypal
{
height: 40px;
width: 220px;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 5px;
}
}
.icon[class*=icon-]>svg
{
display: none;
}
.content p img:not([class*=align-])
{
padding-bottom: .5rem;
}
.content p img[class*=align-]
{
max-width: calc(33.33333% + .5rem);
}
.content p img.align-left
{
float: left;
padding-right: .5rem;
}
.content p img.align-right
{
float: right;
padding-left: .5rem;
}
[data-ctype]:not([data-ctype*=matrix]):not([data-ctype*=benefits]):not([data-ctype*=table]) .content p [class]
{
font-size: inherit!important;
}
.content ol, .content ul, .field ol, .field ul
{
margin-left: 0;
display: inline-block;
}
.content ol li, .content ul li, .field ol li, .field ul li
{
padding-left: 2rem;
list-style-type: none;
position: relative;
min-height: 1.5rem;
text-align: left!important;
}
.content ol li:before, .content ul li:before, .field ol li:before, .field ul li:before
{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 1.75rem;
height: 1.5rem;
}
.has-text-centered .content ol, .has-text-centered .content ul, .has-text-centered .field ol, .has-text-centered .field ul
{
flex: unset!important;
margin-left: auto!important;
margin-right: auto!important;
}
.content ol:first-child, .content ul:first-child, .field ol:first-child, .field ul:first-child
{
margin-top: 0;
}
.content ol:not(:first-child), .content ul:not(:first-child), .field ol:not(:first-child), .field ul:not(:first-child)
{
margin-top: 1em;
}
.content ol.check-list li:before, .content ol.checklist-circle li:before, .content ol.checklist li:before, .content ol.link-arrows li:before, .content ol.link li:before, .content ol.list-bulb li:before, .content ol.list-no-entry li:before, .content ul.check-list li:before, .content ul.checklist-circle li:before, .content ul.checklist li:before, .content ul.link-arrows li:before, .content ul.link li:before, .content ul.list-bulb li:before, .content ul.list-no-entry li:before, .field ol.check-list li:before, .field ol.checklist-circle li:before, .field ol.checklist li:before, .field ol.link-arrows li:before, .field ol.link li:before, .field ol.list-bulb li:before, .field ol.list-no-entry li:before, .field ul.check-list li:before, .field ul.checklist-circle li:before, .field ul.checklist li:before, .field ul.link-arrows li:before, .field ul.link li:before, .field ul.list-bulb li:before, .field ul.list-no-entry li:before
{
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: never;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.content ol.checklist-circle li:before, .content ol.list-bulb li:before, .content ol.list-no-entry li:before, .content ul.checklist-circle li:before, .content ul.list-bulb li:before, .content ul.list-no-entry li:before, .field ol.checklist-circle li:before, .field ol.list-bulb li:before, .field ol.list-no-entry li:before, .field ul.checklist-circle li:before, .field ul.list-bulb li:before, .field ul.list-no-entry li:before
{
top: 2px;
width: 24px;
font-size: 24px;
}
.content ol.checklist-circle, .content ul.checklist-circle, .field ol.checklist-circle, .field ul.checklist-circle
{
display: block;
}
.content ol.checklist-circle li:before, .content ul.checklist-circle li:before, .field ol.checklist-circle li:before, .field ul.checklist-circle li:before
{
content: "";
color: #63a91d;
top: 1px;
}
.content ol.list-bulb li:before, .content ul.list-bulb li:before, .field ol.list-bulb li:before, .field ul.list-bulb li:before
{
color: #fa0;
}
.content ol.list-no-entry li:before, .content ul.list-no-entry li:before, .field ol.list-no-entry li:before, .field ul.list-no-entry li:before
{
color: #d40124;
}
.content ol.check-list li:before, .content ol.checklist li:before, .content ul.check-list li:before, .content ul.checklist li:before, .field ol.check-list li:before, .field ol.checklist li:before, .field ul.check-list li:before, .field ul.checklist li:before
{
content: "";
font-size: 1.5rem;
left: 0;
top: 0;
color: inherit;
}
.content ol .icon-checklist-cross:before, .content ul .icon-checklist-cross:before, .field ol .icon-checklist-cross:before, .field ul .icon-checklist-cross:before
{
content: ""!important;
margin: 0;
font-size: 19px!important;
display: flex!important;
justify-content: center;
align-items: center;
}
.content ol.link-arrows li:before, .content ol.link li:before, .content ul.link-arrows li:before, .content ul.link li:before, .field ol.link-arrows li:before, .field ol.link li:before, .field ul.link-arrows li:before, .field ul.link li:before
{
content: "";
left: 0;
top: .25rem;
font-size: 1rem;
color: #00afe1;
text-align: right;
}
.content ol.link:not(:last-child), .content ul.link:not(:last-child), .field ol.link:not(:last-child), .field ul.link:not(:last-child)
{
margin-bottom: 2rem;
}
.content ul.uc-list li:before, .content ul:not([class]) li:before, .field ul.uc-list li:before, .field ul:not([class]) li:before
{
width: .3125rem;
height: .3125rem;
background-color: #004178;
border-radius: 100%;
top: .59375rem;
left: 1.09375rem;
}
.content ol.uc-list, .content ol:not([class]), .field ol.uc-list, .field ol:not([class])
{
counter-reset: section;
}
.content ol.uc-list li:before, .content ol:not([class]) li:before, .field ol.uc-list li:before, .field ol:not([class]) li:before
{
text-align: right;
counter-increment: section;
content: counters(section,"") ".";
color: inherit;
}
.color-grey, li:has(.color-grey)
{
color: #8b8c8c;
}
.color-grey:before, li:has(.color-grey):before
{
color: inherit!important;
}
li:has(.color-grey) .color-grey
{
margin-right: 4px;
}
.field-textarea textarea
{
font-size: .9375rem;
line-height: 1.375rem;
padding: .625rem 1.25rem;
border: 1px solid #bfc0c0;
transition: border .25s ease-out;
}
.field-textarea textarea:focus, .field-textarea textarea:hover
{
border: 1px solid #00afe1;
box-shadow: none;
}
.field-textarea.is-invalid textarea
{
color: #d40124;
border-color: #d40124;
}
.field-textarea.is-invalid textarea::-moz-placeholder
{
color: #d40124;
}
.field-textarea.is-invalid textarea::placeholder
{
color: #d40124;
}
.field-textarea.is-invalid .control-error
{
font-size: .6875rem;
line-height: 1;
color: #d40124;
margin: .3125rem 0 0;
}
.control
{
box-sizing: border-box;
clear: both;
font-size: 1rem;
position: relative;
text-align: inherit;
}
.control .custom-control-label
{
display: inline-block;
position: absolute;
left: 0;
font-size: .9375rem;
line-height: 1.375rem;
font-weight: 400;
color: #8b8c8c;
padding: 0 1.25rem;
max-width: 100%;
transition: all .25s ease-out;
pointer-events: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
{
-webkit-appearance: none;
margin: 0;
}
input[type=number]
{
-moz-appearance: textfield;
}
.field-input
{
position: relative;
}
.field-input textarea[type=email]
{
width: -webkit-fill-available;
word-break: break-all;
-ms-overflow-style: none;
scrollbar-width: none;
}
.field-input textarea[type=email]::-webkit-scrollbar
{
display: none;
}
.field-input[data-floated-label-field].is-dirty textarea[type=email]~label, .field-input[data-floated-label-field] .is-dirty textarea[type=email]~label, .field-input[data-floated-label-field].is-floating textarea[type=email]~label, .field-input[data-floated-label-field].is-valid textarea[type=email]~label, .field-input[data-floated-label-field] .is-valid textarea[type=email]~label
{
top: 22px;
}
.field-input input, .field-input textarea[type=email]
{
font-size: .9375rem;
color: #000;
padding: 1.0625rem 2.5rem .375rem 1.25rem;
border: 1px solid #bfc0c0!important;
transition: all .25s ease-out;
box-shadow: none!important;
}
.field-input input:not([type=email]), .field-input textarea[type=email]:not([type=email])
{
height: 2.9375rem;
}
.field-input input[type=email], .field-input textarea[type=email][type=email]
{
height: auto;
}
.field-input input[class=input]::-moz-placeholder, .field-input textarea[type=email][class=input]::-moz-placeholder
{
color: transparent!important;
opacity: 1;
}
.field-input input[class=input]::placeholder, .field-input textarea[type=email][class=input]::placeholder
{
color: transparent!important;
opacity: 1;
}
.field-input input[class=input]::-webkit-input-placeholder, .field-input textarea[type=email][class=input]::-webkit-input-placeholder
{
color: transparent!important;
}
.field-input input:focus, .field-input textarea[type=email]:focus
{
border-color: #00afe1!important;
}
.field-input input::-ms-clear, .field-input input::-ms-reveal, .field-input textarea[type=email]::-ms-clear, .field-input textarea[type=email]::-ms-reveal
{
display: none;
height: 0;
width: 0;
}
.field-input.is-invalid .control:before, .field-input.is-valid .control:before
{
position: absolute;
top: 1.46875rem;
transform: translateY(-50%);
right: .875rem;
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: never;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 1;
}
.field-input.is-valid .control:before
{
color: #63a91d;
font-size: 1.25rem;
content: "";
}
.field-input.is-valid input, .field-input.is-valid textarea[type=email]
{
position: relative;
}
.field-input.is-invalid
{
color: #d40124!important;
}
.field-input.is-invalid .control:before
{
content: "";
font-size: 1.125rem;
}
.field-input.is-invalid input, .field-input.is-invalid textarea[type=email]
{
color: #d40124!important;
border-color: #d40124!important;
background-size: 1.125rem 1.125rem;
background-repeat: no-repeat;
background-position: right .875rem center;
}
.field-input.is-invalid .custom-control-label
{
color: #d40124!important;
}
.field-input.is-invalid .control-error
{
display: block;
}
.field-input .control-text
{
line-height: 1.2;
}
.field-input .control-text .control-help
{
font-size: .75rem;
color: #5c5d5d;
}
.field-input .control-text>:last-child
{
margin: 0 0 .625rem;
}
.field-input .control-error
{
display: none;
position: absolute;
top: 100%;
font-size: .6875rem;
line-height: 1;
color: #d40124;
margin: .3125rem 0 0;
}
.field-input .text-danger
{
display: none;
}
.field-radio label.label:not(.custom-control-label)
{
padding-bottom: 1.875rem;
}
.field-radio .radio.custom-control-label
{
background: #fff;
}
.field-radio.is-text input
{
bottom: 0;
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
background: #fff;
}
.field-radio.is-text input:focus+.radio
{
box-shadow: none;
}
.field-radio.is-text input:focus+.radio .cm
{
box-shadow: inset 0 0 0 1.25rem #fff,0 0 0 3px rgba(0,175,225,.3);
}
.field-radio.is-text input:focus:checked+.radio .cm
{
box-shadow: inset 0 0 0 .12rem #fff,0 0 0 3px rgba(0,175,225,.3);
}
.field-radio.is-text .control:not(.columns)>.radio~.radio
{
margin-left: 0;
}
.field-radio.is-text .radio
{
display: block;
border: none;
height: auto;
padding: 0 0 0 1.875rem;
position: relative;
font-weight: 400;
margin-bottom: 1.875rem;
}
.field-radio.is-text .radio .cm
{
position: absolute;
left: 0;
top: 0;
}
.field-radio.is-text .radio:focus, .field-radio.is-text .radio:hover
{
border: none;
}
.field-radio.is-text .radio~.radio
{
margin-left: 0;
}
.field-radio.is-text.is-invalid .radio:hover
{
border: none;
}
.field-radio input
{
bottom: 0;
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
}
.field-radio input:focus+.radio
{
box-shadow: 0 0 0 3px rgba(0,175,225,.3);
}
.field-radio input:checked+label
{
color: #000;
}
.field-radio input:checked+label .cm
{
background-color: #00afe1;
padding: .125rem;
box-shadow: inset 0 0 0 .12rem #fff,0 0 0 3px rgba(0,175,225,0);
}
.field-radio input.is-invalid+label:before .cm
{
border-color: #d40124;
}
.field-radio .cm
{
width: 1.25rem;
height: 1.25rem;
display: inline-block;
border-radius: 100%;
margin-right: .5rem;
position: relative;
background: #00afe1;
box-shadow: inset 0 0 0 1.25rem #fff,0 0 0 3px rgba(0,175,225,0);
transition: box-shadow .25s ease;
padding: .5rem;
background-clip: content-box;
border: 2px solid #00afe1;
backface-visibility: hidden;
}
.field-radio .control:not(.columns)>.radio~.radio
{
margin-left: 1.5rem;
}
@media(max-width: 479.98px)
{
.field-radio .control:not(.columns)>.radio~.radio
{
margin: 1.5rem 0 0;
}
}
.field-radio .control.columns .radio
{
width: 100%;
}
.field-radio .radio
{
display: inline-flex;
position: relative;
flex-grow: 1;
flex-shrink: 1;
align-items: center;
top: inherit;
left: inherit;
font-size: .9375rem;
line-height: 1.25rem;
height: 2.875rem;
min-height: 2.875rem;
padding: .75rem .9375rem;
border-radius: 3px;
border: 1px solid #bfc0c0;
pointer-events: all;
white-space: normal;
overflow: visible;
}
.field-radio .radio:focus, .field-radio .radio:hover
{
border: 1px solid #00afe1;
}
@media(max-width: 479.98px)
{
.field-radio .radio
{
width: 100%;
}
}
.field-radio .control.is-auto
{
justify-content: flex-start;
}
.field-radio .control.is-auto>*
{
flex: none;
}
.field-radio .custom-control
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.field-radio.is-invalid .cm
{
border-color: #d40124;
}
.field-radio.is-invalid input:checked+label .cm
{
background-color: #d40124;
}
.field-radio.is-invalid .radio:hover
{
border: 1px solid #bfc0c0;
}
.field-radio .control-error
{
display: block;
}
.inline-checkbox .field-radio .radio
{
width: auto;
}
@media(max-width: 479.98px)
{
.inline-checkbox .field-radio .control:not(.columns)>.radio~.radio
{
margin-top: 0;
}
}
.inline-checkbox .field-radio .custom-control
{
flex-wrap: nowrap;
gap: 12px;
}
.field-image-radio__btn
{
position: relative;
}
.field-image-radio__btn:not(.column)
{
margin: 0 .9375rem .9375rem 0;
}
.field-image-radio .radio
{
position: relative;
display: inline-flex;
align-items: center;
border-radius: 2px;
overflow: visible;
padding: 0;
pointer-events: all;
top: 0;
width: 5.4375rem;
}
@media(min-width: 769.02px)
{
.field-image-radio .radio
{
width: 5.4375rem;
}
}
.field-image-radio .control
{
display: flex;
}
.field-image-radio label.label
{
padding-bottom: 1.875rem;
}
.field-image-radio label.custom-control-label
{
width: 5.4375rem;
height: 3.125rem;
padding: .375rem;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 2px 2px 15px 0 rgba(0,0,0,.1);
overflow: visible;
margin-right: 0;
margin-bottom: 0;
position: relative;
}
.field-image-radio label.custom-control-label img
{
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0);
max-width: none;
max-height: none;
width: 4.6875rem;
z-index: 0;
pointer-events: none;
}
.field-image-radio input
{
position: absolute;
opacity: 0;
visibility: hidden;
}
.field-image-radio input:checked~label
{
border: 2px solid #00afe1;
}
.field-image-radio input~label:before
{
position: absolute;
justify-content: center;
align-items: center;
top: -.625rem;
right: -.625rem;
z-index: 1;
color: #fff;
background: #00afe1;
border-radius: 50%;
font-size: .9375rem;
line-height: .9375rem;
width: 1.25rem;
height: 1.25rem;
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: never;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
opacity: 0;
visibility: hidden;
transition: opacity .3s ease,visibility .3s ease 0s;
display: flex;
transition: opacity .3s ease,transform .3s ease,visibility .3s ease 0s;
transform: scale(0);
}
.field-image-radio input:checked~label:before
{
opacity: 1;
visibility: visible;
transition: opacity .3s ease,visibility 0s;
transition: opacity .3s ease,transform .3s ease,visibility 0s;
transform: scale(1);
}
.field-image-radio input~label
{
border: 2px solid #fff;
border-radius: 2px;
}
.field-image-radio span
{
position: absolute;
top: 0;
right: 0;
width: 1.25rem;
height: 1.25rem;
background-color: #00afe1;
color: #fff;
border-radius: 50%;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all .25s ease-out;
transform: translate(50%,-50%) scale(0);
}
.field-image-radio input:checked~span
{
transform: translate(50%,-50%) scale(1);
opacity: 1;
visibility: visible;
z-index: 1;
}
.field-image-radio.is-invalid input~label
{
border-color: #d40124;
}
.field-image-radio .custom-control-label[class*=payment-]
{
background-position: 50%;
background-size: contain;
background-color: #fff;
background-repeat: no-repeat;
background-attachment: scroll;
}
.field-image-radio .custom-control-label[class*=payment-] span
{
display: inline-block;
text-indent: -9999px;
}
.field-image-radio .custom-control-label.payment-sepa
{
background-image: url(../../willbettingde/image/sepa.svg);
}
.field-image-radio .custom-control-label.payment-paypal
{
background-image: url(../../willbettingde/image/paypal.svg);
}
.field-image-radio .custom-control-label.payment-amazonpay
{
background-image: url(../../willbettingde/image/amazon-pay.svg);
}
.field-image-radio .custom-control-label.payment-googlepay
{
background-image: url(../../willbettingde/image/googlepay.svg);
}
.field-radio-vertical .radio
{
position: relative;
}
.field-radio-vertical input
{
position: absolute;
opacity: 0;
visibility: hidden;
}
.field-radio-vertical span
{
display: inline-block;
padding-left: 1.875rem;
font-size: .9375rem;
line-height: 1.375rem;
color: #7e7e7e;
}
.field-radio-vertical.field .control-error
{
margin-left: 1.875rem;
}
.field-radio-vertical input:checked+span
{
color: #000!important;
}
.field-radio-vertical span:not([class]):before
{
left: 0;
top: 0;
width: 1.25rem;
height: 1.25rem;
border: 2px solid #00afe1;
margin-right: .625rem;
background-color: transparent;
}
.field-radio-vertical span:not([class]):after, .field-radio-vertical span:not([class]):before
{
position: absolute;
content: "";
border-radius: 50%;
transition: all .25s ease-out;
}
.field-radio-vertical span:not([class]):after
{
left: .25rem;
top: .25rem;
width: .75rem;
height: .75rem;
background-color: #00afe1;
opacity: 0;
transform: scale(0);
}
.field-radio-vertical input:checked+span:after
{
transform: scale(1);
opacity: 1;
}
.field-radio-vertical .radio+.radio
{
margin: 1.875rem 0 0;
}
.field-radio-vertical.is-invalid span:not([class]):before
{
border: 2px solid #d40124;
}
.field-radio-vertical.is-invalid span:not([class]):after
{
background-color: #d40124;
}
@media(-ms-high-contrast: active),(-ms-high-contrast: none)
{
.field-range .control
{
padding-bottom: 1.125rem;
}
}
.field-range .control-output
{
display: flex;
justify-content: space-between;
font-size: .9375rem;
line-height: 1.375rem;
}
.field-range .control-range-label
{
margin-bottom: .5625rem;
color: #000!important;
margin-right: .9375rem;
font-weight: 400!important;
}
.field-range output
{
margin-bottom: .5625rem;
font-weight: 700;
color: #004178;
min-width: 3.125rem;
}
.field-range output:after
{
content: "€";
display: inline-block;
margin-left: .1875rem;
}
.field-range__output
{
font-weight: 700;
color: #004178;
min-width: 3.375rem;
flex-shrink: 0;
text-align: right;
}
.field-range input
{
display: block;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none!important;
border-radius: .4375rem;
height: .625rem;
padding: 0;
overflow: visible;
}
@media(-ms-high-contrast: active),(-ms-high-contrast: none)
{
.field-range input
{
height: 100%;
background: none!important;
}
}
.field-range input:focus
{
outline: none;
}
.field-range input:not([orient=vertical])::-webkit-slider-runnable-track
{
width: 100%;
height: .625rem;
}
.field-range input:not([orient=vertical])::-moz-range-track
{
width: 100%;
height: .625rem;
}
.field-range input:not([orient=vertical])::-ms-track
{
width: 100%;
height: .625rem;
}
.field-range input::-ms-ticks, .field-range input::-ms-ticks-before
{
visibility: hidden;
display: none;
}
.field-range input::-ms-ticks-after
{
visibility: hidden;
display: none;
}
.field-range input::-ms-track
{
cursor: pointer;
animate: 0 .25s;
box-shadow: none;
background: transparent;
border-radius: .4375rem;
border: none;
}
.field-range input::-ms-fill-lower
{
background: #a5e4fa;
}
.field-range input::-ms-fill-upper
{
background: #d2f1fc;
}
.field-range input:focus::-ms-fill-lower
{
background: #a5e4fa;
}
.field-range input:focus::-ms-fill-upper
{
background: #d2f1fc;
}
.field-range input::-webkit-slider-thumb
{
box-shadow: none;
border: .375rem solid #66cfed;
border-radius: 50%;
background: #00afe1;
cursor: pointer;
-webkit-transition: transform .25s ease,border .25s ease;
transition: transform .25s ease,border .25s ease;
width: 1rem;
height: 1rem;
margin-top: -.1875rem;
box-sizing: border-box;
}
.field-range input::-moz-range-thumb
{
box-shadow: none;
border: .375rem solid #66cfed;
border-radius: 50%;
background: #00afe1;
cursor: pointer;
-webkit-appearance: none;
-moz-transition: transform .25s ease,border .25s ease;
transition: transform .25s ease,border .25s ease;
width: 1rem;
height: 1rem;
margin-top: -.1875rem;
box-sizing: border-box;
}
.field-range input::-ms-thumb
{
box-shadow: none;
border: 6px solid #66cfed;
border-radius: 50%;
background: #00afe1;
cursor: pointer;
-webkit-appearance: none;
-ms-transition: transform .25s ease,border .25s ease;
transition: transform .25s ease,border .25s ease;
width: 1rem;
height: 1rem;
margin-top: -.1875rem;
box-sizing: border-box;
}
.field-range input::-webkit-slider-thumb
{
-webkit-appearance: none;
}
.field-range input:active::-webkit-slider-thumb
{
transform: scale(1.25);
border: 0 solid #66cfed;
}
.field-range input:active::-moz-range-thumb
{
transform: scale(1.25);
border: 0 solid #66cfed;
}
.field-range input:active::-ms-thumb
{
transform: scale(1.25);
border: 0 solid #66cfed;
}
.field-range input:disabled
{
opacity: .5;
}
.field-range input:disabled::-webkit-slider-thumb
{
transform: scale(1);
}
.field-range input:disabled::-moz-range-thumb
{
transform: scale(1);
}
.field-range input:disabled::-ms-thumb
{
transform: scale(1);
}
.field-upload .file
{
align-items: stretch;
display: flex;
justify-content: flex-start;
position: relative;
}
.field-upload .file .file-cta
{
color: #00afe1!important;
padding: 0 .75rem;
background-color: #fff!important;
border-color: #00afe1;
cursor: pointer;
z-index: 1;
width: 3.375rem;
height: 2.8125rem;
border-radius: .3125rem;
font-size: 1em;
display: flex;
align-items: center;
justify-content: center;
}
.field-upload .file .file-cta i
{
font-size: 1.5rem;
line-height: 1;
height: 1.5rem;
}
.field-upload .file.has-name .file-cta
{
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.field-upload .control .file-label
{
align-items: stretch;
display: flex!important;
cursor: pointer;
justify-content: flex-start;
overflow: hidden;
position: relative;
width: 100%;
}
.field-upload .control .file-label:hover .file-name
{
border-color: #00afe1;
}
.field-upload .control .file-icon
{
width: auto;
margin: 0;
align-items: center;
display: flex;
height: 1em;
justify-content: center;
}
.field-upload .control .file-input
{
height: 100%;
left: 0;
opacity: 0;
outline: none;
position: absolute;
top: 0;
width: 100%;
}
.field-upload .control .file-name
{
position: relative;
font-family: Roboto;
font-size: .9375rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: normal;
color: #8b8c8c;
width: 100%;
padding: .75rem .9375rem .625rem;
max-width: calc(100% - 50px);
transition: border .25s ease-out;
height: 2.8125rem;
}
.field-upload .control .file-name.has-file
{
color: #363636;
padding-right: 2.9375rem;
}
.field-upload .control .file-name.has-file+.file-delete
{
display: flex;
}
.field-upload .control .file-delete
{
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: 0;
top: 0;
width: 2.9375rem;
height: 2.8125rem;
color: #00afe1;
background-color: transparent!important;
border: none;
cursor: pointer;
display: none;
}
.field-upload .control .file-delete svg
{
width: 1rem;
height: 1rem;
pointer-events: none;
}
.field-upload.is-invalid .file-cta
{
color: #d40124!important;
border-color: #d40124;
}
.field[data-type=upload] .is-invalid .control-file-input
{
display: none;
}
.field[data-type=upload] .control-error, .field[data-type=upload] .control-file-input
{
position: relative;
}
.field[data-type=upload] .control-file-input
{
top: 20px;
padding-left: .75rem;
}
.field[data-type=upload] .icon-upload
{
display: none;
}
.accordion__content.checkbox__item
{
position: relative;
padding-bottom: .75rem;
min-height: 10.5rem;
}
@media(min-width: 1024px)
{
.accordion__content.checkbox__item
{
min-height: 6.5rem;
}
}
.accordion__content.checkbox__item:after
{
content: "";
position: absolute;
z-index: 1;
bottom: 0;
pointer-events: none;
background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 90%);
width: 100%;
height: 2.8125rem;
}
.accordion__label.checkbox__item-toggle
{
justify-content: center;
}
.accordion__label.checkbox__item-toggle [class*=icon-]
{
font-size: 1.5rem;
transform: rotate(90deg);
color: #00afe1;
}
.accordion__label--active.checkbox__item-toggle [class*=icon-]
{
transform: rotate(-90deg);
}
.field-checkbox
{
position: relative;
}
.field-checkbox input
{
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
}
.field-checkbox input:focus+label span:before
{
box-shadow: 0 0 0 3px rgba(0,175,225,.3);
}
.field-checkbox .checkbox>span
{
position: relative;
display: inline-block;
padding-left: 1.875rem;
font-size: 1rem;
line-height: 1.375rem;
color: #8b8c8c;
}
.field-checkbox span:not([class]):before
{
border: 2px solid #00afe1;
margin-right: .625rem;
background-color: transparent;
}
.field-checkbox .checkbox>span:not([class]):after, .field-checkbox .checkbox>span:not([class]):before
{
position: absolute;
left: 0;
top: 0;
content: "";
width: 1.25rem;
height: 1.25rem;
border-radius: 3px;
transition: all .25s ease-out;
}
.field-checkbox input:checked+label>span:first-child:after
{
transform: scale(1);
opacity: 1;
}
.field-checkbox input:checked+label>span:first-child:before
{
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: never;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
color: #fff;
font-size: 1.125rem;
}
.field-checkbox.bg-grey
{
background-color: #f4f5f5;
padding: 15px;
margin-bottom: 32px!important;
}
.field-checkbox.checkbox-toggle.is-invalid .checkbox-content, .field-checkbox.checkbox-toggle.is-invalid .toggle__icon
{
color: #d40124;
}
.field-checkbox.checkbox-toggle .control
{
display: grid;
grid-template-columns: auto 24px;
}
.field-checkbox.checkbox-toggle .toggle__icon
{
display: inline-block;
transform: rotate(90deg);
cursor: pointer;
}
.field-checkbox.checkbox-toggle .control-error
{
position: static;
}
.field-checkbox.checkbox-toggle .checkbox-content
{
padding-left: 1.875rem;
margin: 5px 0;
display: none;
grid-column-start: 1;
}
.field-checkbox.checkbox-toggle.visible-checkbox .checkbox-content
{
display: block;
}
.field-checkbox.checkbox-toggle.visible-checkbox .toggle__icon
{
transform: rotate(-90deg);
}
.field-checkbox.checkbox-toggle.hide-error .control-error
{
display: none;
}
.field-checkbox.checkbox-toggle label.checkbox
{
width: 100%;
}
.field-checkbox span:not([class]):after
{
background: #00afe1;
opacity: 0;
color: #fff;
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: never;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
transform: scale(0);
}
.field-checkbox input:checked+label span:first-child *
{
color: #000;
}
.field-checkbox span.checkbox-hint
{
font-weight: 400;
padding: 0;
}
.field-checkbox span.checkbox-hint.is-small
{
font-size: .75rem;
line-height: .9375rem;
}
.field-checkbox.is-invalid input+label span:first-child:before
{
border-color: #d40124;
}
.field-checkbox.is-invalid input+label span, .field-checkbox.is-invalid input+label span *
{
color: #d40124;
}
.field-checkbox.is-invalid .control-error
{
padding-left: 1.875rem;
}
.field-checkbox.has-icon input:checked+label span:first-child *
{
color: #fff;
}
.field-checkbox.has-icon input:focus+label span:before
{
box-shadow: none;
}
.field-checkbox.has-icon .checkbox>span:not([class]):after, .field-checkbox.has-icon .checkbox>span:not([class]):before
{
top: 8px;
left: 8px;
width: 1.5rem;
height: 1.5rem;
transition-duration: 0s;
}
.field-checkbox.has-icon .checkbox>span
{
padding-left: 0;
text-align: center;
padding-top: 100%;
position: static;
min-height: 100px;
}
.field-checkbox.has-icon .control label.checkbox
{
box-shadow: 1px 1px 10px 0 rgba(0,0,0,.15);
border-radius: 4px;
}
.field-checkbox.has-icon .control input:checked+label.checkbox
{
background-color: #00afe1;
}
.field-checkbox.has-icon .control input:checked+label.checkbox span:not([class]):before
{
border: 2px solid #fff;
}
.field-checkbox.has-icon .insurance-icon__wrapper
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 11px;
}
.field-checkbox.has-icon .insurance-icon__content
{
display: flex;
justify-content: center;
flex-direction: column;
gap: 15px;
}
.field-checkbox.has-icon .insurance-icon__content .sub-label
{
font-size: 12px;
font-weight: 400;
display: block;
line-height: normal;
}
.field-checkbox.has-icon .insurance-icon__content:after, .field-checkbox.has-icon .insurance-icon__content:before, .field-checkbox.has-icon .insurance-icon__text :after, .field-checkbox.has-icon .insurance-icon__text :before
{
content: none;
}
.field-checkbox.has-icon .insurance-icon__font-icon
{
font-size: 50px;
}
.field-checkbox.has-icon .insurance-icon__font-icon:before
{
box-shadow: none;
}
.flex-box .columns
{
display: flex;
}
.color-dark .field-checkbox .checkbox>span
{
color: #191919;
}
.label-bold label
{
font-weight: 700;
margin-bottom: .3125rem;
}
.padding-bottom-null .field:not(.is-invalid)
{
padding-bottom: 0;
}
.margin-bottom-null .field
{
margin-bottom: 0!important;
}
.card
{
background-color: #fff;
border-radius: 6px;
max-width: 100%;
overflow: visible;
position: relative;
box-shadow: 2px 2px 15px 0 rgba(0,0,0,.1);
}
.card--news
{
transition: box-shadow .5s;
}
.card--news:hover
{
box-shadow: 0 .3125rem .9375rem .3125rem rgba(0,25,60,.25);
}
.card.is-rounded
{
border-radius: 6px;
overflow: auto;
}
.card__image
{
display: block;
position: relative;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
overflow: hidden;
}
.card__image>img
{
display: block;
width: 100%;
}
.card__content
{
padding: 1.875rem 1.875rem 3.875rem;
color: #000;
}
.card__content .card__heading, .card__content p
{
-webkit-hyphens: auto;
hyphens: auto;
-ms-hyphens: auto;
margin-bottom: .625rem;
word-break: break-word;
display: -webkit-box;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.375rem;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media(min-width: 1024px)
{
.card__content .card__heading, .card__content p
{
line-height: 1.75rem;
}
}
.card__content .card__heading
{
font-size: 1.375rem!important;
line-height: 1.75rem!important;
}
.card__content p
{
max-height: 2.75rem;
}
@media(min-width: 1024px)
{
.card__content p
{
max-height: 3.5rem;
}
}
.card__category
{
margin-top: .625rem;
color: #7e7e7e;
font-size: 15px;
display: flex;
align-items: center;
}
.card__category>span, .card__category p
{
line-height: 22px;
}
.card__category>span
{
margin-right: .9375rem;
}
.card .tags
{
margin: 0;
}
.card .tags__tag
{
display: flex;
align-items: center;
margin: 0 .625rem .625rem 0;
cursor: pointer;
color: #00afe1;
border-radius: 5px;
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.15);
background-color: #fff;
font-size: 15px;
font-weight: 700;
text-align: center;
height: 2em;
justify-content: center;
padding-left: .75rem;
padding-right: .75rem;
white-space: nowrap;
transition: color .5s;
}
.card .tags__tag:hover
{
color: #004178;
}
.card__footer
{
position: absolute;
bottom: 0;
right: 0;
width: 100%;
align-items: stretch;
display: flex;
padding: 0 1.25rem 1.25rem;
justify-content: space-between;
}
.card__footer .link
{
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
color: #00afe1;
font-weight: 700;
font-size: 15px;
padding-right: .625rem;
cursor: pointer;
transition: color .5s;
}
.card__footer .link i:before
{
position: relative;
top: 1px;
font-size: 18px;
font-weight: 700;
}
.card__footer .link:hover
{
color: #004178;
}
.card .field-text
{
font-size: .9375rem;
padding-bottom: .5rem;
}
.card .field-text p
{
font-size: .9375rem;
margin: 0;
padding: 0;
}
.product-form
{
overflow: inherit;
}
.product-form .mobile-shopping-cart
{
padding-left: .75rem;
padding-right: .75rem;
}
.product-form .mobile-shopping-cart .product-name
{
display: block;
flex: 1 1 100%;
overflow: hidden;
margin-right: .5rem;
}
.product-form .mobile-shopping-cart .price-interval
{
flex: 1 0 4rem;
display: flex;
}
.product-form .mobile-shopping-cart .price
{
font-weight: 700;
}
@media(min-width: 360px)
{
.product-form .mobile-shopping-cart
{
padding-left: 1.40625rem;
padding-right: 1.40625rem;
}
}
@media(min-width: 1024px)
{
.product-form .mobile-shopping-cart
{
padding-left: 1rem;
padding-right: 1rem;
}
}
.product-form .mobile-shopping-cart>span, .product-form .mobile-shopping-cart i
{
white-space: nowrap;
}
.product-form .column
{
padding-top: 0;
padding-bottom: 0;
}
.product-form .column .field
{
margin-bottom: .75rem;
}
@media(max-width: 768.9px)
{
.product-form .column .field.field-image-radio__btn
{
padding-right: 10px;
}
}
.product-form .column>.column
{
padding-left: 0;
}
.product-form .single-row .field-radio .custom-control
{
flex-wrap: nowrap;
}
@media(max-width: 479.9px)
{
.product-form .single-row .field-radio .custom-control
{
gap: 15px;
}
.product-form .single-row .field-radio .control:not(.columns)>.radio~.radio
{
margin-top: 0;
}
}
.container-ctype-dfv_form .column
{
padding-top: 0;
padding-bottom: 0;
}
.container-ctype-dfv_form .column .field
{
margin-bottom: .75rem;
}
.container-ctype-dfv_form .column>.column
{
padding-left: 0;
}
.fields>.column
{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.fields>.columns
{
margin-top: 0;
margin-bottom: 0;
}
.fieldset .control-error
{
display: none;
font-size: .6875rem;
line-height: 1;
color: #d40124;
padding-left: .75rem;
margin: -1.5rem 0 .75rem;
}
.fieldset.is-invalid .control-error
{
display: block;
}
.field
{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 1.25rem;
height: auto;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
.accordion__content .field
{
margin-top: 1.25rem;
}
.field:not(.has-control-text)
{
justify-content: flex-end;
}
.field .control-error, .field .no-time-slot
{
position: absolute;
top: calc(100% - 20px);
font-size: .6875rem;
line-height: 1;
color: #d40124;
margin: .3125rem 0 0;
}
.field .control-error p, .field .no-time-slot p
{
font-size: inherit;
line-height: inherit;
margin: 0;
}
.field .control-error
{
display: none;
}
.field.is-invalid .control-error
{
display: block;
}
.field .control label:not(.custom-control-label)
{
color: #363636;
display: block;
font-size: 1rem;
font-weight: 700;
}
[data-type=static_text].field
{
padding-bottom: 0;
}
[data-ctype=dfv_product_form] .field ul[id*=awesomplete_]
{
position: absolute!important;
}
.fieldset-kombischutz-meta-product>.columns, .fieldset-kombischutz-meta-product>.columns>.column, .fieldset-kombischutz-product-container>.columns, .fieldset-kombischutz-product-container>.columns>.column
{
margin-top: 0;
margin-bottom: 0;
}
.fieldset-kombischutz-meta-product
{
background-color: #f4f5f5;
border-radius: 6px;
padding: .75rem;
margin-bottom: 1.5rem!important;
}
.fieldset-kombischutz-meta-product>.columns>label.column
{
color: #004178;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.5rem;
position: relative;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-right: 3.75rem;
}
.fieldset-kombischutz-meta-product>.columns>label.column:before
{
content: "";
font-family: fontello!important;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 3.75rem;
text-align: center;
line-height: 4.5rem;
font-size: 2.25rem;
color: #63a91d;
}
.gs-error .field, .gs-warning .field
{
padding-bottom: 1.25rem!important;
margin-bottom: .75rem;
margin-top: -20px;
}
.gs-error .field *, .gs-warning .field *
{
color: #004178;
}
.gs-error .field *
{
color: #d40124;
}
.gs-warning .field *
{
color: #004178;
}
.user-details-information--wrapper
{
margin-bottom: 40px;
padding: 0;
}
.user-details-information
{
border-radius: 6px;
padding: 0 20px;
}
.user-details-information.accordion
{
background: #f4f5f5;
}
.user-details-information .accordion__content
{
flex-grow: 1;
}
.user-details-information .accordion__label-question
{
font-size: 16px;
font-weight: 700;
color: #004178;
}
.user-details-information .accordion__label-question *
{
line-height: normal;
}
.info-card
{
font-size: 14px;
line-height: 24px;
color: #4a4a4a;
}
.info-card__section
{
margin-top: 24px;
}
.info-card__subtitle
{
font-size: 16px;
font-weight: 700;
color: #004178;
margin-bottom: 8px;
}
.info-card__group
{
display: flex;
margin-top: 2px;
gap: 10px;
}
.info-card__label
{
font-weight: 500;
width: 140px;
min-width: 140px;
}
.info-card .field--zahlungsweise:before
{
content: attr(data-content) " ";
}
@media(max-width: 769px)
{
.user-details-information
{
padding: 0 15px;
}
.info-card__label
{
width: auto;
min-width: 100px;
}
}
.sgemembership .control:after
{
content: "EF-";
position: absolute;
left: 18px;
top: 18.5px;
color: #8b8c8c;
display: none;
}
.sgemembership .control input
{
padding-left: 42px;
}
.sgemembership .control.is-dirty:after, .sgemembership .control.is-invalid:after, .sgemembership.is-floating .control:after
{
display: block;
}
.button
{
font-size: .9375rem;
line-height: 1rem;
padding: .625rem;
color: #fff;
font-weight: 700;
background: #00afe1;
height: auto;
border: 2px solid #00afe1;
transition: all .5s ease;
transition-property: color,background-color,border;
display: inline-flex;
align-items: center;
white-space: normal;
max-width: 100%;
}
.button[disabled]
{
background: #717171!important;
border: 2px solid #717171!important;
cursor: none!important;
opacity: .75;
}
.button *
{
color: inherit!important;
}
.button i
{
margin-right: .1875rem;
}
.button span+i
{
margin-right: 0;
margin-left: .1875rem;
}
.button:focus, .button:hover
{
background-color: #004178;
border-color: #004178;
color: #fff;
outline: none;
}
.button svg
{
margin-right: .375rem;
width: 1.25rem;
height: 1.25rem;
}
.button.is-attention
{
background: #961d6c;
border-color: #961d6c;
font-size: 1.125rem;
}
.button.is-attention:focus, .button.is-attention:hover
{
background: #004178;
border-color: #004178;
}
.button.is-attention[disabled]
{
background: #5a5a5a!important;
border-color: #5a5a5a!important;
}
.button.is-large
{
font-size: .9375rem;
line-height: 1.25rem;
padding: 1.125rem 1.25rem;
height: auto;
}
.button.is-secondary
{
background: transparent;
color: #00afe1;
}
.button.is-secondary:hover
{
color: #004178;
}
.button.is-secondary[disabled]
{
background: transparent!important;
color: #717171!important;
}
.button.is-danger
{
background: #d40124;
border-color: #d40124;
}
.button.is-danger[disabled]
{
background: #6b6b6b!important;
border-color: #6b6b6b!important;
}
.button.is-warning
{
background: #fa0;
border-color: #fa0;
color: #fff;
}
.button.is-warning[disabled]
{
background: #808080!important;
border-color: #808080!important;
}
.button.is-warning:focus, .button.is-warning:hover
{
color: #fff;
}
.button.is-text-aqua, .button.is-text-berry, .button.is-text-blue, .button.is-text-green, .button.is-text-orange
{
background: none;
}
.button.is-text-aqua[disabled], .button.is-text-berry[disabled], .button.is-text-blue[disabled], .button.is-text-green[disabled], .button.is-text-orange[disabled]
{
background: none!important;
}
.button.is-text-aqua:focus, .button.is-text-aqua:hover, .button.is-text-berry:focus, .button.is-text-berry:hover, .button.is-text-blue:focus, .button.is-text-blue:hover, .button.is-text-green:focus, .button.is-text-green:hover, .button.is-text-orange:focus, .button.is-text-orange:hover
{
opacity: .7;
}
.button.is-text-orange
{
border-color: #fa0;
color: #fa0;
}
.button.is-text-orange[disabled]
{
border-color: #fa0!important;
}
.button.is-text-berry
{
border-color: #961d6c;
color: #961d6c;
}
.button.is-text-berry[disabled]
{
border-color: #961d6c!important;
}
.button.is-text-aqua
{
border-color: #00afe1;
color: #00afe1;
}
.button.is-text-aqua[disabled]
{
border-color: #00afe1!important;
}
.button.is-text-blue
{
border-color: #004178;
color: #004178;
}
.button.is-text-blue[disabled]
{
border-color: #004178!important;
}
.button.is-text-green
{
border-color: #63a91d;
color: #63a91d;
}
.button.is-text-green[disabled]
{
border-color: #63a91d!important;
}
.paypal-login-button
{
max-width: 12.5rem;
}
.overlay
{
z-index: 170;
visibility: hidden;
opacity: 0;
position: fixed;
height: 100vh;
width: 100vw;
background: rgba(0,25,60,.35);
transition: opacity .5s ease,visibility 0s ease .5s;
}
.overlay-is-visible .overlay
{
opacity: 1;
visibility: visible;
transition: opacity .5s ease,visibility 0s ease 0s;
}
.overlay__content-wrap
{
position: fixed;
top: .75rem;
left: 50%;
z-index: 174;
width: 100%;
transform: translateX(-50%) translateY(100%);
padding-left: 1.40625rem;
padding-right: 1.40625rem;
}
@media(min-width: 769px)
{
.overlay__content-wrap
{
width: 75%;
}
}
@media(min-width: 1024px)
{
.overlay__content-wrap
{
top: 0;
width: 50%;
padding: 0;
}
}
.overlay__content-wrap .overlay-body
{
background-color: #fff;
padding: 2rem;
}
.overlay__content-submit
{
text-align: center;
}
.overlay__content-submit .loading-animation-holder
{
font-size: 1.25rem;
padding-bottom: 1.5rem;
}
.menu-open-mobile .overlay, .menu-open .overlay
{
opacity: 1;
visibility: visible;
transition: opacity .5s ease,visibility 0s ease 0s;
}
@media(min-width: 1024px)
{
.menu-open-mobile .overlay
{
opacity: 1;
visibility: hidden;
}
}
body:before
{
z-index: 4;
content: "";
position: fixed;
height: 100vh;
height: calc(var(--vh,1vh) * 100);
width: 100%;
background: rgba(0,25,60,.35);
opacity: 0;
visibility: hidden;
transition: opacity .5s ease,visibility .5s ease 0s;
}
html.menu-open body:before
{
opacity: 1;
visibility: visible;
transition: opacity .5s ease,visibility 0s;
}
.ctype-dfv_sickpaycalculator~div .feecalculator
{
margin-top: 24px;
margin-bottom: 0;
}
.ctype-dfv_sickpaycalculator~div:has(.feecalculator)
{
max-width: 600px;
margin: 0 auto;
}
.feecalculator .feecalculator-body:has(.column+.column .field[data-type=range]) .field-fee-birthdate
{
display: none;
}
.custom-html-ktg-rechner .ktg-result
{
transition: opacity .5s ease-in-out;
}
.custom-html-ktg-rechner .calculator-ktg
{
max-width: 600px;
background: transparent;
color: #004178;
margin: 0 auto;
}
.custom-html-ktg-rechner .calculator-ktg--calculate
{
position: relative;
}
.custom-html-ktg-rechner .div-tr
{
width: 100%;
overflow: auto;
padding: 5px 0;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.custom-html-ktg-rechner .div-td
{
float: left;
}
.custom-html-ktg-rechner .div-td.td-sum
{
text-align: right;
min-width: 150px;
font-size: 18px;
line-height: 28px;
}
.custom-html-ktg-rechner .div-td.td-sum:after
{
content: "€";
margin-left: 5px;
}
.custom-html-ktg-rechner .calculator-description
{
font-size: 15px;
line-height: 22px;
}
.custom-html-ktg-rechner .td-label
{
font-size: 18px;
line-height: 28px;
}
.custom-html-ktg-rechner .calculator-body
{
padding-top: 8px;
}
.custom-html-ktg-rechner .calculator-header
{
margin-bottom: 8px;
}
.custom-html-ktg-rechner .calculator-header .tooltip__button
{
position: relative;
top: 2px;
left: 6px;
}
.custom-html-ktg-rechner .ktg-result-netto
{
border-bottom: 1px solid #bfc0c0;
}
.custom-html-ktg-rechner .ktg-result-gkv
{
border-bottom: 3px solid #bfc0c0;
}
.custom-html-ktg-rechner .ktg-result-monthly
{
color: #d40124;
font-weight: 700;
margin: 10px 0 20px;
}
.custom-html-ktg-rechner .ktg-result-daily .div-td.td-sum:after, .custom-html-ktg-rechner .ktg-result-gkv .div-td.td-sum:after, .custom-html-ktg-rechner .ktg-result-monthly .div-td.td-sum:after, .custom-html-ktg-rechner .ktg-result-netto .div-td.td-sum:after
{
content: none;
}
.custom-html-ktg-rechner .ktg-result-daily
{
color: #00afe1;
font-weight: 700;
padding-top: 8px;
border-bottom: 1px solid #bfc0c0;
}
.custom-html-ktg-rechner .calculator-body>.selected
{
background: linear-gradient(to top right,#004178,#00afe1);
color: #fff;
font-weight: 700;
padding: 6px;
}
.custom-html-ktg-rechner .dfv-toggle-content
{
overflow: hidden;
transition: height .5s;
}
.custom-html-ktg-rechner .dfv-toggle-content.is-collapsed
{
height: 0;
}
.custom-html-ktg-rechner .ktg-toggle
{
color: #00afe1;
cursor: pointer;
text-align: center;
transition: opacity .5s ease-in-out;
margin-bottom: 24px;
display: block;
}
.custom-html-ktg-rechner .ktg-faded
{
opacity: 0;
height: 0;
overflow: hidden;
margin: 0!important;
}
.custom-html-ktg-rechner #jumpPosition
{
position: absolute;
bottom: -20px;
height: 20px;
opacity: 0;
visibility: hidden;
}
.custom-html-ktg-rechner .ktg-input
{
display: flex;
gap: 8px;
justify-content: center;
flex-wrap: wrap;
}
.custom-html-ktg-rechner .ktg-input .field-input
{
width: 100%;
margin-bottom: 0;
padding-bottom: 0;
}
.custom-html-ktg-rechner .btn-calc
{
grid-column-start: 2;
margin-top: 8px;
min-width: 150px;
}
.custom-html-ktg-rechner .age_error, .custom-html-ktg-rechner .income_error, .custom-html-ktg-rechner .ktg-error
{
text-align: center;
color: #d40124;
width: 100%;
transition: opacity .5s ease-in-out;
font-size: 15px;
line-height: 22px;
margin-top: 5px;
}
.custom-html-ktg-rechner .div-tr.ktg-description
{
font-size: 12px;
}
@media(min-width: 769px)
{
.custom-html-ktg-rechner .ktg-input
{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
}
}
.calculator .card-tooltip
{
position: absolute;
top: 8px;
right: 12px;
}
.calculator .card-tooltip:before
{
font-size: 2rem;
}
.calculator .chart-wrap
{
width: calc(100% + 100px);
}
.calculator .chart-wrap canvas
{
max-width: calc(100% + 100px);
}
.calculator .gauge-chart-text
{
font-size: 1.125rem;
color: #e61759;
font-weight: 700;
display: block;
}
.calculator .dot
{
position: absolute;
display: none;
top: 32px;
right: 32px;
width: 25px;
height: 25px;
border-radius: 50%;
border: 2px solid #00afe1;
}
.calculator .tooltip
{
position: absolute;
z-index: 1;
top: 16px;
left: 10px;
}
.calculator .tooltip-opener
{
font-size: 2.1875rem;
}
.calculator .calculator__details .columns, .calculator .calculator__form .columns
{
justify-content: center;
}
.calculator .limit-label
{
display: inline;
padding: 0;
}
.calculator .income_error
{
text-align: center;
color: #d40124;
width: 100%;
transition: opacity .5s ease-in-out;
font-size: 15px;
line-height: 22px;
margin-top: 5px;
}
.calculator .ktg-faded
{
opacity: 0;
height: 0;
overflow: hidden;
margin: 0!important;
}
.calculator__form--button
{
background-color: #00afe1;
border-color: #00afe1;
color: #fff;
transition: all .3s;
font-size: .9375rem;
font-family: Roboto;
font-weight: 700;
width: 100%;
height: 100%;
}
.calculator__form--button:active, .calculator__form--button:focus, .calculator__form--button:hover
{
background-color: #004178;
border-color: #004178;
color: #fff;
}
.calculator__form .field-input
{
padding-bottom: 0;
}
.calculator__card
{
margin-bottom: 1.875rem;
}
.calculator__card.card
{
overflow: hidden;
}
.calculator__card--title
{
font-size: 1.125rem;
text-align: center;
margin-bottom: 0!important;
}
.calculator__sub-row
{
border-top: 1px solid #e4e8e8;
font-size: .875rem;
padding: 12px 0;
color: #7e7e7e;
}
.calculator__sub-row span
{
max-width: 70%;
display: block;
}
.calculator__sub-row strong
{
max-width: 30%;
font-weight: 400;
color: #7e7e7e;
width: 100%;
display: block;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.calculator__monthly-netto-row span, .calculator__monthly-netto-row strong
{
font-weight: 700;
}
.calculator__netto-row span, .calculator__netto-row strong
{
font-weight: 700;
color: #21c5c9;
}
.calculator__total-row
{
padding-bottom: .1875rem;
}
.calculator__total-row span, .calculator__total-row strong
{
color: #e61759;
font-weight: 700;
display: block;
font-size: 18px;
}
.calculator__card-information
{
border-top: 1px solid #e4e8e8;
padding: 2.375rem 0 0;
}
.calculator__card-information strong
{
display: block;
font-size: 1.125rem;
}
.calculator__card-information i
{
font-style: normal;
}
.calculator__card-information span
{
display: block;
font-size: .9375rem;
margin-bottom: 1.75rem;
}
.calculator__card-information--button
{
background-color: #00afe1;
border-color: #00afe1;
color: #fff;
transition: all .3s;
height: 2.9375rem;
min-width: 262px;
}
.calculator__card-information--button:active, .calculator__card-information--button:focus, .calculator__card-information--button:hover
{
background-color: #004178;
border-color: #004178;
color: #fff;
}
.calculator__details
{
color: #000;
}
.calculator__details .accordion__label
{
font-size: .9375rem;
font-weight: 700;
color: #00afe1;
transition: all .3s;
}
.calculator__details .accordion__label:hover
{
color: #004178;
}
.calculator__details .accordion__label i
{
margin-right: .625rem;
transform: rotate(180deg);
}
.calculator__details .accordion__label span
{
display: block;
}
.calculator__details .accordion__label em
{
font-style: normal;
display: none;
}
.calculator__details .accordion__label--active i
{
transform: rotate(0);
}
.calculator__details .accordion__label--active span
{
display: none;
}
.calculator__details .accordion__label--active em
{
display: block;
}
.calculator__details .accordion__content--active
{
max-height: none;
}
.calculator__details__sub-row
{
border-bottom: 1px solid #e4e8e8;
padding: .625rem 0;
}
.calculator__details__sub-row h4
{
font-weight: 400;
}
.calculator__details__sub-row span
{
display: block;
width: 100%;
}
.calculator__details__sub-row strong
{
font-weight: 700;
display: block;
width: 100%;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.calculator__details__footnote
{
display: block;
font-size: .875rem;
line-height: 1.5rem;
color: #004178;
}
@media(max-width: 768px)
{
.calculator__title
{
font-size: 1.625rem;
}
.calculator__sub-title
{
font-size: 1.375rem;
line-height: 1.625rem;
margin-bottom: 1.9375rem;
}
.calculator__form--button
{
width: 100%;
margin-top: 0;
}
.calculator__total-row
{
text-align: center;
}
.calculator__card-information
{
display: block!important;
padding: 1.25rem 0 0;
}
.calculator__card-information--button
{
width: 100%;
}
.calculator__details .card-content
{
padding: .875rem 1.5rem;
}
.calculator__details .accordion__label
{
justify-content: space-between!important;
}
.calculator__details .accordion__label i
{
order: 2;
}
.calculator__details .accordion__label em, .calculator__details .accordion__label span
{
order: 1;
}
.calculator__details__sub-row
{
font-size: .9375rem;
}
.calculator__details__sub-row strong
{
text-align: left!important;
}
}
@media(min-width: 769px)
{
.calculator .gauge-chart-text
{
font-size: 1.375rem;
margin-top: -9px;
}
.calculator .tooltip
{
top: 20px;
left: 32px;
}
.calculator__card
{
margin-bottom: 2.5rem;
}
.calculator__card--title
{
font-size: 1.375rem;
text-align: left;
}
.calculator__sub-row
{
font-size: 1.125rem;
padding: 15px 0;
}
.calculator__sub-row span
{
max-width: 75%;
}
.calculator__sub-row strong
{
max-width: 25%;
}
.calculator__total-row span, .calculator__total-row strong
{
font-size: 1.375rem;
}
.calculator__total-row span
{
max-width: 50%;
}
.calculator__card-information
{
margin-right: 10.5%;
}
.calculator__card-information div
{
padding-right: .9375rem;
}
.calculator__card-information strong
{
font-size: 24px;
}
.calculator__card-information span
{
font-size: 1.125rem;
margin-bottom: 0;
}
.calculator__details__sub-row
{
font-size: 1.125rem;
padding: 1.25rem 0;
}
.calculator__details__sub-row h4
{
font-size: 1.375rem;
}
.calculator__details__sub-row span
{
max-width: 80%;
padding-right: .9375rem;
}
.calculator__details__sub-row strong
{
max-width: 20%;
font-weight: 400;
}
}
@media(min-width: 1024px)
{
.calculator .dot
{
display: inherit;
}
.calculator .tooltip
{
right: 32px;
left: inherit;
}
}
.contact-nav__close-icon
{
font-size: 2rem;
color: #00afe1;
}
.contact-nav span
{
font-size: .9375rem;
}
.contact-nav__header
{
position: relative;
background: #f4f5f5;
padding: 1.375rem 1.375rem 0;
margin-bottom: 4.75rem;
}
@media(min-width: 1024px)
{
.contact-nav__header
{
padding-top: 1.25rem;
margin-bottom: 3.75rem;
}
}
.contact-nav__header:after, .contact-nav__header:before
{
position: absolute;
content: "";
bottom: -3.75rem;
z-index: 2;
border-bottom: 1.875rem solid transparent;
}
@media(min-width: 1024px)
{
.contact-nav__header:after, .contact-nav__header:before
{
bottom: -2.7rem;
border-bottom: 1rem solid transparent;
}
}
.contact-nav__header:before
{
right: 0;
width: 0;
height: 0;
border-left: 20vw solid transparent;
border-right: 20vw solid #21c5c9;
border-top: 1.8125rem solid #21c5c9;
}
@media(min-width: 1024px)
{
.contact-nav__header:before
{
border-left: 7vw solid transparent;
border-right: 4vw solid #21c5c9;
border-top: 1.8125rem solid #21c5c9;
}
}
.contact-nav__header:after
{
left: 0;
border-left: 50vw solid #f4f5f5;
border-right: 50vw solid transparent;
border-top: 1.875rem solid #f4f5f5;
}
@media(min-width: 1024px)
{
.contact-nav__header:after
{
border-left: 18vw solid #f4f5f5;
border-right: 27vw solid transparent;
border-top: 1.9rem solid #f4f5f5;
}
}
@media(min-width: 1408px)
{
.contact-nav__header:after
{
border-left: 9vw solid #f4f5f5;
border-right: 13vw solid transparent;
border-top: 1.9rem solid #f4f5f5;
}
}
.contact-nav__title
{
color: #004178;
font-size: 1.3125rem;
margin-bottom: .3125rem;
}
@media(min-width: 1024px)
{
.contact-nav__title
{
margin-bottom: 0;
line-height: 2rem;
}
}
.contact-nav__links
{
padding: 0 2.25rem;
}
.contact-nav__links .button
{
width: 100%;
margin-bottom: 1.25rem;
}
.contact-nav__footer
{
padding: 0 1.375rem 1.5rem;
text-align: center;
}
.contact-nav__footer span
{
font-family: Roboto,sans-serif;
font-size: .9375rem;
color: #5c5d5d;
}
.contact__open--desktop
{
position: fixed;
bottom: 3.125rem;
z-index: 9;
right: 3.125rem;
width: 3.9375rem;
height: 3.9375rem;
color: #fff;
}
.contact__open--desktop i
{
position: relative;
}
.contact__open--desktop .contact__circle
{
background: linear-gradient(180deg,#02639c,#004178);
border-radius: 50%;
}
.contact__open--desktop:before
{
content: " ";
background-image: url(../../willbettingde/image/little-pointy-stuff.svg);
background-size: 1.75rem 1.75rem;
height: 1.75rem;
width: 1.75rem;
position: absolute;
bottom: 0;
left: .3125rem;
z-index: -1;
}
.contact__open--desktop.active
{
display: none;
}
.contact__open--desktop *
{
color: #fff;
}
.contact__open--desktop span
{
margin-top: -.625rem;
font-size: .8125rem;
}
.contact__open--desktop i
{
font-size: 2rem;
}
@font-face
{
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(""),url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/roboto/font/roboto-v29-latin-ext-regular.woff2) format("woff2");
}
@font-face
{
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-display: swap;
src: local(""),url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/roboto/font/roboto-v29-latin-ext-500.woff2) format("woff2");
}
@font-face
{
font-family: Roboto;
font-style: normal;
font-weight: 700;
font-display: swap;
src: local(""),url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/roboto/font/roboto-v29-latin-ext-700.woff2) format("woff2");
}
@font-face
{
font-family: fontello;
src: url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/fontello/font/fontello.eot?);
src: url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/fontello/font/fontello.eot?) format("embedded-opentype"),url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/fontello/font/fontello.woff2) format("woff2"),url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/fontello/font/fontello.woff) format("woff"),url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/fontello/font/fontello.ttf) format("truetype"),url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/fontello/font/fontello.svg) format("svg");
font-weight: 400;
font-style: normal;
}
[class*=" icon-"]:before, [class^=icon-]:before
{
font-family: fontello;
font-style: normal;
font-weight: 400;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-minus:before
{
content: "";
}
.icon-right-open-big:before
{
content: "";
}
.icon-search:before
{
content: "";
}
.icon-lupe:before
{
content: "";
}
.icon-teeth:before
{
content: "";
}
.icon-fall:before
{
content: "";
}
.icon-paw:before
{
content: "";
}
.icon-sachversicherungen:before
{
content: "";
}
.icon-krankenzusatzversicherung:before
{
content: "";
}
.icon-pflegezusatzversicherung:before
{
content: "";
}
.icon-cross:before, .icon.icon-close:before, .icon.icon-cross:before
{
content: "";
}
.icon-home_svg-weiss-path:before
{
content: "";
}
.icon-externer-link_svg-blau-path:before
{
content: "";
}
.icon-pfeil_svg-weiss-path:before
{
content: "";
}
.icon-servicetelefon_svg-weiss-path:before
{
content: "";
}
.icon-up-open-big:before
{
content: "";
}
.icon-link:before
{
content: "";
}
.icon-share:before
{
content: "";
}
.icon-x:before
{
content: "";
}
.icon-kombiversicherung_flex:before
{
content: "";
}
.icon-kundenportal:before
{
content: "";
}
.icon-checklist-cross:before
{
content: "";
}
.icon-question:before
{
content: "";
}
.icon-info-question:before
{
content: "";
}
.icon-eintracht:before
{
content: "";
}
.icon-warning:before
{
content: "";
}
.icon-upload:before
{
content: "";
}
.icon-times:before
{
content: "";
}
.icon-suppl-teeth-insurance:before
{
content: "";
}
.icon-suppl-long-term-care-insurance:before
{
content: "";
}
.icon-stationary:before
{
content: "";
}
.icon-star:before
{
content: "";
}
.icon-servicetelefon:before
{
content: "";
}
.icon-send:before
{
content: "";
}
.icon-schaden-melden:before
{
content: "";
}
.icon-rueckrufservice:before
{
content: "";
}
.icon-reset:before
{
content: "";
}
.icon-phone:before
{
content: "";
}
.icon-pfeil:before
{
content: "";
}
.icon-payment:before
{
content: "";
}
.icon-outpatient:before
{
content: "";
}
.icon-man:before
{
content: "";
}
.icon-mail:before
{
content: "";
}
.icon-lock:before
{
content: "";
}
.icon-little-pointy-stuff:before
{
content: "";
}
.icon-info:before
{
content: "";
}
.icon-heart:before
{
content: "";
}
.icon-e-police:before
{
content: "";
}
.icon-e-mail:before
{
content: "";
}
.icon-dropdown:before
{
content: "";
}
.icon-download:before
{
content: "";
}
.icon-contact:before
{
content: "";
}
.icon-chevron-right:before
{
content: "";
}
.icon-check:before, .icon.icon-checkmark2:before
{
content: "";
}
.icon-check-list:before
{
content: "";
}
.icon-check-circle:before
{
content: "";
}
.icon-calc:before
{
content: "";
}
.icon-arrow-right:before
{
content: "";
}
.icon-amazon:before
{
content: "";
}
.icon-kombiversicherung6plus:before
{
content: "";
}
.icon-katzen-op:before
{
content: "";
}
.icon-hunde-op:before
{
content: "";
}
.icon-stationaer:before
{
content: "";
}
.content ol.list-bulb li:before, .content ul.list-bulb li:before, .field ol.list-bulb li:before, .field ul.list-bulb li:before, .icon-bulb:before
{
content: "";
}
.content ol.list-no-entry li:before, .content ul.list-no-entry li:before, .field ol.list-no-entry li:before, .field ul.list-no-entry li:before, .icon-no-entry:before
{
content: "";
}
.icon-tierkrankenschutz:before
{
content: "";
}
.icon-unfallversicherung:before
{
content: "";
}
.icon-kreis-haken:before
{
content: "";
}
.icon-threads:before
{
content: "";
}
.icon-verkehrsrechtschutzversicherung:before
{
content: "";
}
.icon-zahnzusatzversicherung:before
{
content: "";
}
.icon-facebook:before
{
content: "";
}
.icon-instagram:before
{
content: "";
}
.icon-linkedin:before
{
content: "";
}
.icon-tiktok:before
{
content: " ";
}
.icon-xing:before
{
content: "";
}
.icon-twitter:before
{
content: "";
}
.icon-youtube:before
{
content: "";
}
.icon-alles-drin:before
{
content: "";
}
.icon-beitragsbefreiung-bei-au-al:before
{
content: "";
}
.icon-geld-zurueck-garantie:before
{
content: "";
}
.icon-goz-garantie:before
{
content: "";
}
.icon-ohne-wartezeit:before
{
content: "";
}
.icon-schnellregulierung:before
{
content: "";
}
.icon-taegliches-kuendigungsrecht:before
{
content: "";
}
.icon-weltweiter-schutz:before
{
content: "";
}
.icon-krankentagegeld:before
{
content: "";
}
.icon-krankenzusatzversicherung:before
{
content: "";
}
.icon-pflegezusatzversicherung:before
{
content: "";
}
.icon-privathaftpflichtversicherung:before
{
content: "";
}
.icon-rechtschutzversicherung_svg-blau-path:before
{
content: "";
}
.icon-sachversicherungen.svg:before
{
content: "";
}
.icon-glasversicherung:before
{
content: "";
}
.icon-hausratversicherung:before
{
content: "";
}
.icon-hundehaftpflichtversicherung:before
{
content: "";
}
.icon-kombiversicherung5plus:before
{
content: "";
}
.icon-quartalsberichte:before
{
content: "";
}
.icon-research:before
{
content: "";
}
.icon-volunteer:before
{
content: "";
}
.icon-ambulant:before
{
content: "";
}
.icon-auslandsreisekrankenversicherung:before
{
content: "";
}
.icon-gesundheit:before
{
content: "";
}
.icon-ai:before
{
content: "";
}
.icon-aktienkurs:before
{
content: "";
}
.icon-corporate-governance:before
{
content: "";
}
.icon-finanzberichte:before
{
content: "";
}
.icon-finanzkalender:before
{
content: "";
}
.icon-finanzmitteilungen:before
{
content: "";
}
.icon-geschaeftsberichte:before
{
content: "";
}
.icon-hauptversammlung:before
{
content: "";
}
.icon-highlight:before
{
content: "";
}
.icon-kennzahlen:before
{
content: "";
}
.icon-nachhaltigkeit:before
{
content: "";
}
.icon-praesentationen:before
{
content: "";
}
.icon-kuendigung:before
{
content: "";
}
.icon-nicht-versichert:before
{
content: "";
}
.icon-payments:before
{
content: "";
}
.icon-versichert:before
{
content: "";
}
.icon-welche-verpflichtungen:before
{
content: "";
}
.icon-wo-versichert:before
{
content: "";
}
.icon-zahlungen:before
{
content: "";
}
.icon-achtung:before
{
content: "";
}
.icon-alexa:before
{
content: "";
}
.icon-anhang:before
{
content: "";
}
.icon-auswahlen:before
{
content: "";
}
.icon-chat:before
{
content: "";
}
.icon-checklist:before
{
content: "";
}
.icon-desktop:before
{
content: "";
}
.icon-download:before
{
content: "";
}
.icon-e-mail:before
{
content: "";
}
.icon-e-mail-formular:before
{
content: "";
}
.icon-e-police:before
{
content: "";
}
.icon-faq:before
{
content: "";
}
.icon-fax:before
{
content: "";
}
.icon-fehler:before
{
content: "";
}
.icon-fragen:before
{
content: "";
}
.icon-garantien:before
{
content: "";
}
.icon-gluehbirne:before
{
content: "";
}
.icon-haekchen:before
{
content: "";
}
.icon-haekchen-2:before
{
content: "";
}
.icon-handy-rechner:before
{
content: "";
}
.icon-kundenbuero:before
{
content: "";
}
.icon-laden:before
{
content: "";
}
.icon-laptop:before
{
content: "";
}
.icon-laptop_web:before
{
content: "";
}
.icon-like_svg-weiss-path:before
{
content: "";
}
.icon-lob-und-kritik:before
{
content: "";
}
.icon-loeschen:before
{
content: "";
}
.icon-lupe:before
{
content: "";
}
.icon-minus:before
{
content: "";
}
.icon-mobile:before
{
content: "";
}
.icon-papier:before
{
content: "";
}
.icon-paragraph:before
{
content: "";
}
.icon-passwort-ausblenden:before
{
content: "";
}
.icon-passwort-einblenden:before
{
content: "";
}
.icon-pdf:before
{
content: "";
}
.icon-plus:before
{
content: "";
}
.icon-postanschrift:before
{
content: "";
}
.icon-rotate:before
{
content: "";
}
.icon-rueckrufservice:before
{
content: "";
}
.icon-schaden-melden:before
{
content: "";
}
.icon-schadensservice:before
{
content: "";
}
.icon-senden:before
{
content: "";
}
.icon-servicetelefon-1:before
{
content: "";
}
.icon-sicherheit:before
{
content: "";
}
.icon-stift:before
{
content: "";
}
.icon-tablet:before
{
content: "";
}
.icon-upload:before
{
content: "";
}
.icon-contract-family:before
{
content: "";
}
.icon-contract-single:before
{
content: "";
}
.icon-vertragsdaten-aendern:before
{
content: "";
}
.icon-wallet:before
{
content: "";
}
.icon-zahnrad:before
{
content: "";
}
.icon-qr-code:before
{
content: "";
}
.icon-schliessen:before
{
content: "";
}
.icon-sepa:before
{
content: "";
}
.icon-smiley-happy:before
{
content: "";
}
.icon-smiley-sad:before
{
content: "";
}
.icon-sterne-1:before
{
content: "";
}
.icon-sterne-2:before
{
content: "";
}
.icon-sterne-3:before
{
content: "";
}
.icon-sterne-4:before
{
content: "";
}
.icon-ueberweisung_svg-blau-path:before
{
content: "";
}
.icon-verantwortung:before
{
content: "";
}
.icon-voucher:before
{
content: "";
}
.icon-zuhause:before
{
content: "";
}
.icon-deckung:before
{
content: "";
}
.icon-deckungsbeschraenkung:before
{
content: "";
}
.icon-health-q:before
{
content: "";
}
.icon-health-q-no:before
{
content: "";
}
.icon-angebote:before
{
content: "";
}
.icon-applepay:before
{
content: "";
}
.icon-apple-pay-pur:before
{
content: "";
}
.icon-archive:before
{
content: "";
}
.icon-bonus-programme:before
{
content: "";
}
.icon-kundenservice:before
{
content: "";
}
.icon-dropdown:before
{
content: "";
}
.icon-e-mail-1:before
{
content: "";
}
.icon-e-mail-antwort:before
{
content: "";
}
.icon-externer-link:before
{
content: "";
}
.icon-fahrrad:before
{
content: "";
}
.icon-familien:before
{
content: "";
}
.icon-feedback-bereich_:before
{
content: "";
}
.icon-frau_svg-blau-path:before
{
content: "";
}
.icon-geolocation:before
{
content: "";
}
.icon-geschenk-geschlossen:before
{
content: "";
}
.icon-geschenk-offen:before
{
content: "";
}
.icon-glocke:before
{
content: "";
}
.icon-google-pay:before
{
content: "";
}
.icon-herz:before
{
content: "";
}
.icon-home-1:before
{
content: "";
}
.icon-hund:before
{
content: "";
}
.icon-info-i:before
{
content: "";
}
.icon-junge:before
{
content: "";
}
.icon-kalender:before
{
content: "";
}
.icon-kamera:before
{
content: "";
}
.icon-katze:before
{
content: "";
}
.icon-kundenportal-chat-geschlossen:before
{
content: "";
}
.icon-kundenportal-chat-offen_:before
{
content: "";
}
.icon-maedchen:before
{
content: "";
}
.icon-magazine:before
{
content: "";
}
.icon-mann:before
{
content: "";
}
.icon-mein-schutz:before
{
content: "";
}
.icon-on-demand:before
{
content: "";
}
.icon-menu:before
{
content: "";
}
.icon-paypal:before
{
content: "";
}
.icon-pfeil-1:before
{
content: "";
}
.icon-pfeilspitze:before
{
content: "";
}
.icon-pferd:before
{
content: "";
}
.icon-als-ungelesen-markieren:before
{
content: "";
}
.icon-amazonpay:before
{
content: "";
}
.icon-unterlagen-anfordern:before
{
content: "";
}
.icon-anderungen-mitteilen:before
{
content: "";
}
.icon-twitter:before
{
content: "";
}
.icon-facebook:before
{
content: "";
}
.icon-youtube-play:before
{
content: "";
}
.icon-instagram:before
{
content: "";
}
.icon-whatsapp:before
{
content: "";
}
@font-face
{
font-family: Bitter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(""),url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/bitter/font/bitter-v19-latin-ext-regular.woff2) format("woff2");
}
@font-face
{
font-family: Bitter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: local(""),url(https://www.deutsche-familienversicherung.de/typo3conf/ext/dfv_theme/Resources/Public/Fonts/bitter/font/bitter-v19-latin-ext-700.woff2) format("woff2");
}
body .outdated-browsers-hint
{
display: none;
}
body.edge, body.msie
{
overflow: hidden!important;
}
body.edge .outdated-browsers-hint, body.msie .outdated-browsers-hint
{
padding: 20rem 1rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
position: fixed;
top: -20rem;
right: 0;
bottom: -20rem;
left: 0;
z-index: 2147483647;
background-color: #f4f5f5;
color: #004178;
}
@media(max-width: 480px)
{
body.edge .outdated-browsers-hint, body.msie .outdated-browsers-hint
{
align-items: center;
}
}
body.edge .outdated-browsers-hint:after, body.edge .outdated-browsers-hint:before, body.msie .outdated-browsers-hint:after, body.msie .outdated-browsers-hint:before
{
content: "";
display: block;
position: absolute;
height: 20rem;
left: -20rem;
right: -20rem;
}
body.edge .outdated-browsers-hint:before, body.msie .outdated-browsers-hint:before
{
background-color: #fff;
z-index: 5;
bottom: 2.5rem;
transform: rotate(4.5deg);
}
body.edge .outdated-browsers-hint:after, body.msie .outdated-browsers-hint:after
{
background-color: #21c5c9;
z-index: 4;
bottom: 2.5rem;
transform: rotate(-4.5deg);
}
body.edge .outdated-browsers-hint .content-box, body.msie .outdated-browsers-hint .content-box
{
width: 100%;
max-width: 37.5rem;
max-height: 90vh;
overflow-y: auto;
}
body.edge .outdated-browsers-hint .content-box .logo, body.msie .outdated-browsers-hint .content-box .logo
{
width: 100%;
max-width: 15rem;
}
@media(-ms-high-contrast: active),(-ms-high-contrast: none)
{
body
{
overflow: hidden!important;
}
body .outdated-browsers-hint
{
padding: 20rem 1rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
position: fixed;
top: -20rem;
right: 0;
bottom: -20rem;
left: 0;
z-index: 2147483647;
background-color: #f4f5f5;
color: #004178;
}
}
@media(-ms-high-contrast: active) and (max-width: 480px),(-ms-high-contrast: none) and (max-width: 480px)
{
body .outdated-browsers-hint
{
align-items: center;
}
}
@media(-ms-high-contrast: active),(-ms-high-contrast: none)
{
body .outdated-browsers-hint:after, body .outdated-browsers-hint:before
{
content: "";
display: block;
position: absolute;
height: 20rem;
left: -20rem;
right: -20rem;
}
}
@media(-ms-high-contrast: active),(-ms-high-contrast: none)
{
body .outdated-browsers-hint:before
{
background-color: #fff;
z-index: 5;
bottom: 2.5rem;
transform: rotate(4.5deg);
}
}
@media(-ms-high-contrast: active),(-ms-high-contrast: none)
{
body .outdated-browsers-hint:after
{
background-color: #21c5c9;
z-index: 4;
bottom: 2.5rem;
transform: rotate(-4.5deg);
}
}
@media(-ms-high-contrast: active),(-ms-high-contrast: none)
{
body .outdated-browsers-hint .content-box
{
width: 100%;
max-width: 37.5rem;
max-height: 90vh;
overflow-y: auto;
}
body .outdated-browsers-hint .content-box .logo
{
width: 100%;
max-width: 15rem;
}
}