.document {
    tab-size: 4
}

.document .ce-block .highlightjs {
    margin-bottom: 2rem
}

.document .doc-image {
    text-align: center;
    margin: 2rem auto;
    display: flex;
    flex-direction: row
}

.document .doc-image img {
    cursor: pointer;
    margin: 0 auto;
    height: intrinsic
}

.document .has-bordered .doc-image img,
.document .image-tool--withBorder .doc-image img {
    border: 4px solid #0b1f3e;
    border-radius: 15px
}

.document .ce-block .has-background {
    background: #f4f6f8;
    border-radius: 10px
}

.has-stretched img {
    width: 100%
}

.document .has-background img,
.document .image-tool--withBackground .image-tool__image-picture {
    max-width: 90% !important;
    height: auto;
    margin: 2rem auto
}

.document .image-tool--withBackground .image-tool__image .doc-image {
    margin: 0 auto
}

@media (min-width:768px) {
    .document .is-phone .doc-image img {
        max-width: 375px !important
    }
}

.document .doc-image[data-size="2"] {
    max-width: 53%
}

.document .doc-image[data-size="3"] {
    max-width: 80%
}

.document .doc-image[data-size="2"] img {
    max-width: 43% !important
}

.document .doc-image[data-size="3"] img {
    max-width: 28% !important
}

@media (max-width:767px) {

    .document .has-background img,
    .document .is-phone img {
        max-width: 90%;
        height: auto
    }

    .document .ce-block :not(.has-background).has-stretched .doc-image:not([data-size])>img {
        border-radius: 0;
        border: 0
    }

    .document .ce-block.is-table {
        overflow-x: scroll
    }

    .document .doc-image::-webkit-scrollbar,
    .document .doc-image::-webkit-scrollbar-thumb,
    .document .doc-image::-webkit-scrollbar-track {
        display: none
    }

    .document .doc-image[data-size] {
        overflow-x: scroll;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
        scroll-behavior: smooth;
        max-width: unset;
        white-space: nowrap;
        display: inline-block
    }

    .document .doc-image[data-size="2"] img,
    .document .doc-image[data-size="3"] img {
        scroll-snap-align: center;
        max-width: 80% !important;
        margin-left: .5rem;
        margin-right: .5rem
    }

    .document .doc-image[data-size="2"] img:first-child,
    .document .doc-image[data-size="3"] img:first-child {
        margin-left: 10%
    }

    .document .doc-image[data-size="2"] img:last-child,
    .document .doc-image[data-size="3"] img:last-child {
        margin-right: 10%
    }
}

.document .doc-table {
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.document .doc-table td {
    border: 1px solid #dbdbe2;
    padding: 10px;
    vertical-align: top
}

.document .doc-table.with-headings tr:first-child td {
    font-weight: 700;
    border-bottom-width: 2px
}

.document mark {
    background: rgba(245, 235, 111, .29);
    padding: 3px 0
}

.document .ce-paragraph {
    line-height: 1.6em;
    outline: 0;
    margin-bottom: 1rem;
    padding: 0
}

.document .ce-block a,
.document .ce-block a:hover {
    text-decoration: underline;
    color: #0383de
}

.document .ce-header {
    padding: 0;
    line-height: 1.6em;
    font-weight: 700
}

.document h1.ce-header {
    margin-top: 2em;
    margin-bottom: 4px
}

.document h2.ce-header {
    margin-top: 2em;
    margin-bottom: 1rem
}

.document h3.ce-header,
.document h4.ce-header,
.document h5.ce-header,
.document h6.ce-header {
    margin-top: 1.4em;
    margin-bottom: 1rem
}

.document .ce-block:first-child .ce-header {
    margin-top: 0 !important
}

.document .ce-block ol,
.document .ce-block ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    outline: 0
}

.document .ce-block {
    margin-bottom: 10px
}

.document .ce-block:last-child,
.document .ce-block:last-child>* {
    margin-bottom: 0
}

.document .ce-block ol {
    list-style-type: decimal-leading-zero
}

.document .ce-block ul li::before {
    content: '—';
    width: 2rem;
    display: inline-block;
    margin-left: -2rem
}

.document .ce-block blockquote {
    white-space: pre-wrap;
    word-break: break-word;
    border-left: 3px solid #000;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem
}

.document .ce-block li {
    margin: 0 0 0 3rem;
    padding: 5.5px 0 5.5px 3px;
    line-height: 1.6em
}

.document .ce-delimiter {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem
}

.document .ce-delimiter:before {
    display: inline-block;
    content: "***";
    font-size: 2rem;
    line-height: 4rem;
    height: 2rem;
    letter-spacing: .2em;
    opacity: .3
}

.document .cdx-alert {
    position: relative !important;
    padding: 1rem !important;
    border-radius: 3px !important;
    margin-bottom: 2rem !important;
    border: 1px solid #000;
    overflow-x: auto
}

.document .cdx-alert-danger {
    background-color: #fef7f6 !important;
    color: #c53030 !important;
    border-color: #c5303040 !important
}

.document .cdx-alert-info {
    background-color: #f7fcfd !important;
    color: #1d72aa !important;
    border-color: #1d72aa40 !important
}

.document .cdx-alert-success {
    background-color: #f8fcf8 !important;
    color: #257942 !important;
    border-color: #25794240 !important
}

.document .cdx-alert-warning {
    background-color: #fcf8e3 !important;
    color: #947600 !important;
    border-color: #94760040 !important
}

.document .cdx-alert-secondary {
    background-color: #f5f5f5 !important;
    color: #4a4a4a !important;
    border-color: #4a4a4a40 !important
}

.document .cdx-alert-primary {
    background-color: #f4f2fc !important;
    color: #7957d5 !important;
    border-color: #7957d540 !important
}

.document .cdx-alert-light {
    background-color: #fff;
    border: 1px solid #edf2f7;
    color: #1a202c
}

.document .cdx-alert-dark {
    background-color: #2d3748;
    border: 1px solid #1a202c;
    color: #d3d3d3
}

.document .cdx-alert.cdx-settings-button {
    margin: 3px !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important
}

:root {
    --button-radius: 6px
}

.is-noscroll {
    position: fixed;
    overflow-y: hidden;
    width: 100%;
    bottom: 0
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 150ms ease-out
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.zoom-in-enter-active,
.zoom-in-leave-active {
    transition: opacity 150ms ease-out
}

.zoom-in-enter-active .animation-content,
.zoom-in-leave-active .animation-content {
    transition: transform 150ms ease-out
}

.zoom-in-enter,
.zoom-in-leave-active {
    opacity: 0
}

.zoom-in-enter .animation-content,
.zoom-in-leave-active .animation-content {
    transform: scale(.95)
}

.zoom-out-enter-active,
.zoom-out-leave-active {
    transition: opacity 150ms ease-out
}

.zoom-out-enter-active .animation-content,
.zoom-out-leave-active .animation-content {
    transition: transform 150ms ease-out
}

.zoom-out-enter,
.zoom-out-leave-active {
    opacity: 0
}

.zoom-out-enter .animation-content,
.zoom-out-leave-active .animation-content {
    transform: scale(1.05)
}

.slide-next-enter-active,
.slide-next-leave-active,
.slide-prev-enter-active,
.slide-prev-leave-active {
    transition: transform 250ms cubic-bezier(.785, .135, .15, .86)
}

.slide-next-enter,
.slide-prev-leave-to {
    transform: translate3d(-100%, 0, 0);
    position: absolute;
    width: 100%
}

.slide-next-leave-to,
.slide-prev-enter {
    transform: translate3d(100%, 0, 0);
    position: absolute;
    width: 100%
}

.slide-down-enter-active,
.slide-down-leave-active,
.slide-up-enter-active,
.slide-up-leave-active {
    transition: transform 250ms cubic-bezier(.785, .135, .15, .86)
}

.slide-down-enter,
.slide-up-leave-to {
    transform: translate3d(0, -100%, 0);
    position: absolute;
    height: 100%
}

.slide-down-leave-to,
.slide-up-enter {
    transform: translate3d(0, 100%, 0);
    position: absolute;
    height: 100%
}

.slide-enter-active {
    transition: 150ms ease-out
}

.slide-leave-active {
    transition: 150ms ease-out;
    transition-timing-function: cubic-bezier(0, 1, .5, 1)
}

.slide-enter-to,
.slide-leave {
    max-height: 100px;
    overflow: hidden
}

.slide-enter,
.slide-leave-to {
    overflow: hidden;
    max-height: 0
}

@keyframes spinAround {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.button,
.delete,
.is-unselectable,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.tabs {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.block:not(:last-child),
.content:not(:last-child),
.highlight:not(:last-child),
.pagination:not(:last-child),
.subtitle:not(:last-child),
.tabs:not(:last-child),
.title:not(:last-child) {
    margin-bottom: 1.5rem
}

.delete {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(10, 10, 10, .2);
    border: none;
    border-radius: 290486px;
    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: 0;
    position: relative;
    vertical-align: top;
    width: 20px
}

.delete::after,
.delete::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 {
    height: 2px;
    width: 50%
}

.delete::after {
    height: 50%;
    width: 2px
}

.delete:focus,
.delete:hover {
    background-color: rgba(10, 10, 10, .3)
}

.delete:active {
    background-color: rgba(10, 10, 10, .4)
}

.is-small.delete {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px
}

.is-medium.delete {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

.is-large.delete {
    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 {
    animation: spinAround .5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

.is-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.button,
.input,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--button-radius);
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(.5em - 1px);
    padding-left: calc(.75em - 1px);
    padding-right: calc(.75em - 1px);
    padding-top: calc(.5em - 1px);
    position: relative;
    vertical-align: top
}

.button:active,
.button:focus,
.input:active,
.input:focus,
.is-active.button,
.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.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,
.textarea:active,
.textarea:focus {
    outline: 0
}

[disabled].button,
[disabled].input,
[disabled].pagination-ellipsis,
[disabled].pagination-link,
[disabled].pagination-next,
[disabled].pagination-previous,
[disabled].textarea,
fieldset[disabled] .button,
fieldset[disabled] .input,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .textarea {
    cursor: not-allowed
}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
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;
    text-size-adjust: 100%
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
    display: block
}

body,
button,
input,
select,
textarea {
    font-family: Roboto, Helvetica, Arial
}

code,
pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace
}

body {
    color: #4a4a4a;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

a {
    color: #0383de;
    cursor: pointer;
    text-decoration: none
}

a strong {
    color: currentColor
}

a:hover {
    color: #363636
}

code {
    background-color: #f5f5f5;
    color: #f14668;
    font-size: .875em;
    font-weight: 400;
    padding: .25em .5em .25em
}

hr {
    height: 0;
    border: 0;
    border-top: 1px solid #e9edef;
    border-bottom: 1px solid #fff;
    display: block;
    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
}

.input,
.textarea {
    background-color: #fff;
    border-color: #e5e5e5;
    border-radius: 3px;
    color: #363636
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input:-moz-placeholder,
.textarea:-moz-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input:hover,
.is-hovered.input,
.is-hovered.textarea,
.textarea:hover {
    border-color: #dbdbdb
}

.input:active,
.input:focus,
.is-active.input,
.is-active.textarea,
.is-focused.input,
.is-focused.textarea,
.textarea:active,
.textarea:focus {
    border-color: #fbc139;
    box-shadow: 0 0 0 1px #fbc139
}

[disabled].input,
[disabled].textarea,
fieldset[disabled] .input,
fieldset[disabled] .textarea {
    background-color: #f5f5f5;
    border-color: #dbdbdb;
    box-shadow: none;
    color: #7a7a7a
}

[disabled].input::-moz-placeholder,
[disabled].textarea::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder {
    color: rgba(122, 122, 122, .3)
}

[disabled].input::-webkit-input-placeholder,
[disabled].textarea::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder {
    color: rgba(122, 122, 122, .3)
}

[disabled].input:-moz-placeholder,
[disabled].textarea:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder {
    color: rgba(122, 122, 122, .3)
}

[disabled].input:-ms-input-placeholder,
[disabled].textarea:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder {
    color: rgba(122, 122, 122, .3)
}

.input,
.textarea {
    box-shadow: none;
    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 1px rgba(255, 255, 255, .25)
}

.is-black.input,
.is-black.textarea {
    border-color: #0a0a0a
}

.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 1px rgba(10, 10, 10, .25)
}

.is-light.input,
.is-light.textarea {
    border-color: #eee
}

.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 1px rgba(238, 238, 238, .25)
}

.is-dark.input,
.is-dark.textarea {
    border-color: #a7b5bb
}

.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 1px rgba(167, 181, 187, .25)
}

.is-primary.input,
.is-primary.textarea {
    border-color: #1fb6ff
}

.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 1px rgba(31, 182, 255, .25)
}

.is-info.input,
.is-info.textarea {
    border-color: #5bc0de
}

.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 1px rgba(91, 192, 222, .25)
}

.is-success.input,
.is-success.textarea {
    border-color: #5cb85c
}

.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 1px rgba(92, 184, 92, .25)
}

.is-warning.input,
.is-warning.textarea {
    border-color: #f0ad4e
}

.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 1px rgba(240, 173, 78, .25)
}

.is-danger.input,
.is-danger.textarea {
    border-color: #f15e48
}

.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 1px rgba(241, 94, 72, .25)
}

.is-yellow.input,
.is-yellow.textarea {
    border-color: #fbc139
}

.is-yellow.input:active,
.is-yellow.input:focus,
.is-yellow.is-active.input,
.is-yellow.is-active.textarea,
.is-yellow.is-focused.input,
.is-yellow.is-focused.textarea,
.is-yellow.textarea:active,
.is-yellow.textarea:focus {
    box-shadow: 0 0 0 1px rgba(251, 193, 57, .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: 290486px;
    padding-left: calc(calc(.75em - 1px) + .375em);
    padding-right: calc(calc(.75em - 1px) + .375em)
}

.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: initial
}

.textarea.has-fixed-size {
    resize: none
}

.label {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-weight: 600
}

.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: #0a0a0a
}

.help.is-light {
    color: #eee
}

.help.is-dark {
    color: #a7b5bb
}

.help.is-primary {
    color: #1fb6ff
}

.help.is-info {
    color: #5bc0de
}

.help.is-success {
    color: #5cb85c
}

.help.is-warning {
    color: #f0ad4e
}

.help.is-danger {
    color: #f15e48
}

.help.is-yellow {
    color: #fbc139
}

.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 screen and (min-width:768px),
print {
    .field.is-horizontal {
        display: flex
    }
}

.field-label .label {
    font-size: inherit
}

@media screen and (max-width:767px) {
    .field-label {
        margin-bottom: .5rem
    }
}

@media screen and (min-width:768px),
print {
    .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 screen and (min-width:768px),
print {
    .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 {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit
}

.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
    color: #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: #e5e5e5;
    height: 2.25em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.25em;
    z-index: 4
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
    padding-left: 2.25em
}

.control.has-icons-left .icon.is-left {
    left: 0
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
    padding-right: 2.25em
}

.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
}

.media {
    align-items: flex-start;
    display: flex;
    text-align: inherit
}

.media .content:not(:last-child) {
    margin-bottom: .75rem
}

.media .media {
    border-top: 1px solid rgba(229, 229, 229, .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 rgba(229, 229, 229, .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:767px) {
    .media-content {
        overflow-x: auto
    }
}

.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-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #333;
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    vertical-align: top
}

.tabs a:hover {
    border-bottom-color: transparent;
    color: #363636
}

.tabs li {
    display: block
}

.tabs li.is-active a {
    border-bottom-color: #0383de;
    color: #0383de
}

.tabs ul {
    align-items: center;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start
}

.tabs ul.is-left {
    padding-right: .75em
}

.tabs ul.is-center {
    flex: none;
    justify-content: center;
    padding-left: .75em;
    padding-right: .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: 3px 3px 0 0
}

.tabs.is-boxed a:hover {
    background-color: #f5f5f5;
    border-bottom-color: #e5e5e5
}

.tabs.is-boxed li.is-active a {
    background-color: #fff;
    border-color: #e5e5e5;
    border-bottom-color: transparent !important
}

.tabs.is-fullwidth li {
    flex-grow: 1;
    flex-shrink: 0
}

.tabs.is-toggle a {
    border-color: #e5e5e5;
    border-style: solid;
    border-width: 1px;
    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: 3px;
    border-bottom-left-radius: 3px
}

.tabs.is-toggle li:last-child a {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.tabs.is-toggle li.is-active a {
    background-color: #a7b5bb;
    border-color: #a7b5bb;
    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: 290486px;
    border-top-left-radius: 290486px;
    padding-left: 1.25em
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
    border-bottom-right-radius: 290486px;
    border-top-right-radius: 290486px;
    padding-right: 1.25em
}

.tabs.is-small {
    font-size: .75rem
}

.tabs.is-medium {
    font-size: 1.25rem
}

.tabs.is-large {
    font-size: 1.5rem
}

.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: 290486px
}

.pagination.is-rounded .pagination-link {
    border-radius: 290486px
}

.pagination,
.pagination-list {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
    font-size: 1em;
    justify-content: center;
    margin: .25rem;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center
}

.pagination-link,
.pagination-next,
.pagination-previous {
    border-color: #1fb6ff;
    color: #363636;
    min-width: 2.25em
}

.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: #0383de
}

.pagination-link:active,
.pagination-next:active,
.pagination-previous:active {
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2)
}

.pagination-link[disabled],
.pagination-next[disabled],
.pagination-previous[disabled] {
    background-color: #1fb6ff;
    border-color: #e5e5e5;
    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: #0383de;
    border-color: #0383de;
    color: #fff
}

.pagination-ellipsis {
    color: #b5b5b5;
    pointer-events: none
}

.pagination-list {
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .pagination {
        flex-wrap: wrap
    }

    .pagination-next,
    .pagination-previous {
        flex-grow: 1;
        flex-shrink: 1
    }

    .pagination-list li {
        flex-grow: 1;
        flex-shrink: 1
    }
}

@media screen and (min-width:768px),
print {
    .pagination-list {
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: flex-start;
        order: 1
    }

    .pagination-previous {
        order: 2
    }

    .pagination-next {
        order: 3
    }

    .pagination {
        justify-content: space-between
    }

    .pagination.is-centered .pagination-previous {
        order: 1
    }

    .pagination.is-centered .pagination-list {
        justify-content: center;
        order: 2
    }

    .pagination.is-centered .pagination-next {
        order: 3
    }

    .pagination.is-right .pagination-previous {
        order: 1
    }

    .pagination.is-right .pagination-next {
        order: 2
    }

    .pagination.is-right .pagination-list {
        justify-content: flex-end;
        order: 3
    }
}

.container {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto;
    --container-width: 100%
}

.container-lg-half,
.container-md-half,
.container-xl-half {
    width: 100%
}

.container.is-fluid {
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media screen and (min-width:992px) {
    .container {
        max-width: 962px;
        --container-width: 962px
    }

    .container-md-half {
        max-width: 481px
    }
}

@media screen and (min-width:1280px) {
    .container {
        max-width: 1250px;
        --container-width: 1250px
    }

    .container-lg-half,
    .container-md-half {
        max-width: 625px
    }
}

@media screen and (min-width:1560px) {
    .has-widescreen .container {
        max-width: 1520px;
        --container-width: 1520px
    }

    .has-widescreen .container-lg-half,
    .has-widescreen .container-md-half,
    .has-widescreen .container-xl-half {
        max-width: 760px
    }

    .has-no-widescreen .container {
        max-width: 1250px;
        --container-width: 1250px
    }
}

.button {
    background-color: #fff;
    border-color: #e5e5e5;
    border-width: 1px;
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(.5em - 1px);
    height: 2.45em;
    padding-left: .75em;
    padding-right: .75em;
    padding-top: calc(.5em - 1px);
    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(-.375em - 1px);
    margin-right: .1875em
}

.button .icon:last-child:not(:first-child) {
    margin-left: .1875em;
    margin-right: calc(-.375em - 1px)
}

.button .icon:first-child:last-child {
    margin-left: calc(-.375em - 1px);
    margin-right: calc(-.375em - 1px)
}

.button.is-hovered,
.button:hover {
    border-color: none;
    color: #363636
}

.button.is-focused,
.button:focus {
    border-color: none;
    color: #363636
}

.button.is-focused:not(:active),
.button:focus:not(:active) {
    box-shadow: 0 rgba(3, 131, 222, .25)
}

.button.is-active,
.button:active {
    border-color: none;
    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-white {
    background-color: #fff;
    border-color: transparent;
    color: #0a0a0a
}

.button.is-white.is-hovered,
.button.is-white:hover {
    background-color: #f9f9f9;
    border-color: transparent;
    color: #0a0a0a
}

.button.is-white.is-focused,
.button.is-white:focus {
    border-color: transparent;
    color: #0a0a0a
}

.button.is-white.is-focused:not(:active),
.button.is-white:focus:not(:active) {
    box-shadow: 0 rgba(255, 255, 255, .25)
}

.button.is-white.is-active,
.button.is-white:active {
    background-color: #f2f2f2;
    border-color: transparent;
    color: #0a0a0a
}

.button.is-white[disabled],
fieldset[disabled] .button.is-white {
    background-color: #fff;
    border-color: transparent;
    box-shadow: none
}

.button.is-white.is-inverted {
    background-color: #0a0a0a;
    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: #0a0a0a;
    border-color: transparent;
    box-shadow: none;
    color: #fff
}

.button.is-white.is-loading::after {
    border-color: transparent transparent #0a0a0a #0a0a0a !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: #0a0a0a
}

.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 #0a0a0a #0a0a0a !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: #0a0a0a;
    color: #0a0a0a
}

.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: #0a0a0a;
    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: #0a0a0a;
    box-shadow: none;
    color: #0a0a0a
}

.button.is-black {
    background-color: #0a0a0a;
    border-color: transparent;
    color: #fff
}

.button.is-black.is-hovered,
.button.is-black:hover {
    background-color: #040404;
    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 rgba(10, 10, 10, .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: #0a0a0a;
    border-color: transparent;
    box-shadow: none
}

.button.is-black.is-inverted {
    background-color: #fff;
    color: #0a0a0a
}

.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: #0a0a0a
}

.button.is-black.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-black.is-outlined {
    background-color: transparent;
    border-color: #0a0a0a;
    color: #0a0a0a
}

.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: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff
}

.button.is-black.is-outlined.is-loading::after {
    border-color: transparent transparent #0a0a0a #0a0a0a !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: #0a0a0a;
    box-shadow: none;
    color: #0a0a0a
}

.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: #0a0a0a
}

.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 #0a0a0a #0a0a0a !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: #eee;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-light.is-hovered,
.button.is-light:hover {
    background-color: #e8e8e8;
    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 rgba(238, 238, 238, .25)
}

.button.is-light.is-active,
.button.is-light:active {
    background-color: #e1e1e1;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-light[disabled],
fieldset[disabled] .button.is-light {
    background-color: #eee;
    border-color: transparent;
    box-shadow: none
}

.button.is-light.is-inverted {
    background-color: rgba(0, 0, 0, .7);
    color: #eee
}

.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: #eee
}

.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: #eee;
    color: #eee
}

.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: #eee;
    border-color: #eee;
    color: rgba(0, 0, 0, .7)
}

.button.is-light.is-outlined.is-loading::after {
    border-color: transparent transparent #eee #eee !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: #eee;
    box-shadow: none;
    color: #eee
}

.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: #eee
}

.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 #eee #eee !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: #a7b5bb;
    border-color: transparent;
    color: #fff
}

.button.is-dark.is-hovered,
.button.is-dark:hover {
    background-color: #a0afb5;
    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 rgba(167, 181, 187, .25)
}

.button.is-dark.is-active,
.button.is-dark:active {
    background-color: #99a9b0;
    border-color: transparent;
    color: #fff
}

.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
    background-color: #a7b5bb;
    border-color: transparent;
    box-shadow: none
}

.button.is-dark.is-inverted {
    background-color: #fff;
    color: #a7b5bb
}

.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: #a7b5bb
}

.button.is-dark.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-dark.is-outlined {
    background-color: transparent;
    border-color: #a7b5bb;
    color: #a7b5bb
}

.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: #a7b5bb;
    border-color: #a7b5bb;
    color: #fff
}

.button.is-dark.is-outlined.is-loading::after {
    border-color: transparent transparent #a7b5bb #a7b5bb !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: #a7b5bb;
    box-shadow: none;
    color: #a7b5bb
}

.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: #a7b5bb
}

.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 #a7b5bb #a7b5bb !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: #1fb6ff;
    border-color: transparent;
    color: #fff
}

.button.is-primary.is-hovered,
.button.is-primary:hover {
    background-color: #12b2ff;
    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 rgba(31, 182, 255, .25)
}

.button.is-primary.is-active,
.button.is-primary:active {
    background-color: #06aeff;
    border-color: transparent;
    color: #fff
}

.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
    background-color: #1fb6ff;
    border-color: transparent;
    box-shadow: none
}

.button.is-primary.is-inverted {
    background-color: #fff;
    color: #1fb6ff
}

.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: #1fb6ff
}

.button.is-primary.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-primary.is-outlined {
    background-color: transparent;
    border-color: #1fb6ff;
    color: #1fb6ff
}

.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: #1fb6ff;
    border-color: #1fb6ff;
    color: #fff
}

.button.is-primary.is-outlined.is-loading::after {
    border-color: transparent transparent #1fb6ff #1fb6ff !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: #1fb6ff;
    box-shadow: none;
    color: #1fb6ff
}

.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: #1fb6ff
}

.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 #1fb6ff #1fb6ff !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-info {
    background-color: #5bc0de;
    border-color: transparent;
    color: #fff
}

.button.is-info.is-hovered,
.button.is-info:hover {
    background-color: #50bcdc;
    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 rgba(91, 192, 222, .25)
}

.button.is-info.is-active,
.button.is-info:active {
    background-color: #46b8da;
    border-color: transparent;
    color: #fff
}

.button.is-info[disabled],
fieldset[disabled] .button.is-info {
    background-color: #5bc0de;
    border-color: transparent;
    box-shadow: none
}

.button.is-info.is-inverted {
    background-color: #fff;
    color: #5bc0de
}

.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: #5bc0de
}

.button.is-info.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-info.is-outlined {
    background-color: transparent;
    border-color: #5bc0de;
    color: #5bc0de
}

.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: #5bc0de;
    border-color: #5bc0de;
    color: #fff
}

.button.is-info.is-outlined.is-loading::after {
    border-color: transparent transparent #5bc0de #5bc0de !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: #5bc0de;
    box-shadow: none;
    color: #5bc0de
}

.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: #5bc0de
}

.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 #5bc0de #5bc0de !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-success {
    background-color: #5cb85c;
    border-color: transparent;
    color: #fff
}

.button.is-success.is-hovered,
.button.is-success:hover {
    background-color: #53b453;
    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 rgba(92, 184, 92, .25)
}

.button.is-success.is-active,
.button.is-success:active {
    background-color: #4cae4c;
    border-color: transparent;
    color: #fff
}

.button.is-success[disabled],
fieldset[disabled] .button.is-success {
    background-color: #5cb85c;
    border-color: transparent;
    box-shadow: none
}

.button.is-success.is-inverted {
    background-color: #fff;
    color: #5cb85c
}

.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: #5cb85c
}

.button.is-success.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-success.is-outlined {
    background-color: transparent;
    border-color: #5cb85c;
    color: #5cb85c
}

.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: #5cb85c;
    border-color: #5cb85c;
    color: #fff
}

.button.is-success.is-outlined.is-loading::after {
    border-color: transparent transparent #5cb85c #5cb85c !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: #5cb85c;
    box-shadow: none;
    color: #5cb85c
}

.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: #5cb85c
}

.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 #5cb85c #5cb85c !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-warning {
    background-color: #f0ad4e;
    border-color: transparent;
    color: #fff
}

.button.is-warning.is-hovered,
.button.is-warning:hover {
    background-color: #efa842;
    border-color: transparent;
    color: #fff
}

.button.is-warning.is-focused,
.button.is-warning:focus {
    border-color: transparent;
    color: #fff
}

.button.is-warning.is-focused:not(:active),
.button.is-warning:focus:not(:active) {
    box-shadow: 0 rgba(240, 173, 78, .25)
}

.button.is-warning.is-active,
.button.is-warning:active {
    background-color: #eea236;
    border-color: transparent;
    color: #fff
}

.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
    background-color: #f0ad4e;
    border-color: transparent;
    box-shadow: none
}

.button.is-warning.is-inverted {
    background-color: #fff;
    color: #f0ad4e
}

.button.is-warning.is-inverted.is-hovered,
.button.is-warning.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
    background-color: #fff;
    border-color: transparent;
    box-shadow: none;
    color: #f0ad4e
}

.button.is-warning.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-warning.is-outlined {
    background-color: transparent;
    border-color: #f0ad4e;
    color: #f0ad4e
}

.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: #f0ad4e;
    border-color: #f0ad4e;
    color: #fff
}

.button.is-warning.is-outlined.is-loading::after {
    border-color: transparent transparent #f0ad4e #f0ad4e !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 #fff #fff !important
}

.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
    background-color: transparent;
    border-color: #f0ad4e;
    box-shadow: none;
    color: #f0ad4e
}

.button.is-warning.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.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: #fff;
    color: #f0ad4e
}

.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 #f0ad4e #f0ad4e !important
}

.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    box-shadow: none;
    color: #fff
}

.button.is-danger {
    background-color: #f15e48;
    border-color: transparent;
    color: #fff
}

.button.is-danger.is-hovered,
.button.is-danger:hover {
    background-color: #f0543c;
    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 rgba(241, 94, 72, .25)
}

.button.is-danger.is-active,
.button.is-danger:active {
    background-color: #ef4930;
    border-color: transparent;
    color: #fff
}

.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
    background-color: #f15e48;
    border-color: transparent;
    box-shadow: none
}

.button.is-danger.is-inverted {
    background-color: #fff;
    color: #f15e48
}

.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: #f15e48
}

.button.is-danger.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-danger.is-outlined {
    background-color: transparent;
    border-color: #f15e48;
    color: #f15e48
}

.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: #f15e48;
    border-color: #f15e48;
    color: #fff
}

.button.is-danger.is-outlined.is-loading::after {
    border-color: transparent transparent #f15e48 #f15e48 !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: #f15e48;
    box-shadow: none;
    color: #f15e48
}

.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: #f15e48
}

.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 #f15e48 #f15e48 !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-yellow {
    background-color: #fbc139;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-yellow.is-hovered,
.button.is-yellow:hover {
    background-color: #fbbd2d;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-yellow.is-focused,
.button.is-yellow:focus {
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-yellow.is-focused:not(:active),
.button.is-yellow:focus:not(:active) {
    box-shadow: 0 rgba(251, 193, 57, .25)
}

.button.is-yellow.is-active,
.button.is-yellow:active {
    background-color: #fab920;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-yellow[disabled],
fieldset[disabled] .button.is-yellow {
    background-color: #fbc139;
    border-color: transparent;
    box-shadow: none
}

.button.is-yellow.is-inverted {
    background-color: rgba(0, 0, 0, .7);
    color: #fbc139
}

.button.is-yellow.is-inverted.is-hovered,
.button.is-yellow.is-inverted:hover {
    background-color: rgba(0, 0, 0, .7)
}

.button.is-yellow.is-inverted[disabled],
fieldset[disabled] .button.is-yellow.is-inverted {
    background-color: rgba(0, 0, 0, .7);
    border-color: transparent;
    box-shadow: none;
    color: #fbc139
}

.button.is-yellow.is-loading::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-yellow.is-outlined {
    background-color: transparent;
    border-color: #fbc139;
    color: #fbc139
}

.button.is-yellow.is-outlined.is-focused,
.button.is-yellow.is-outlined.is-hovered,
.button.is-yellow.is-outlined:focus,
.button.is-yellow.is-outlined:hover {
    background-color: #fbc139;
    border-color: #fbc139;
    color: rgba(0, 0, 0, .7)
}

.button.is-yellow.is-outlined.is-loading::after {
    border-color: transparent transparent #fbc139 #fbc139 !important
}

.button.is-yellow.is-outlined.is-loading.is-focused::after,
.button.is-yellow.is-outlined.is-loading.is-hovered::after,
.button.is-yellow.is-outlined.is-loading:focus::after,
.button.is-yellow.is-outlined.is-loading:hover::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-yellow.is-outlined[disabled],
fieldset[disabled] .button.is-yellow.is-outlined {
    background-color: transparent;
    border-color: #fbc139;
    box-shadow: none;
    color: #fbc139
}

.button.is-yellow.is-inverted.is-outlined {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .7);
    color: rgba(0, 0, 0, .7)
}

.button.is-yellow.is-inverted.is-outlined.is-focused,
.button.is-yellow.is-inverted.is-outlined.is-hovered,
.button.is-yellow.is-inverted.is-outlined:focus,
.button.is-yellow.is-inverted.is-outlined:hover {
    background-color: rgba(0, 0, 0, .7);
    color: #fbc139
}

.button.is-yellow.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-yellow.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-yellow.is-inverted.is-outlined.is-loading:focus::after,
.button.is-yellow.is-inverted.is-outlined.is-loading:hover::after {
    border-color: transparent transparent #fbc139 #fbc139 !important
}

.button.is-yellow.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-yellow.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-small {
    border-radius: 2px;
    font-size: .75rem
}

.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: #e5e5e5;
    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% - (1em / 2));
    top: calc(50% - (1em / 2));
    position: absolute !important
}

.button.is-static {
    background-color: #f5f5f5;
    border-color: #e5e5e5;
    color: #7a7a7a;
    box-shadow: none;
    pointer-events: none
}

.button.is-rounded {
    border-radius: 290486px;
    padding-left: calc(.75em + .25em);
    padding-right: calc(.75em + .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) {
    border-radius: 2px;
    font-size: .75rem
}

.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
}

.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 #e5e5e5;
    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: 1px solid #e5e5e5;
    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-medium {
    font-size: 1.25rem
}

.content.is-large {
    font-size: 1.5rem
}

.subtitle,
.title {
    word-break: break-word
}

.subtitle em,
.subtitle span,
.title em,
.title span {
    font-weight: inherit
}

.subtitle sub,
.title sub {
    font-size: .75em
}

.subtitle sup,
.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+.highlight {
    margin-top: -.75rem
}

.title:not(.is-spaced)+.subtitle {
    margin-top: -1.25rem
}

.title.is-1 {
    font-size: 3rem
}

.title.is-2 {
    font-size: 2.5rem
}

.title.is-3 {
    font-size: 2rem
}

.title.is-4 {
    font-size: 1.5rem
}

.title.is-5 {
    font-size: 1.25rem
}

.title.is-6 {
    font-size: 1rem
}

.title.is-7 {
    font-size: .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
}

.highlight {
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    padding: 0
}

.highlight pre {
    overflow: auto;
    max-width: 100%
}

.number {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 290486px;
    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
}

.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 {
    color: #0a0a0a !important
}

a.has-text-black:focus,
a.has-text-black:hover {
    color: #000 !important
}

.has-background-black {
    background-color: #0a0a0a !important
}

.has-text-light {
    color: #eee !important
}

a.has-text-light:focus,
a.has-text-light:hover {
    color: #d5d5d5 !important
}

.has-background-light {
    background-color: #eee !important
}

.has-text-dark {
    color: #a7b5bb !important
}

a.has-text-dark:focus,
a.has-text-dark:hover {
    color: #8a9da5 !important
}

.has-background-dark {
    background-color: #a7b5bb !important
}

.has-text-primary {
    color: #1fb6ff !important
}

a.has-text-primary:focus,
a.has-text-primary:hover {
    color: #009eeb !important
}

.has-background-primary {
    background-color: #1fb6ff !important
}

.has-text-info {
    color: #5bc0de !important
}

a.has-text-info:focus,
a.has-text-info:hover {
    color: #31b0d5 !important
}

.has-background-info {
    background-color: #5bc0de !important
}

.has-text-success {
    color: #5cb85c !important
}

a.has-text-success:focus,
a.has-text-success:hover {
    color: #449d44 !important
}

.has-background-success {
    background-color: #5cb85c !important
}

.has-text-warning {
    color: #f0ad4e !important
}

a.has-text-warning:focus,
a.has-text-warning:hover {
    color: #ec971f !important
}

.has-background-warning {
    background-color: #f0ad4e !important
}

.has-text-danger {
    color: #f15e48 !important
}

a.has-text-danger:focus,
a.has-text-danger:hover {
    color: #ed3419 !important
}

.has-background-danger {
    background-color: #f15e48 !important
}

.has-text-yellow {
    color: #fbc139 !important
}

a.has-text-yellow:focus,
a.has-text-yellow:hover {
    color: #fab107 !important
}

.has-background-yellow {
    background-color: #fbc139 !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-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-clipped {
    overflow: hidden !important
}

.is-relative {
    position: relative !important
}

.is-marginless {
    margin: 0 !important
}

.is-paddingless {
    padding: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

.my-3 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.mt-5 {
    margin-top: 1.5rem !important
}

.mr-5 {
    margin-right: 1.5rem !important
}

.mb-5 {
    margin-bottom: 1.5rem !important
}

.ml-5 {
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mr-6 {
    margin-right: 3rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.ml-6 {
    margin-left: 3rem !important
}

.mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pr-3 {
    padding-right: .75rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pl-4 {
    padding-left: 1rem !important
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.pt-5 {
    padding-top: 1.5rem !important
}

.pr-5 {
    padding-right: 1.5rem !important
}

.pb-5 {
    padding-bottom: 1.5rem !important
}

.pl-5 {
    padding-left: 1.5rem !important
}

.px-5 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.py-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pr-6 {
    padding-right: 3rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pl-6 {
    padding-left: 3rem !important
}

.px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.is-size-1 {
    font-size: 3rem !important
}

.is-size-2 {
    font-size: 2.5rem !important
}

.is-size-3 {
    font-size: 2rem !important
}

.is-size-4 {
    font-size: 1.5rem !important
}

.is-size-5 {
    font-size: 1.25rem !important
}

.is-size-6 {
    font-size: 1rem !important
}

.is-size-7 {
    font-size: .75rem !important
}

@media screen and (max-width:767px) {
    .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 screen and (min-width:768px),
print {
    .is-size-1-tablet {
        font-size: 3rem !important
    }

    .is-size-2-tablet {
        font-size: 2.5rem !important
    }

    .is-size-3-tablet {
        font-size: 2rem !important
    }

    .is-size-4-tablet {
        font-size: 1.5rem !important
    }

    .is-size-5-tablet {
        font-size: 1.25rem !important
    }

    .is-size-6-tablet {
        font-size: 1rem !important
    }

    .is-size-7-tablet {
        font-size: .75rem !important
    }
}

@media screen and (max-width:991px) {
    .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:992px) {
    .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:1280px) {
    .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
    }
}

.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:767px) {
    .has-text-centered-mobile {
        text-align: center !important
    }
}

@media screen and (min-width:768px),
print {
    .has-text-centered-tablet {
        text-align: center !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .has-text-centered-tablet-only {
        text-align: center !important
    }
}

@media screen and (max-width:991px) {
    .has-text-centered-touch {
        text-align: center !important
    }
}

@media screen and (min-width:992px) {
    .has-text-centered-desktop {
        text-align: center !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .has-text-centered-desktop-only {
        text-align: center !important
    }
}

@media screen and (min-width:1280px) {
    .has-text-centered-widescreen {
        text-align: center !important
    }
}

@media screen and (max-width:767px) {
    .has-text-justified-mobile {
        text-align: justify !important
    }
}

@media screen and (min-width:768px),
print {
    .has-text-justified-tablet {
        text-align: justify !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .has-text-justified-tablet-only {
        text-align: justify !important
    }
}

@media screen and (max-width:991px) {
    .has-text-justified-touch {
        text-align: justify !important
    }
}

@media screen and (min-width:992px) {
    .has-text-justified-desktop {
        text-align: justify !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .has-text-justified-desktop-only {
        text-align: justify !important
    }
}

@media screen and (min-width:1280px) {
    .has-text-justified-widescreen {
        text-align: justify !important
    }
}

@media screen and (max-width:767px) {
    .has-text-left-mobile {
        text-align: left !important
    }
}

@media screen and (min-width:768px),
print {
    .has-text-left-tablet {
        text-align: left !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .has-text-left-tablet-only {
        text-align: left !important
    }
}

@media screen and (max-width:991px) {
    .has-text-left-touch {
        text-align: left !important
    }
}

@media screen and (min-width:992px) {
    .has-text-left-desktop {
        text-align: left !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .has-text-left-desktop-only {
        text-align: left !important
    }
}

@media screen and (min-width:1280px) {
    .has-text-left-widescreen {
        text-align: left !important
    }
}

@media screen and (max-width:767px) {
    .has-text-right-mobile {
        text-align: right !important
    }
}

@media screen and (min-width:768px),
print {
    .has-text-right-tablet {
        text-align: right !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .has-text-right-tablet-only {
        text-align: right !important
    }
}

@media screen and (max-width:991px) {
    .has-text-right-touch {
        text-align: right !important
    }
}

@media screen and (min-width:992px) {
    .has-text-right-desktop {
        text-align: right !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .has-text-right-desktop-only {
        text-align: right !important
    }
}

@media screen and (min-width:1280px) {
    .has-text-right-widescreen {
        text-align: right !important
    }
}

.is-capitalized {
    text-transform: capitalize !important
}

.is-lowercase {
    text-transform: lowercase !important
}

.is-uppercase {
    text-transform: uppercase !important
}

.is-italic {
    font-style: italic !important
}

.has-text-weight-light {
    font-weight: 300 !important
}

.has-text-weight-normal {
    font-weight: 400 !important
}

.has-text-weight-medium {
    font-weight: 500 !important
}

.has-text-weight-semibold {
    font-weight: 600 !important
}

.has-text-weight-bold {
    font-weight: 700 !important
}

.is-family-primary {
    font-family: Roboto, Helvetica, Arial !important
}

.is-family-secondary {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

.is-family-sans-serif {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

.is-family-monospace {
    font-family: monospace !important
}

.is-family-code {
    font-family: monospace !important
}

.is-block {
    display: block !important
}

@media screen and (max-width:767px) {
    .is-block-mobile {
        display: block !important
    }
}

@media screen and (min-width:768px),
print {
    .is-block-tablet {
        display: block !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .is-block-tablet-only {
        display: block !important
    }
}

@media screen and (max-width:991px) {
    .is-block-touch {
        display: block !important
    }
}

@media screen and (min-width:992px) {
    .is-block-desktop {
        display: block !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .is-block-desktop-only {
        display: block !important
    }
}

@media screen and (min-width:1280px) {
    .is-block-widescreen {
        display: block !important
    }
}

.is-flex {
    display: flex !important
}

@media screen and (max-width:767px) {
    .is-flex-mobile {
        display: flex !important
    }
}

@media screen and (min-width:768px),
print {
    .is-flex-tablet {
        display: flex !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .is-flex-tablet-only {
        display: flex !important
    }
}

@media screen and (max-width:991px) {
    .is-flex-touch {
        display: flex !important
    }
}

@media screen and (min-width:992px) {
    .is-flex-desktop {
        display: flex !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .is-flex-desktop-only {
        display: flex !important
    }
}

@media screen and (min-width:1280px) {
    .is-flex-widescreen {
        display: flex !important
    }
}

.is-inline {
    display: inline !important
}

@media screen and (max-width:767px) {
    .is-inline-mobile {
        display: inline !important
    }
}

@media screen and (min-width:768px),
print {
    .is-inline-tablet {
        display: inline !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .is-inline-tablet-only {
        display: inline !important
    }
}

@media screen and (max-width:991px) {
    .is-inline-touch {
        display: inline !important
    }
}

@media screen and (min-width:992px) {
    .is-inline-desktop {
        display: inline !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .is-inline-desktop-only {
        display: inline !important
    }
}

@media screen and (min-width:1280px) {
    .is-inline-widescreen {
        display: inline !important
    }
}

.is-inline-block {
    display: inline-block !important
}

@media screen and (max-width:767px) {
    .is-inline-block-mobile {
        display: inline-block !important
    }
}

@media screen and (min-width:768px),
print {
    .is-inline-block-tablet {
        display: inline-block !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .is-inline-block-tablet-only {
        display: inline-block !important
    }
}

@media screen and (max-width:991px) {
    .is-inline-block-touch {
        display: inline-block !important
    }
}

@media screen and (min-width:992px) {
    .is-inline-block-desktop {
        display: inline-block !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .is-inline-block-desktop-only {
        display: inline-block !important
    }
}

@media screen and (min-width:1280px) {
    .is-inline-block-widescreen {
        display: inline-block !important
    }
}

.is-inline-flex {
    display: inline-flex !important
}

@media screen and (max-width:767px) {
    .is-inline-flex-mobile {
        display: inline-flex !important
    }
}

@media screen and (min-width:768px),
print {
    .is-inline-flex-tablet {
        display: inline-flex !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .is-inline-flex-tablet-only {
        display: inline-flex !important
    }
}

@media screen and (max-width:991px) {
    .is-inline-flex-touch {
        display: inline-flex !important
    }
}

@media screen and (min-width:992px) {
    .is-inline-flex-desktop {
        display: inline-flex !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .is-inline-flex-desktop-only {
        display: inline-flex !important
    }
}

@media screen and (min-width:1280px) {
    .is-inline-flex-widescreen {
        display: inline-flex !important
    }
}

.is-hidden,
.row.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:767px) {
    .is-hidden-mobile {
        display: none !important
    }
}

@media screen and (min-width:768px),
print {
    .is-hidden-tablet {
        display: none !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .is-hidden-tablet-only {
        display: none !important
    }
}

@media screen and (max-width:991px) {
    .is-hidden-touch {
        display: none !important
    }
}

@media screen and (min-width:992px) {
    .is-hidden-desktop {
        display: none !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .is-hidden-desktop-only {
        display: none !important
    }
}

@media screen and (min-width:1280px) {
    .is-hidden-widescreen {
        display: none !important
    }
}

.is-invisible {
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .is-invisible-mobile {
        visibility: hidden !important
    }
}

@media screen and (min-width:768px),
print {
    .is-invisible-tablet {
        visibility: hidden !important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .is-invisible-tablet-only {
        visibility: hidden !important
    }
}

@media screen and (max-width:991px) {
    .is-invisible-touch {
        visibility: hidden !important
    }
}

@media screen and (min-width:992px) {
    .is-invisible-desktop {
        visibility: hidden !important
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .is-invisible-desktop-only {
        visibility: hidden !important
    }
}

@media screen and (min-width:1280px) {
    .is-invisible-widescreen {
        visibility: hidden !important
    }
}

.loading-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: none;
    justify-content: center;
    overflow: hidden;
    z-index: 999
}

.loading-overlay.is-active {
    display: flex
}

.loading-overlay.is-full-page {
    position: fixed
}

.loading-overlay.is-full-page .loading-icon:after {
    top: calc(50% - 2.5em);
    left: calc(50% - 2.5em);
    width: 5em;
    height: 5em
}

.loading-overlay .loading-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #7f7f7f;
    background: rgba(255, 255, 255, .5)
}

.loading-overlay .loading-icon {
    position: relative
}

.loading-overlay .loading-icon:after {
    animation: spinAround .5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
    position: absolute;
    top: calc(50% - 1.5em);
    left: calc(50% - 1.5em);
    width: 3em;
    height: 3em;
    border-width: .25em
}

html {
    min-width: auto !important;
    font-size: 14px
}

.title {
    font-weight: 400
}

body {
    color: #333
}

*,
::after,
::before {
    box-sizing: border-box
}

ol,
ul {
    padding: 0;
    margin: 0
}

h1 {
    font-size: 2.5rem;
    line-height: 2.5rem
}

h1.is-huge {
    font-size: 5rem;
    font-weight: 600 !important
}

h2 {
    font-size: 1.85rem;
    line-height: 1.85rem
}

h2.is-huge {
    font-size: 3rem;
    font-weight: 600 !important
}

h3 {
    font-size: 1.65rem
}

h3.is-huge {
    font-weight: 600 !important
}

h4 {
    font-size: 1.3rem
}

.is-flex-fullheight {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.is-flex-fullheight>.container:not(.is-flex-fullheight) {
    flex-grow: unset
}

.checkbox-list>label,
.radio-list>label {
    margin-top: .75rem !important
}

.checkbox-list>label::first-child,
.radio-list>label:first-child {
    margin-top: 0
}

@media (max-width:767px) {
    h1 {
        font-size: 2rem;
        line-height: 2rem
    }

    h1.is-huge {
        font-size: 3rem
    }

    h2 {
        font-size: 1.5rem
    }

    h3 {
        font-size: 1.4rem
    }

    h4 {
        font-size: 1.25rem
    }

    .has-mobile-cards .has-text-nowrap {
        white-space: normal
    }
}

.loading-overlay {
    z-index: 999
}

@media (min-width:768px) {

    .is-visible-inline-mobile,
    .is-visible-mobile {
        display: none !important
    }
}

@media (max-width:767px) {
    .is-visible-mobile {
        display: block !important
    }

    .is-visible-inline-mobile {
        display: inline-block !important
    }

    .button.is-fullwidth-mobile {
        display: flex;
        width: 100%
    }

    .message-body {
        padding: 1em
    }
}

@media (max-width:768px) {
    .animation-content {
        transition: transform 150ms ease-out;
        -webkit-backface-visibility: hidden
    }

    .zoom-out-enter-active:not(.dialog) .animation-content,
    .zoom-out-leave-active:not(.dialog) .animation-content {
        transform: translate3d(0, 110%, 0)
    }
}

.modal-bottom .animation-content {
    transition: transform 150ms ease-out;
    -webkit-backface-visibility: hidden
}

.modal-bottom.zoom-out-enter-active:not(.dialog) .animation-content,
.modal-bottom.zoom-out-leave-active:not(.dialog) .animation-content {
    transform: translate3d(0, 110%, 0)
}

.modal-bottom .modal-card {
    margin: 0 !important;
    justify-content: flex-end;
    padding: 0
}

.modal-bottom .animation-content {
    display: flex;
    height: 100%;
    flex-direction: column-reverse;
    justify-content: end
}

.dropdown.is-fullwidth,
.dropdown.is-fullwidth>div:not(.dropdown-menu) {
    width: 100%
}

@media (max-width:768px) {
    .modal-bottom .modal-card {
        width: 100% !important
    }
}

.button.is-loading:not(.btn-link-icon)>* {
    visibility: hidden
}

.btn-link.is-loading:after {
    width: 1.2em;
    height: 1.2em
}

.taginput-container[disabled] a.tag.is-delete {
    display: none
}

.img-circle {
    border-radius: 50%
}

.control.has-icons-right .icon.is-right {
    top: 1px;
    right: 2px;
    color: #90a2ab !important
}

.control.has-icons-left .icon.is-left {
    top: 1px
}

.is-mouse-locked {
    pointer-events: none
}

.card-content {
    padding: 1rem
}

.card-content+.card-content {
    border-top: 1px solid var(--border-primary)
}

.has-text-strike {
    text-decoration: line-through
}

.has-text-no-underline {
    text-decoration: none !important
}

.notices {
    z-index: 999999
}

.has-cursor-pointer {
    cursor: pointer
}

.snackbar .button.is-dark {
    background: #363636
}

.is-expanded>a.radio,
.is-expanded>label.radio {
    width: 100%
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-weight: 400
}

.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
    font-size: inherit !important
}

.modal-card-title {
    flex-shrink: 1;
    line-height: 2rem !important;
    padding: 1.5rem 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.pagination-link.is-current {
    background: #a7b5ba;
    border-color: #a7b5ba
}

.breadcrumb li a {
    display: inline
}

.has-error .label {
    color: #f15e48 !important
}

.has-error .button.is-static,
.has-error .checkbox input:before,
.has-error .element,
.has-error .input,
.has-error .radio input:before,
.has-error .taginput-container,
.has-error select {
    border-color: #f15e48 !important;
    box-shadow: 0 0 0 1px #f15e48 !important
}

.has-error .taginput-container input {
    box-shadow: none !important
}

.has-error .help {
    color: #f15e48
}

.has-mb-1 {
    margin-bottom: .5rem !important
}

.has-pb-0 {
    padding-bottom: 0 !important
}

.has-pb-1 {
    padding-bottom: .5rem !important
}

.has-pt-0 {
    padding-top: 0 !important
}

.has-pt-1 {
    padding-top: .5rem !important
}

.has-pt-2 {
    padding-top: 1rem !important
}

.has-pt-3 {
    padding-top: 1.5rem !important
}

.has-pt-4 {
    padding-top: 2rem !important
}

.has-pt-5 {
    padding-top: 2.5rem !important
}

.has-pt-6 {
    padding-top: 3rem !important
}

.has-pt-7 {
    padding-top: 3.5rem !important
}

.has-pb-7 {
    padding-bottom: 3.5rem !important
}

.has-pt-8 {
    padding-top: 4rem !important
}

.has-pb-8 {
    padding-bottom: 4rem !important
}

.has-pt-9 {
    padding-top: 4.5rem !important
}

.has-pb-9 {
    padding-bottom: 4.5rem !important
}

.has-pt-10 {
    padding-top: 5rem !important
}

.has-pb-10 {
    padding-bottom: 5rem !important
}

.has-mb-2 {
    margin-bottom: 1rem !important
}

.has-mb-3 {
    margin-bottom: 1.5rem !important
}

.has-mb-4 {
    margin-bottom: 2rem !important
}

.has-mb-5 {
    margin-bottom: 2.5rem !important
}

.has-mb-6 {
    margin-bottom: 3rem !important
}

.has-mb-7 {
    margin-bottom: 3.5rem !important
}

.has-mb-8 {
    margin-bottom: 4rem !important
}

.has-mb-10 {
    margin-bottom: 5rem !important
}

.has-p-1 {
    padding: .5rem !important
}

.has-p-2 {
    padding: 1rem !important
}

.has-p-3 {
    padding: 1.5rem !important
}

.has-p-4 {
    padding: 2rem !important
}

.has-pb-2 {
    padding-bottom: 1rem !important
}

.has-pt-2 {
    padding-top: 1rem !important
}

.has-pl-1 {
    padding-left: .5rem !important
}

.has-pl-2 {
    padding-left: 1rem !important
}

.has-pl-3 {
    padding-left: 1.5rem !important
}

.has-pl-4 {
    padding-left: 2rem !important
}

.has-pl-5 {
    padding-left: 2.5rem !important
}

.has-pl-6 {
    padding-left: 3rem !important
}

.has-pl-7 {
    padding-left: 3.5rem !important
}

.has-pr-1 {
    padding-right: .5rem !important
}

.has-pr-2 {
    padding-right: 1rem !important
}

.has-pr-3 {
    padding-right: 1.5rem !important
}

.has-pr-4 {
    padding-right: 2rem !important
}

.has-pr-5 {
    padding-right: 2.5rem !important
}

.has-pr-6 {
    padding-right: 3rem !important
}

.has-pr-7 {
    padding-right: 3.5rem !important
}

.has-pb-3 {
    padding-bottom: 1.5rem !important
}

.has-pb-4 {
    padding-bottom: 2rem !important
}

.has-pb-5 {
    padding-bottom: 2.5rem !important
}

.has-pb-6 {
    padding-bottom: 3rem !important
}

.has-m-1 {
    margin: 1rem !important
}

.has-m-2 {
    margin: 1rem !important
}

.has-mt-1 {
    margin-top: .5rem !important
}

.has-mt-2 {
    margin-top: 1rem !important
}

.has-mt-3 {
    margin-top: 1.5rem !important
}

.has-mt-4 {
    margin-top: 2rem !important
}

.has-mt-5 {
    margin-top: 2.5rem !important
}

.has-mt-6 {
    margin-top: 3rem !important
}

.has-mt-8 {
    margin-top: 4rem !important
}

.has-mt-10 {
    margin-top: 5rem !important
}

.has-ml-1 {
    margin-left: .5rem !important
}

.has-ml-2 {
    margin-left: 1rem !important
}

.has-ml-3 {
    margin-left: 1.5rem !important
}

.has-ml-4 {
    margin-left: 2rem !important
}

.has-ml-5 {
    margin-left: 2.5rem !important
}

.has-mr-1 {
    margin-right: .5rem !important
}

.has-mr-2 {
    margin-right: 1rem !important
}

.has-mr-3 {
    margin-right: 1.5rem !important
}

.has-mr-4 {
    margin-right: 2rem !important
}

.has-text-nowrap {
    white-space: nowrap
}

@media (max-width:767px) {
    .has-xs-ml-1 {
        margin-left: .5rem !important
    }

    .has-xs-mb-1 {
        margin-bottom: .5rem !important
    }

    .has-xs-ml-3 {
        margin-left: 1.5rem !important
    }

    .has-xs-mb-2 {
        margin-bottom: 1rem !important
    }

    .has-xs-mb-3 {
        margin-bottom: 1.5rem !important
    }

    .has-xs-mb-4 {
        margin-bottom: 2rem !important
    }

    .has-xs-mt-1 {
        margin-top: .5rem !important
    }

    .has-xs-mt-2 {
        margin-top: 1rem !important
    }

    .has-xs-mt-3 {
        margin-top: 1.5rem !important
    }

    .has-xs-mt-4 {
        margin-top: 2rem !important
    }

    .has-xs-pb-2 {
        padding-bottom: 1rem !important
    }

    .has-xs-pb-4 {
        padding-bottom: 2rem !important
    }

    .has-xs-mb-6 {
        margin-bottom: 3rem !important
    }

    .has-mb-1-mobile {
        margin-bottom: .5rem !important
    }

    .has-mb-2-mobile {
        margin-bottom: 1rem !important
    }

    .has-mr-1-mobile {
        margin-right: .5rem !important
    }

    .has-mr-2-mobile {
        margin-right: 1rem !important
    }

    .has-mt-2-mobile {
        margin-top: 1rem !important
    }

    .has-mt-3-mobile {
        margin-top: 1.5rem !important
    }

    .has-xs-p-1 {
        padding: .5rem !important
    }

    .has-xs-p-2 {
        padding: 1rem !important
    }

    .has-pt-2-mobile {
        padding-top: 1rem !important
    }

    .has-xs-pt-1 {
        padding-top: .5rem !important
    }

    .has-xs-pt-2 {
        padding-top: 1rem !important
    }

    .has-xs-pt-3 {
        padding-top: 1.5rem !important
    }

    .is-xs-marginless {
        margin: 0 !important
    }
}

@media (min-width:768px) {
    .has-sm-p-1 {
        padding: .5rem !important
    }

    .has-sm-p-2 {
        padding: 1rem !important
    }

    .has-sm-mb-3 {
        margin-bottom: 1.5rem !important
    }

    .has-sm-mb-6 {
        margin-bottom: 3rem !important
    }

    .has-sm-pb-4 {
        padding-bottom: 2rem !important
    }

    .has-sm-pt-1 {
        padding-top: .5rem !important
    }

    .has-sm-pt-2 {
        padding-top: 1rem !important
    }

    .has-sm-pt-4 {
        padding-top: 2rem !important
    }

    .has-sm-mt-8 {
        margin-top: 4rem !important
    }

    .has-sm-mb-2 {
        margin-bottom: 1rem !important
    }

    .has-sm-mb-8 {
        margin-bottom: 4rem !important
    }

    .has-sm-mb-10 {
        margin-bottom: 5rem !important
    }

    .has-sm-mt-10 {
        margin-top: 5rem !important
    }

    .has-sm-pt-10 {
        padding-top: 5rem !important
    }

    .has-sm-pb-8 {
        padding-bottom: 4rem !important
    }

    .has-sm-pt-8 {
        padding-top: 4rem !important
    }

    .has-sm-mr-2 {
        margin-right: 1rem !important
    }

    .has-sm-ml-2 {
        margin-left: 1rem !important
    }
}

@media (min-width:1200px) {
    .has-lg-pr-5 {
        padding-right: 2.5rem !important
    }

    .has-lg-pr-6 {
        padding-right: 3rem !important
    }

    .has-lg-pr-7 {
        padding-right: 3.5rem !important
    }
}

td.has-vertical-align-middle {
    vertical-align: middle !important
}

@media (min-width:768px) {
    td.has-width-10 {
        width: 10%
    }

    td.has-width-15 {
        width: 15%
    }

    td.has-width-20 {
        width: 20%
    }

    td.has-width-25 {
        width: 25%
    }

    td.has-width-30 {
        width: 30%
    }

    td.has-width-50 {
        width: 50%
    }

    .has-sm-p-1 {
        padding: .5rem !important
    }

    .has-sm-ml-1 {
        margin-left: .5rem !important
    }

    .has-sm-pl-2 {
        padding-left: 1rem !important
    }

    .has-sm-pr-2 {
        padding-right: 1rem !important
    }
}

@media (max-width:767px) {
    .has-pt-3-mobile {
        padding-top: 1.5rem !important
    }

    .has-pt-5-mobile {
        padding-top: 2.5rem !important
    }
}

@media (min-width:7698px) and (min-width:1023px) {
    .has-pt-3-tablet {
        padding-top: 1.5rem !important
    }

    .has-mb-4-tablet {
        margin-bottom: 2rem !important
    }

    .has-mt-4-tablet {
        padding-top: 2rem !important
    }

    .has-pt-5-tablet {
        padding-top: 2.5rem !important
    }
}

@media (min-width:1216px) {
    .has-pt-5-widescreen {
        padding-top: 2.5rem !important
    }
}

.message .message-body {
    border: 1px solid #0000000f !important
}

.pagination.is-simple .info {
    display: none
}

.button.is-disabled {
    pointer-events: none
}

@media only screen and (max-width:767px) {
    .has-text-centered-xs {
        text-align: center !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .has-text-centered-sm {
        text-align: center !important
    }
}

.button.is-large,
.input.is-large {
    font-size: 1.25rem
}

.button.is-active,
.button.is-focused,
.button.is-hovered,
.button:active,
.button:focus,
.button:hover {
    border-color: none;
    color: inherit
}

.b-slider {
    z-index: 1
}

.modal-card-little .modal-card-body,
.modal-card-little .modal-card-head {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
    flex-grow: 0
}

.modal-card-little .modal-card-head+.modal-card-body {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.modal:not(.modal-bottom) .modal-card-little .modal-card-body:last-child,
.modal:not(.modal-bottom) .modal-card-little .modal-card-foot {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
}

.modal-card-little .modal-card-foot {
    justify-content: flex-end
}

@media (max-width:767px) {
    .modal-card-little {
        margin: 1rem !important;
        width: calc(100% - 2rem) !important;
        height: calc(100% - 2rem) !important;
        justify-content: center
    }

    .modal-little .animation-content {
        height: unset !important;
        border-radius: .5rem
    }

    .modal-little .loading-overlay {
        border-radius: .5rem
    }
}

.has-tabs-style {
    background-color: #eaedef;
    border-radius: 2px
}

.has-tabs-style .control {
    padding: .2em
}

.has-tabs-style .button,
.has-tabs-style .button:active,
.has-tabs-style .button:focus,
.has-tabs-style .button:hover {
    height: 2.05em;
    background: 0 0;
    border-color: transparent;
    color: #606e75;
    border-radius: 2px !important
}

.has-tabs-style .button.active,
.has-tabs-style .button.active:hover {
    background: #fff;
    box-shadow: 0 1px 1px 0 #606e7533
}

ul.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

ul.pagination>li {
    display: inline
}

ul.pagination>li>a,
ul.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #0383de;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

ul.pagination>li:first-child>a,
ul.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

ul.pagination>li:last-child>a,
ul.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

ul.pagination>li>a:focus,
ul.pagination>li>a:hover,
ul.pagination>li>span:focus,
ul.pagination>li>span:hover {
    z-index: 2;
    color: #025693;
    background-color: #eee;
    border-color: #ddd
}

ul.pagination>.active>a,
ul.pagination>.active>a:focus,
ul.pagination>.active>a:hover,
ul.pagination>.active>span,
ul.pagination>.active>span:focus,
ul.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #0383de;
    border-color: #0383de;
    cursor: default
}

ul.pagination>.disabled>a,
ul.pagination>.disabled>a:focus,
ul.pagination>.disabled>a:hover,
ul.pagination>.disabled>span,
ul.pagination>.disabled>span:focus,
ul.pagination>.disabled>span:hover {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.media+.media {
    border-top: 0;
    padding-top: 0
}

.message-body ul {
    margin-bottom: 0
}

ul.pagination-list {
    margin: 0
}

.modal-card-title,
.nav-tabs,
label.label {
    user-select: none
}

.message.is-warning {
    background-color: #fcf8e3
}

.footer-banner,
.header-banner {
    position: fixed;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    z-index: 45;
    transition: all .3s;
    cursor: default;
    font-size: 1rem;
    font-family: Roboto, "Helvetica Neue", Ubuntu, sans-serif
}

.has-actionbar .footer-banner {
    bottom: 5.5rem
}

.has-menu.has-menu-placement-bottom .footer-banner {
    bottom: 60px
}

.has-menu.has-menu-placement-bottom .has-actionbar .footer-banner {
    bottom: calc(5.5rem + 60px)
}

.header-banner-static {
    position: relative
}

.header-banner {
    bottom: auto;
    top: 0
}

.footer-banner.has-background-black,
.footer-banner.has-background-black:hover,
.footer-banner.has-background-dark,
.header-banner.has-background-black,
.header-banner.has-background-black:hover {
    color: #fff
}

a.footer-banner,
a.header-banner {
    cursor: pointer
}

.footer-banner.has-background-black .modal-close::after,
.footer-banner.has-background-black .modal-close::before {
    background-color: #fff
}

.footer-banner.has-close .modal-close {
    align-self: start;
    right: 0;
    top: 0
}

.footer-banner.is-closed {
    transform: translate(0, 100%);
    opacity: 0;
    z-index: 0
}

.footer-banner .container,
.header-banner .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.col-shrink {
    -webkit-flex-grow: 0 !important;
    -webkit-flex-basis: auto !important;
    width: auto !important;
    flex-grow: 0 !important;
    flex-basis: auto !important;
    padding-right: 1rem;
    padding-left: 1rem
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex !important;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem
}

.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-shrink,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding-left: 1rem;
    padding-right: 1rem
}

.form-horizontal .form-group.hide {
    display: none !important
}

.row.reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.col.reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
}

.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%
}

.col-xs {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
    width: 100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.333%;
    -webkit-flex-basis: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
    width: 8.333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.667%;
    -webkit-flex-basis: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
    width: 16.667%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
    width: 25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.333%;
    -webkit-flex-basis: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
    width: 33.333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.667%;
    -webkit-flex-basis: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
    width: 41.667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    width: 50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.333%;
    -webkit-flex-basis: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
    width: 58.333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.667%;
    -webkit-flex-basis: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
    width: 66.667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
    width: 75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.333%;
    -webkit-flex-basis: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
    width: 83.333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.667%;
    -webkit-flex-basis: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
    width: 91.667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.333%
}

.col-xs-offset-2 {
    margin-left: 16.667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.333%
}

.col-xs-offset-5 {
    margin-left: 41.667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.333%
}

.col-xs-offset-8 {
    margin-left: 66.667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.333%
}

.col-xs-offset-11 {
    margin-left: 91.667%
}

.start-xs {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.center-xs {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.end-xs {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.top-xs {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start
}

.middle-xs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.bottom-xs {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-xs {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.first-xs {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1
}

.last-xs {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1
}

@media (max-width:767px) {
    .col-xs-shrink {
        -webkit-flex-grow: 0 !important;
        -webkit-flex-basis: auto !important;
        width: auto !important;
        flex-grow: 0 !important;
        flex-basis: auto !important;
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:768px) {

    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .col-sm {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        max-width: 100%;
        width: 100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        -webkit-flex-basis: 8.333%;
        max-width: 8.333%;
        width: 8.333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        -webkit-flex-basis: 16.667%;
        max-width: 16.667%;
        width: 16.667%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-flex-basis: 25%;
        max-width: 25%;
        width: 25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        -webkit-flex-basis: 33.333%;
        max-width: 33.333%;
        width: 33.333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        -webkit-flex-basis: 41.667%;
        max-width: 41.667%;
        width: 41.667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        -webkit-flex-basis: 58.333%;
        max-width: 58.333%;
        width: 58.333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        -webkit-flex-basis: 66.667%;
        max-width: 66.667%;
        width: 66.667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-flex-basis: 75%;
        max-width: 75%;
        width: 75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        -webkit-flex-basis: 83.333%;
        max-width: 83.333%;
        width: 83.333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        -webkit-flex-basis: 91.667%;
        max-width: 91.667%;
        width: 91.667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.333%
    }

    .col-sm-offset-2 {
        margin-left: 16.667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.333%
    }

    .col-sm-offset-5 {
        margin-left: 41.667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.333%
    }

    .col-sm-offset-8 {
        margin-left: 66.667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.333%
    }

    .col-sm-offset-11 {
        margin-left: 91.667%
    }

    .start-sm {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .center-sm {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center
    }

    .end-sm {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end
    }

    .top-sm {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .middle-sm {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .bottom-sm {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-sm {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .first-sm {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .last-sm {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .col-sm-shrink {
        -webkit-flex-grow: 0 !important;
        -webkit-flex-basis: auto !important;
        width: auto !important;
        flex-grow: 0 !important;
        flex-basis: auto !important;
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:992px) {

    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .col-md {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-basis: 0;
        max-width: 100%;
        width: 100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        -webkit-flex-basis: 8.333%;
        max-width: 8.333%;
        width: 8.333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        -webkit-flex-basis: 16.667%;
        max-width: 16.667%;
        width: 16.667%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-flex-basis: 25%;
        max-width: 25%;
        width: 25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        -webkit-flex-basis: 33.333%;
        max-width: 33.333%;
        width: 33.333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        -webkit-flex-basis: 41.667%;
        max-width: 41.667%;
        width: 41.667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        -webkit-flex-basis: 58.333%;
        max-width: 58.333%;
        width: 58.333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        -webkit-flex-basis: 66.667%;
        max-width: 66.667%;
        width: 66.667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-flex-basis: 75%;
        max-width: 75%;
        width: 75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        -webkit-flex-basis: 83.333%;
        max-width: 83.333%;
        width: 83.333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        -webkit-flex-basis: 91.667%;
        max-width: 91.667%;
        width: 91.667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.333%
    }

    .col-md-offset-2 {
        margin-left: 16.667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.333%
    }

    .col-md-offset-5 {
        margin-left: 41.667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.333%
    }

    .col-md-offset-8 {
        margin-left: 66.667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.333%
    }

    .col-md-offset-11 {
        margin-left: 91.667%
    }

    .start-md {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .center-md {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center
    }

    .end-md {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end
    }

    .top-md {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .middle-md {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .bottom-md {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-md {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .first-md {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .last-md {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}

@media (min-width:1200px) {

    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .col-lg {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-basis: 0;
        max-width: 100%;
        width: 100%
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        -webkit-flex-basis: 8.333%;
        max-width: 8.333%;
        width: 8.333%
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        -webkit-flex-basis: 16.667%;
        max-width: 16.667%;
        width: 16.667%
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-flex-basis: 25%;
        max-width: 25%;
        width: 25%
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        -webkit-flex-basis: 33.333%;
        max-width: 33.333%;
        width: 33.333%
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        -webkit-flex-basis: 41.667%;
        max-width: 41.667%;
        width: 41.667%
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        -webkit-flex-basis: 58.333%;
        max-width: 58.333%;
        width: 58.333%
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        -webkit-flex-basis: 66.667%;
        max-width: 66.667%;
        width: 66.667%
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-flex-basis: 75%;
        max-width: 75%;
        width: 75%
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        -webkit-flex-basis: 83.333%;
        max-width: 83.333%;
        width: 83.333%
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        -webkit-flex-basis: 91.667%;
        max-width: 91.667%;
        width: 91.667%
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.333%
    }

    .col-lg-offset-2 {
        margin-left: 16.667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.333%
    }

    .col-lg-offset-5 {
        margin-left: 41.667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.333%
    }

    .col-lg-offset-8 {
        margin-left: 66.667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.333%
    }

    .col-lg-offset-11 {
        margin-left: 91.667%
    }

    .start-lg {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .center-lg {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center
    }

    .end-lg {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end
    }

    .top-lg {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .middle-lg {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .bottom-lg {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-lg {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .first-lg {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .last-lg {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}

@media (min-width:1560px) {

    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .col-xl {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-basis: 0;
        max-width: 100%;
        width: 100%
    }

    .col-xl-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        -webkit-flex-basis: 8.333%;
        max-width: 8.333%;
        width: 8.333%
    }

    .col-xl-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        -webkit-flex-basis: 16.667%;
        max-width: 16.667%;
        width: 16.667%
    }

    .col-xl-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-flex-basis: 25%;
        max-width: 25%;
        width: 25%
    }

    .col-xl-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        -webkit-flex-basis: 33.333%;
        max-width: 33.333%;
        width: 33.333%
    }

    .col-xl-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        -webkit-flex-basis: 41.667%;
        max-width: 41.667%;
        width: 41.667%
    }

    .col-xl-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }

    .col-xl-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        -webkit-flex-basis: 58.333%;
        max-width: 58.333%;
        width: 58.333%
    }

    .col-xl-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        -webkit-flex-basis: 66.667%;
        max-width: 66.667%;
        width: 66.667%
    }

    .col-xl-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-flex-basis: 75%;
        max-width: 75%;
        width: 75%
    }

    .col-xl-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        -webkit-flex-basis: 83.333%;
        max-width: 83.333%;
        width: 83.333%
    }

    .col-xl-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        -webkit-flex-basis: 91.667%;
        max-width: 91.667%;
        width: 91.667%
    }

    .col-xl-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }

    .col-xl-offset-1 {
        margin-left: 8.333%
    }

    .col-xl-offset-2 {
        margin-left: 16.667%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-4 {
        margin-left: 33.333%
    }

    .col-xl-offset-5 {
        margin-left: 41.667%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-7 {
        margin-left: 58.333%
    }

    .col-xl-offset-8 {
        margin-left: 66.667%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-10 {
        margin-left: 83.333%
    }

    .col-xl-offset-11 {
        margin-left: 91.667%
    }
}

.row-table>.col-lg,
.row-table>.col-lg-1,
.row-table>.col-lg-10,
.row-table>.col-lg-11,
.row-table>.col-lg-12,
.row-table>.col-lg-2,
.row-table>.col-lg-3,
.row-table>.col-lg-4,
.row-table>.col-lg-5,
.row-table>.col-lg-6,
.row-table>.col-lg-7,
.row-table>.col-lg-8,
.row-table>.col-lg-9,
.row-table>.col-md,
.row-table>.col-md-1,
.row-table>.col-md-10,
.row-table>.col-md-11,
.row-table>.col-md-12,
.row-table>.col-md-2,
.row-table>.col-md-3,
.row-table>.col-md-4,
.row-table>.col-md-5,
.row-table>.col-md-6,
.row-table>.col-md-7,
.row-table>.col-md-8,
.row-table>.col-md-9,
.row-table>.col-shrink,
.row-table>.col-sm,
.row-table>.col-sm-1,
.row-table>.col-sm-10,
.row-table>.col-sm-11,
.row-table>.col-sm-12,
.row-table>.col-sm-2,
.row-table>.col-sm-3,
.row-table>.col-sm-4,
.row-table>.col-sm-5,
.row-table>.col-sm-6,
.row-table>.col-sm-7,
.row-table>.col-sm-8,
.row-table>.col-sm-9,
.row-table>.col-xs,
.row-table>.col-xs-1,
.row-table>.col-xs-10,
.row-table>.col-xs-11,
.row-table>.col-xs-12,
.row-table>.col-xs-2,
.row-table>.col-xs-3,
.row-table>.col-xs-4,
.row-table>.col-xs-5,
.row-table>.col-xs-6,
.row-table>.col-xs-7,
.row-table>.col-xs-8,
.row-table>.col-xs-9 {
    padding: 8px
}

.row-table.row-small>.col-lg,
.row-table.row-small>.col-lg-1,
.row-table.row-small>.col-lg-10,
.row-table.row-small>.col-lg-11,
.row-table.row-small>.col-lg-12,
.row-table.row-small>.col-lg-2,
.row-table.row-small>.col-lg-3,
.row-table.row-small>.col-lg-4,
.row-table.row-small>.col-lg-5,
.row-table.row-small>.col-lg-6,
.row-table.row-small>.col-lg-7,
.row-table.row-small>.col-lg-8,
.row-table.row-small>.col-lg-9,
.row-table.row-small>.col-md,
.row-table.row-small>.col-md-1,
.row-table.row-small>.col-md-10,
.row-table.row-small>.col-md-11,
.row-table.row-small>.col-md-12,
.row-table.row-small>.col-md-2,
.row-table.row-small>.col-md-3,
.row-table.row-small>.col-md-4,
.row-table.row-small>.col-md-5,
.row-table.row-small>.col-md-6,
.row-table.row-small>.col-md-7,
.row-table.row-small>.col-md-8,
.row-table.row-small>.col-md-9,
.row-table.row-small>.col-shrink,
.row-table.row-small>.col-sm,
.row-table.row-small>.col-sm-1,
.row-table.row-small>.col-sm-10,
.row-table.row-small>.col-sm-11,
.row-table.row-small>.col-sm-12,
.row-table.row-small>.col-sm-2,
.row-table.row-small>.col-sm-3,
.row-table.row-small>.col-sm-4,
.row-table.row-small>.col-sm-5,
.row-table.row-small>.col-sm-6,
.row-table.row-small>.col-sm-7,
.row-table.row-small>.col-sm-8,
.row-table.row-small>.col-sm-9,
.row-table.row-small>.col-xs,
.row-table.row-small>.col-xs-1,
.row-table.row-small>.col-xs-10,
.row-table.row-small>.col-xs-11,
.row-table.row-small>.col-xs-12,
.row-table.row-small>.col-xs-2,
.row-table.row-small>.col-xs-3,
.row-table.row-small>.col-xs-4,
.row-table.row-small>.col-xs-5,
.row-table.row-small>.col-xs-6,
.row-table.row-small>.col-xs-7,
.row-table.row-small>.col-xs-8,
.row-table.row-small>.col-xs-9 {
    padding-top: 5px;
    padding-bottom: 5px
}

.form-horizontal .form-group::after,
.form-horizontal .form-group::before {
    content: none
}

.row-small {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.row-small-extra {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important
}

.row-small.row-blocks .col-block {
    margin-bottom: 10px
}

.row-small.row-blocks {
    margin-bottom: -10px
}

.row-noborder {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.row-noborder>.col-lg,
.row-noborder>.col-lg-1,
.row-noborder>.col-lg-10,
.row-noborder>.col-lg-11,
.row-noborder>.col-lg-12,
.row-noborder>.col-lg-2,
.row-noborder>.col-lg-3,
.row-noborder>.col-lg-4,
.row-noborder>.col-lg-5,
.row-noborder>.col-lg-6,
.row-noborder>.col-lg-7,
.row-noborder>.col-lg-8,
.row-noborder>.col-lg-9,
.row-noborder>.col-md,
.row-noborder>.col-md-1,
.row-noborder>.col-md-10,
.row-noborder>.col-md-11,
.row-noborder>.col-md-12,
.row-noborder>.col-md-2,
.row-noborder>.col-md-3,
.row-noborder>.col-md-4,
.row-noborder>.col-md-5,
.row-noborder>.col-md-6,
.row-noborder>.col-md-7,
.row-noborder>.col-md-8,
.row-noborder>.col-md-9,
.row-noborder>.col-shrink,
.row-noborder>.col-sm,
.row-noborder>.col-sm-1,
.row-noborder>.col-sm-10,
.row-noborder>.col-sm-11,
.row-noborder>.col-sm-12,
.row-noborder>.col-sm-2,
.row-noborder>.col-sm-3,
.row-noborder>.col-sm-4,
.row-noborder>.col-sm-5,
.row-noborder>.col-sm-6,
.row-noborder>.col-sm-7,
.row-noborder>.col-sm-8,
.row-noborder>.col-sm-9,
.row-noborder>.col-xs,
.row-noborder>.col-xs-1,
.row-noborder>.col-xs-10,
.row-noborder>.col-xs-11,
.row-noborder>.col-xs-12,
.row-noborder>.col-xs-2,
.row-noborder>.col-xs-3,
.row-noborder>.col-xs-4,
.row-noborder>.col-xs-5,
.row-noborder>.col-xs-6,
.row-noborder>.col-xs-7,
.row-noborder>.col-xs-8,
.row-noborder>.col-xs-9 {
    padding-right: 0;
    padding-left: 0
}

.row-small .col-lg,
.row-small .col-lg-1,
.row-small .col-lg-10,
.row-small .col-lg-11,
.row-small .col-lg-12,
.row-small .col-lg-2,
.row-small .col-lg-3,
.row-small .col-lg-4,
.row-small .col-lg-5,
.row-small .col-lg-6,
.row-small .col-lg-7,
.row-small .col-lg-8,
.row-small .col-lg-9,
.row-small .col-md,
.row-small .col-md-1,
.row-small .col-md-10,
.row-small .col-md-11,
.row-small .col-md-12,
.row-small .col-md-2,
.row-small .col-md-3,
.row-small .col-md-4,
.row-small .col-md-5,
.row-small .col-md-6,
.row-small .col-md-7,
.row-small .col-md-8,
.row-small .col-md-9,
.row-small .col-shrink,
.row-small .col-sm,
.row-small .col-sm-1,
.row-small .col-sm-10,
.row-small .col-sm-11,
.row-small .col-sm-12,
.row-small .col-sm-2,
.row-small .col-sm-3,
.row-small .col-sm-4,
.row-small .col-sm-5,
.row-small .col-sm-6,
.row-small .col-sm-7,
.row-small .col-sm-8,
.row-small .col-sm-9,
.row-small .col-xs,
.row-small .col-xs-1,
.row-small .col-xs-10,
.row-small .col-xs-11,
.row-small .col-xs-12,
.row-small .col-xs-2,
.row-small .col-xs-3,
.row-small .col-xs-4,
.row-small .col-xs-5,
.row-small .col-xs-6,
.row-small .col-xs-7,
.row-small .col-xs-8,
.row-small .col-xs-9 {
    padding-right: .5rem;
    padding-left: .5rem
}

.row-small-extra .col-lg,
.row-small-extra .col-lg-1,
.row-small-extra .col-lg-10,
.row-small-extra .col-lg-11,
.row-small-extra .col-lg-12,
.row-small-extra .col-lg-2,
.row-small-extra .col-lg-3,
.row-small-extra .col-lg-4,
.row-small-extra .col-lg-5,
.row-small-extra .col-lg-6,
.row-small-extra .col-lg-7,
.row-small-extra .col-lg-8,
.row-small-extra .col-lg-9,
.row-small-extra .col-md,
.row-small-extra .col-md-1,
.row-small-extra .col-md-10,
.row-small-extra .col-md-11,
.row-small-extra .col-md-12,
.row-small-extra .col-md-2,
.row-small-extra .col-md-3,
.row-small-extra .col-md-4,
.row-small-extra .col-md-5,
.row-small-extra .col-md-6,
.row-small-extra .col-md-7,
.row-small-extra .col-md-8,
.row-small-extra .col-md-9,
.row-small-extra .col-shrink,
.row-small-extra .col-sm,
.row-small-extra .col-sm-1,
.row-small-extra .col-sm-10,
.row-small-extra .col-sm-11,
.row-small-extra .col-sm-12,
.row-small-extra .col-sm-2,
.row-small-extra .col-sm-3,
.row-small-extra .col-sm-4,
.row-small-extra .col-sm-5,
.row-small-extra .col-sm-6,
.row-small-extra .col-sm-7,
.row-small-extra .col-sm-8,
.row-small-extra .col-sm-9,
.row-small-extra .col-xs,
.row-small-extra .col-xs-1,
.row-small-extra .col-xs-10,
.row-small-extra .col-xs-11,
.row-small-extra .col-xs-12,
.row-small-extra .col-xs-2,
.row-small-extra .col-xs-3,
.row-small-extra .col-xs-4,
.row-small-extra .col-xs-5,
.row-small-extra .col-xs-6,
.row-small-extra .col-xs-7,
.row-small-extra .col-xs-8,
.row-small-extra .col-xs-9 {
    padding-right: .25rem;
    padding-left: .25rem
}

.col-xs-1>.btn {
    padding-left: 2px;
    padding-right: 2px
}

.row-small>.col-shrink {
    padding-right: .5rem;
    padding-left: .5rem
}

.col-xs-10p {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%
}

.col-xs-15p {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    max-width: 15%
}

.col-xs-20p {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%
}

.col-xs-25p {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

@media (min-width:768px) {
    .col-sm-10p {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    .col-sm-15p {
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        max-width: 15%
    }

    .col-sm-20p {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .col-sm-25p {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
}

.row-table-bordered {
    border: 1px solid #ddd;
    border-right: 0;
    border-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.row-table-bordered+.row-table-bordered {
    border-top: 0
}

.panel>.row-table-bordered {
    border-left: 0;
    border-right: 0
}

.row-table-bordered>div {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.row-table-bordered>div:last-child {
    border-right: 0
}

@media (min-width:768px) {
    .col-sm-shrink {
        -webkit-flex-grow: 0;
        flex-grow: 0;
        flex-basis: auto;
        width: auto
    }
}

.breadcrumb {
    margin: 0;
    padding: 0
}

.breadcrumb li {
    display: inline-block;
    font-size: 1.3rem
}

.breadcrumb li+li:before {
    top: -2px;
    position: relative;
    font: normal normal normal 14px/1 "Font Awesome 5 Pro";
    content: '\f105';
    color: #888
}

.breadcrumb li a {
    text-decoration: none;
    color: #888
}

.breadcrumb li a:hover {
    color: #000;
    text-decoration: underline
}

.btn-clear,
.btn-clear:active,
.btn-clear:hover,
.btn-clear:link,
.btn-clear:visited {
    background-color: #fff;
    color: #000;
    border: 1px solid #d2d2d2 !important;
    padding: 6px 12px !important
}

.btn-clear.btn-xs,
.btn-clear.btn-xs:active,
.btn-clear.btn-xs:hover,
.btn-clear.btn-xs:link,
.btn-clear.btn-xs:visited {
    padding: 1px 5px !important
}

.btn-clear.active,
.btn-clear:hover {
    background-color: #e6e6e6;
    color: #000
}

.btn-clear.dropdown-toggle {
    border-top: solid 1px #a9a9a9
}

.btn-gray {
    background-color: #eee;
    text-decoration: none;
    color: #000
}

.btn-clear:focus,
.btn-clear:hover,
.btn-gray:focus,
.btn-gray:hover,
.btn-menu:focus,
.btn-menu:hover {
    color: #000 !important
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

.carousel-indicators li {
    border-color: #d3d4d6;
    background: #d3d4d6
}

.carousel-indicators li.active {
    border-color: #53a3e0;
    background: #53a3e0
}

.btn-group {
    border-radius: 5px;
    border: 1px solid #ddd
}

.btn-group .btn {
    background: 0 0
}

.btn-group-success {
    border: 1px solid #5cb85c
}

.btn-group-gray {
    border: 1px solid #ddd
}

.btn-group-gray .button {
    background: #fff;
    border-color: #ddd !important
}

.btn-group-success .btn {
    border-color: #5cb85c !important
}

.btn-group-gray .active {
    background: #ddd
}

.btn-group-success .active {
    background: #5cb85c;
    color: #fff !important
}

@media (max-width:767px) {
    .text-xs-bold {
        font-weight: 700
    }
}

.fa,
.fab,
.fal,
.fao,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-clock:before {
    content: "\f017"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-rotate-45 {
    transform: rotate(45deg)
}

.fa-rotate-135 {
    transform: rotate(135deg)
}

/*!
 * Font Awesome Pro 5.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(/s/fonts/fa-regular-400.eot?3);src:url(/s/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/s/fonts/fa-regular-400.woff2?3) format("woff2"),url(/s/fonts/fa-regular-400.woff?3) format("woff"),url(/s/fonts/fa-regular-400.ttf?3) format("truetype")}.fa,.far{font-family:"Font Awesome 5 Pro"!important;font-weight:400}/*!
 * Font Awesome Pro 5.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(/s/fonts/fa-light-300.eot?3);src:url(/s/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/s/fonts/fa-light-300.woff2?3) format("woff2"),url(/s/fonts/fa-light-300.woff?3) format("woff"),url(/s/fonts/fa-light-300.ttf?3) format("truetype")}.fal{font-family:"Font Awesome 5 Pro"!important;font-weight:300}/*!
 * Font Awesome Pro 5.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */@font-face {
     font-family: "Font Awesome 5 Pro";
     font-style: normal;
     font-weight: 900;
     font-display: block;
     src: url(/s/fonts/fa-solid-900.eot?3);
     src: url(/s/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/s/fonts/fa-solid-900.woff2?3) format("woff2"), url(/s/fonts/fa-solid-900.woff?3) format("woff"), url(/s/fonts/fa-solid-900.ttf?3) format("truetype")
 }

 .fas {
     font-family: "Font Awesome 5 Pro" !important;
     font-weight: 900
 }

 .accordion-item {
     border-top: 1px solid rgba(0, 0, 0, .03);
     padding: 1.2rem;
     transition: background .3s
 }

 .accordion-item:first-child {
     border-top: 0
 }

 .accordion-item .accordion-title,
 .accordion-item h3 {
     position: relative;
     cursor: pointer;
     transition: color .3s;
     padding-right: 1.5rem
 }

 .accordion-item h3 {
     font-size: 1.5rem
 }

 .accordion-item .accordion-title:after,
 .accordion-item h3:after {
     border: 2px solid #000;
     border-radius: 2px;
     border-right: 0;
     border-top: 0;
     content: " ";
     display: block;
     height: .625em;
     margin-top: -.4375em;
     pointer-events: none;
     position: absolute;
     top: 50%;
     right: .2rem;
     transform: rotate(-45deg);
     transform-origin: center;
     width: .625em;
     transition: .3s
 }

 .accordion-item.in {
     background: #f1f5ff;
     border-top-color: transparent;
     border-radius: 10px
 }

 .accordion-item.in+.accordion-item {
     border-top-color: transparent
 }

 .accordion-item.in .accordion-title,
 .accordion-item.in h3 {
     color: #0383de
 }

 .accordion-item.in .accordion-title:after,
 .accordion-item.in h3:after {
     transform: rotate(135deg)
 }

 .accordion-body {
     display: none;
     padding-top: 1rem;
     font-size: 1.3rem;
     color: #8492a6
 }

 .accordion-item.in .accordion-body {
     display: block
 }

 @media (max-width:767px) {
     .accordion-item h3 {
         font-size: 1.3rem
     }
 }

 html {
     touch-action: pan-y pan-x;
     -webkit-tap-highlight-color: transparent;
     background-color: #f8f9f9 !important;
     display: flex;
     flex-direction: column;
     font-size: 14px;
     min-height: 100%
 }

 .body {
     font-size: 1.2rem;
     line-height: 1.7rem;
     background: #fff
 }

 body {
     transition: margin-top .1s;
     display: flex;
     flex-direction: column;
     flex-grow: 1
 }

 .main {
     display: flex;
     flex-grow: 1;
     flex-direction: column
 }

 html.is-view-mode body {
     margin-top: -130px
 }

 .footer-banner.cookie-banner {
     background: #fff;
     border-top: 1px solid rgba(0, 0, 0, .03)
 }

 :focus {
     outline: 0 !important
 }

 .text-white {
     color: #fff !important
 }

 .tag.is-pro {
     background: #b19be2;
     color: #fff
 }

 .tag.is-business {
     background: #f5806f;
     color: #fff
 }

 .tag.is-pro:hover {
     background: #9d82da
 }

 .tag.is-business:hover {
     background: #f15e48
 }

 .hr {
     border-bottom: 1px solid #e0e0e0;
     position: relative
 }

 .hr:after {
     content: attr(data-title);
     background: #fff;
     background: var(--background-primary);
     position: absolute;
     top: 0;
     transform: translate(-50%, -50%);
     padding: 0 1rem;
     white-space: nowrap
 }

 .device-xs-hide {
     height: auto !important;
     min-height: 667px
 }

 .device-xs-hide.marvel-device .screen {
     min-height: 667px
 }

 .device-xs-hide .hidden-xs {
     display: none
 }

 a.text-nounderline,
 a.text-nounderline:active,
 a.text-nounderline:hover,
 a.text-nounderline:link,
 a.text-nounderline:visited {
     text-decoration: none
 }

 .hero-block {
     font-size: 1.3rem;
     line-height: 2.1rem
 }

 .hero-text,
 .hero-text strong {
     line-height: 1.7
 }

 .hero-text ol,
 .hero-text ul {
     padding-left: 1.5rem
 }

 .btn-group-lg>.btn,
 .btn-lg {
     font-size: 1.25rem
 }

 .text-small {
     font-size: 1.2rem;
     line-height: 1.8rem
 }

 .hero-block h1,
 .hero-block h2,
 .hero-block h3,
 .hero-block h4,
 .hero-text h1,
 .hero-text h2,
 .hero-text h3,
 .hero-text h4 {
     color: #000
 }

 .blog-post h1,
 .blog-post h2,
 .blog-post h3,
 .blog-post h4 {
     font-weight: 600;
     text-transform: uppercase
 }

 .centered-block {
     display: flex;
     align-items: center
 }

 .hero-gradient {
     background: -webkit-linear-gradient(#fff, #fdfdfd, #f7f7f7);
     background: linear-gradient(#fff, #fdfdfd, #f7f7f7)
 }

 .hero-interface {
     background: #e1e6f2;
     padding-bottom: 0;
     background-position: center bottom;
     background-size: 100%;
     background-repeat: no-repeat
 }

 .hero-header {
     background: linear-gradient(to bottom, #fece6c, #fce3af);
     padding-bottom: 50px
 }

 .hero-header .btn-primary {
     background: #6772e5;
     transition: all .15s ease
 }

 .hero-header .btn-primary:hover {
     background: #7795f8;
     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
     transform: translateY(-1px)
 }

 .hero-header h1 {
     padding: 100px 0 50px 0;
     margin: 0;
     font-size: 4rem;
     line-height: 5rem;
     font-weight: 100;
     color: #7c0e3e;
     text-align: center
 }

 .hero-link,
 .hero-white {
     background: #fff
 }

 .hero-blue,
 .hero-blue h2 {
     background: #2b95e2;
     color: #fff
 }

 .hero-yellow {
     background: #faf2e1
 }

 .hero-grey {
     background: #f4f6f8
 }

 @media (max-width:767px) {
     .hero-grey-xs {
         background: #f4f6f8
     }
 }

 .link-pages {
     margin-right: 5px
 }

 .form-control-link a {
     text-decoration: none
 }

 .avatar {
     border-radius: 100%;
     width: 32px;
     height: 32px
 }

 .block-html a {
     min-height: 24px;
     position: relative;
     display: block;
     overflow: hidden
 }

 .block-form a *,
 .block-html a * {
     pointer-events: none
 }

 .block-html a:before {
     content: '';
     background: 0 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none
 }

 .btn-new-block,
 .label-pro-container {
     position: relative
 }

 .btn-new-block .tag,
 .tag.is-business,
 .tag.is-pro {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 0
 }

 .btn-new-block .tag {
     opacity: .8
 }

 .tag.is-business.is-inline,
 .tag.is-pro.is-inline {
     position: unset
 }

 .btn-new-block .tag:hover {
     opacity: 1
 }

 .label-pro-container .tag.is-middle {
     top: 50%;
     transform: translate(0, -50%)
 }

 div.btn-new-block {
     cursor: default
 }

 .video-container:before {
     content: '';
     background: 0 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none
 }

 .blocks-list {
     position: relative
 }

 .index-icon {
     display: flex;
     flex-direction: row;
     align-items: center;
     background: rgba(132, 146, 166, .1);
     padding: 10px;
     border-radius: 4px
 }

 .index-icon svg {
     width: 32px;
     height: 32px;
     margin-right: 10px
 }

 .index-icon h4 {
     margin: 0
 }

 .index-shadow:not(.is-loading) {
     box-shadow: 0 10px 10px rgba(0, 0, 0, .1) !important;
     transition: box-shadow .3s
 }

 .index-shadow:hover,
 .index-shadow[disabled] {
     box-shadow: none !important
 }

 .text-hightlight {
     position: relative;
     z-index: 1
 }

 .text-hightlight:after,
 .text-hightlight:before {
     content: '';
     position: absolute;
     background: #ffe628;
     width: 95%;
     height: 64%;
     z-index: -1
 }

 .text-hightlight.is-light:after,
 .text-hightlight.is-light:before {
     background: #ffe62829
 }

 .text-hightlight:before {
     left: -1px;
     top: 2px
 }

 .text-hightlight:after {
     right: 0;
     bottom: 1px
 }

 video::-moz-range-track,
 video::-webkit-media-controls {
     display: none
 }

 .index-device {
     -moz-transform: scale(.7);
     -o-transform: scale(.7);
     -ms-transform: scale(.7);
     transform: scale(.7);
     margin: -20%
 }

 .index-statistics {
     margin: 0;
     background: #7795f8;
     color: #fff
 }

 .index-statistics h1 {
     color: #fff
 }

 .index-statistics-image {
     width: 600px;
     top: -80px;
     position: relative;
     max-width: 100%;
     margin-bottom: -160px;
     box-shadow: 10px 10px 40px rgba(0, 0, 0, .1);
     border-radius: 5px
 }

 #vk_community_messages {
     z-index: 1000 !important
 }

 .app-icon {
     display: inline-block;
     font-size: 1.4rem;
     text-align: center
 }

 .app-icon img {
     box-shadow: 0 0 1px rgba(0, 0, 0, .31);
     border-radius: 13px;
     display: block;
     margin: 0 15px 10px 15px
 }

 @media (max-width:767px) {
     .app-icon img {
         margin: 0 0 10px 0
     }

     .app-block {
         display: flex;
         justify-content: space-around
     }
 }

 .form-shadow {
     background: rgba(255, 255, 255, 0);
     background: linear-gradient(to bottom, transparent 0, var(--background-secondary) 50%, var(--background-secondary) 100%)
 }

 .form-shadow-bottom {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 20
 }

 .picture {
     background: #eee;
     border-radius: 3px
 }

 .picture-container-buttons-footer .is-danger {
     bottom: 0 !important
 }

 .text-bold {
     font-weight: 700 !important
 }

 .lock-modal {
     overflow: hidden;
     position: fixed;
     height: 100%;
     width: 100%
 }

 .main-block {
     background: 0 0;
     color: #333;
     flex-grow: 1
 }

 .main-block.vue {
     display: flex;
     flex-direction: column;
     background: var(--background-secondary);
     color: var(--text-primary)
 }

 @media (max-width:767px) {
     .main-block .device .page {
         display: flex
     }

     .main-block-xs-clear {
         padding: 0
     }
 }

 #intercom-container {
     z-index: 1055 !important
 }

 .intercom-lightweight-app {
     z-index: 1999999999
 }

 .intercom-mobile-messenger-active #intercom-container {
     z-index: 1055 !important
 }

 .marvel-device-install {
     height: 500px
 }

 @media (max-width:767px) {
     #intercom-container {
         z-index: 1045 !important
     }

     .marvel-device-install {
         height: auto;
         border: 2px solid #000
     }
 }

 .main-block .device {
     flex: 1;
     flex-direction: column;
     align-self: center
 }

 .main-block .device .page {
     transform: translateZ(0);
     flex-direction: column;
     flex: 1
 }

 .device .page-container {
     max-width: 100% !important;
     padding-left: 1rem;
     padding-right: 1rem
 }

 .text-light {
     background: #faebcc
 }

 .block-arrow-left-bottom:before,
 .block-arrow-left-top:before {
     content: '';
     width: 75px;
     height: 75px;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAZCAMAAAB0BpxXAAAAn1BMVEUAAABeXl4NDQ0CAgIBAQEBAQEBAQEEBAQEBAQFBQUDAwMEBAQFBQUDAwMCAgICAgIFBQUFBQUKCgoEBAQGBgYCAgIGBgYBAQEBAQECAgIBAQECAgICAgIEBAQCAgIEBAQFBQUCAgIGBgYICAgGBgYGBgYbGxsAAAACAgIBAQECAgIAAAACAgIDAwMMDAwMDAwsLCwUFBQGBgaPj48AAAAFU3KlAAAANHRSTlMAAhPH7ObgrZ6YgFwfwrF4ZmBGOTQMBfv37tHNqJKKb1ZJPyccGAr589rZ1L26iHhYWCsPKq6iWQAAALZJREFUOMuN0VUOw0AMRdGXTJi5DXPK7P2vrVI2ML7fR5ZsI+qGBZx0akXTTrkUJhQXrhUI+61IpEUqgG/4+kmgcjTAK6EQZsqRJnkx9Qy4kYH04Ody+SET6/U0yqV1ywCbbMhTN2AkYwYrVVAsO6aC/TERCU8q97z60IOXq10mniwsClYezapjV/DoYGhOzqORXtoec6vqfE94NA202ll4vwqF/nAyVWHY2fG1UvdZY92n2YDbH+reDA5k8SyJAAAAAElFTkSuQmCC) 20px 0 no-repeat;
     position: absolute;
     left: 0;
     top: 0
 }

 .block-arrow-left-top {
     position: relative;
     padding: 12px 0 0 75px
 }

 .block-arrow-left-bottom {
     position: relative;
     padding: 0 0 12px 75px
 }

 .block-arrow-left-bottom:before {
     transform: scaleY(-1);
     top: unset;
     bottom: 0
 }

 .pac-container {
     z-index: 10000
 }

 [data-blink] {
     transition: opacity .3s
 }

 [data-blink].active {
     opacity: 0
 }

 .message-discount {
     background: #000;
     color: #fff;
     font-size: 110%;
     margin: 0;
     text-decoration: none;
     padding: .7rem 0
 }

 .message-discount span {
     color: #ffbf00
 }

 @media (max-width:767px) {

     .has-support-shift.has-form-opened .intercom-lightweight-app-launcher,
     .intercom-lightweight-app-launcher {
         bottom: 20px !important
     }

     .has-support-shift .intercom-lightweight-app-launcher {
         bottom: 80px !important
     }

     .intercom-launcher-frame,
     .intercom-lightweight-app-launcher {
         transition: bottom linear .15s !important
     }

     body.is-hide-support .intercom-lightweight-app-launcher,
     body.is-scrolled .intercom-launcher-frame,
     body.is-scrolled .intercom-lightweight-app-launcher,
     html.is-clipped .intercom-launcher-frame,
     html.is-clipped .intercom-lightweight-app-launcher,
     html.is-hide-support .intercom-lightweight-app-launcher,
     html.is-view-mode .intercom-lightweight-app-launcher {
         bottom: -70px !important
     }
 }

 .basicLightbox {
     z-index: 11111111111
 }

 .device {
     border-radius: 30px;
     background: var(--device-background);
     position: relative;
     display: inline-block;
     white-space: normal
 }

 .device .screen {
     margin: 10px;
     border-radius: 23px;
     line-height: 0
 }

 .device-main:after {
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     position: absolute;
     border: 10px solid var(--device-background);
     border-radius: 35px;
     pointer-events: none;
     clip-path: polygon(0 0, 20% 0, 20% 20px, 80% 20px, 80% 0, 100% 0, 100% 100%, 0 100%)
 }

 .device .device-html {
     margin: 10px;
     border-radius: 33px
 }

 .device .device-body {
     border-radius: 33px
 }

 @media (max-width:767px) {

     .device .device-body,
     .device .device-html {
         border-radius: 0
     }
 }

 .device .device-html .screen {
     margin: 0
 }

 .device .screen.is-clipped {
     transform: translateZ(0);
     backface-visibility: hidden
 }

 .device.is-black {
     background: var(--device-active-background)
 }

 .device.is-small .screen,
 .device.is-small .screen>* {
     width: 262px;
     height: 466px
 }

 .device.is-small .screen>* {
     transform: scale(.5);
     transform-origin: 0 0;
     min-width: 524px;
     min-height: 932px
 }

 .device.has-shadow {
     box-shadow: 0 .5rem 2rem .5rem rgba(0, 0, 0, .1)
 }

 .device.has-transparent {
     background: 0 0
 }

 @media (min-width:768px) {

     .device.is-large .is-main-page .valign.valign-top .blocks-list>div.is-empty:first-child+div,
     .device.is-large .is-main-page .valign.valign-top .blocks-list>div.is-empty:first-child+div.blocks-section.is-hover-buttons:not(.has-indent):after,
     .device.is-large .is-main-page .valign.valign-top .blocks-list>div.is-empty:first-child+div.blocks-section.is-hover-section:not(.has-indent):after,
     .device.is-large .is-main-page .valign.valign-top .blocks-list>div.is-empty:first-child+div.blocks-section.is-selected-section:not(.has-indent):after,
     .device.is-large .is-main-page .valign.valign-top .blocks-list>div.is-empty:first-child+div:before,
     .device.is-large .is-main-page .valign.valign-top .blocks-list>div.is-empty:first-child+div>div,
     .device.is-large .is-main-page .valign.valign-top .blocks-list>div.is-empty:first-child+div>div:before,
     .device.is-large .is-main-page .valign.valign-top .blocks-list>div:first-child,
     .device.is-large .is-main-page .valign.valign-top .blocks-list>div:first-child:before,
     .device.is-large .is-main-page .valign.valign-top .blocks-list>div:first-child>div,
     .device.is-large .is-main-page .valign.valign-top .blocks-list>div:first-child>div:before {
         border-top-left-radius: 25px;
         border-top-right-radius: 25px
     }

     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.blocks-section.is-last.is-hover-buttons:after,
     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.blocks-section.is-last.is-hover-section:after,
     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.blocks-section.is-last.is-selected-section:after,
     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.is-empty.is-last+div,
     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.is-empty.is-last+div:before,
     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.is-empty.is-last+div>div,
     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.is-empty.is-last+div>div:before,
     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.is-last,
     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.is-last:before,
     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.is-last>div,
     .device.is-large .is-main-page .page-background:not(.is-draging) .valign.has-rounds .blocks-list>div.is-last>div:before {
         border-bottom-left-radius: 25px;
         border-bottom-right-radius: 25px
     }

     .device .page-background,
     .device .page-background-extended,
     .device .page-background-extended:after,
     .device .page-background-extended:before,
     .device .page-background-overlay,
     .device .page-background-overlay:after,
     .device .page-background-overlay:before,
     .device .page-background:after,
     .device .page-background:before {
         border-radius: 25px
     }
 }

 .device.is-large {
     border-radius: 33px
 }

 .device.is-large .screen {
     width: 375px;
     min-height: 760px
 }

 .device.is-large .screen::before,
 .main-theme .screen::before {
     content: '';
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     position: absolute
 }

 @media (max-width:767px) {
     .device.has-transparent-mobile {
         background: 0 0
     }

     .device.is-large .screen {
         width: auto
     }

     .device.is-hide-mobile.has-shadow {
         box-shadow: none
     }

     .device.is-small .screen {
         width: 131px;
         height: 233px
     }

     .device.is-small .screen>* {
         transform: scale(.25)
     }

     .device.is-hide-mobile {
         width: 100%;
         height: auto;
         min-height: auto;
         padding: 0;
         border-radius: 0;
         background: 0 0
     }

     .device.is-hide-mobile .screen {
         border-radius: 0;
         padding: 0;
         margin: 0;
         height: auto !important;
         min-height: auto !important
     }

     .device.is-hide-mobile:after {
         display: none
     }

     .device.is-hide-mobile .screen:before {
         border-radius: 0
     }

     .device.is-preview-mobile {
         margin-bottom: 1rem
     }

     .device.is-preview-mobile .theme-main {
         box-shadow: inset 0 0 0 3px #111;
         width: auto !important
     }
 }

 .device-pictures-form {
     overflow: hidden;
     position: relative
 }

 .device-pictures-form .form-shadow-bottom {
     height: 20px
 }

 @media (max-width:767px) {
     .marvel-device-pictures {
         height: auto !important
     }
 }

 .device-pictures-form .screen {
     min-height: auto !important
 }

 @media (max-width:767px) {
     .device-pictures-form-pictures {
         margin: 0 -1rem !important
     }
 }

 @media (min-width:768px) {

     .device.is-large .screen,
     .device.is-large .screen .theme-main,
     .device.is-large .screen::before {
         border-radius: 25px
     }

     .device-pictures-form {
         padding-top: 2rem
     }

     .device-pictures-form .device {
         border-bottom-right-radius: 0;
         border-bottom-left-radius: 0
     }

     .device-pictures-form .screen {
         background: #eff2f7;
         border-bottom-left-radius: 0 !important;
         border-bottom-right-radius: 0 !important;
         margin-bottom: 0
     }

     .device-pictures-form .slider-pictures .slider-slide {
         margin-top: 50px
     }
 }

 .examples-icon {
     width: 64px;
     height: 64px
 }

 .examples-title {
     background: #fff
 }

 .examples-container {
     padding: 5rem 0 0 0
 }

 .examples-block {
     height: 450px;
     overflow: hidden
 }

 .examples-shadow {
     content: '';
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 100%);
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 100%);
     height: 10px;
     position: relative;
     margin-bottom: -10px;
     top: -10px;
     z-index: 999;
     opacity: .4
 }

 .examples-columns {
     display: flex;
     justify-content: space-evenly;
     width: calc(100vw / 5 * 7);
     min-width: calc(300px * 7);
     margin-left: calc((100vw - (100vw / 5 * 7))/ 2);
     transition: .2s ease-in
 }

 @media (max-width:1500px) {
     .examples-columns {
         margin-left: calc((100vw - (300px * 7))/ 2)
     }
 }

 .examples-columns .device .screen {
     width: 262px;
     height: 466px
 }

 .examples-columns .device .screen>* {
     transform: scale(.5);
     transform-origin: 0 0;
     min-width: 524px;
     min-height: 932px
 }

 .examples-columns .row {
     width: 250%;
     transform: translate3d(-25.85%, 0, 0)
 }

 @media (max-width:1400px) {
     .examples-columns .row {
         width: 350%;
         transform: translate3d(-31.6%, 0, 0)
     }
 }

 @media (max-width:870px) {
     .examples-columns .device .screen {
         width: 184px;
         height: 326px
     }

     .examples-block {
         height: 300px
     }

     .examples-columns {
         min-width: calc(220px * 7);
         margin-left: calc((100vw - (220px * 7))/ 2)
     }

     .examples-columns .device .screen>* {
         transform: scale(.35)
     }
 }

 .examples-columns .examples-block {
     transition: 1.2s ease-in-out;
     transform: translate(0, 30%);
     position: relative
 }

 .examples-columns .examples-block:nth-child(4n) {
     transition: .5s
 }

 .examples-columns .examples-block:nth-child(3n),
 .examples-columns .examples-block:nth-child(5n) {
     transition: .8s
 }

 .examples-columns .examples-block:nth-child(6n) {
     transition: 1.2s
 }

 .examples-columns.in .examples-block {
     transform: translate(0, 0)
 }

 .faq-item {
     margin-bottom: 1rem;
     border-radius: 2px;
     position: relative
 }

 .faq-item img {
     border: 2px solid #6c6c6c;
     border-radius: 2px;
     box-shadow: 0 0 15px 0 rgba(132, 146, 166, .1)
 }

 a.faq-item {
     color: #919daf;
     padding: 1rem;
     margin-bottom: 1rem
 }

 .faq-item.is-active,
 div.faq-item>div {
     background: #fff !important;
     box-shadow: 0 0 15px 0 rgba(132, 146, 166, .1);
     cursor: pointer
 }

 div.faq-item>div {
     padding: 1.5rem
 }

 a.faq-item.is-active {
     color: #0383de
 }

 a.faq-item:hover {
     background: rgba(255, 255, 255, .6)
 }

 .faq-item .fal.is-pulled-left {
     padding: 5px;
     margin-right: 10px
 }

 div.faq-item>div+div.faq-item>div {
     padding-top: 1.5rem
 }

 a.faq-item+a.faq-item {
     padding-top: 1rem
 }

 .faq-item dt {
     font-weight: 400;
     color: #000
 }

 div.faq-item>div {
     padding-left: 4rem
 }

 .faq-item dd {
     display: none;
     line-height: 1.8
 }

 .faq-item.in dd {
     display: block;
     margin: 1rem 0 2rem 3.5rem
 }

 @media (max-width:767px) {
     div.faq-item.in dd {
         margin-left: 0
     }
 }

 .faq-item.collapse-item .collapse-icon,
 .faq-item.collapse-item+.faq-item.collapse-item .collapse-icon {
     top: 1.7rem;
     left: 1.5rem
 }

 .is-faq-searching .col-menu {
     display: none
 }

 .is-faq-searching .menu {
     opacity: .4 !important;
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     pointer-events: none
 }

 .guide-panel,
 .guide-panel:active,
 .guide-panel:hover,
 .guide-panel:link,
 .guide-panel:visited {
     background: #fff;
     padding: 20px;
     display: block;
     text-decoration: none;
     color: #000;
     border-top: 4px solid #1fb6ff;
     border-radius: 2px;
     margin-bottom: 15px;
     transition: all .15s ease
 }

 .guide-browswer {
     border-radius: 6px;
     overflow: hidden;
     box-shadow: 0 4px 6px rgba(0, 0, 0, .27);
     border: 3px solid #e5e5e5
 }

 .guide-panel:hover {
     top: -2px;
     position: relative
 }

 .guide-panel-snippet {
     height: 100px;
     padding-top: 10px;
     font-size: 1.7rem;
     opacity: .5
 }

 .guide-panel-link {
     color: #1fb6ff;
     text-transform: uppercase;
     font-weight: 700
 }

 .guide-panel-link .fa {
     margin-left: 10px
 }

 .guide-panel:hover {
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
 }

 .guide-page .video-container {
     padding-top: 58.928571%
 }

 .guide-page .video-container-ipad {
     padding-top: 75%
 }

 .guide-link,
 .guide-link:active,
 .guide-link:hover,
 .guide-link:link,
 .guide-link:visited {
     display: block;
     padding: 15px;
     border: 1px solid rgba(0, 0, 0, .1);
     border-radius: 2px;
     background: #fff;
     font-size: 1.6rem;
     transition: all .15s ease;
     text-decoration: none;
     position: relative;
     color: #000;
     line-height: 34px
 }

 .guide-link .fa {
     background: #19c44b;
     width: 32px;
     height: 32px;
     color: #fff;
     border-radius: 50%;
     text-align: center;
     line-height: 32px;
     font-size: 20px;
     margin-right: 10px
 }

 .guide-link:before {
     content: "\f105";
     font: normal normal normal 14px/1 "Font Awesome 5 Pro";
     position: absolute;
     right: 20px;
     top: 0;
     bottom: 0;
     line-height: 64px;
     font-size: 24px;
     color: #000
 }

 .guide-link:hover {
     box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
     text-decoration: none;
     color: #000
 }

 .guide-related {
     display: block;
     font-size: 1.7rem;
     text-decoration: underline
 }

 .btn-guide {
     padding: 16px;
     position: relative;
     color: #4d4c50;
     justify-content: flex-start;
     height: auto;
     background: #fff;
     border-color: #dbdbdb;
     box-shadow: 0 3px 8px 0 rgb(116 129 141 / 10%)
 }

 .btn-guide:after {
     color: #1fb6ff;
     font: normal normal normal 14px/1 "Font Awesome 5 Pro";
     content: '\f105';
     position: absolute;
     right: 20px;
     font-weight: 200;
     font-size: 1.8rem;
     line-height: 1.6rem;
     -webkit-transition: all 90ms ease-out 0s;
     -moz-transition: all 90ms ease-out 0s;
     transition: all 90ms ease-out 0s
 }

 .btn-guide:hover:after {
     right: 15px
 }

 .guide-group-title {
     display: flex;
     margin-bottom: 30px
 }

 .guide-group-icon {
     flex-basis: 100px;
     flex-shrink: 0;
     text-align: left;
     line-height: 0
 }

 .guide-group-body {
     align-self: center;
     line-height: 1.3
 }

 .guide-group-body h2 {
     margin-bottom: .5rem
 }

 .hero-guide {
     padding: 1rem;
     background: #fff
 }

 .guide-modal {
     background-color: #f8f9f9;
     border: 1px solid #e9edef;
     border-radius: 4px;
     padding: 1rem;
     margin: 1rem 0;
     pointer-events: none
 }

 .guide-modal .modal {
     position: relative;
     top: auto;
     right: auto;
     bottom: auto;
     left: auto;
     z-index: 1;
     display: block
 }

 .guide-modal .modal .modal-content {
     border-radius: 6px;
     border: 1px solid rgba(0, 0, 0, .2);
     max-height: 100%
 }

 .guide-modal .modal .modal-dialog {
     position: relative;
     margin: 15px auto
 }

 header a {
     font-size: 1.1rem
 }

 @media (max-width :620px) {
     header a {
         font-size: 1rem
     }
 }

 header.is-top a.signin .fab {
     margin-right: .75em
 }

 header.is-top a.logo {
     font-size: 2rem;
     font-weight: 800;
     color: #798b94;
     line-height: 0;
     color: #fff;
     margin-top: 20px;
 }

 header.is-top a.logo.is-image-logo {
     height: 30px;
     display: block;
     text-decoration: unset;
 }
  header.is-top a.logo.is-image-logo .img-logo{
    width: 10%;
    display: block;
  }

 .is-header-white {
     background: #fff
 }

 .is-header-grey {
     background: #f8f9f9 !important
 }

 header.is-top>.container {
     transition: transform .3s;
     height: 60px
 }

 .index-button-arrow {
     margin-left: 1rem !important;
     opacity: .7;
     left: 0;
     position: relative;
     transition: all .2s
 }

 .button:hover .index-button-arrow {
     left: 5px;
     opacity: 1
 }

 .has-header-white header.is-top.is-relative .header-links li>a {
     color: #fff
 }

 .has-header-white header.is-relative {
     background: 0 0
 }

 .footer-banner,
 .header-banner {
     background: #fff
 }

 @keyframes headertoggle {
     from {
         transform: translate3d(0, -60px, 0)
     }

     to {
         transform: translate3d(0, 0, 0)
     }
 }

 @media (max-width:767px) {
     header:not(.is-relative) a.logo {
         color: #798b94 !important
     }

     header:not(.is-relative) a.logo.is-image-logo {
         background: #000
     }

     header:not(.is-relative) .button {
         display: none
     }

     header:not(.is-relative) .button.is-relative-header-button {
         display: inline-flex !important
     }

     header.is-top:not(.is-auth):not(.is-relative) {
         -webkit-backdrop-filter: saturate(180%) blur(20px);
         backdrop-filter: saturate(180%) blur(20px);
         background: rgba(247, 247, 247, .8)
     }

     header.is-top:not(.is-relative) {
         position: fixed !important;
         z-index: 1020 !important;
         top: 0;
         left: 0;
         right: 0
     }

     header.is-top:not(.is-relative)+div {
         height: 60px
     }

     header.is-top a.logo.is-image-logo {
         background: #000
     }

     .has-header-white header.is-top.is-relative a.logo.is-image-logo {
         background: #fff
     }

     header.is-top:not(.is-relative)+em {
         display: block;
         height: 60px
     }

     .is-auth>.container {
         background: #fff;
         background: var(--background-primary)
     }

     header.is-top:not(.is-relative):not(.is-auth) {
         animation: headertoggle .2s
     }

     header.is-top:not(.is-relative):not(.is-auth)>.container {
         box-shadow: 0 0 4px rgba(170, 170, 170, .3)
     }

     header.is-top:not(.is-relative):not(.is-auth)>.container>div {
         border-bottom: none !important
     }
 }

 html.is-view-mode header.is-top {
     margin-top: -60px
 }

 header.is-top .container>div {
     height: 60px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     transition: .3s
 }

 header.is-top .container>div>div {
     display: flex;
     justify-content: center
 }

 header.is-top .container>div.is-form-header {
     display: flex;
     visibility: hidden;
     pointer-events: none;
     opacity: 0
 }

 header.is-top .container>div.is-form-header>div:first-child {
     overflow: hidden;
     white-space: nowrap
 }

 header.is-top .container>div.is-form-header>div:first-child h4 {
     overflow: hidden;
     text-overflow: ellipsis
 }

 header.is-top .container>div.is-form-header .buttons {
     white-space: nowrap;
     flex-shrink: 0
 }

 header.is-top ul {
     margin-bottom: 0;
     padding: 0;
     float: right;
     z-index: 2;
     position: relative;
     display: flex
 }

 header.is-top li {
     display: inline-block;
     display: flex;
     align-items: center
 }

 a.langs-button {
     display: inline-block !important
 }

 .tooltip-menu.langs .iti-flag,
 a.langs-button .iti-flag {
     top: 2px;
     margin-right: 5px;
     position: relative;
     display: inline-block
 }

 footer .langs .iti-flag {
     box-shadow: none
 }

 .main>footer {
     padding: 40px 0 33px 0;
     background: #273444;
     --footer-background: #273444;
     color: #fff
 }

 .main>footer h4 {
     text-transform: uppercase;
     font-weight: 600;
     font-size: 1.1rem;
     margin: .7rem 0
 }

 .main>footer a,
 .main>footer a:active,
 .main>footer a:hover,
 .main>footer a:link,
 .main>footer a:visited {
     color: #8492a6;
     font-size: 1.1rem;
     padding-top: 5px;
     display: block;
     text-decoration: none
 }

 .main>footer a:hover {
     transition: color .15s ease
 }

 .main>footer a:hover {
     color: #fff
 }

 .header-dropdown {
     position: relative
 }

 .header-dropdown .header-dropdown-content {
     position: absolute;
     min-width: 450px;
     top: 50px;
     left: 50%;
     transform: translate(-50%, 0);
     z-index: 1000;
     pointer-events: none
 }

 .header-dropdown .header-dropdown-content>div {
     background-color: #fff;
     box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
     will-change: opacity, transform;
     opacity: 0;
     transition: all .25s ease 0s
 }

 .header-dropdown-body>a {
     padding: 2rem !important;
     margin: 0 !important;
     border-top: 1px solid #e7e9ec !important;
     cursor: pointer
 }

 .header-dropdown .header-dropdown-content>div a {
     line-height: 1.1;
     font-size: 1rem;
     color: #858f9a
 }

 .header-dropdown .header-dropdown-content>div:before {
     content: '';
     background: #fff;
     width: 15px;
     height: 15px;
     display: block;
     position: absolute;
     z-index: 1000;
     top: 0;
     left: 50%;
     transform: translate(-50%, -50%) rotate(45deg);
     border-radius: 4px 0 0 0
 }

 .header-dropdown .header-dropdown-content .header-dropdown-body h4 {
     transition: color .25s ease 0s;
     padding: .2rem 0 .5rem 0
 }

 @media (max-width:1023px) {
     .header-dropdown-content>div {
         border: 1px solid #e7e9ec
     }

     .header-dropdown.in .header-dropdown-content {
         pointer-events: all
     }

     .header-dropdown.in .header-dropdown-content>div {
         opacity: 1
     }

     .header-dropdown-head {
         padding: 1rem 1.5rem;
         display: flex;
         justify-content: space-between;
         align-items: center
     }

     .header-dropdown-head h4 {
         color: #858f9a;
         text-transform: uppercase;
         font-size: 1rem
     }

     .header-dropdown-foot {
         display: flex;
         background: #b7bec51f;
         border-top: 1px solid #e7e9ec;
         flex-direction: column
     }

     .header-dropdown-foot a {
         padding: 1.5rem
     }

     .header-dropdown .header-dropdown-content .header-dropdown-body h4 {
         padding: .1rem 0 .2rem 0
     }
 }

 @media (min-width:1024px) {
     .header-dropdown-body>a:first-child {
         border-top: 0 !important
     }

     .header-dropdown .header-dropdown-content {
         perspective: 300px;
         perspective-origin: 50% 0
     }

     .header-dropdown:hover .header-dropdown-content {
         pointer-events: all
     }

     .header-dropdown .header-dropdown-content>div {
         transform: rotateX(-5deg)
     }

     .header-dropdown:hover .header-dropdown-content>div {
         opacity: 1;
         transform: scaleX(1.11) scaleY(1.06)
     }

     .header-dropdown-foot,
     .header-dropdown-head {
         display: none
     }
 }

 .header-dropdown-icon {
     width: 48px;
     height: 48px;
     position: relative;
     border-radius: 50%;
     transition: all .25s ease 0s
 }

 .header-dropdown-icon:before {
     left: 50%;
     top: 50%;
     position: absolute;
     transform: translate(-50%, -50%);
     font-size: 20px;
     transition: all .25s ease 0s
 }

 .header-links li {
     background: 0 0
 }

 .header-links li>a {
     color: #273444;
     text-decoration: none;
     background: 0 0;
     border: 0
 }

 .is-app.is-dark-mode header.is-top:not(.is-relative):not(.is-auth):not(.is-relative) {
     background: rgba(36, 36, 36, .8)
 }

 .is-app.is-dark-mode header.is-top:not(.is-relative):not(.is-auth) a.logo.is-image-logo {
     background: #fff
 }

 .is-app.is-dark-mode header.is-top:not(.is-relative):not(.is-auth) .header-links li>a {
     color: #fff
 }

 .header-dropdown a:hover .header-dropdown-icon {
     background: #858f9a5e !important
 }

 .header-dropdown a:hover .header-dropdown-icon:before,
 .header-dropdown a:hover h4 {
     color: #273444 !important
 }

 .is-blue .header-dropdown-icon {
     background: #00b8ff5e
 }

 .is-blue .header-dropdown-icon:before,
 .is-blue h4 {
     color: #00b8ff
 }

 .is-darkblue .header-dropdown-icon {
     background: #7795f85e
 }

 .is-darkblue .header-dropdown-icon:before,
 .is-darkblue h4 {
     color: #7795f8
 }

 .is-green .header-dropdown-icon {
     background: #cdfcca
 }

 .is-green .header-dropdown-icon:before,
 .is-green h4 {
     color: #00ad75
 }

 .is-orange .header-dropdown-icon {
     background: #f5be585e
 }

 .has-text-orange,
 .is-orange .header-dropdown-icon:before,
 .is-orange h4 {
     color: #ef9d19
 }

 .is-yellow .header-dropdown-icon {
     background: #ffd4005e
 }

 .has-text-yellow,
 .is-yellow .header-dropdown-icon:before,
 .is-yellow h4 {
     color: #ffd400
 }

 .is-purple .header-dropdown-icon {
     background: #f6a4eb5e
 }

 .has-text-yellow,
 .is-purple .header-dropdown-icon:before,
 .is-purple h4 {
     color: #f6a4eb
 }

 @media (max-width:1023px) {
     .header-dropdown {
         position: inherit
     }

     .header-dropdown .header-dropdown-content {
         min-width: inherit;
         left: 10px;
         right: 10px;
         top: 10px;
         transform: none;
         position: absolute
     }

     .header-dropdown .header-dropdown-content>div:before {
         display: none
     }

     .header-dropdown-body>a {
         padding: 1.5rem !important
     }
 }

 .is-submenu,
 .is-submenu-toolbar {
     padding: 10px 0
 }

 .is-submenu-toolbar>div {
     display: flex;
     justify-content: space-between
 }

 .is-submenu {
     position: relative
 }

 .is-submenu::after {
     content: '';
     background: linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to left, var(--background-primary) 0, transparent 100%);
     width: 80px;
     height: 100%;
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     pointer-events: none
 }

 .is-submenu.without-shadow::after {
     content: unset
 }

 .is-submenu.is-breadcrumbs {
     display: flex;
     flex-direction: row;
     align-items: center;
     transform: translate(0, 0)
 }

 .is-submenu.is-breadcrumbs .button+.button {
     margin-left: 1rem
 }

 .is-submenu.is-breadcrumbs>.is-right {
     z-index: 1;
     text-align: right;
     margin-left: auto !important;
     text-decoration: none
 }

 .is-submenu.is-breadcrumbs>.is-right:hover {
     text-decoration: none;
     cursor: pointer
 }

 .is-submenu.is-breadcrumbs>.is-right:before {
     content: none !important
 }

 .is-submenu.is-breadcrumbs>:not(:first-child):before {
     content: "\f054";
     font-family: "Font Awesome 5 Pro";
     font-weight: 400;
     margin: 0 calc(1rem + 10px) 0 -1rem;
     color: var(--text-menu);
     width: 0
 }

 .is-submenu.is-breadcrumbs>a {
     background: 0 0 !important
 }

 .is-submenu.is-breadcrumbs>:not(:first-child) {
     cursor: default
 }

 .is-submenu.is-breadcrumbs>a:hover {
     text-decoration: underline;
     color: var(--link-hover-color)
 }

 .is-submenu .button,
 .is-submenu-toolbar .button {
     border: 0;
     padding: 5px 10px;
     height: auto;
     margin: 0;
     vertical-align: unset
 }

 .is-submenu .button:not(.is-light):not(.is-black),
 .is-submenu-toolbar .button:not(.is-light):not(.is-black) {
     background: 0 0;
     color: var(--text-menu)
 }

 .is-submenu .button:not(.is-light):not(.is-black):hover,
 .is-submenu-toolbar .button:not(.is-light):not(.is-black):hover {
     color: var(--text-menu-hover)
 }

 .is-submenu .button.active:not(.is-light):not(.is-black),
 .is-submenu-toolbar .button:not(.is-light):not(.is-black) {
     background: var(--background-selected);
     color: var(--text-menu)
 }

 .is-submenu .button+.button,
 .is-submenu-toolbar .button+.button {
     margin-left: .5rem
 }

 @media (max-width:767px) {

     .is-submenu,
     .is-submenu-toolbar {
         margin: 0 -1rem
     }

     .is-submenu .button:first-child,
     .is-submenu-toolbar>div:first-child {
         margin-left: 1rem
     }

     .is-submenu-toolbar>div:last-child {
         margin-right: 1rem
     }
 }

 .alert-header {
     margin: 0 !important;
     text-align: center;
     padding: 10px 15px;
     border-left: 0;
     border-right: 0;
     border-radius: 0;
     border-bottom: 1px solid #f0e6e0;
     color: #8a6d3b;
     color: var(--text-warning);
     z-index: 1024
 }

 .is-app.is-dark-mode .alert-header {
     border-bottom-color: rgba(255, 255, 255, .1)
 }

 .alert-header a:not(.button),
 .alert-header a:not(.button):active,
 .alert-header a:not(.button):hover,
 .alert-header a:not(.button):link,
 .alert-header a:not(.button):visited {
     color: #a94442;
     text-decoration: underline
 }

 .alert-header a.text-black {
     color: #000
 }

 .footer-socials a {
     display: inline-block !important
 }

 .footer-socials a .fa {
     transition: all .3s ease-out;
     border-radius: 4px;
     margin-right: 5px;
     height: 36px;
     line-height: 36px;
     width: 36px;
     text-align: center;
     background: #48576e;
     color: var(--footer-background);
     font-size: 19px
 }

 .footer-socials .fa-fb-o:before,
 .footer-socials .fa-ig:before {
     font-size: 21px;
     line-height: 21px
 }

 .footer-socials .fa-ig:before {
     top: 1px;
     position: relative
 }

 .footer-socials .fa-yt:before {
     font-size: 23px;
     line-height: 23px;
     top: 1px;
     position: relative
 }

 .footer-socials .fa-tg:before {
     position: relative;
     right: 1px;
     top: 1px;
     font-size: 21px;
     line-height: 19px
 }

 .footer-socials .fa-vk:before {
     font-size: 28px;
     line-height: 19px;
     top: 4px;
     position: relative
 }

 .footer-socials a:hover .fa {
     background: #34b7f1;
     color: #fff;
     box-shadow: 0 10px 30px rgb(52 183 241 / 35%)
 }

 .panel {
     background-color: var(--background-primary);
     border: 1px solid transparent;
     border-radius: 2px;
     position: relative
 }

 .panel-default {
     border-color: var(--table-border)
 }

 .panel .buttons.is-right .button {
     margin-right: 0 !important
 }

 .panel-grey {
     background: var(--background-form-field-color)
 }

 @media (max-width:767px) {
     .panel {
         margin: 0 -1rem;
         border-radius: 0;
         border-left: 0;
         border-right: 0
     }
 }

 .panel>mx-item:last-child {
     border-bottom: 0
 }

 .panel-row {
     border-top: 1px solid #e9edef;
     border-bottom: 1px solid #e9edef;
     border-color: var(--table-border)
 }

 @media (min-width:768px) {
     .panel.is-hoverable .panel-row:not(.inactive):hover {
         background-color: var(--table-hover-background);
         cursor: pointer
     }
 }

 .panel-row+.panel-row {
     margin-top: -1px
 }

 .panel-row:last-child {
     border-bottom: 0
 }

 .panel-row:first-child {
     margin-top: -1px
 }

 .panel-row>div {
     padding: 1rem;
     border-color: var(--table-border);
     display: flex
 }

 .panel-row-reordering,
 .panel-row.smooth-dnd-ghost {
     background-color: var(--background-primary);
     border-top: 1px solid var(--table-border);
     border-bottom: 1px solid var(--table-border);
     color: var(--text-primary)
 }

 .panel-row.is-link {
     cursor: pointer;
     color: var(--text-link)
 }

 .profiles-grid {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: (minmax(210px, 1fr)) [auto-fill];
     grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
     grid-gap: 1rem
 }

 .profiles-grid>div {
     box-shadow: 0 1px 2px 0 var(--shadow-color);
     border-radius: 7px;
     position: relative;
     cursor: pointer;
     transition: all .15s ease;
     transform: translate(0, 0)
 }

 .profiles-grid>div:not(.skeleton) {
     background-color: var(--background-primary);
     background-size: 100%;
     background-repeat: no-repeat
 }

 .profiles-grid .item .inner {
     position: absolute;
     top: 40%;
     left: 50%;
     color: #fff;
     text-align: center;
     z-index: 1;
     font-size: 1.2rem;
     transform: translate(-50%, -50%);
     opacity: 0;
     transition: opacity .2s ease
 }

 .profiles-grid .item.is-loading .inner {
     color: transparent
 }

 .profiles-grid .item .inner .fa {
     font-size: 1rem
 }

 .profiles-grid>div:after {
     content: '';
     display: block;
     margin-top: 177%;
     z-index: 1
 }

 .profiles-grid .item:before {
     content: '';
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 90px;
     border-radius: 6px 6px 0 0;
     transition: opacity .2s ease
 }

 .profiles-grid .item.is-transfer-pending:before {
     background-color: #000;
     opacity: .5
 }

 .profiles-grid .footer {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 90px;
     background: var(--background-primary);
     color: var(--text-primary);
     padding: 10px;
     border-top: 1px solid var(--border-primary);
     border-radius: 0 0 6px 6px
 }

 .profiles-grid .footer>div:first-child {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center
 }

 .profiles-grid .footer .button {
     padding: 0;
     border: 0;
     background: unset
 }

 .profiles-grid .footer .button .fa {
     font-size: 1.3rem;
     transition: opacity .2s ease;
     opacity: 0
 }

 .profiles-grid .is-new-profile>div {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     transform: translate(0, -50%);
     text-align: center
 }

 .profiles-grid .is-new-profile em {
     width: 4rem;
     height: 4rem;
     font-family: "Font Awesome 5 Pro";
     font-weight: 300;
     padding: 0;
     border-width: 0;
     background: 0 0;
     line-height: 5rem;
     color: #000;
     font-style: normal;
     display: block;
     margin: 0 auto 1rem auto;
     transform: scale(1);
     transition: .2s transform ease
 }

 .profiles-grid .is-new-profile:hover em {
     transform: scale(1.1)
 }

 .profiles-grid .is-title {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .profiles-grid .is-new-profile em:before {
     content: "\f067";
     height: 4rem;
     width: 4rem;
     font-size: 1.7rem;
     line-height: 4rem;
     text-align: center;
     display: block;
     border-radius: 100%;
     background: var(--background-selected);
     color: var(--text-primary)
 }

 .profiles-grid .is-new-profile.is-creating em {
     animation: fa-spin 2s linear infinite
 }

 .profiles-grid .is-new-profile.is-creating em:before {
     content: "\f3f4"
 }

 .profiles-grid .is-ai {
     background: url(/s/i/ai/ai-static.svg) no-repeat center 60px
 }

 @media (max-width:767px) {
     .profiles-grid {
         -ms-grid-columns: (minmax(150px, 1fr)) [auto-fill];
         grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))
     }

     .profiles-grid .item .footer>div:first-child .fa {
         opacity: 1
     }

     .profiles-grid .is-ai {
         background-position: center 30px
     }
 }

 @media (min-width:768px) {
     .profiles-grid .item:not(.is-transfer-pending):hover {
         box-shadow: 0 2px 14px 0 var(--shadow-color);
         top: -1px
     }

     .profiles-grid .item:not(.is-transfer-pending):hover:before {
         background-color: #000;
         opacity: .8;
         z-index: 1
     }

     .profiles-grid .item:not(.is-transfer-pending):hover .inner {
         opacity: 1
     }

     .profiles-grid .item:hover .footer>div:first-child .fa {
         opacity: 1
     }
 }

 .profiles-grid .item.is-loading:before {
     background-color: #000;
     opacity: .8
 }

 .profiles-grid .item.is-loading .inner {
     opacity: 1;
     width: 3rem;
     height: 3rem
 }

 .profiles-grid .item.is-loading .inner:before {
     content: "\f3f4";
     font-family: "Font Awesome 5 Pro";
     position: absolute;
     color: #fff;
     font-size: 1.2rem;
     font-size: 2rem;
     animation: fa-spin 2s linear infinite;
     opacity: .7;
     width: 3rem;
     height: 3rem;
     left: 0;
     top: 0
 }

 .profiles-grid .item:.is-loading .inner-body {
     display: none
 }

 .scrolling-container {
     overflow-y: hidden;
     scrollbar-width: none
 }

 .scrolling-container>* {
     display: flex;
     -webkit-overflow-scrolling: touch;
     padding-bottom: 100px;
     margin-bottom: -100px;
     scrollbar-width: none
 }

 @media screen and (min-width:768px) {
     .scrolling-container>* {
         overflow-x: scroll
     }
 }

 .scrolling-container>*>* {
     scroll-snap-align: center
 }

 .scrolling-container::-webkit-scrollbar,
 .scrolling-container>::-webkit-scrollbar {
     display: none
 }

 .sidebar-menu a {
     display: block;
     padding: 10px;
     color: var(--text-primary)
 }

 .sidebar-menu a:hover {
     color: var(--text-black)
 }

 .sidebar-menu a.active {
     background: var(--background-selected);
     border-radius: 4px;
     display: flex;
     flex-direction: row;
     justify-content: space-between
 }

 .sidebar-menu a.active:after {
     font-family: "Font Awesome 5 Pro";
     content: '\f054'
 }

 .tippy-box[data-animation=fade][data-state=hidden] {
     opacity: 0
 }

 [data-tippy-root] {
     max-width: calc(100vw - 10px);
     user-select: none
 }

 .tippy-box {
     position: relative;
     background-color: #333;
     color: #fff;
     border-radius: 4px;
     font-size: 14px;
     line-height: 1.4;
     outline: 0;
     transition-property: transform, visibility, opacity
 }

 .tippy-box[data-placement^=top]>.tippy-arrow {
     bottom: 0
 }

 .tippy-box[data-placement^=top]>.tippy-arrow:before {
     bottom: -7px;
     left: 0;
     border-width: 8px 8px 0;
     border-top-color: initial;
     transform-origin: center top
 }

 .tippy-box[data-placement^=bottom]>.tippy-arrow {
     top: 0
 }

 .tippy-box[data-placement^=bottom]>.tippy-arrow:before {
     top: -7px;
     left: 0;
     border-width: 0 8px 8px;
     border-bottom-color: initial;
     transform-origin: center bottom
 }

 .tippy-box[data-placement^=left]>.tippy-arrow {
     right: 0
 }

 .tippy-box[data-placement^=left]>.tippy-arrow:before {
     border-width: 8px 0 8px 8px;
     border-left-color: initial;
     right: -7px;
     transform-origin: center left
 }

 .tippy-box[data-placement^=right]>.tippy-arrow {
     left: 0
 }

 .tippy-box[data-placement^=right]>.tippy-arrow:before {
     left: -7px;
     border-width: 8px 8px 8px 0;
     border-right-color: initial;
     transform-origin: center right
 }

 .tippy-box[data-inertia][data-state=visible] {
     transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
 }

 .tippy-arrow {
     width: 16px;
     height: 16px;
     color: #333
 }

 .tippy-arrow:before {
     content: "";
     position: absolute;
     border-color: transparent;
     border-style: solid
 }

 .tippy-content {
     position: relative;
     padding: .5rem;
     z-index: 1
 }

 .tippy-box[data-theme~=light] {
     color: #26323d;
     box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
     background-color: #fff
 }

 .tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
     border-top-color: #fff
 }

 .tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
     border-bottom-color: #fff
 }

 .tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
     border-left-color: #fff
 }

 .tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
     border-right-color: #fff
 }

 .tippy-box[data-theme~=light]>.tippy-backdrop {
     background-color: #fff
 }

 .tippy-box[data-theme~=light]>.tippy-svg-arrow {
     fill: #fff
 }

 .tippy-box[data-theme~=danger] {
     color: #fff;
     box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
     background-color: #f15e48
 }

 .tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow:before {
     border-top-color: #f15e48
 }

 .tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow:before {
     border-bottom-color: #f15e48
 }

 .tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow:before {
     border-left-color: #f15e48
 }

 .tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow:before {
     border-right-color: #f15e48
 }

 .tippy-box[data-theme~=danger]>.tippy-backdrop {
     background-color: #f15e48
 }

 .tippy-box[data-theme~=danger]>.tippy-svg-arrow {
     fill: #f15e48
 }

 .tippy-box[data-placement^=top]>.tippy-svg-arrow {
     bottom: 0
 }

 .tippy-box[data-placement^=top]>.tippy-svg-arrow:after,
 .tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
     top: 16px;
     transform: rotate(180deg)
 }

 .tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
     top: 0
 }

 .tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
     bottom: 16px
 }

 .tippy-box[data-placement^=left]>.tippy-svg-arrow {
     right: 0
 }

 .tippy-box[data-placement^=left]>.tippy-svg-arrow:after,
 .tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
     transform: rotate(90deg);
     top: calc(50% - 3px);
     left: 11px
 }

 .tippy-box[data-placement^=right]>.tippy-svg-arrow {
     left: 0
 }

 .tippy-box[data-placement^=right]>.tippy-svg-arrow:after,
 .tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
     transform: rotate(-90deg);
     top: calc(50% - 3px);
     right: 11px
 }

 .tippy-svg-arrow {
     width: 16px;
     height: 16px;
     fill: #333;
     text-align: initial
 }

 .tippy-svg-arrow,
 .tippy-svg-arrow>svg {
     position: absolute
 }

 .tippy-box[data-animation=shift-away][data-state=hidden] {
     opacity: 0
 }

 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
     transform: translateY(10px)
 }

 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
     transform: translateY(-10px)
 }

 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
     transform: translateX(10px)
 }

 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
     transform: translateX(-10px)
 }

 .tooltip-menu {
     padding: .5rem;
     display: inline-block;
     text-decoration: none;
     text-align: left;
     min-width: 250px;
     width: 100%;
     color: #000;
     background: transparent no-repeat right 10px center;
     border-radius: 4px;
     transition: background .1s
 }

 .tooltip-menu:hover {
     background-color: #eee;
     text-decoration: none;
     color: #000
 }

 .tooltip-menu.is-active {
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yNTUgMzQ3IDEwMCAxMDAiIHdpZHRoPScxNnB4JyBoZWlnaHQ9JzE2cHgnPjxwYXRoIGQ9Ik0tMjE3LjEgNDMxLjhjLTEgMS4yLTIuNiAyLjItNCAyLjMtMS40LjEtMy0uOC00LjMtMS45bC0yNy41LTI0LjUgNy44LTguNyAyMy4yIDIwLjYgNTQuNi02MS43IDguNiA3LjktNTguNCA2NnoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=)
 }

 .tippy-box[data-theme~=dark] .tooltip-menu {
     color: #ddd
 }

 .tippy-box[data-theme~=dark] .tooltip-menu:hover {
     background-color: var(--floatpanel-hover);
     color: #fff
 }

 @media (min-width:768px) {
     .tooltip-menu.is-active {
         background-color: #f5f5f5
     }

     .tooltip-menu.has-two-columns {
         min-width: 50%;
         width: 50%;
         white-space: nowrap
     }

     .tippy-box[data-theme~=is-locale-tippy] {
         max-width: 440px !important
     }

     .tippy-box[data-theme~=is-locale-tippy] .tooltip-menu {
         min-width: calc(50% - 5px);
         width: calc(50% - 5px);
         white-space: nowrap;
         margin: 0 5px 5px 0
     }

     .tippy-box[data-theme~=is-locale-tippy] .tooltip-menu:nth-child(2n) {
         margin: 0 0 5px 5px
     }

     .tippy-box[data-theme~=is-locale-tippy] .tippy-content>div {
         margin-bottom: -5px
     }
 }

 @media (max-width:767px) {
     .tippy-box[data-theme~=is-fullwidth] {
         max-width: 100% !important;
         width: 100vw
     }

     .tippy-box[data-theme~=is-fullwidth] .tooltip-menu {
         width: 100%
     }

     .tooltip-menu.has-two-columns-mobile {
         min-width: 50%;
         width: 50%;
         white-space: nowrap
     }
 }

 .blue-toggle {
     border-radius: 2px;
     outline-offset: 5px;
     cursor: pointer
 }

 .blue-toggle.has-border {
     outline: 1px solid var(--tabs-border)
 }

 .blue-toggle.in {
     outline: 2px solid var(--text-link);
     position: relative
 }

 .blue-toggle.has-background.in:after {
     content: '';
     background: #1fb6ff26;
     position: absolute;
     top: -3px;
     left: -3px;
     right: -3px;
     bottom: -3px;
     border-radius: 6px
 }

 .message.is-top-banner {
     margin-bottom: 0 !important
 }

 .message.is-top-banner .container {
     align-items: center
 }

 .message.is-top-banner a:not(.button) {
     padding: .75em 0;
     flex-grow: 1
 }

 .message.is-top-banner .message-header {
     border-radius: 0;
     padding: 0
 }

 .message.is-top-banner .message-header a {
     text-decoration: none !important
 }

 .message.is-top-banner .container {
     display: flex;
     justify-content: space-between
 }

 @media (max-width:767px) {
     .vue-inited .message.is-top-banner {
         position: relative
     }
 }

 @media (min-width:768px) {
     .message.is-top-banner.is-producthunt .container {
         justify-content: center
     }

     .is-producthunt .button {
         margin-left: 1rem
     }

     .message.is-top-banner.is-producthunt a {
         flex-grow: 0
     }
 }

 @media (max-width:767px) {

     .modal-md,
     .modal-xl {
         width: 100%;
         margin: 0
     }

     .modal-body {
         padding: 15px;
         max-height: none !important
     }

     .modal-content {
         border: 0;
         border-radius: 0
     }

     .modal-dialog {
         margin: 0;
         position: absolute;
         width: 100%;
         height: 100%;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0
     }

     .modal-dialog .modal-content {
         height: 100%;
         min-height: 100%
     }

     .modal-open .modal {
         overflow-y: hidden
     }

     .modal-notify {
         padding: 15px;
         height: auto
     }

     .modal-notify .modal-content {
         height: auto;
         min-height: auto
     }

     .menu {
         margin: 0
     }

     .btn-xs-block {
         display: block;
         width: 100%
     }

     .text-xs-center {
         text-align: center
     }

     .text-xs-left {
         text-align: left
     }

     .text-xs-right {
         text-align: right
     }

     .startup-helper-holder .btn-link-empty {
         margin-left: 0
     }

     .themes-panel {
         padding: 15px
     }

     .device-xs-hide.marvel-device .screen {
         overflow: hidden
     }

     .border-3x {
         padding: 30px
     }

     .border-vertical-3x {
         padding-top: 30px;
         padding-bottom: 30px
     }
 }

 @media (min-width:768px) and (max-width:991px) {
     .text-sm-center {
         text-align: center
     }
 }

 @media (max-width:991px) {
     .index-statistics-image {
         top: 0;
         margin-bottom: 0
     }
 }

 .iti {
     position: relative;
     display: inline-block
 }

 .iti * {
     box-sizing: border-box;
     -moz-box-sizing: border-box
 }

 .iti__hide {
     display: none
 }

 .iti__v-hide {
     visibility: hidden
 }

 .iti input,
 .iti input[type=tel],
 .iti input[type=text] {
     position: relative;
     z-index: 0;
     margin-top: 0 !important;
     margin-bottom: 0 !important;
     margin-right: 0
 }

 .iti__flag-container {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     direction: ltr;
     padding: 1px
 }

 .iti__selected-flag {
     z-index: 1;
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding: 0 6px 0 8px;
     outline: 0
 }

 .iti__arrow {
     margin-left: 6px;
     width: 0;
     height: 0;
     border-left: 3px solid transparent;
     border-right: 3px solid transparent;
     border-top: 4px solid #555
 }

 .iti__arrow--up {
     border-top: none;
     border-bottom: 4px solid #555
 }

 .iti__country-list {
     position: absolute;
     z-index: 2;
     list-style: none;
     text-align: left;
     padding: 0;
     margin: 0 0 0 -1px;
     box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
     background-color: #fff;
     border: 1px solid #ccc;
     white-space: nowrap;
     max-height: 200px;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch
 }

 .iti__country-list--dropup {
     bottom: 100%;
     margin-bottom: -1px
 }

 @media (max-width:500px) {
     .iti__country-list {
         white-space: normal
     }
 }

 .iti__flag-box {
     display: inline-block;
     width: 20px
 }

 .iti__divider {
     padding-bottom: 5px;
     margin-bottom: 5px;
     border-bottom: 1px solid #ccc
 }

 .iti__country {
     padding: 5px 10px;
     outline: 0
 }

 .iti__dial-code {
     color: #999
 }

 .iti__country.iti__highlight {
     background-color: rgba(0, 0, 0, .05)
 }

 .iti__country-name,
 .iti__dial-code,
 .iti__flag-box {
     vertical-align: middle
 }

 .iti__country-name,
 .iti__flag-box {
     margin-right: 6px
 }

 .iti--allow-dropdown input,
 .iti--allow-dropdown input[type=tel],
 .iti--allow-dropdown input[type=text],
 .iti--separate-dial-code input,
 .iti--separate-dial-code input[type=tel],
 .iti--separate-dial-code input[type=text] {
     margin-left: 0
 }

 .iti--allow-dropdown .iti__flag-container,
 .iti--separate-dial-code .iti__flag-container {
     right: auto;
     left: 0
 }

 .iti--allow-dropdown .iti__flag-container:hover {
     cursor: pointer
 }

 .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
     background-color: rgba(0, 0, 0, .05)
 }

 .iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
 .iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
     cursor: default
 }

 .iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
 .iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
     background-color: transparent
 }

 .iti--separate-dial-code .iti__selected-flag {
     background-color: rgba(0, 0, 0, .05)
 }

 .iti--separate-dial-code .iti__selected-dial-code {
     margin-left: 6px
 }

 .iti--container {
     position: absolute;
     top: -1000px;
     left: -1000px;
     z-index: 1060;
     padding: 1px
 }

 .iti--container:hover {
     cursor: pointer
 }

 .iti-mobile .iti--container {
     top: 30px;
     bottom: 30px;
     left: 30px;
     right: 30px;
     position: fixed
 }

 .iti-mobile .iti__country-list {
     max-height: 100%;
     width: 100%
 }

 .iti-mobile .iti__country {
     padding: 10px 10px;
     line-height: 1.5em
 }

 .iti__flag {
     width: 20px
 }

 .iti__flag {
     height: 15px;
     box-shadow: 0 0 1px 0 #888;
     background-image: url(//taplink.cc/s/i/flags.png?v3);
     background-repeat: no-repeat;
     background-color: #dbdbdb;
     background-position: 20px 0
 }

 @media (-webkit-min-device-pixel-ratio:2),
 (min-resolution:192dpi) {
     .iti__flag {
         background-image: url(//taplink.cc/s/i/flags@2x.png?v3);
         background-size: 5652px 15px
     }
 }

 .iti__flag.iti__ru {
     height: 14px;
     background-position: -4295px 0
 }

 .iti__flag.iti__fr {
     height: 14px;
     background-position: -1731px 0
 }

 .iti__flag.iti__es {
     height: 14px;
     background-position: -1555px 0
 }

 .iti__flag.iti__tr {
     height: 14px;
     background-position: -5065px 0
 }

 .iti__flag.iti__it {
     height: 14px;
     background-position: -2523px 0
 }

 .iti__flag.iti__id {
     height: 14px;
     background-position: -2325px 0
 }

 .iti__flag.iti__az {
     height: 10px;
     background-position: -352px 0
 }

 .iti__flag.iti__mx {
     height: 12px;
     background-position: -3556px 0
 }

 .iti__flag.iti__de {
     height: 12px;
     background-position: -1269px 0
 }

 .iti__flag.iti__us {
     height: 11px;
     background-position: -5263px 0
 }

 .iti__flag.iti__pt {
     height: 14px;
     background-position: -4141px 0
 }

 .iti__flag.iti__br {
     height: 14px;
     background-position: -680px 0
 }

 .iti__flag.iti__me {
     height: 10px;
     background-position: -3182px 0
 }

 .iti__flag.iti__ge {
     height: 14px;
     background-position: -1819px 0
 }

 .iti__flag.iti__in {
     height: 14px;
     background-position: -2413px 0
 }

 .iti__flag.iti__jp {
     height: 14px;
     background-position: -2611px 0
 }

 .iti__flag.iti__cn {
     height: 14px;
     background-position: -1049px 0
 }

 @font-face {
     font-family: icons;
     src: url(/s/fonts/icons.eot?140);
     src: url(/s/fonts/icons.eot?140#iefix) format("embedded-opentype"), url(/s/fonts/icons.woff2?140) format("woff2"), url(/s/fonts/icons.woff?140) format("woff"), url(/s/fonts/icons.ttf?140) format("truetype");
     font-weight: 400;
     font-style: normal;
     font-display: block
 }

 .fab,
 .fai {
     font-family: icons !important;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1;
     speak: none
 }

 .fai:before {
     line-height: 1
 }

 .fa-lg {
     font-size: 1.33333em;
     line-height: .75em;
     vertical-align: -.0667em
 }

 @keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }

     to {
         -webkit-transform: rotate(1turn);
         transform: rotate(1turn)
     }
 }

 .fa-we:before {
     content: "\e919"
 }

 .fa-wb:before {
     content: "\e91a"
 }

 .fa-qq:before {
     content: "\e91b"
 }

 .fa-kk:before {
     content: "\e91c"
 }

 .fa-pm:before {
     content: "\e918"
 }

 .fa-ym:after {
     content: "\e945";
     color: #f33;
     margin-left: -1em
 }

 .fa-ym:before {
     content: "\e944";
     color: #fc0
 }

 .fa-ym {
     border-radius: 100%;
     padding: 4px 0
 }

 .fa-pd:before {
     content: "\e916"
 }

 .fa-mk:before {
     content: "\e917"
 }

 .fa-sh:before {
     content: "\e909"
 }

 .fa-bs:before {
     content: "\e90a"
 }

 .fa-md:before {
     content: "\e939"
 }

 .fa-tb:before {
     content: "\e906"
 }

 .fa-bl:before {
     content: "\e907"
 }

 .fa-ye:before {
     content: "\e908"
 }

 .fa-et:before {
     content: "\e90b"
 }

 .fa-eb:before {
     content: "\e90c"
 }

 .fa-dz:before {
     content: "\e90d"
 }

 .fa-am:before,
 .fa-az:before {
     content: "\e90e"
 }

 .fa-mc:before {
     content: "\e90f"
 }

 .fa-sc:before {
     content: "\e910"
 }

 .fa-sp:before {
     content: "\e911"
 }

 .fa-ap:before {
     content: "\e912"
 }

 .fa-it:before {
     content: "\e913"
 }

 .fa-yt:before {
     content: "\e000"
 }

 .fa-wh:before {
     content: "\e001"
 }

 .fa-sn:before {
     content: "\e002"
 }

 .fa-bh:before {
     content: "\e003"
 }

 .fa-ln:before {
     content: "\e004"
 }

 .fa-vb:before {
     content: "\e005"
 }

 .fa-pt:before {
     content: "\e006"
 }

 .fa-tg:before {
     content: "\e007"
 }

 .fa-vk:before {
     content: "\e008" !important
 }

 .fa-ms:before {
     content: "\e009"
 }

 .fa-sk:before {
     content: "\e00a"
 }

 .fa-fb:before {
     content: "\e00b"
 }

 .fa-ig:before {
     content: "\e00c"
 }

 .fa-tc:before {
     content: "\e00d"
 }

 .fa-tw:before {
     content: "\e989"
 }

 .fa-ok:before {
     content: "\e00f"
 }

 .fa-fb-o:before {
     content: "\e010"
 }

 .fa-gp:before {
     content: "\e011"
 }

 .fa-in:before {
     content: "\e012"
 }

 .fa-dr:before {
     content: "\e013"
 }

 .fa-tk:before {
     content: "\e014"
 }

 .fa-g:before {
     content: "\e016"
 }

 .fa-th:before {
     content: "\f00a"
 }

 .fa-shopping-basket:before {
     content: "\e962"
 }

 .fa-user:before {
     content: "\f007"
 }

 .fa-truck:before {
     content: "\f0d1"
 }

 .fa-image:before {
     content: "\e961"
 }

 .fa-angle-left:before {
     content: "\f104"
 }

 .fa-angle-right:before {
     content: "\f105"
 }

 .fa-times:before {
     content: "\f00d"
 }

 .fa-circle-times:before {
     content: "\e960"
 }

 .fa-map-marker-alt:before,
 .fab.fa-map:before {
     content: "\f3c5"
 }

 .fa-minus:before {
     content: "\f068"
 }

 .fa-plus:before {
     content: "\f067"
 }

 .fa-chevron-right:before {
     content: "\f054"
 }

 .fa-chevron-left:before {
     content: "\f053"
 }

 .fa-badge-percent:before {
     content: "\f646"
 }

 .fa-angle-double-down:before {
     content: "\f103"
 }

 .fa-circle:before {
     content: "\f111"
 }

 .fa-stop:before {
     content: "\f04d"
 }

 .fa-tilde:before {
     content: "\f69f"
 }

 .fa-wave-triangle:before {
     content: "\f89a"
 }

 .fa-star:before {
     content: "\f005"
 }

 .fa-pr:before {
     content: "\e903"
 }

 .fa-lu:before {
     content: "\e91d"
 }

 .fa-dc:before {
     content: "\e91f"
 }

 .fab.fa-globe:before {
     content: "\e91e"
 }

 .fa-circle-check:before {
     content: "\e91c"
 }

 .fa-circle-right:before {
     content: "\e91d"
 }

 .fa-locked:before {
     content: "\e91e"
 }

 .fa-lk .p1:before {
     content: "\e928";
     color: #ffbe0a
 }

 .fa-lk .p2:before {
     content: "\e929";
     margin-left: -1.1201171875em;
     color: #ff2373
 }

 .fa-lk .p3:before {
     content: "\e92a";
     margin-left: -1.1201171875em;
     color: #ff784b
 }

 .fa-lk .p4:before {
     content: "\e92b";
     margin-left: -1.1201171875em;
     color: #964bff
 }

 .fa-lk .p5:before {
     content: "\e92c";
     margin-left: -1.1201171875em;
     color: #be3cfa
 }

 .fa-lk .p6:before {
     content: "\e92d";
     margin-left: -1.1201171875em;
     color: #dc46e1
 }

 .fa-st .p1:before {
     content: "\e923";
     color: #3590c5
 }

 .fa-st .p2:before {
     content: "\e924";
     margin-left: -1em;
     color: #c53827
 }

 .fa-st .p3:before {
     content: "\e925";
     margin-left: -1em;
     color: #ec8b24
 }

 .fa-st .p4:before {
     content: "\e926";
     margin-left: -1em;
     color: #fbc618
 }

 .fa-st .p5:before {
     content: "\e927";
     margin-left: -1em;
     color: #612268
 }

 .fa-bc:before {
     content: "\e92e"
 }

 .fa-pc:before {
     content: "\e92f"
 }

 .fa-px:before {
     content: "\e930"
 }

 .fa-fv:before {
     content: "\e931"
 }

 .fa-zm:before {
     content: "\e932"
 }

 .fa-lf:before {
     content: "\e933"
 }

 .fa-is:before {
     content: "\e934"
 }

 .fa-db:before {
     content: "\e935"
 }

 .fa-ev:before {
     content: "\e936"
 }

 .fa-bb:before {
     content: "\e937"
 }

 .fa-ta:before {
     content: "\e938"
 }

 .fa-md:before {
     content: "\e939"
 }

 .fa-pp:before {
     content: "\e937"
 }

 .fa-al:before {
     content: "\e93a"
 }

 .fa-da:before {
     content: "\e93b"
 }

 .fa-gh:before {
     content: "\e93c"
 }

 .fa-bx:before {
     content: "\e93d"
 }

 .fa-rd:before {
     content: "\e93e"
 }

 .fa-vm:before {
     content: "\e93f"
 }

 .fa-fr .p1:before {
     content: "\e904";
     color: #005de1
 }

 .fa-fr .p2:before {
     content: "\e905";
     margin-left: -1em;
     color: #ff007e
 }

 .fa-du:before {
     content: "\e933"
 }

 .fa-qu:before {
     content: "\e936"
 }

 .fa-an:before {
     content: "\e900"
 }

 .fa-sb:before {
     content: "\e901";
     color: #a2a2a2
 }

 .fa-sb:after {
     content: "\e902";
     margin-left: -1em;
     color: #4fd1ff
 }

 .fa-bm:before {
     content: "\e946"
 }

 .fa-td:before {
     content: "\e914"
 }

 .fa-ar:before {
     content: "\e915";
     color: #13aff0
 }

 .fa-yz:before {
     content: "\e940"
 }

 .fa-tn .p1:before {
     content: "\e941";
     color: #fff
 }

 .fa-tn .p2:before {
     content: "\e942";
     margin-left: -1em;
     color: #fc3234
 }

 .fa-bt:before {
     content: "\e943"
 }

 .fa-jo:before {
     content: "\e948"
 }

 .fa-gn:before {
     content: "\e947"
 }

 .fa-rt {
     margin-top: -.8rem
 }

 .fa-rt .p1:before {
     content: "\e949";
     color: #f11341
 }

 .fa-rt .p2:before {
     content: "\e94a";
     margin-left: -1em;
     color: #fff
 }

 .fa-gd>* {
     width: 1em;
     margin-left: -1em
 }

 .fa-gd .p1 {
     margin-left: unset
 }

 .fa-gd .p1:before {
     content: "\e94b";
     color: #f9a825
 }

 .fa-gd .p2:before {
     content: "\e94c";
     color: #f9a825
 }

 .fa-gd .p3:before {
     content: "\e94d";
     color: #f9a825
 }

 .fa-gd .p4:before {
     content: "\e94e";
     color: #e53935
 }

 .fa-gd .p5:before {
     content: "\e94f";
     color: #43a047
 }

 .fa-gd .p6:before {
     content: "\e950";
     color: #e53935
 }

 .fa-gd .p7:before {
     content: "\e951";
     color: #43a047
 }

 .fa-gd .p8:before {
     content: "\e952";
     color: #1565c0
 }

 .fa-gd .p9:before {
     content: "\e953";
     color: #1e88e5
 }

 .fa-ab:before {
     content: "\e954"
 }

 .fa-yp {
     font-size: 30px !important
 }

 .fa-yp .p1:before {
     content: "\e955";
     color: #fff
 }

 .fa-yp .p2:before {
     content: "\e956";
     margin-left: -1em;
     color: #121215
 }

 .fa-yp .p3:before {
     content: "\e957";
     margin-left: -1em;
     color: #fff
 }

 .fa-yp .p4:before {
     content: "\e958";
     margin-left: -1em;
     color: #000
 }

 .fa-yp .p5:before {
     content: "\e959";
     margin-left: -1em;
     color: #fff
 }

 .fa-yp .p6:before {
     content: "\e95a";
     margin-left: -1em;
     color: #121215
 }

 .fa-yp .p7:before {
     content: "\e95b";
     margin-left: -1em;
     color: #fff
 }

 .fa-yp .p8:before {
     content: "\e95c";
     margin-left: -1em;
     color: #000
 }

 .fa-yp .p9:before {
     content: "\e95d";
     margin-left: -1em;
     color: #000
 }

 .fa-email:before {
     content: "\e95e"
 }

 .fab.fa-phone:before {
     content: "\e95f" !important
 }

 .fa-ps:before {
     content: "\e963"
 }

 .fa-bp:before {
     content: "\e964"
 }

 .fa-ch .p1:before {
     content: "\e965";
     color: #1f1f1a
 }

 .fa-ch .p2:before {
     content: "\e966";
     margin-left: -1.2158203125em;
     color: #ffe450
 }

 .fa-ch .p3:before {
     content: "\e967";
     margin-left: -1.2158203125em;
     color: #ffe450
 }

 .fa-ch .p4:before {
     content: "\e968";
     margin-left: -1.2158203125em;
     color: #1f1f1a
 }

 .fa-ch .p5:before {
     content: "\e969";
     margin-left: -1.2158203125em;
     color: #1f1f1a
 }

 .fa-ch .p6:before {
     content: "\e96a";
     margin-left: -1.2158203125em;
     color: #1f1f1a
 }

 .fa-tr:before {
     content: "\e96f"
 }

 .fa-gt:before {
     content: "\e96e";
     color: #fff
 }

 .fa-eye-slash:before {
     content: "\e96c"
 }

 .fa-eye:before {
     content: "\e96d"
 }

 .fa-logout:before {
     content: "\e96b"
 }

 .fa-sliders:before {
     content: "\e971"
 }

 .fa-gear:before {
     content: "\e970"
 }

 .fa-hourglass:before {
     content: "\e972"
 }

 .fa-bell:before {
     content: "\e974"
 }

 .fa-bell-solid:before {
     content: "\e973"
 }

 .fa-vo:before {
     content: "\e975";
     color: #19d66a
 }

 .fa-mt .p1:before {
     content: "\e976";
     color: red
 }

 .fa-mt .p2:before {
     content: "\e977";
     margin-left: -1em;
     color: #fff
 }

 .fa-mt .p3:before {
     content: "\e978";
     margin-left: -1em;
     color: #fff
 }

 .fa-zl {
     transform: scale(1.3)
 }

 .fa-zl .p1:before {
     content: "\e982";
     color: #0068ff
 }

 .fa-zl .p2:before {
     content: "\e983";
     margin-left: -1em;
     color: #001a33;
     opacity: .12
 }

 .fa-zl .p3:before {
     content: "\e984";
     margin-left: -1em;
     color: #fff
 }

 .fa-zl .p4:before {
     content: "\e985";
     margin-left: -1em;
     color: #0068ff
 }

 .fa-zl .p5:before {
     content: "\e986";
     margin-left: -1em;
     color: #0068ff
 }

 .fa-sg:before {
     content: "\e979"
 }

 .fa-loading:before {
     content: "\e97a"
 }

 .fa-upload:before {
     content: "\e97b"
 }

 .fa-view-grid:before {
     content: "\e97e"
 }

 .fa-view-list:before {
     content: "\e97d"
 }

 .fa-kc:before {
     content: "\e97c";
     color: #53fc19
 }

 .fa-link:before {
     content: "\e998"
 }

 .fai.fa-arrow-right:before {
     content: "\f061"
 }

 .fa-xg .p1:before {
     content: "\e980";
     color: #005a5f
 }

 .fa-xg .p2:before {
     content: "\e981";
     margin-left: -1em;
     color: #d4d600
 }

 .fa-dh:before {
     content: "\e97f"
 }

 .fa-kt .p1:before {
     content: "\e987";
     color: #000
 }

 .fa-kt .p2:before {
     content: "\e988";
     margin-left: -1em;
     color: #ffe812
 }

 .fa-pf:before {
     content: "\e992";
     color: #fff
 }

 .fa-do .p1:before {
     content: "\e990";
     color: #e11023
 }

 .fa-do .p2:before {
     content: "\e991";
     margin-left: -1.193359375em;
     color: #000200
 }

 .fa-ru .p1:before {
     content: "\e98a";
     color: #07f
 }

 .fa-ru .p2:before {
     content: "\e98b";
     margin-left: -1em;
     color: #fff
 }

 .fa-ru .p3:before {
     content: "\e98c";
     margin-left: -1em;
     color: #fff
 }

 .fa-ru .p4:before {
     content: "\e98d";
     margin-left: -1em;
     color: #fff
 }

 .fa-ru .p5:before {
     content: "\e98e";
     margin-left: -1em;
     color: #2b71f6
 }

 .fa-ru .p6:before {
     content: "\e98f";
     margin-left: -1em;
     color: #2b71f6
 }

 .fa-hw:before {
     content: "\e994"
 }

 .fa-rg:before {
     content: "\e993"
 }

 .fa-locked:before {
     content: "\e922"
 }

 .fa-circle-exclamation:before {
     content: "\e996"
 }

 .fa-tp .p1:before {
     content: "\e995";
     color: #04da8d
 }

 .fa-tp .p2:before {
     content: "\e997";
     margin-left: -1.0625em;
     color: #126849
 }

 .fa-tm .p1:before {
     content: "\e999";
     color: #fff
 }

 .fa-tm .p2:before {
     content: "\e99a";
     margin-left: -1.0166015625em;
     color: #05a63f
 }

 .fa-wm .p1:before {
     content: "\e99b";
     color: #fff
 }

 .fa-wm .p2:before {
     content: "\e99c";
     margin-left: -1.0166015625em;
     color: #0196ff
 }

 .fa-d2:before {
     content: "\e99d"
 }

 .fa-pl:before {
     content: "\e99e"
 }

 .fa-lock:before {
     content: "\e99f"
 }

 .fab.fa-vp .p1:before {
     content: "\e9a0";
     color: #07f;
     opacity: var(--fill-opacity-3)
 }

 .fab.fa-vp .p2:before {
     content: "\e9a1";
     margin-left: -1em;
     color: #0009b4;
     opacity: var(--fill-opacity-2)
 }

 .fab.fa-vp .p3:before {
     content: "\e9a2";
     margin-left: -1em;
     color: #fff
 }

 .fab.fa-sm:before {
     content: "\e9a3"
 }

 .fa-bk:before {
     content: "\e9a4"
 }

 .fa-vv .p1:before {
     content: "\e9a5";
     color: #07f;
     opacity: var(--fill-opacity-3)
 }

 .fa-vv .p2:before {
     content: "\e9a6";
     margin-left: -1em;
     color: #ff2b42;
     opacity: var(--fill-opacity-3)
 }

 .fa-vv .p3:before {
     content: "\e9a7";
     margin-left: -1em;
     color: #fff
 }

 .fa-mx:before {
     content: "\e9a8"
 }

 .fa-ss:before {
     content: "\e9a9"
 }

 .fa-ya:before {
     content: "\e9aa";
     font-size: 90%
 }

 .fab.fa-pi:before {
     content: "\e9ab"
 }

 .fab.fa-img-solid:before {
     content: "\e9ac"
 }

 .fab.fa-img:before {
     content: "\e9ad"
 }

 .fab.fa-img-slash:before {
     content: "\e9ae"
 }

 .fab.fa-volume-mute:before {
     content: "\e9af"
 }

 .fab.fa-volume-full:before {
     content: "\e9b0"
 }

 .map-container,
 .video-container {
     padding-top: 56.17021276595745%;
     width: 100%;
     position: relative;
     overflow: hidden;
     border-radius: 5px;
     border-radius: var(--block-radius)
 }

 .video-container iframe,
 .video-container video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 5px;
     border-radius: var(--block-radius)
 }

 .video-container.is-9x16 {
     padding-top: 177.78%
 }

 .hero {
     align-items: stretch;
     display: flex;
     flex-direction: column;
     justify-content: space-between
 }

 .hero.is-fullheight {
     min-height: 100vh
 }

 .hero.is-fullheight .hero-body {
     align-items: center;
     display: flex
 }

 .hero-body {
     flex-grow: 1;
     flex-shrink: 0
 }